/* CSS Document */

@media (min-width:751px){

header .mainw a.btn_insta{ display: none; }
	
/*mv*/
	#mv { background: url("../images/mv.jpg") center center no-repeat; background-size: cover; }
	#mv h2 { margin-left: -215px; }
	/*div.lead { flex-direction: row-reverse; }*/
	div.lead .txt { /*width: 100%; text-align: center;*/ background-position: left 170px bottom 50px; }
	.cmenu li { width: 220px; }
	.cmenu li a.l2 { line-height: 20px; margin-top: -10px; }
	.cmenu li a.l2:after { bottom: -25px; }
	.cmenu li a.l2:hover:after { bottom: -30px; }

	.bunit { width: 100%; }
	.bunit .mainw { position: relative; padding: 125px 0 110px; }
	#p1.bunit .mainw { background: url(../../images/bg_matsu2.svg) right bottom 230px no-repeat; }
	#p2.bunit .mainw { background: url(../../images/bg_matsu.svg) right bottom 310px no-repeat; }
	.bunit .matsu { position: absolute; top:0; right: 145px; }
	.bunit .cflex { position: relative; justify-content: space-between; margin-bottom: 20px; }
	.bunit .txt { width: 400px; margin-left: 20px; }
	.bunit .txt p { margin-bottom: 25px; font-size: 18px; }
	.capa { background: url(../../images/icon_matsu.svg) left center no-repeat; margin-bottom: 15px;
		padding-left: 45px; font-size: 18px; }
	.ctable2 { margin-bottom: 20px; }
	.ctable2 td strong { font-size: 36px; color: #283349; }
	.ctable2 td span { font-size: 18px; }
	#p2 .ctable2 th { width: 198px; }
	.option { width: 100%; background: #ffffff; padding: 27px; border: #cccccc 1px solid; margin-bottom:15px; }
	.option h4 { border-left: #283349 3px solid; padding-left: 12px; font-size: 24px; margin-bottom: 12px; }
	.option img { margin-bottom: 14px; }
	/* #p2 .option img { margin-bottom: 0; } */
	#p2 .option img:first-child { margin-bottom: 1.3rem; }
	.option ul { display: flex; flex-wrap:wrap; }
	.option ul li { width: 33%; font-size: 16px; line-height: 25px; }
	.option ul li:before { content: "◆"; color: #283349; padding-right: 3px; }
	ul.note li { padding-left: 1em; text-indent: -1em; font-size: 16px; line-height: 28px; }
	.b_tel { text-align: center; display: block; margin-top: 45px; cursor: default; }
	.b_tel:hover,.b_tel:hover img { opacity: 1; }

	.add_d { border: #999999 1px dotted; margin: 35px auto; width: 795px; }
	.add_d .inner { border: #ffffff 2px solid; background: url(../../images/bg_cb.jpg) repeat; 
		display: flex; align-items:center; }
	.add_d .inner h4 { font-size: 26px; text-align: center; padding: 40px 0; 
		background: url(../../images/icon_matsu.svg) center top no-repeat; width: 180px; }
	.add_d .inner ul { display: flex; flex-wrap:wrap; padding: 25px 20px 25px 30px; border-left: #ffffff 1px solid;
		width: 615px; justify-content: space-between; }
	.add_d .inner ul li { width: 33%; }
	.add_d .inner ul li h5 { font-size: 22px; margin-bottom: 15px; }
	.add_d .inner ul li h5:before { content: "◆"; color: #283349; padding-right: 3px; }
	.add_d .inner ul li p { font-size: 18px; line-height: 30px; }
	.add_d .inner ul li p span { color: #283349; font-size: 16px; }
	.add_d .inner ul li p strong { font-size: 34px; }

	.period { background: url(../../images/icon_matsu.svg) left center no-repeat; margin-bottom: 15px;
		padding-left: 45px; font-size: 18px; width: 290px; margin: 0 auto 40px; }
	#p3.bunit .mainw { background: url(../../images/bg_matsu2.svg) left 60px bottom 175px no-repeat; }
	#p4.bunit .mainw { background: url(../../images/bg_matsu.svg) right bottom 270px no-repeat; }
	#p5.bunit .mainw { background: url(../../images/bg_matsu2.svg) right bottom 280px no-repeat; }
	p.note:before { content: "◆"; display: inline-block; padding-right: 5px; color: #283349; }
	p.c_red.note:before { content: "◆"; display: inline-block; padding-right: 5px; color: #d31515; }

	table.ctable2 td { text-align: right; }

}/*End  min-width:751px*/

@media (min-width: 1595px) {
	
}
@media (min-width: 751px) and (max-width:1600px){

}
@media (min-width: 751px) and (max-width:1245px){
	.bunit .mainw { padding: 125px 2vw 110px; }
	.bunit .ctable2 th,.bunit .ctable2 td { display: block; width: 100%; text-align: center; }
	#p2.bunit .ctable2 th { width: 100%; }
	#p2.bunit .ctable2 tr.brd-nn th,
	#p2.bunit .ctable2 tr.brd-nn td { border-bottom:none!important; }
	#p2.bunit .ctable2 tr.planAtt td { text-align:right; font-size:0.9rem!important; }
}
@media (min-width: 751px) and (max-width:1145px){
	.option ul li { width: 50%; }
}
@media (min-width: 751px) and (max-width:845px){
}
@media (max-width:750px){
	
	#mv { background: url("../images/mv_sp.jpg") center center no-repeat; background-size: cover;
		 /*padding-top: 30vw;*/ }
	#mv h2 { margin-left: -44vw; }
	#mv h2 img { max-width: 200%; }
	.lead .txt img { width: 65vw; }
	
	.bunit { width: 100%; }
	.bunit .mainw { padding: 12vw 6vw; margin: 0; width: 100%; }
	#p1.bunit .mainw { position: relative;
		background: url(../../images/bg_matsu2.svg) right -6vw bottom 30vw no-repeat; background-size: 40vw auto; }
	#p2.bunit .mainw { position: relative;
		background: url(../../images/bg_matsu.svg) right -6vw bottom 30vw no-repeat; background-size: 40vw auto; }
	.bunit .matsu { position: absolute; top:0; right: -4vw; width: 60vw; }
	.bunit .cflex { position: relative; margin-bottom: 4vw; }
	.bunit .txt { margin-top: 6vw; }
	.bunit .txt p { margin-bottom: 4vw; font-size: 3.7vw; }
	.capa { background: url(../../images/icon_matsu.svg) left center no-repeat; margin-bottom: 4vw;
		padding-left: 8vw; font-size: 3.7vw; background-size: 6vw auto; }
	.ctable2 { margin-bottom: 4vw; }
	.ctable2 td strong { font-size: 6vw; color: #283349; }
	.ctable2 td span { font-size: 3.7vw; }
	.option { width: 100%; background: #ffffff; padding: 4vw; border: #cccccc 1px solid; margin-bottom:4vw;}
	.option h4 { border-left: #283349 3px solid; padding-left: 2vw; font-size: 4vw; margin-bottom: 2vw; }
	.option img { margin-bottom: 2vw; width: 100%; }
	.option ul { display: flex; flex-wrap:wrap; }
	.option ul li { width: 33%; font-size: 3.4vw; line-height: 5vw; }
	.option ul li:before { content: "◆"; color: #283349; padding-right: 1vw; }
	ul.note li { padding-left: 1em; text-indent: -1em; font-size: 3.2vw; line-height: 4.2vw; }
	.b_tel { text-align: center; display: block; margin-top: 6vw; cursor: default; }
	.b_tel:hover,.b_tel:hover img { opacity: 1; }
	
	.add_d { border: #999999 1px dotted; margin: 6vw auto; }
	.add_d .inner { border: #ffffff 2px solid; background: url(../../images/bg_cb.jpg) repeat; 
		padding: 4vw 0; }
	.add_d .inner h4 { font-size: 5vw; text-align: center; padding: 8vw 0; 
		background: url(../../images/icon_matsu.svg) center top no-repeat; background-size: auto 6vw; }
	.add_d .inner ul { padding: 4vw 4vw 0 12vw; border-top: #ffffff 1px solid; }
	.add_d .inner ul li { margin-bottom: 4vw; }
	.add_d .inner ul li h5 { font-size: 4vw; margin-bottom: 2vw; }
	.add_d .inner ul li h5:before { content: "◆"; color: #283349; padding-right: 1vw; }
	.add_d .inner ul li p { font-size: 3.7vw; line-height: 5vw; }
	.add_d .inner ul li p span { color: #283349; font-size: 3.4vw; }
	.add_d .inner ul li p strong { font-size: 5vw; }

	.period { background: url(../../images/icon_matsu.svg) left center no-repeat;
		padding-left: 8vw; font-size: 3.7vw; background-size: 6vw auto; text-align: center; width: 53vw;
		margin: 0 auto 4vw; }
	#p3.bunit .mainw { position: relative;
		background: url(../../images/bg_matsu2.svg) right -6vw bottom 30vw no-repeat; background-size: 40vw auto; }
	#p4.bunit .mainw { position: relative;
		background: url(../../images/bg_matsu.svg) right -6vw bottom 30vw no-repeat; background-size: 40vw auto; }
	p.note:before { content: "◆"; display: inline-block; padding-right: 1vw; color: #283349; }
	p.c_red.note:before { content: "◆"; display: inline-block; padding-right: 1vw; color: #d31515; }

	#p5.bunit .mainw { position: relative;
		background: url(../../images/bg_matsu2.svg) right -6vw bottom 30vw no-repeat; background-size: 40vw auto; }
	#p5 { padding-bottom: 36vw; }
	#pagetop_sp { margin: -30vw auto 6vw; }
	
	table.ctable2 td { text-align: right; }

}