@charset "utf-8";

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


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


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

section.mainimage { width: 100%; margin: 0 auto; padding: 0 0 8px 0; background: #fdf7fb; }
section.mainimage .inner { margin: 0 auto; overflow: hidden; }

section.c1 {}
section.c1 .outChld .inner { padding: 130px 0; }
section.c1 .outChld .inner .logo { float: left; width: 640px; text-align: center; }
section.c1 .outChld .inner .detail { float: left; width: 590px; }
section.c1 .outChld .inner .detail h3 { font-size: 64px; line-height: 1.25em; }
section.c1 .outChld .inner .detail h3 span { font-size: 36px; }
section.c1 .outChld .inner .detail h4 { font-size: 1.35em; padding: 0 0 0.5em 0; border-bottom: 1px solid #4e0202; }
section.c1 .outChld .inner .detail p { padding: 2em 0 0 0; letter-spacing: 0.125em; }
section.c1 .outBChld .inner { margin: 0; padding: 0; }
section.c1 .outBChld .inner .btn { text-align: right; padding: 60px 0 0 0; }
section.c1 .outBChld .inner .btn img { width: 324px; }

section.c2 {}
section.c2 .outChld .inner { position: relative; width: 1230px; padding: 65px 0 130px 50px; }
section.c2 .outChld .inner+.inner { padding: 130px 0 130px 50px; border-top: 1px dotted #e4d8d8; }
section.c2 .outChld .inner .image { float: left; width: 590px; text-align: center; }
section.c2 .outChld .inner .detail { float: left; width: 590px; padding: 90px 0 0 0; }
section.c2 .outChld .inner .detail h3 { font-size: 40px; line-height: 1.35em; padding: 0 0 0.5em 0; border-bottom: 1px solid #4e0202; letter-spacing: 0.125em; }
section.c2 .outChld .inner .detail h3 span { font-size: 0.6em; }
section.c2 .outChld .inner .detail p { padding: 2em 0 0 0; letter-spacing: 0.125em; }
section.c2 .outChld .inner .detail .btn { padding: 2em 0 0 0; text-align: right; }
section.c2 .outChld .inner .detail .btn img { width: 261px; }

section.c3 {}
section.c3 .outChld { padding: 0 0 100px 0; }
section.c3 .outChld .cathc_txt1 { width: 1180px; margin: 0 auto; padding: 60px 0 0 0; text-align: center; font-size: 1.25em; }
section.c3 .outChld .inner { position: relative; width: 1180px; margin: 0 auto; padding: 100px 0 0 0; }
section.c3 .outChld .inner .image { float: left; width: 400px; text-align: center; }
section.c3 .outChld .inner .image .item1 { width: 193px; }
section.c3 .outChld .inner .image .item2 { width: 110px; }
section.c3 .outChld .inner .image .item3 { width: 320px; }
section.c3 .outChld .inner .detail { float: left; width: 780px; }
section.c3 .outChld .inner .detail h3 { font-size: 30px; line-height: 1.35em; padding: 0 0 0.5em 0; border-bottom: 1px solid #4e0202; letter-spacing: 0.125em; }
section.c3 .outChld .inner .detail h3 span { font-size: 0.6em; }
section.c3 .outChld .inner .detail .btn { padding: 60px 0 0 0; text-align: center; }
section.c3 .outChld .inner .detail .btn+.btn { padding: 20px 0 0 0; }
section.c3 .outChld .inner .detail .btn img { width: 544px; }
section.c3 .outChld .inner .sitelink { float: left; width: 550px; margin: 0 20px; }
section.c3 .outChld .inner .sitelink .icon1 { width: 550px; height: 290px; border: 1px solid #e6dada; border-radius: 12px; background: url("../images/top/logo_kibi.png") center center no-repeat; background-size: 190px; }
section.c3 .outChld .inner .sitelink .icon1 span { display: none; }
section.c3 .outChld .inner .sitelink .icon2 { width: 550px; height: 290px; border: 1px solid #e6dada; border-radius: 12px; background: url("../images/top/logo_gold.png") center center no-repeat; background-size: 348px; }
section.c3 .outChld .inner .sitelink .icon2 span { display: none; }
section.c3 .outChld .inner .sitelink .txt { font-size: 1.15em; line-height: 2em; padding: 2em 0 0 0; }
section.c3 .outChld .inner .sitelink .btn { width: 341px; margin: 0 auto; padding: 2em 0 0 0; }



}/*@media*/

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

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

section.mainimage { width: 100%; padding: 0 0 8px 0; background: #fdf7fb; overflow: hidden; }
section.mainimage .inner { }

section.c1 { overflow: hidden; }
section.c1 .outChld .inner { position: relative; width: 87vw; margin: 0 0 0 6.5vw; padding: 12vw 0; background: none; }
section.c1 .outChld .inner .logo { width: 80vw; padding: 0 0 12vw 0; text-align: center; }
section.c1 .outChld .inner .logo img { width: 25.33vw }
section.c1 .outChld .inner .detail { width: 100%; }
section.c1 .outChld .inner .detail h3 { font-size: 8.53vw; line-height: 1.25em; }
section.c1 .outChld .inner .detail h3 span { font-size: 4.26vw; }
section.c1 .outChld .inner .detail h4 { font-size: 1.35em; padding: 0 0 0.5em 0; border-bottom: 1px solid #4e0202; }
section.c1 .outChld .inner .detail p { width: 80vw; padding: 2em 0 0 0; letter-spacing: 0.125em; }
section.c1 .outBChld .inner { width: 100%; margin: 0; padding: 0; }
section.c1 .outBChld .inner .btn { text-align: center; padding: 7.66vw 0 0 0; }
section.c1 .outBChld .inner .btn img { width: 68.5vw; }

section.c2 { overflow: hidden; }
section.c2 .outChld .inner { position: relative; width: 85vw; margin: 0 0 0 -5.3vw; padding: 0;  }
section.c2 .outChld .inner+.inner { margin: 0 0 0 -5.3vw; padding: 0; border-top: 1px dotted #e4d8d8; }
section.c2 .outChld .inner .image { width: 100%; padding: 12vw 0 0 6.6vw; text-align: center; }
section.c2 .outChld .inner .image img { width: 42.4vw; }
section.c2 .outChld .inner .image .item3 { width: 73.8vw; }
section.c2 .outChld .inner .detail { width: 100%; padding: 12vw 0 12vw 6.6vw; }
section.c2 .outChld .inner .detail h3 { font-size: 5.3vw; line-height: 1.35em; padding: 0 0 0.5em 0; border-bottom: 1px solid #4e0202; letter-spacing: 0.125em; }
section.c2 .outChld .inner .detail h3 span { font-size: 0.6em; }
section.c2 .outChld .inner .detail p { padding: 2em 0 0 0; letter-spacing: 0.125em; }
section.c2 .outChld .inner .detail .btn { padding: 2em 0 0 0; text-align: center; }
section.c2 .outChld .inner .detail .btn img { width: 55vw; }
section.c2 .outChld .inner .detail+.image { display: none; }

section.c3 {}
section.c3 .outChld { padding: 0 0 12vw 0; }
section.c3 .outChld .cathc_txt1 { position: relative; width: 84.4vw; margin: 0 auto; padding: 12vw 0 0 0; text-align: center; font-size: 2.6vw; }
section.c3 .outChld .inner { position: relative; width: 84.4vw; margin: 0 auto; padding: 13.33vw 0 0 0; }
section.c3 .outChld .inner .image { width: 100%; text-align: center; }
section.c3 .outChld .inner .image img { width: 24.8vw; }
section.c3 .outChld .inner .image .item3 { width: 46.3vw; }
section.c3 .outChld .inner .detail { width: 100%; }
section.c3 .outChld .inner .detail h3 { font-size: 4vw; line-height: 1.35em; padding: 6.66vw 0 0 0; letter-spacing: 0.125em; text-align: center; }
section.c2 .outChld .inner .detail h3 span { font-size: 0.6em; }
section.c3 .outChld .inner .detail .btn { padding: 6.66vw 0 0 0; text-align: center; }
section.c3 .outChld .inner .detail .btn+.btn { padding: 5.33vw 0 0 0; }
section.c3 .outChld .inner .detail .btn img { width: 73.3vw; }
section.c3 .outChld .inner .sitelink { width: 73.3vw; margin: 0 auto; }
section.c3 .outChld .inner .sitelink+.sitelink { padding: 10.6vw 0 0 0; }
section.c3 .outChld .inner .sitelink .icon1 { width: 73.3vw; height: 38.66vw; border: 1px solid #e6dada; border-radius: 1.6vw; background: url("../images/top/logo_kibi.png") center center no-repeat; background-size: 25.33vw; }
section.c3 .outChld .inner .sitelink .icon1 span { display: none; }
section.c3 .outChld .inner .sitelink .icon2 { width: 73.3vw; height: 38.66vw; border: 1px solid #e6dada; border-radius: 12px; background: url("../images/top/logo_gold.png") center center no-repeat; background-size: 46.4vw; }
section.c3 .outChld .inner .sitelink .icon2 span { display: none; }
section.c3 .outChld .inner .sitelink .txt { font-size: 1.15em; line-height: 2em; padding: 2em 0 0 0; }
section.c3 .outChld .inner .sitelink .btn { width: 73.3vw; margin: 0 auto; padding: 2em 0 0 0; }


}/*@media*/


