@charset "UTF-8";


@media screen and (min-width: 768px) {
.h1_sp{
	display:none !important;
}
}
@media all and (max-width: 767px) {
.h1_pc{
	display:none !important;
}
.h1_sp{
	display: block!important;
	margin:auto !important;
	text-align:center;
}
}

/*--------------------------------------------------------------------------------
topimage
--------------------------------------------------------------------------------*/

@media all and (max-width: 767px) {
	#topimage{ margin-bottom: 20px; }
	#topimage_tel{ display:none;}
	#topimage .container{ padding:0 !important; }
}
@media screen and (min-width: 768px) {
	#topimage {
		margin-bottom: 40px;
		}
	#topimage_tel{
		padding:10px 0;
		background:#0a4d86;	
	}
}

#topimageList{
	margin:-20px 0 10px 0;
	padding:10px 0 0 0;
	background:#009944;
}
#topimageList .slick_slider div{
	margin:0 3px;
	margin-bottom:-10px !important;
}

/*----------------------------------------*----------------------------------------
catch
----------------------------------------*----------------------------------------*/

#catch_top{
	text-align:center;
}
#catch_top h2{
	font-size:3.5rem;
	font-weight:800;
	margin-top:40px;
}
#catch_top h2 span{
	color:#0d65b0;
	background:linear-gradient(transparent 85%, #fff100 0%);
}
#catch_bottom{
	margin-top:-20px !important;
	padding:10px 0 30px 20px;
	background:#FFF;
	border:#7ecef4 10px solid;
}
#catch_bottom p{
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-top:10px;
}
#catch_bottom p strong{
	font-size:3.5rem;
	font-weight:600;
	background:linear-gradient(transparent 85%, #fff100 0%);
}
#catch_bottom ul{
	margin-top:25px;
}
#catch_bottom ul li{
	position:relative;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:30px;
	padding-left:35px;
	line-height:1.3;
}
#catch_bottom ul li:before{
	position: absolute;
	display:block;
	content:"";
	background:url(common/img/check.gif) center top no-repeat;
	width:33px;
	height:35px;
	margin-top:-7px;
	margin-left:-38px;
}  

#catch a img:hover{
	opacity:0.6;
	transition:.2s linear;
}

@media all and (max-width: 767px) {
#catch .row{
	padding:10px !important;
}
#catch_top h2{
	text-align:center;
	font-size:2.0rem;
	padding-left:40%;
	background:url(img/catch-img.jpg) left bottom no-repeat;
	background-size:contain;
	margin-top:10px !important;
}
#catch_top img{
	width:80% !important;
}
#catch_bottom{
	margin-top:-30px !important;
}
#catch_bottom p{
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-top:10px;
}
#catch_bottom p strong{
	font-size:2.8rem;
}

#catch_bottom ul{
	margin-bottom:-15px !important;
}
#catch_bottom ul li{
	font-size:1.8rem;
	margin-bottom:20px;
}
}

/*----------------------------------------*----------------------------------------
menu
----------------------------------------*----------------------------------------*/

#menu h2{
	text-align: left;
	font-size:3.6rem;
	font-weight:600;
	line-height:5.6rem;
	margin-top:-20px;
	}
#menu h2 span span{
	font-size:6.0rem;
	font-weight:800;
}

#menu h2 strong{
	font-size:3.6rem;
}

#menu .row .border{
	border:#7ECEF4 5px solid;
	background:#FFF;

}
.menu_box{ position:relative;}
#menu .menu_price{
	position:relative;
	text-align:center;
	color:#999;
	font-size:1.5rem;
	font-weight:bold;
	padding-left:50px;
}
#menu .menu_price span{
	position:absolute;
	display:block;
	color:#FFF;
	background:#009944;
	font-size:1.0rem;
	top:15px;
	margin-left:-40px;
	padding:3px 5px;
}
#menu .menu_price strong{
	color: #e60012;
	font-size:3.2rem !important;
	font-weight:600;
	padding-left:5px;
}
#menu h3{
	text-align:center;
	font-size:2.9rem;
	font-weight:600;
	color: #0d65b0;
	border-bottom:#999 1px dotted;
	padding:5px 0;
	margin:0 auto 0 auto;
	width:90%;
}
#menu p{
	text-align:left;
	padding:0 10px 10px 10px;
}
@media screen and (min-width: 768px) {
#menu .menu_caption{
	text-align:center;
	margin-top:-10px !important;
}

}

@media all and (max-width: 767px) {
#menu{
	margin-top:0 !important;
	padding:40px 5px 0 5px;
}

#menu h2{
	font-size:1.6rem !important;
	line-height:1.2 !important;
	}
#menu h2 span span{
	font-size:4rem;
}
#menu h2 strong{
	font-size:2rem;
}
#menu h3{
	font-size:2.5rem;
	padding-bottom:0 !important;
}
#menu .menu_price{
	font-size:1.4rem;
	font-weight:bold;
	padding-left:50px;
}
#menu .menu_price span{
	position: relative;
	display: inline-block;
	top:-10px;
	margin-left:-30%;
}
#menu .menu_price strong{
	font-size:40px;
	padding-left:5px;
}

#menu .menu_caption{
	text-align: left;
	font-size: 1.2rem;
	margin-top:-5px !important;
}
#menu img{
	width:100%;
}
}


/*----------------------------------------*----------------------------------------
addprice
----------------------------------------*----------------------------------------*/

#addprice{
	text-align:center;
}
#addprice h2{
	display:table-cell;
	vertical-align:middle;
	font-size:3.2rem;
	font-weight:600;
	background:url(img/h1_bg.gif) center center no-repeat;
	width:1080px;
	height:150px;
}

#addprice ul li{
	font-weight:bold;
	margin-bottom:10px;
	list-style: none !important;
}


@media all and (max-width: 767px) {
#addprice{
	margin-top:20px !important;
	text-align:left;
	}
#addprice h2{
	font-size:2.2rem;
	line-height:3.0rem;
	width: auto;
	padding:0 10px;
}
#addprice h2 img{
	width:300px;
	height:134px;
}

}



/*----------------------------------------*----------------------------------------
flow
----------------------------------------*----------------------------------------*/

#flow{
	text-align:center;
}
#flow h2{
	display:table-cell;
	vertical-align:middle;
	font-size:3.2rem;
	font-weight:600;
	background:url(img/h1_bg.gif) center center no-repeat;
	width:1080px;
	height:150px;
}

#flow h3{
	font-size:2.2rem;
	margin-top:30px !important;
	margin-bottom:10px !important;
}
#flow h3:before{
	content:"＼";
	color:#009944;
	padding-right:10px;
}
#flow h3:after{
	content:"／";
	color:#009944;
	padding-left:10px;
}

#flow .border_dot{
	display: inline-block;
	border:#333 1px dotted;
	margin-bottom:30px;
	padding:10px 20px;
}

#flow h4{
	display:block;
	font-weight:600;
	border-bottom:#999 1px dotted;
	padding:5px;
	margin:auto;
	width:90%;
}

#flow .border{
	position:relative;
	border:#7ecef4 5px solid;
}
#flow .border img{
}
#flow .border p{
	text-align: left;
	padding:10px;
}
#flow .flow_num{
	position:absolute;
	display:block;
	color:#FFF;
	background:#1567ad;
	font-size:2.5rem;
	margin:-20px 0 0 10px;
	width:45px;
	height:45px;
	 line-height:1;
	text-align:center;
	border-radius:50%;
	border:#FFF 2px solid;
	padding:7px 0;
}

@media all and (max-width: 767px) {
#flow{
	margin-top:20px !important;
	text-align:left;
	}
#flow h2{
	font-size:2.2rem;
	line-height:3.0rem;
	width: auto;
	padding:0 10px;
}
#flow h2 img{
	width:300px;
	height:134px;
}
#flow h3{
	text-align:center !important;
}
#flow h4{
	text-align:center !important;
	padding-top:10px !important;
}
#flow .col{
	padding:10px 5px !important;
	background:#7ecef4;
}
#flow .border{
	padding:0 !important;
	border:none !important;
	background:#FFF;	
}
}


/*----------------------------------------*----------------------------------------
riyu
----------------------------------------*----------------------------------------*/
#riyu .row{
	margin-top:40px;
}
#riyu .col{
	position:relative;
	margin-bottom:30px;
}
#riyu .card{
	text-align:center;
	border:#122a88 5px solid;
	padding:10px 10px 10px 10px;
	background:#FFF;
}
#riyu .card p{
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	margin:15px 0 10px 0 !important;
}
#riyu .point{
	text-align:center;
	position: absolute;
	color:#FFF;
	background:#00a0e9;
	font-weight:bold;
	margin-top:-15px;
	margin-left:10px;
	padding:3px 5px;
	line-height:1.2;
	z-index:100;
}
#riyu .point span{
	display:block;
	font-size:2.8rem;
}
@media all and (max-width: 767px) {
#riyu .card{
	padding:10px 5px;
}
#riyu .card p{
	font-size:1.3rem !important;
}
#riyu .card .font-xs{
	font-size:0.8rem !important;
}
#riyu .point{
	font-size:1.2rem !important;
}
#riyu .point span{
	font-size:2.0rem !important;
}
}

/*----------------------------------------*----------------------------------------
case
----------------------------------------*----------------------------------------*/

#case{
	text-align:center;
	background:#c8edff;
	margin:60px 0 40px 0;
	padding:20px 0 5px 0;
}

#case h3{
	font-size:1.6rem !important;
	color:#00449d !important;
	margin-bottom:0 !important;
}

#case .row{
	margin-top:20px !important;
}
#case .row .col{
	text-align:left;
	margin-bottom:15px !important;
}
#case .row .col .row{
	padding:0 !important;
	margin:0 !important;
	background:#FFF;
}
#case .row .col .row .col{
	padding:10px !important;
	margin:0 !important;
}

#case .row .col .row .col p{
	padding:10px 10px 10px 0;
}
@media screen and (min-width: 768px) {
#case .row div:nth-child(odd) { padding-left:30px; }
#case .row div:nth-child(even) { padding-right:30px; }
}
@media all and (max-width: 767px) {
#case{ margin-top:20px !important; padding:20px 5px 5px 5px;}
#case h3{ font-weight:600;}
#case .row .col .row .col p{
	padding:0;
}
}

/*----------------------------------------*----------------------------------------
top_service
----------------------------------------*----------------------------------------*/
#top_service {
	margin-top:-20px !important;
	padding:10px 20px;
	background:#c8edff;
}

#top_service .row{
	background:#c8edff;
}

#top_service .col{
	padding:10px;
}

#top_service .col div{
	background:#FFF;
	padding:10px 15px 15px 15px;
}
	
#top_service img{
	float:right;
	width:35%;
	margin:0 10px 0 10px;
}
#top_service h3{
	height:auto !important;
	width: auto !important;
	font-size:2.4rem!important;
	font-weight:bold !important;
	color:#0d65b0  !important;
	background:none !important;
	border:none !important;
	border-bottom:#666 dashed 1px !important;
	margin:0 0 10px 0 !important;
	padding:5px 0!important;
	line-height:normal !important;
	z-index:9998;
}
#top_service h3 span{
	color:#0d65b0  !important;
	font-size:28px!important;
	padding-right:5px;
}
#top_service .row .col span{
	color:#888;
}
@media all and (max-width: 767px) {
#top_service h3{
	font-size:1.8rem!important;
}
}
/*----------------------------------------*----------------------------------------
service
----------------------------------------*----------------------------------------*/
#service{
	background:#fff7cf;
	padding-top:0 !important;
}
#service h2{
	text-align:center;
	font-size:3.4rem;
	font-weight:800;
	padding:10px 0;
	margin-bottom:0 !important;
	width:100%;
	color:#FFF;
	background:#089ce1;
	border-bottom:#088cca 15px solid;
}

#service h3{
	display:inline-block;
	font-size:2.6rem;
	font-weight:600;
	padding-left:70px
}

#service .row{
	padding:35px 30px 30px 30px;
	margin:0;
}

#service .col{
	position:relative;
}
#service .col p{
	border-bottom:#999 dashed 2px !important;
	padding-bottom:20px;
	margin-bottom:30px;
	font-size:1.8rem;
}
#service .service_num{
	position:absolute;
	display:inline-block;
	color:#FFF;
	background:#1567ad;
	font-size:1.8rem;
	font-weight:600;
	width:60px;
	height:60px;
	 line-height:1;
	text-align:center;
	border-radius:50%;
	padding:20px 0;
	margin-top:-10px;
}
@media all and (max-width: 767px) {
	#service h2{
	font-size:3.0rem;
	padding:10px;
	}
	#service h2 span{
	font-size:2.0rem;
	}
	#service h3{
	font-size:1.6rem;
	margin-bottom:15px;
	padding-left:55px
	}
	#service .row{
	padding:20px 5px;
}
	#service .col p{
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:1.5rem !important;
}
#service .service_num{
	font-size:1.4rem;
	width:45px;
	height:45px;
	padding:15px 0;
}
#service img{
	display: inline-block;
	margin:auto;
	width:50%;
}
}

/*----------------------------------------*----------------------------------------
tips
----------------------------------------*----------------------------------------*/
#tips{
	margin-top:60px;
}

#tips h2{
	padding-top:0 !important;
}
#tips h2 span{
	color:#e60012;
}
#tips .tips_icon{
	position:absolute;
	z-index:999;
	left:0;
	top:0;
	margin-top:-20px;
	margin-left:-50px;
}


#tips h3 {
	text-align:center;
	font-weight:600;
	padding:10px 0 0 0;
	margin:5px 0 10px 0 !important;
}

#tips .row{
	margin-top:20px !important;
	margin-bottom:0 !important;
}
#tips .row .col{
	margin-bottom:20px !important;
}
#tips .row .border{
	background:#FFF;
	border:#c8edff 6px solid;
	padding:10px;
}
#tips p{
	padding:0 10px 10px 10px;
}
.tips3{
	padding:20px 10px 10px 10px;
	background:#7ecef4;
}
.tips3 h3{
	display:inline-block;
	padding:10px 30px 0 30px !important;
}
	

@media all and (max-width: 767px) {
#tips{
	border: none;
	margin-top:80px;
	padding:0;
}
#tips h2{
	font-size:2.0rem;
	width:100%;
	margin:20px auto;
	padding:10px 0 5px 0 !important;
}
#tips .tips_icon{
	left:0;
	top:0;
	margin-top:-25px;
	margin-left:-40px;
}
#tips .tips_icon img{
	width:30% !important;
}
#tips p{
	padding:0;
}
.tips3{
	padding:5px;
}
.tips3 h3{
	display:block;
	padding:0 !important;
	margin:0 !important;
}
}
/*----------------------------------------*----------------------------------------
trouble
----------------------------------------*----------------------------------------*/

#trouble{
		
}
#trouble h2{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:3.2rem !important;
	font-weight:600;
	background:url(img/h1-trouble_bg.gif) center center no-repeat;
	width:1080px;
	height:150px;
}
#trouble h3{
	text-align:center;
	font-size:2.0rem;
	font-weight:600;
	margin:auto 15px;
	padding:10px;
	border-bottom:#666 1px dashed;
}
#trouble .row{
	margin-top:20px !important;
	margin-bottom:0 !important;
}
#trouble .row .col{
	margin-bottom:20px !important;
}
#trouble .row .border{
	border:#fff7ce 5px solid;
	background:#FFF;

	
}
#trouble .row .border img{
	width:100%;
}
#trouble p{
	padding:15px;
}
#trouble span{
	display:block;
	font-size:1.4rem;
	padding-top:10px;
}


#trouble_bottom{
	background:#c8edff;
	padding:0 30px 20px 30px;
}

#trouble_bottom h2{
	text-align:left;
	font-size:3.2rem;
	background:url(img/h1-trouble_bottom_bg.png) left bottom no-repeat;
	background-size:23%;
	border-bottom:#000 1px solid;
	padding-left:200px;
	position: relative;
}
#trouble_bottom h2:before {
	content: '';
	width: 100%;
	height: 1px;               
	border-bottom:#000 solid 1px;
	position: absolute; 
	left: 0px;  
	bottom: -5px;
}
#trouble_bottom h2 span{
	display:inline;
	font-size:3.2rem;
	color:#0d65b0;
}
#trouble_bottom .row{
	background:#FFF !important;
	padding:10px 0 0 0;
}
#trouble_bottom .row .col{
	padding:0 0 0 10px!important;
}
#trouble_bottom h3{
	text-align:left;
	font-size:2.4rem;
	line-height:3.0rem;
	border-bottom:#000 1px solid;
}

@media all and (max-width: 767px) {
#trouble{ margin-top:20px !important;}
#trouble h2{
	font-size:2.2rem !important;
	line-height:3.0rem !important;
	width: 100% !important;
	height:130px;
	padding:0 10px;
	margin-bottom:10px !important;
}
#trouble h2 img{
	width:300px;
	height:134px;
}
#trouble h3{
	font-size:1.60rem;
	padding:5px 5px 3px 5px;
	margin:10px 0 5px 0!important;
}
#trouble .row{
	margin-bottom:0 !important;
}
#trouble .row .col{
	margin-bottom:10px !important;
}
#trouble p{
	padding:5px 15px 10px 15px !important;
}

#trouble_bottom{
	background:#7ecef4;
	padding:20px 20px;
}
#trouble_bottom h2{
	display:block;
	text-align:center;
	font-size:2.0rem!important;
	padding:5px 0 10px 0 !important;
	margin:0 !important;
	background: none !important;
	line-height:1.2 !important;
	height:auto !important;
	width:100%;
}
#trouble_bottom h2 span{
	font-size:2.6rem!important;	
}
#trouble_bottom .row{
	background:#FFF;
	padding:10px;
}
#trouble_bottom .row .col{
	padding:0!important;
}
#trouble_bottom .row .col img{
	padding:0 10px 0 0;
}
#trouble_bottom h3{
	line-height:2.2rem;
	margin:0 0 10px 0 !important;
}
#trouble_bottom p{
	padding:0 !important;
}
}

/*----------------------------------------*----------------------------------------
faq
----------------------------------------*----------------------------------------*/

#faq .card{
	border:#009944 5px solid;
	border-radius: 10px;
	background-color:#FFF;
}
#faq .card_header{
	background:#009944;
}
#faq h2{
	text-align:center;
	font-size:3.0rem;
	font-weight:600;
	color:#FFF;
	padding:5px 0 10px 0;
}
#faq h3{
	text-align:center;
	font-size:2.2rem;
	font-weight:600;
	background:#fff7ce;
	border:#009944 3px solid;
	padding:5px 0;
}
#faq p{
	display:block;
}
#faq .qustion{
	font-size:1.8rem !important;
	font-weight:600;
	color:#00479d;
	margin-bottom:15px;
}
#faq .qustion p{
	padding-top:5px;
}
#faq .qustion span{
	text-align:center;
	float:left;
	color:#FFF;
	background:#00479d;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:2.0rem;
	font-weight:600;
	min-width:33px;
	min-height:33px;
	border-radius: 3px;
	margin-right:20px;
	padding:2px 5px 3px 5px;
}
#faq .answer{
	padding-bottom:20px;
	border-bottom:#999 dotted 1px;
	margin-bottom:20px !important;
}
#faq .answer span{
	text-align:center;
	float:left;
	color:#FFF;
	background:#0d65b0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:2.0rem;
	font-weight:600;
	min-width:33px;
	min-height:33px;
	border-radius: 3px;
	margin-right:20px;
	margin-bottom:20px;
	padding:2px 5px 3px 5px;
}

@media all and (max-width: 767px) {
#faq { margin-top:0 !important;}
#faq  h2{
	font-size:2.2rem;
}
#faq h3{
	font-size:1.8rem;
	padding:5px 5px 2px 5px;
}
#faq .qustion{
	font-size:1.5rem !important;
	margin-bottom:10px;
}
#faq .qustion p{
	padding-top:0px;
}
#faq .qustion span{
	min-width:30px;
	min-height:30px;
	margin-right:15px;
	margin-bottom:20px;
	padding:2px 5px 1px 5px;
}
#faq .answer{
	margin-bottom:20px;
	padding-bottom:15px;
	clear:both;
}
#faq .answer span{
	min-width:30px;
	min-height:30px;
	margin-right:15px;
	margin-bottom:10px;
	padding:2px 5px 1px 5px;
}
}


/*----------------------------------------*----------------------------------------
voice
----------------------------------------*----------------------------------------*/

#voice{
	margin-top:20px;
}
#voice_bg{
	background:linear-gradient(180deg,#f7f7f7 0%,#f7f7f7 50px,#7ecef4 50px,#7ecef4 100%);
	padding-left:20px;
}
	
#voice h2{
	color:#51310b;
	font-size:3.0rem;
	font-weight:800;
	background:url(img/h1-voice_bg.png) left bottom no-repeat;
	padding:80px 0 20px 120px;
	min-height:87px;
	line-height:3.6rem;
}

#voice h2 span{
	color:#000000 !important;
	font-size:2.0rem;
	font-weight:600;
}
#voice h3{
	display:inline-block;
	color:#51310b;
	font-size:2.5rem;
	font-weight:600;

	/*border-bottom:#fff100 10px solid;*/
	
	background: linear-gradient(transparent 80%, #fff100 0%);
    display: inline;
    padding: 0 0px 2px;
}
#voice .row{
	margin-top:40px !important;
}
#voice img{
	margin-left:20px;
}
#voice .name{
	color:#0d65b0;
	font-weight:bold;
	margin-top:20px !important;
	margin-bottom:10px !important;
}

#voice .clearfix{
	border-bottom:#0d65b0 1px dashed;
	padding-bottom:30px;
	margin-bottom:40px;
}


@media all and (max-width: 767px) {
#voice { margin-top:20px !important;}

#voice_bg{
	background:#7ecef4;
	padding-left:10px;
}
	
#voice h2{
	font-size:2.8rem;
	font-weight: bold;
	background-size:45px 83px;
	margin-bottom:-30px !important;
	padding:20px 10px 10px 55px;
	min-height:inherit;
	height:auto !important;
	line-height: 2.0rem !important;
	
}
#voice h2 span{
	display:block;
	font-size:1.5rem;
	padding-top:10px !important;
}
#voice .row{
	padding:10px;
}
#voice .float-right{
	width:100px !important;
}
#voice h3{
	font-size:1.6rem;
	line-height:2.4rem !important;	
	background: none;
	border-bottom:#fff100 5px solid;
}
#voice .name{
	margin-top:10px !important;
	margin-bottom:10px !important;
}
#voice .clearfix{
	padding-bottom:20px;
	margin-bottom:20px;
}
}

/*----------------------------------------*----------------------------------------
area
----------------------------------------*----------------------------------------*/
#area{
	background:#FFF;
	border:#0d65b0 5px solid;
	padding:30px;
}
#area h2{
	color:#0d65b0;
	font-size:3.0rem;
	font-weight:800;
	background:url(img/area-img.gif) right top no-repeat;
	width:359px;
	height:284px;
	padding:30px 0 0 30px;
}
#area .list p{
	border-top:#CCC 2px dotted;
	margin-bottom:10px !important;
	padding:10px 0 0 0 !important;
	line-height:3.0rem;
}
#area .list p:last-child{
	border-bottom:#CCC 2px dotted;
	padding-bottom:10px !important;
}

#area .area_btn{
	position:relative;
	display:block;
	text-align:center;
	font-size:2.2rem;
	font-weight:bold;
	color:#FFF;
	background:#009944;
	border-radius:5px;
	text-decoration:none !important;
	padding:15px 15px 15px 10px;
	width:100%;
}
#area .area_btn:before {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -.5em;
	color:#f3ce00;
	font-family: "FontAwesome";
	content: "\f138";
	line-height: 1;
}
#area .area_btn:hover{
	opacity:0.7;
	transition:0.2s;
}

@media all and (max-width: 767px) {
#area{
	margin-top:20px;
	padding:20px;
}
	#area h2{
	font-size:2.2rem;
	font-weight:600;
	background:url(img/area-img.gif) right top no-repeat;
	background-size:contain;
	width: auto !important;
	height: auto !important;
	padding:30px 0 0 0;
}
#area .area_btn{
	font-size:1.6rem;
	padding:10px 5px 10px 5px;
}
}

/*----------------------------------------*----------------------------------------
information
----------------------------------------*----------------------------------------*/

#information{
	border:#7ecef4 5px solid;
	margin-top:60px;
	padding-top: 0 !important;
}
#information h2{
	text-align:center;
	font-size:2.6rem;
	color:#FFF;
	background:#7ecef4;
	width:100%;
	padding:7px 0;
	margin-bottom:30px !important;
}
#information h3{
	color:#e5004f;
	font-size:2.0rem;
	border-bottom:#999 2px dotted;
	padding-bottom:10px !important;
	margin-bottom:20px !important;
	width:100%;
}
#information .row{
	padding:0 30px 30px 30px;
}
#information div{
	margin-bottom:30px;
}


/*----------------------------------------*----------------------------------------
top_column
----------------------------------------*----------------------------------------*/
#top_column{
	margin-top:100px;
}

#top_column h2{
	position:relative;
	font-size:3.0rem !important;
	color:#0d65b0;
}

#top_column h2 span{
	font-size:1.6rem !important;
	font-weight:normal !important;
}

#top_column h3{
	position:relative;
	font-size:2.4rem !important;
	color:#00479d;
	border-bottom:#00479d 4px solid;
	padding-bottom:5px;
	margin-top:40px !important;
}

#top_column h4{
	position:relative;
	font-size:1.8rem !important;
	color:#694e24;
	padding-left:10px;
	margin-top:30px;
}
#top_column h4:first-child{
	margin-top:0 !important;
}
	
#top_column h4:before {
	position:absolute;
	content:"";
	left:0;
	top:50%;
	height:25px;
	margin-top:-11px;
	border-left:solid 5px #694e24;
	}

#top_column p{
	line-height:3.2rem !important;
}

#top_column img{
	margin-bottom:20px !important;
}

.top_column_inner{
	padding:40px 0;
	margin:0 20px;
	border-bottom:#f1dd6f 5px solid;
}
.top_column_inner:last-child{
	border-bottom:none !important;
}

.top_column_inner .row{
	margin:40px 0;
}

.top_column_inner p span{
	font-weight:bold;
	background:#fff991;
}
.top_column_inner p strong{
	display:inline-block;
	color:#143383;
	padding-bottom:5px;
}

#top_column strong{
	color:#03265a !important;
}
#top_column .marker{
	background:linear-gradient(transparent 60%, #abe5ff 0%);
}

#top_column .box{
	padding:20px 30px;
	margin-bottom:20px;
	background:#e8f9e9;
	line-height:3.7rem !important;
}

@media all and (max-width: 767px) {
#top_column h2{
	font-size:2.2rem !important;
	padding:10px 10px;
	font-weight:bold;
}
#top_column h2 img{
	width:25%;
	right:0;
	bottom:0;
	margin-top:20px;
}

#top_column h2 span{
	font-size:1.1rem !important;
	top:20px;
	left:0;
	width:70%;
	margin: 30px 0 0 0;
	padding:10px;
}
#top_column h3{
	text-align:center;
	width:100%;
	font-size:2.0rem !important;
	font-weight:bold;
}

#top_column h3 span{
	text-align:center;
	display:block;
	width:40%;
	font-size:1.3rem !important;
	color:#FFF;
	background:#009944;
	padding:5px 15px;
	margin:0 auto 10px auto !important;
}

.top_column_inner p{
	line-height:2.6rem;
}
}






@media screen and (min-width: 768px) {
.coupon{
	width:940px !important;
	height:162px !important;
	background:url(img/coupon.gif) left top no-repeat !important;
	background-size:contain !important;
	margin-bottom:20px !important;
	text-align:center !important;
	padding-top:122px !important;
}
.coupon p{
	font-size:1.7rem !important;
	margin-top:0 !important;
}
.coupon span{
	color:#e60012 !important;
}
}
@media all and (max-width: 767px) {
.coupon{
	margin-top:15px ;
	width:100% !important;
	margin-bottom:15px !important;
	text-align:center !important;
}
.coupon p{
	font-size:1.4rem !important;
	width:100%;
	margin:0 !important;
	padding:4px 0 !important;
}
.coupon span{
	color:#e60012 !important;
}
#coupon1, #coupon2, #coupon3, #coupon4, #coupon5, #coupon6{
	border:#d9b026 2px solid;
}
}
/* 点滅 */
.coupon p{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    50% {opacity:1;}
}




/*----------------------------------------*----------------------------------------
フッター　もっと見る
----------------------------------------*----------------------------------------*/
.grad-btn {
	font-size:1.2rem;
	color:#b0b0b0;
	text-decoration:underline;
}
.grad-btn :before {
	font-family: "FontAwesome";
	content: "\f0d7";
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 20px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /*グラデーションで隠す高さ*/
  background:#0d65b0;
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}