@charset "UTF-8";
/* CSS Document */

/*タブレット用スタイル*/
@media (min-width: 768px) and (max-width: 959px) {
.container{
	width: 768px;
	margin:0 auto;
	position:relative;
}
section{
	padding-top:70px;
	padding-bottom:70px;
}
.section-low{
	padding-top:40px;
	padding-bottom:40px;
}
.contents{
	margin-top:40px;
}
.br_sp{
	display:none;
}
.br_pc{
	display:block;
}

/*見出し*/
.big-h2{
	padding-top: 50px;
	padding-bottom: 50px;
}
.voice-h3{
	background: #fff;
	padding: 25px 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.voice-h3 p{
	border-left: 10px solid #FC4E08;
	font-size: 38px;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.3;
}
.knowhowbox h3{
	font-size: 34px;
	color: #D84A40;
	font-weight: bold;
	margin-bottom: 30px;
}
.lbb{
	border-left: 10px solid #182A51;
	font-size: 36px;
	font-weight: bold;
	padding: 20px 0 20px 20px;
	line-height: 1.3;
}
.lbg{
	border-left: 10px solid #D8E2EB;
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	padding: 10px 0 10px 15px;
	line-height: 1.3;
}

/*header*/
.top-left{
	float:left;
	position: absolute;
	left: 0;
	right: 0;
}

.top-right{
	float:right;
	padding-top:20px;
	padding-bottom:10px;
}

/*mv*/
.mv{
	width: 100%;
	padding-top: 30px;
	margin:0 auto;
}
.mv img{
	width: 100%;
}

/*コンテンツ*/
.knowhowbox{
	padding: 30px;
	margin-bottom: 30px;
	border: 10px solid #9CBAD4;
	background: #fff;
}
.graybox{
	padding: 40px;
	background: #F3F3F3;
	border: 10px solid #EEEEEE;
	font-size: 26px;
	font-weight: bold;
	line-height: 2;
}
.graybox span{
	background: #FFE600;
}
.qa{
	border-bottom: 1px dotted #444444;
	padding-bottom: 40px; 
	margin-bottom: 40px;
}
.qa dt{
	font-size: 22px;
	color: #00336B;
	background:url(../img/q.png) no-repeat left center;
	min-height: 58px;
	padding-left: 65px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.qa dd{
	background:url(../img/a.png) no-repeat left top;
	min-height: 58px;
	padding-left: 65px;
}
.checkbox{
	border: 10px solid  #C5B519;
	background: #fff;
	padding: 30px;
}
.checkbox ul li{
	font-size: 26px;
	margin-bottom: 15px;
	background:url(../img/check.png) no-repeat left center;
	padding-left: 45px;
	color: #00336B;
	font-weight: bold;
}
.blue-box{
	background: #fff;
	border: 10px solid #C9D4EA;
	padding: 60px 100px;
}
.bb-blue{
	border-bottom: 1px solid #00468C;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.blue-box02{
	background: #fff;
	border: 10px solid #7F99B5;
	padding: 40px 15px;
}
.bg-fb{
	overflow: hidden;
    background: url(../img/footer_fb_bg.jpg) center center repeat-x;
}
.footer_fb_box {
    width: 500px;
    margin: 0 auto;
}	

	
/*footer*/
footer{
	background:#3A3B3E;
	color: #FFF;
	padding: 20px 0 110px 0;
}

footer p a{
	color: #FFF;
	text-decoration: underline; 
}
.footer_wp {
	overflow: hidden;
    width: auto;
    margin: 20px 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.footer_nav {
    width: auto;
    overflow: hidden;
}
.footer_nav .nav_tit {
    font-size: 20px;
    line-height: 2;
    border-bottom: 1px solid #909090;
    font-weight: bold;
}
.footer_nav .nav ul {
    padding: 10px 0 0 10px;
}
.footer_nav .nav li {
	font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
.footer_nav .nav li:before {
    content: "❘";
    color: #999;
    margin-right: 10px;
}
.footer_nav .nav li a {
    color: #fff;
}
.footer_txt {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.footer_logo {
    margin-bottom: 20px;
}
.footer_logo a {
    display: block;
    height: 69px;
    text-indent: -9999px;
    background: url(../img/footer_logo.png) center top no-repeat;
}
.footer_txt p {
	font-size: 16px;
    line-height: 1.4;
}
.footer_tel {
    height: 36px;
    margin: 20px 0 10px 0;
    text-indent: -9999px;
    background: url(../img/footer_tel.png) center top no-repeat;
}
.footer_btn {
    overflow: hidden;
    margin-top: 15px;
}
.footer_btn .btn.pamphlet a {
    margin-right: 5px;
    background-image: url(../img/footer_btn_01.png);
}
.footer_btn .btn a {
    display: block;
    height: 38px;
    text-indent: -9999px;
    color: #fff;
    background-color: #f7810f;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 4px solid #d46800;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.footer_btn .btn {
    float: left;
    width: 50%;
	padding: 0;
}
.footer_btn .btn.contact a {
    margin-left: 5px;
    background-image: url(../img/footer_btn_02.png);
}

/*fix-you*/
.bg-clearblue{
    background: rgba(123,199,213,.45);
}
.fix-you {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.fix-you img{
	width: 40%;
	padding-top: 5px;
	padding-bottom: 5px;
}

	
	
.pl0{
	padding-left:0;
}
.tabpl0{
	padding-left:0;
}
.tabpr0{
	padding-right:0;
}
}
/*タブレット用スタイルend*/