@charset "UTF-8";

#intro h2{
    color: #1e7b94;
}
#intro h2 img{
    max-width: 300px;
}
.section h3 {
    color:#142548;
}
.section h3 span.small {
    color:#475378;
}
.caption-table p span{
    color: #475378;
}

#intro{
	background:url(images/bg_wave_right.png) calc(50% + 800px) 642px no-repeat,url(images/bg_wave_left.png)  calc(50% - 800px) 922px no-repeat ;padding-bottom:0;
}


/*---------- privacy policy ----------*/
.contents .section .title {
	border-color: #337d7d;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px dotted;
	border-bottom-color: currentcolor;
	font-size: 1.8rem;
}
.contents .section h5 {
	font-size: 14px;
	text-indent: -7px;
	margin-left: 65px;
	margin-bottom: 10px;
}
.contents .section p {
	margin-left: 65px;
	margin-bottom: 20px;
	line-height: 200%;
}
.contents .section ol.num {
	margin-left: 65px;
}
.contents .section ol.num >li {
	line-height: 200%;
	list-style-type: none;
	counter-increment: cnt1;
	text-indent: -28px;
	margin: 0 0 10px 28px;
}
.contents .section ol.num > li::before {
	content: "(" counter(cnt1) ") ";
}
.contents .section ol.kana {
	margin-top: 15px;
}
.contents .section ol.kana li {
	line-height: 200%;
	list-style-type: none;
	text-indent: -30px;
	margin: 0 0 10px 30px;
}
.contents .section ol.kana li:nth-child(1)::before {content: "(ア) ";}
.contents .section ol.kana li:nth-child(2)::before {content: "(イ) ";}
.contents .section ol.kana li:nth-child(3)::before {content: "(ウ) ";}
.contents .section ol.kana li:nth-child(4)::before {content: "(エ) ";}
.contents .section ol.kana li:nth-child(5)::before {content: "(オ) ";}
.contents .section ol.kana li:nth-child(6)::before {content: "(カ) ";}

.contents .section ol.stamp {
	margin-bottom: 20px;
	margin-left: 13px;
}
.contents .section ol.stamp li {
	line-height: 200%;
	list-style-type: none;
	counter-increment: cnt2;
	text-indent: -51px;
	margin: 0 0 10px 40px;
}
.contents .section ol.stamp li::before {
	content: "(※" counter(cnt2) ") ";
}  
.contents .section ol.stamp li a{
	text-indent: 0;
}
/*---------- common2に移動？ ----------*/

#intro .wave-3 {
    background: url(images/bg_line.png) bottom center no-repeat;
    padding: 0 0 70px 0;
    margin-bottom:60px;
    background-size: 241px auto;
	line-height: 200%;
}

#intro h3.dinner{
	background: url(images/h3_dinner.png) bottom center no-repeat;
    margin-bottom:40px;
	background-size:77px auto;
}



.middle_range{
	display:none;
}

form#mailformpro label{
	display:flex;
	margin-right:3px;
	float:left;
}


.chk_txt{
	width:90%;
	line-height:3.5em;
}


#bottom{
    background: url(images/photo_bottom.jpg) bottom center no-repeat;
    height: 295px;
}

.middle_range{
	display:none;
}


@media screen and (max-width: 768px){
    #intro h2 img{
        max-width: 100px;
    }

	input.type_S{
		width:40%;
	}

	input.type_M{
		width:90%;
	}
	.mailform{
		width:100%;
	}
    #bottom{
        margin:0%;
        height: 0;
        padding-top: 31.25%;    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        background: url(images/photo_bottom_sp.png) 0 0 no-repeat;
        background-size: cover;
    }

	.sp_no{
		display:none;
	}
	.contents .section h5 {
		margin-left: 0;
	}
	.contents .section p {
		margin-left: 0;
	}
	.contents .section ol.num {
		margin-left: 30px;
	}
	.contents .section ol.num >li {
		margin-left: 0;
	}
	.contents .section ol.kana {
		margin-left: 26px;
	}	
	.contents .section ol.kana li {
		margin-left: 8px;
		text-indent: -37px;
	}
	.contents .section ol.stamp {
		margin-left: -1px;
	}
	.contents .section ol.stamp li {
		margin-left: 47px;
		text-indent: -51px;
	}
}