@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/



 /*******************************************************************/


@media screen and (min-width:751px){/* PC */


section.mainimage { position: relative; width: 100%; height: 500px; margin: 0 auto; background: url("../images/top/mi_bg.jpg") center center no-repeat; background-size: cover; }
section.mainimage h1 { position: absolute; left: 0; bottom: 66px; width: 661px; height: 52px; font-size: 1px; line-height: 1px; overflow: hidden;}

.c1 { clear: both; position: relative; width: 1080px; height: 674px; margin: 80px auto 0 auto; padding: 40px 0 0 0; background: url("../images/top/c1_bg_pc.jpg") left top no-repeat; background-size: contain; }
.c1 h2 { margin: 0 0 0 40px; padding: 15px 0 0 47px; color: rgba(2,89,79,1.0); font-size: 30px; font-family: 'Zen Maru Gothic', sans-serif !important; font-weight: 500 !important; background: url("../images/top/c1_icon.png") left bottom no-repeat; background-size: 39px; }
.c1 .inner { float: right; width: 730px; padding: 45px 0 40px 40px; background: rgba(255,255,255,0.85); }

.c2 { clear: both; position: relative; width: 1080px; height: 674px; margin: 80px auto 0 auto; padding: 40px 0 0 0; background: url("../images/top/c2_bg_pc.jpg") left top no-repeat; background-size: contain; }
.c2 h2 { margin: 0 0 0 40px; padding: 15px 0 0 47px; color: rgba(2,89,79,1.0); font-size: 30px; font-family: 'Zen Maru Gothic', sans-serif !important; font-weight: 500 !important; background: url("../images/top/c2_icon.png") left bottom no-repeat; background-size: 29px; }
.c2 .inner { float: right; width: 730px; padding: 45px 0 40px 40px; background: rgba(255,255,255,0.85); }


}/*@media*/

 /*******************************************************************/

@media screen and (max-width:750px){/* SP */


section.mainimage { position: relative; width: 100vw; height: 80vw; margin: 0 auto 0 auto; background: rgba(0,0,0,0.0); }
section.mainimage h1 { font-size: 1px; line-height: 1px; overflow: hidden; }

.c1 { position: relative; width: 100%; margin: 10.66vw auto 0 auto; padding: 5.33vw 0 0 0; background: url("../images/top/c1_bg_sp.png") left top no-repeat; background-size: contain; }
.c1 h2 { width: 86.66vw; margin: 0 auto 0 auto; padding: 8.933vw 0 0 8vw; color: rgba(2,89,79,1.0); font-size: 5.866vw; font-family: 'Zen Maru Gothic', sans-serif !important; font-weight: 500 !important; background: url("../images/top/c1_icon.png") left bottom no-repeat; background-size: 7.066vw; }
.c1 .inner { width: 100vw; padding: 6.66vw 6.66vw 53.33vw 6.66vw; background: url("../images/top/c1_bg2_sp.jpg") center bottom no-repeat; background-size: contain; font-size: 3.73vw; }

.c2 { position: relative; width: 100%; margin: 10.66vw auto 0 auto; padding: 5.33vw 0 0 0; background: url("../images/top/c2_bg_sp.png") left top no-repeat; background-size: contain; }
.c2 h2 { width: 86.66vw; margin: 0 auto 0 auto; padding: 8.933vw 0 0 8vw; color: rgba(2,89,79,1.0); font-size: 5.866vw; font-family: 'Zen Maru Gothic', sans-serif !important; font-weight: 500 !important; background: url("../images/top/c2_icon.png") left bottom no-repeat; background-size: 5.2vw; }
.c2 .inner { width: 100vw; padding: 6.66vw 6.66vw 53.33vw 6.66vw; background: url("../images/top/c2_bg2_sp.jpg") center bottom no-repeat; background-size: contain; font-size: 3.73vw; }





}/*@media*/