@charset "utf-8";

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

.yt { position: relative; width: 100%; padding-top: 56.25%; }
.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

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


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

section.mainimage { width: 100%; padding: 80px 0; border: 20px solid #00e0aa; overflow: hidden; }
section.mainimage .inner { position: relative; width: 1140px; padding: 0 50px; margin: 0 auto; }
section.mainimage .inner h1 { font-size: 1px; line-height: 1em; overflow: hidden; }
section.mainimage .inner .btn { position: absolute; padding: 0 50px; left: 0; bottom: 0; }
section.mainimage .inner .btn .a { width: 192px; }
section.mainimage .inner .btn .g { width: 235px; margin: 0 0 0 20px; }

section.c1 { width: 100%; }
section.c1 .outer {}
section.c1 .inner { position: relative; width: 1180px; margin: 0 auto; }
section.c1 .child {}
section.c1 .child h3 { padding: 50px 0; text-align: center; }
section.c1 .child div { text-align: center; }

section.c2 { width: 100%; margin: 100px 0 0 0; padding: 0 0 80px 0; background: #f4f4f4; }
section.c2 .outer {}
section.c2 .inner { position: relative; width: 1180px; margin: 0 auto; }
section.c2 .child {}
section.c2 .child h3 { padding: 50px 0; text-align: center; }
section.c2 .child p { padding: 40px 0; text-align: center; font-size: 24px; line-height: 1.5em; }

section.c3 { width: 100%;}
section.c3 .outer {}
section.c3 .inner { position: relative; width: 1180px; margin: 0 auto; }
section.c3 .inner .bg1 { margin: 80px 0 0 0; padding: 50px; border: 15px solid #00e0aa; background: url(../images/top/c3_bg01.png) center bottom repeat-x; }
section.c3 .inner .bg2 { margin: 0 0 0 0; padding: 50px; border: 15px solid #fffd38; background: url(../images/top/c3_bg02.png) center bottom repeat-x; }
section.c3 .child { position: relative; }
section.c3 .child .t1 { float: left; width: 60%; }
section.c3 .child .i1 { float: left; width: 40%; text-align: center; }
section.c3 .child .t2 { float: left; width: 50%; }
section.c3 .child .i2 { float: left; width: 50%; text-align: center; }
section.c3 .child h3 { padding: 0 0 0 0; text-align: left; }
section.c3 .child p { padding: 40px 0 0 0; text-align: left; font-size: 20px; line-height: 1.5em; }
section.c3 .child strong { display: block; padding: 0 0 40px 0; font-size: 1.15em; }

section.c4 { width: 100%; }
section.c4 .outer {}
section.c4 .inner { position: relative; width: 1180px; margin: 0 auto; padding: 40px 0 0 0; }
section.c4 .child { float: left; width: 50%; }
section.c4 .child+.child { padding: 0 0 0 40px; font-size: 20px; line-height: 1.5em; }
section.c4 .child p+p { padding: 1em 0 0 0; }
section.c4 .child span { display: block; font-size: 0.8em; }
section.c4 .child em { display: inline-block; font-size: 1.25em; }

section.c5 { width: 100%; }
section.c5 .outer {}
section.c5 .inner { position: relative; width: 1180px; margin: 0 auto; padding: 40px 0 0 0; }
/*section.c5 .child { float: left; width: 50%; padding: 0 40px 0 0; border-right: 2px solid #00e0aa; }
section.c5 .child+.child { padding: 0 0 0 40px; border-right: none; border-left: 2px solid #00e0aa; }*/
section.c5 .child {}
section.c5 .child p { font-size: 20px; line-height: 1.5em; }
section.c5 .child p+p { padding: 1.5em 0 0 0; }
section.c5 .child span { display: block; font-weight: bold; }
section.c5 .child span em { color: #fffd38; }
section.c5 .child strong { display: block; font-weight: bold; }

section.c6 { width: 100%; }
section.c6 .outer {}
section.c6 .inner { position: relative; width: 1180px; margin: 0 auto; padding: 40px 0 0 0; }
section.c6 .child {  }
section.c6 .child p { text-align: center; }
section.c6 .child p strong { font-weight: bold; color: #00e0aa; }
section.c6 .child p.catch { font-size: 30px; line-height: 1.35em; }
section.c6 .child p.catch span { display: block; font-size: 24px; }
section.c6 .inner .btn { padding: 40px 0 0 0; text-align: center; }
section.c6 .inner .btn .a { width: 321px; }
section.c6 .inner .btn .g { width: 393px; margin: 0 0 0 20px; }
section.c6 .read { width: 735px; margin: 0 auto; padding: 40px 0 0 0; }
section.c6 .read p strong {font-size: 24px; display: block; font-weight: bold; color: #00e0aa; }
section.c6 .read p span { display: block; font-weight: bold; padding: 20px 0 0 0; }
section.c6 .read p span em { color: #fffd38; }
section.c6 .read ul { list-style: decimal; padding: 0 0 0 2em; }

section.c7 { width: 100%; }
section.c7 .outer {}
section.c7 .inner { position: relative; width: 1180px; margin: 0 auto; padding: 40px 0 0 0; }
section.c7 .child {  }
section.c7 .child p.catch { font-size: 30px; line-height: 1.5em; text-align: center; }
section.c7 .child p.catch strong { font-weight: bold; color: #00e0aa; }
section.c7 .child div { padding: 40px 0 0 0; text-align: center; }



}/*@media*/

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

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

section.mainimage { width: 100%; padding: 8.6vw 0; border: 2.66vw solid #00e0aa; overflow: hidden; }
section.mainimage .inner { position: relative; width: 100%; margin: 0 auto; }
section.mainimage .inner h1 { padding: 0 0 19.26vw 0; }
section.mainimage .inner .btn { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
section.mainimage .inner .btn .a { width: 36.26vw; }
section.mainimage .inner .btn .g { width: 44.26vw; margin: 0 0 0 2.9vw; }


section.c1 {}
section.c1 .outer { width: 100%; }
section.c1 .inner {}
section.c1 .child {}
section.c1 .child h3 { padding: 9.3vw 0 5.3vw 0; }

section.c2 { width: 100%; margin: 13.33vw 0 0 0; padding: 0 0 6.66vw 0; background: #f4f4f4; }
section.c2 .bigtitle { padding: 6.6vw 0 0 0 !important; }
section.c2 .outer {}
section.c2 .inner { position: relative; width: 100%; }
section.c2 .child {}
section.c2 .child h3 { padding: 6.6vw 0; text-align: center; }
section.c2 .child p { padding: 5.3vw 0; text-align: center; font-size: 3.2vw; line-height: 1.5em; }
section.c2 .child div { width: 86.66vw; margin: 0 auto; }

section.c3 { width: 100%;}
section.c3 .outer {}
section.c3 .inner { position: relative; width: 86.66vw; margin: 0 auto; }
section.c3 .inner .bg1 { margin: 10.66vw 0 0 0; padding: 6.66vw; border: 2vw solid #00e0aa; background: url(../images/top/c3_bg01.png) center bottom repeat-x; }
section.c3 .inner .bg2 { margin: 0 0 0 0; padding: 6.66vw; border: 2vw solid #fffd38; background: url(../images/top/c3_bg02.png) center bottom repeat-x; }
section.c3 .child { position: relative; }
section.c3 .child .t1 { width: 100%; }
section.c3 .child .i1 { width: 100%; text-align: center; }
section.c3 .child .t2 { width: 100%; }
section.c3 .child .i2 { width: 100%; text-align: center; }
section.c3 .child .t1+.i1 { padding: 5.3vw 0 0 0; }
section.c3 .child .i1+.t1 { padding: 5.3vw 0 0 0; }
section.c3 .child .t2+.i2 { padding: 5.3vw 0 0 0; }
section.c3 .child .i2+.t2 { padding: 5.3vw 0 0 0; }
section.c3 .child .i1 img,
section.c3 .child .i1 img { width: 43.2vw; }
section.c3 .child h3 { padding: 0 0 0 0; text-align: left; }
section.c3 .child p { padding: 5.3vw 0 0 0; text-align: left; font-size: 2.6vw; line-height: 1.5em; }
section.c3 .child strong { display: block; padding: 0 0 5.3vw 0; font-size: 1.15em; }

section.c4 { width: 100%; }
section.c4 .outer {}
section.c4 .inner { position: relative; width: 86.66vw; margin: 0 auto; }
section.c4 .child { padding: 5.3vw 0 0 0; }
section.c4 .child+.child { padding: 5.3vw 0 0 0; }
section.c4 .child p+p { padding: 1em 0 0 0; }
section.c4 .child span { display: block; font-size: 0.8em; }
section.c4 .child em { display: inline-block; font-size: 1.25em; }

section.c5 { width: 100%; }
section.c5 .outer {}
section.c5 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 5.3vw 0 0 0; }
/*section.c5 .child { float: left; width: 50%; padding: 0 5.3vw 0 0; border-right: 1px solid #00e0aa; }
section.c5 .child+.child { padding: 0 0 0 5.3vw; border-right: none; border-left: 1px solid #00e0aa; }*/
section.c5 .child p { font-size: 2.6vw; line-height: 1.5em; }
section.c5 .child p+p { padding: 1.5em 0 0 0; }
section.c5 .child span { display: block; font-weight: bold; }
section.c5 .child span em { color: #fffd38; }
section.c5 .child strong { display: block; font-weight: bold; }

section.c6 { width: 100%; }
section.c6 .outer {}
section.c6 .inner { position: relative; width: 100%; margin: 0 auto; padding: 5.3vw 0 0 0; }
section.c6 .child {  }
section.c6 .child p { text-align: center; }
section.c6 .child p strong { font-weight: bold; color: #00e0aa; }
section.c6 .child p.catch { font-size: 4vw; line-height: 1.35em; }
section.c6 .child p.catch span { display: block; font-size: 3.2vw; }
section.c6 .inner .btn { padding: 5.3vw 0 0 0; text-align: center; }
section.c6 .inner .btn { padding: 5.3vw 0 0 0; text-align: center; }
section.c6 .inner .btn .a { width: 36vw; }
section.c6 .inner .btn .g { width: 44.1vw; margin: 0 0 0 5.33vw; }
section.c6 .read { width: 86.6vw; margin: 0 auto; padding: 5.3vw 0 0 0; }
section.c6 .read p strong {font-size: 3.2vw; display: block; font-weight: bold; color: #00e0aa; }
section.c6 .read p span { display: block; font-weight: bold; padding: 2.66vw 0 0 0; }
section.c6 .read p span em { color: #fffd38; }
section.c6 .read ul { list-style: decimal; padding: 0 0 0 2em; }

section.c7 { width: 100%; }
section.c7 .outer {}
section.c7 .inner { position: relative; width: 100%; margin: 0 auto; padding: 5.3vw 0 0 0; }
section.c7 .child {  }
section.c7 .child p.catch { font-size: 4vw; line-height: 1.5em; text-align: center; }
section.c7 .child p.catch strong { font-weight: bold; color: #00e0aa; }
section.c7 .child div { width: 86.6vw; margin: 0 auto; padding: 5.3vw 0 0 0; }




}/*@media*/