@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; }

@keyframes loop {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

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


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

section.mi_top { width: 100%; margin: 0 0 3px 0; overflow: hidden; }
section.mi_top .snews { position: relative; width: calc(100% - 100px); margin: 0 auto; padding: 0; border-left: 3px solid #0046b4; background: none; overflow: hidden; font-size: 0.75em; font-weight: 400; }
section.mi_top .snews ul { padding: 0; margin: 0; }
section.mi_top .snews li { color: #000; padding: 0 0 0 0.75em; margin: 0; }

.mainimage { width: 100%; margin: 0 auto; padding: 0 0 30px 0; background: linear-gradient(to bottom, #3d96ef, #0046b4); overflow: hidden; }
.mainimage .inner { background: url("../images/top/mi_i.png") right 25% no-repeat; background-size: 750px; }
.mainimage .child { width: 1080px; margin: 0 auto; padding: 100px 0;
  }
.mainimage h1 { position: relative; width: 595px; height: 271px; }
.mainimage .btns { position: relative; width: 416px; margin: 30px 0 0 70px; }
.mainimage .btns .btn1 { width: 416px; }
.mainimage .btns .btn2 { width: 416px; }

section.mi_bottom { width: 100%; margin: -80px 0 0 0; overflow: hidden; }
section.mi_bottom .catch { position: relative; width: 1280px; margin: 0 auto; }
section.mi_bottom .anno { position: relative; width: 1280px; margin: 0 auto; font-size: 0.75em; text-align: center;
 }
section.mi_bottom .inner { width: 1080px; height: 165px; margin: 25px auto 0 auto; background: url("../images/top/mib_txt_pc.png") left top no-repeat; background-size: contain; }
section.mi_bottom .inner .btn { float: right; width: 270px; padding: 32px 28px 0 0; }
section.mi_bottom .inner .btn a { display: block; }
section.mi_bottom .inner .btn a+a { margin: 15px 0 0 0; }
section.mi_bottom .inner .btn img { width: 240px; }
section.mi_bottom .loops { display: flex; width: 100vw; margin: 45px 0; overflow: hidden;
 }
section.mi_bottom .loops .lopimg { position: relative; width: 2000px; animation: loop 25s infinite linear .1s both; }
section.mi_bottom .loops .lopimg img { width: 2000px; max-width: 2000px; }

section.c1_1 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0; }
section.c1_1 h2 { width: 1180px; margin: 0 auto;
 }
section.c1_1 h2 img { width: 750px; }
section.c1_1 .inner { width: 1080px; margin: 50px auto 0 auto; padding: 50px; background: #fafafa; border-radius: 20px; }
section.c1_1 .lead p { padding: 40px 0 0 0; text-align: left; }
section.c1_1 .lead p { font-size: 20px; line-height: 1.85em;  }

section.c1_2 { position: relative; width: 100%; margin: 0 auto; padding: 30px 0 0 0; }
section.c1_2 h2 { width: 1180px; margin: 0 auto;
 }
section.c1_2 h2 img { width: 750px; }
section.c1_2 .inner { width: 1080px; margin: 0 auto 0 auto; padding: 50px; background: #fffdeb; border-radius: 20px; }
section.c1_2 .image { padding: 40px 0 0 0; text-align: left; }
section.c1_2 .lead { padding: 40px 0 0 0; text-align: left; }
section.c1_2 .lead p { font-size: 20px; line-height: 1.85em;  }

section.c1_2 .inner2 { width: 1080px; margin: 0 auto; padding: 0 0 0 0; }
section.c1_2 .inner2 h3 { width: 1080px; margin: 0 auto; padding: 50px 0 30px 0; font-weight: 700; text-align: left; font-size: 24px; color: #194682; }
section.c1_2 .inner2 .child2 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1080px; margin: 0 auto;  }
section.c1_2 .inner2 .child2 .t { width: 48%; }
section.c1_2 .inner2 .child2 .m { width: 50%; }


section.c3 { position: relative; width: 100%; margin: 100px auto 0 auto; padding: 50px 0; background: linear-gradient(to bottom, #3d96ef, #0046b4); }
section.c3 h4 { display: block; width: 100%; padding: 0; font-weight: 900; color: #fff; text-align: center; font-size: 32px; }
section.c3 .inner { position: relative; width: 1080px; margin: 0 auto; padding: 30px 0 0 0; }
section.c3 .inner .flow { color: #fff; padding: 30px 0 0 0; }
section.c3 .inner .child { color: #fff; padding: 0 0 30px 0; }
section.c3 .inner .child .t { text-align: center; }
section.c3 .inner .child strong { display: inline-block; padding: 0 2em; color: #ffdc50; border: 1px solid #ffdc50; font-size: 22px; border-radius: 30px; line-height: 60px; }
section.c3 .inner .child em { display: block; padding: 1em 0 0 0; font-size: 22px; font-weight: 700; text-align: center; } 


section.c4_1 { position: relative; width: 1180px; margin: 0 auto; padding: 100px 0 0 0; background: url("../images/top/c4_1_bg.png") 95% 100px no-repeat; background-size: 340px;
 }
section.c4_1 h2 { width: 1180px; margin: 0 auto; }
section.c4_1 h2 img { width: 750px; }
section.c4_1 .lead { width: 1080px; margin: 0 auto; padding: 80px 0 30px 0; }
section.c4_1 .lead img { width: 650px; }
section.c4_1 .inner { position: relative; width: 1080px; margin: 0 auto; padding: 0 0 0 0; }
section.c4_1 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
section.c4_1 .child1>div { width: 48%; margin: 30px 0 0 0; padding: 0; box-shadow: 0 0 5px rgba(2,113,181,0.3); border-radius: 20px; overflow: hidden; }
section.c4_1 .child1>div span { display: block; padding: 1.5em 0; font-weight: 700; font-size: 21px; line-height: 1.5em; background: rgba(25,70,130,1.0); color: rgba(255,255,255,1.0); text-align: center; }
section.c4_1 .child1>div p { padding: 1.5em; }
section.c4_1 .child1>div span em { display: inline-block; padding: 0 0.5em; margin: 0 0.5em 0 0; color: #fff; font-weight: 700; background: #c70000; font-size: 0.65em; border-radius: 0.3em; }
section.c4_1 .child1 .icn1 { background-image: url("../images/top/c4_icn1.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn2 { background-image: url("../images/top/c4_icn2.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn3 { background-image: url("../images/top/c4_icn3.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn4 { background-image: url("../images/top/c4_icn4.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn5 { background-image: url("../images/top/c4_icn5.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn6 { background-image: url("../images/top/c4_icn6.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn7 { background-image: url("../images/top/c4_icn7.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn8 { background-image: url("../images/top/c4_icn8.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child2 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #f5f5f5; border-radius: 20px; margin: 40px 0 0 0; padding: 0 50px 50px 50px; }
section.c4_1 .child2 h3 { width: 100%; font-weight: 700; padding: 50px 0 0 0; color: rgba(25,69,102,1.0); font-size: 1.25em; }
section.c4_1 .child2 .c_inner { width: 48%; }
section.c4_1 .child2 .c_inner strong { display: block; font-weight: 700; padding: 1em 0 0 0; color: rgba(99,179,214,1.0); }
section.c4_1 .child2 .c_inner p { display: block; font-weight: 700; padding: 0 0 0 0; color: #000; }
section.c4_1 .child2 .c_inner ul+p { padding: 1em 0 0 0; }
section.c4_1 .child2 .c_inner ul li { font-size: 0.95em; line-height: 1.85em; padding: 0 0 0 1em; text-indent: -1em; }
section.c4_1 .child2 .c_inner ul li::before { content: "●"; color: #96abb2; }
section.c4_2 { position: relative; width: 1180px; margin: 0 auto; padding: 50px 0 0 0; background: url("../images/top/c4_2_bg.png") 95% 50px no-repeat; background-size: 164px;
 }
section.c4_2 .lead { width: 1080px; margin: 0 auto; padding: 50px 0 30px 0; }
section.c4_2 .lead img { width: 650px; }
section.c4_2 .inner { position: relative; width: 1080px; margin: 0 auto; padding: 0 0 0 0; }
section.c4_2 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
section.c4_2 .child1>div { width: 48%; margin: 30px 0 0 0; padding: 40px; box-shadow: 0 0 5px rgba(2,113,181,0.3); border-radius: 20px; }
section.c4_2 .child1>div span { display: block; padding: 0 0 1em 0; font-weight: 700; font-size: 21px; line-height: 1.5em; border-bottom: 3px solid rgba(25,70,130,1.0); color: rgba(25,70,130,1.0); text-align: center; }
section.c4_2 .child1>div p { padding: 1em 0 0 0; }
section.c4_2 .child1>div span em { display: inline-block; padding: 0 0.5em; margin: 0 0.5em 0 0; color: #fff; font-weight: 700; background: #c70000; font-size: 0.65em; border-radius: 0.3em; }

section.c4_3 { position: relative; width: 1180px; margin: 0 auto; padding: 50px 0 0 0; }
section.c4_3 .lead { width: 1080px; margin: 0 auto; padding: 50px 0 30px 0; }
section.c4_3 .lead img { width: 650px; }
section.c4_3 .inner { position: relative; width: 1080px; margin: 0 auto; padding: 0 0 0 0; }
section.c4_3 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 30px 0 0 0; padding: 40px; box-shadow: 0 0 5px rgba(2,113,181,0.3); border-radius: 20px; }
section.c4_3 .child1 .txt  { width: 75%; }
section.c4_3 .child1 .img  { width: 20%; }
section.c4_3 .child1 .txt p+p { padding: 0.75em 0 0 0; }


section.c5 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0; }
section.c5 h2 { width: 1180px; margin: 0 auto;
 }
section.c5 h2 img { width: 750px; }
section.c5 .inner { position: relative; width: 1080px; margin: 50px auto 0 auto; }
section.c5 .inner .lead { padding: 0; font-weight: 700; font-size: 38px; line-height: 50px; text-align: center; }
section.c5 .inner .lead p span.g { color: #139900; }
section.c5 .inner .lead p span.o { color: #ff9d00; }
section.c5 .inner .lead p span.p { color: #ef5685; }
section.c5 .inner .lead p.anno { padding: 1em 0 0 0; font-size: 20px; line-height: 1.5em; font-weight: 400; }
section.c5 .inner .price { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0 0; width: 100%; }
section.c5 .inner .price div { width: 490px; }



section.c6 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0; }
section.c6 h2.title { width: 1080px; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 28px; background: #f4f4f4; border-radius: 15px; color: #000; }
section.c6 h2.title span { color: #194682; }
section.c6 .inner { position: relative; width: 1080px; margin: 0 auto; padding: 30px 0 0 0; }
section.c6 .inner strong { display: block; padding: 50px 0 0 0; text-align: center; font-weight: 900; font-size: 1.35em; color: #558799; }


section.c8 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0 ; }
section.c8 h2.title { width: 1080px; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 28px; background: #f4f4f4; border-radius: 15px; color: #000; }
section.c8 h2.title span { color: #194682; }
section.c8 .inner { width: 1000px; margin: 0 auto; padding: 50px 0 0 0; font-size: 0.95em; }
section.c8 .inner strong { display: block; padding: 40px 0 0 0; font-size: 1.1em; font-weight: 700; color: #63b3d6; }
section.c8 .inner span { color: #96abb2; }



section.c9 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0 ; }
section.c9 h2.title { width: 1080px; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 28px; background: #f4f4f4; border-radius: 15px; color: #000; }
section.c9 h2.title span { color: #194682; }
section.c9 h3 { width: 100%; color: #194682; font-size: 23px; padding: 2em 0; font-weight: 700; text-align: center; }
section.c9 .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1000px; margin: 0 auto; text-align: left; }
section.c9 .inner .image { width: 30%; padding: 3em 0 0 0; }
section.c9 .inner .txt { width: 65%; }



section.c10 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0; }
section.c10 h2 { width: 1180px; margin: 0 auto;
 }
section.c10 h2 img { width: 750px; }
section.c10 .inner { position: relative; width: 1080px; margin: 50px auto 0 auto; }
section.c10 .inner .lead { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0 0 0; width: 100%; }
section.c10 .inner .lead div { width: 490px; }
section.c10 .inner .anshin { width: 100%; padding: 50px 0 0 0; }
section.c10 .inner .anshin>p { font-size: 20px; font-weight: 700; color: #000; text-align: center; }
section.c10 .inner .anshin dl {}
section.c10 .inner .anshin dl dt { padding: 40px 0 0 0; }
section.c10 .inner .anshin dl dt span { display: inline-block; padding: 0 5em; font-size: 16px; line-height: 40px; border: 1px solid #ff9d00; color: #ff9d00; border-radius: 20px; font-weight: 700; }
section.c10 .inner .anshin dl p { margin: 15px 0 0 0; padding: 20px; border: 1px solid #ddd; border-bottom: none; border-radius: 20px 20px 0 0; background: #f5f5f5; font-size: 24px; font-weight: 700; color: #000; }
section.c10 .inner .anshin dl dd { padding: 20px; border: 1px solid #ddd;border-top: none;  border-radius: 0 0 20px 20px; }
section.c10 .inner .anshin dl dd span { display: block; padding: 1em 0 0 0; font-size: 0.8em; }

.hd_logo { margin: 0 0 15px 0; }
.hd_logo img { width: 250px; }

section.c11 { position: relative; width: 100%; margin: 0 auto; padding: 100px 0 0 0; }
section.c11 h2 { width: 1180px; margin: 0 auto;
 }
section.c11 h2 img { width: 750px; }
section.c11 .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1080px; background: none; margin: 0 auto; padding: 0 0 0 0; }
section.c11 .child { position: relative; margin: 50px 0 0 0; width: 32%; display: flex; flex-direction: column; align-items: center; }
section.c11 .child .p { width: 100%; height: 200px; overflow: hidden; z-index: 5; }
section.c11 .child .t { width: 90%; background: rgba(255,255,255,0.9); border: 1px solid #ddd; border-radius: 5px; margin: -50px 0 0 0; padding: 20px; z-index: 15; flex-grow: 1; display: flex; flex-direction: column; }
section.c11 .child .t .d {  flex-grow: 1; padding: 0 0 1em 0; font-weight: 700; }
section.c11 .child .t .s { font-size: 0.75em; }
section.c11 .child .t .s span { display: block; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; border-top: 1px dotted #ddd;  }



.faqBox1 { width: 1000px; padding: 0 0; margin: 20px auto 0 auto; border: 1px solid #ddd; border-radius: 15px; overflow: hidden; }
.faqBox1 h4 { display: block; width: 100%; padding: 0 0 0 0; background-image: url(../images/top/arrow_down.png); background-position:  97% 50%; background-repeat:  no-repeat; cursor:pointer; background-size: 30px; background-color: #fff; font-weight: normal; }
.faqBox1 h4:hover { background-image: url(../images/top/arrow_down_on.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4.active { background-image: url(../images/top/arrow_up.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4.active:hover { background-image: url(../images/top/arrow_up_on.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4 p.txt { width: 100%; font-size: 1.45em; line-height: 1.35em; padding: 1.0em 80px; margin: 0 0 0 0; background:url(../images/top/icon_q.png) 1.8% 50% no-repeat; background-size: 40px; font-weight: normal; color: #000; }
.faqBox1 h4:hover p.txt { color: #aaa; }
.faqBox1 h4.active:hover p.txt { color: #aaa; }

.faqBox1 .child { width: 100%; margin: 0 auto; padding: 1em 1em 1em 0; background: #fff; border-top: 1px dotted #ddd; }
.qtxt { margin: 0 0 0 0; padding: 1em 20px 0; }
.qtxtIconOn { margin: 0 0 0 0; padding: 0 0 15px 80px; background:url(../images/top/icon_a.png) 1.8% top no-repeat; background-size: 40px; color: #666; }


}/*@media*/

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

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

section.mi_top { width: 100%; margin: 0; padding: 0.266vw 0 1.66vw 0; overflow: hidden; }
section.mi_top .snews { width: 93.75vw; margin: 0 auto; padding: 0.25em 0; border: 1px solid #0046b4; overflow: hidden; font-size: 0.75em; line-height: 1.45em; font-weight: 400; }
section.mi_top .snews ul { }
section.mi_top .snews li { color: #000; padding: 0 0.5em; }

.mainimage { width: 100%; height: 161.333vw; margin: 0 auto; padding: 0 0 0 0; background: linear-gradient(to bottom, #3d96ef, #0046b4); overflow: hidden; }
.mainimage .inner { background: url("../images/top/mi_i.png") 100% 55% no-repeat; background-size: 100vw; }
.mainimage .child { width: 100%; margin: 0 auto; padding: 0 0 8vw 0;
  }
.mainimage h1 { position: relative; width: 100%; }
.mainimage .btns { position: relative; width: 74.1333vw; padding: 0; margin: 75vw auto 0 auto;
 }
.mainimage .btns .btn1 { width: 100%; }
.mainimage .btns .btn2 { width: 100%; }

section.mi_bottom { width: 100%; margin: -10vw 0 0 0; overflow: hidden; }
section.mi_bottom .catch { position: relative; width: 100%; margin: 0 auto; }
section.mi_bottom .anno { position: relative; width: 86.66vw; margin: 0 auto; font-size: 0.75em; line-height: 1.5em; text-align: center;
 }
section.mi_bottom .inner { width: 86.66vw; height: 58.66vw; margin: 6vw auto 0 auto; background: url("../images/top/mib_txt_sp.png") left top no-repeat; background-size: contain; }
section.mi_bottom .btn { width: 57.33vw; margin: 0 auto; padding: 29.33vw 0 0 0; }
section.mi_bottom .inner .btn a { display: block; }
section.mi_bottom .inner .btn a+a { margin: 3vw 0 0 0; }
section.mi_bottom .btn img { width: 100%; }
section.mi_bottom .loops { display: flex; width: 100vw; margin: 6vw 0; overflow: hidden;
 }
section.mi_bottom .loops .lopimg { position: relative; width: 350vw; animation: loop 25s infinite linear .1s both; }
section.mi_bottom .loops .lopimg img { width: 350vw; max-width: 350vw; }


section.c1_1 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0; }
section.c1_1 h2 { width: 100%; margin: 0 auto;
 }
section.c1_1 h2 img { width: 100%; }
section.c1_1 .inner { width: 86.66vw; margin: 6.66vw auto 0 auto; padding: 6.66vw; background: #fafafa; border-radius: 2.66vw; }
section.c1_1 .lead p { padding: 5.33vw 0 0 0; text-align: left; }
section.c1_1 .lead p { font-size: 3.2vw; line-height: 1.85em;  }

section.c1_2 { position: relative; width: 100%; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c1_2 h2 { width: 100%; margin: 0 auto;
 }
section.c1_2 h2 img { width: 100%; }
section.c1_2 .inner { width: 86.66vw; margin: 0 auto 0 auto; padding: 6.66vw; background: #fffdeb; border-radius: 2.66vw; }
section.c1_2 .image { padding: 5.33vw 0 0 0; text-align: left; }
section.c1_2 .lead { padding: 5.33vw 0 0 0; text-align: left; }
section.c1_2 .lead p { font-size: 3.2vw; line-height: 1.85em;  }

section.c1_2 .inner2 { width: 86.66vw; margin: 0 auto; }
section.c1_2 .inner2 h3 { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 3.33vw 0; font-weight: 700; text-align: left; font-size: 3.6vw; color: #194682; }
section.c1_2 .inner2 .child2 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 86.66vw; margin: 0 auto;  }
section.c1_2 .inner2 .child2 .t { width: 100%; }
section.c1_2 .inner2 .child2 .m { width: 100%; padding: 3vw 0 0 0; }


section.c3 { position: relative; width: 100%; margin: 13.33vw auto 0 auto; padding: 6.66vw 0; background: linear-gradient(to bottom, #3d96ef, #0046b4); }
section.c3 h4 { display: block; width: 100%; padding: 0; font-weight: 900; color: #fff; text-align: center; font-size: 4.2vw; }
section.c3 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c3 .inner .flow { color: #fff; padding: 3.33vw 0 0 0; }
section.c3 .inner .child { color: #fff; padding: 0 0 3.33vw 0; }
section.c3 .inner .child .t { text-align: center; }
section.c3 .inner .child strong { display: inline-block; padding: 0 2em; color: #ffdc50; border: 1px solid #ffdc50; font-size: 3.8vw; border-radius: 4vw; line-height: 8vw; }
section.c3 .inner .child em { display: block; padding: 1em 0 0.5em 0; font-size: 3.6vw; font-weight: 700; } 

section.c4_1 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0; background: url("../images/top/c4_1_bg.png") 107% 4vw no-repeat; background-size: 30vw;
 }
section.c4_1 h2 { width: 100%; margin: 0 auto; }
section.c4_1 h2 img { width: 100%; }
section.c4_1 .lead { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 3.33vw 0; }
section.c4_1 .lead img { width: 100%; }
section.c4_1 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 0 0 0 0; }
section.c4_1 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
section.c4_1 .child1>div { width: 48.5%; margin: 3.33vw 0 0 0; padding: 0; box-shadow: 0 0 0.66vw rgba(2,113,181,0.3); border-radius: 2.66vw; overflow: hidden; }
section.c4_1 .child1>div span { display: block; padding: 1em 0; font-weight: 700; font-size: 3.2vw; line-height: 1.5em; background: rgba(25,70,130,1.0); color: rgba(255,255,255,1.0); text-align: center; }
section.c4_1 .child1>div p { padding: 1em; }
section.c4_1 .child1>div span em { display: inline-block; padding: 0 0.5em; margin: 0 0.5em 0 0; color: #fff; font-weight: 700; background: #c70000; font-size: 1.8vw; border-radius: 0.3em; }
section.c4_1 .child2 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #f5f5f5; border-radius: 2.66vw; margin: 5.33vw 0 0 0; padding: 0 6.66vw 6.66vw 6.66vw; }
section.c4_1 .child2 h3 { width: 100%; font-weight: 700; padding: 6.66vw 0 0 0; color: rgba(25,69,102,1.0); font-size: 1.25em; }
section.c4_1 .child2 .c_inner { width: 100%; font-size: 1.00em; line-height: 1.65em; }
section.c4_1 .child2 .c_inner strong { display: block; font-weight: 700; padding: 1em 0 0 0; color: rgba(99,179,214,1.0); }
section.c4_1 .child2 .c_inner p { display: block; font-weight: 700; padding: 0 0 0 0; color: #000; }
section.c4_1 .child2 .c_inner ul+p { padding: 1em 0 0 0; }
section.c4_1 .child2 .c_inner ul li { font-size: 0.85em; padding: 0 0 0 1em; text-indent: -1em; }
section.c4_1 .child2 .c_inner ul li::before { content: "●"; color: #96abb2; }
section.c4_1 .child1 .icn1 { background-image: url("../images/top/c4_icn1.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn2 { background-image: url("../images/top/c4_icn2.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn3 { background-image: url("../images/top/c4_icn3.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn4 { background-image: url("../images/top/c4_icn4.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn5 { background-image: url("../images/top/c4_icn5.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn6 { background-image: url("../images/top/c4_icn6.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn7 { background-image: url("../images/top/c4_icn7.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_1 .child1 .icn8 { background-image: url("../images/top/c4_icn8.png"); background-position: 5% 50%; background-repeat: no-repeat; background-size: 80px; }
section.c4_2 { position: relative; width: 100%; margin: 0 auto; padding: 6.66vw 0 0 0; background: url("../images/top/c4_2_bg.png") 98% 5vw no-repeat; background-size: 17.866vw;
 }
section.c4_2 .lead { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 3.33vw 0; }
section.c4_2 .lead img { width: 100%; }
section.c4_2 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 0 0 0 0; }
section.c4_2 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
section.c4_2 .child1>div { width: 100%; margin: 3.33vw 0 0 0; padding: 5.33vw; box-shadow: 0 0 0.66vw rgba(2,113,181,0.3); border-radius: 2.66vw; }
section.c4_2 .child1>div span { display: block; padding: 0 0 1em 0; font-weight: 700; font-size: 3.2vw; line-height: 1.5em; border-bottom: 0.4vw solid rgba(25,70,130,1.0); color: rgba(25,70,130,1.0); text-align: center; }
section.c4_2 .child1>div p { padding: 1em 0 0 0; }
section.c4_2 .child1>div span em { display: inline-block; padding: 0 0.5em; margin: 0 0.5em 0 0; color: #fff; font-weight: 700; background: #c70000; font-size: 1.8vw; border-radius: 0.3em; }

section.c4_3 { position: relative; width: 100%; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c4_3 .lead { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 3.33vw 0; }
section.c4_3 .lead img { width: 100%; }
section.c4_3 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 0 0 0 0; }
section.c4_3 .child1 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 3.33vw 0 0 0; padding: 5.33vw; box-shadow: 0 0 0.66vw rgba(2,113,181,0.3); border-radius: 2.66vw; }
section.c4_3 .child1 .txt  { width: 55%; }
section.c4_3 .child1 .img  { width: 40%; }
section.c4_3 .child1 .txt p+p { padding: 0.75em 0 0 0; }


section.c5 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0; }
section.c5 h2 { width: 100%; margin: 0 auto;
 }
section.c5 h2 img { width: 100%; }
section.c5 .inner { position: relative; width: 86.66vw; margin: 6.66vw auto 0 auto; }
section.c5 .inner .lead { padding: 0; font-weight: 700; font-size: 5.066vw; line-height: 1.35em; text-align: center; }
section.c5 .inner .lead p span.g { color: #139900; }
section.c5 .inner .lead p span.o { color: #ff9d00; }
section.c5 .inner .lead p span.p { color: #ef5685; }
section.c5 .inner .lead p.anno { padding: 1em 0 0 0; font-size: 2.9vw; line-height: 1.5em; font-weight: 400; }
section.c5 .inner .price { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 6.66vw 0 0 0; width: 100%; }
section.c5 .inner .price div { width: 66.66vw; margin: 0 auto; }
section.c5 .inner .price div+div { margin: 4vw auto 0 auto; }



section.c6 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0; }
section.c6 h2.title { width: 86.66vw; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 3.6vw; background: #f4f4f4; border-radius: 2vw; color: #000; }
section.c6 h2.title span { color: #194682; }
section.c6 .inner { position: relative; width: 86.66vw; margin: 0 auto; padding: 4vw 0 0 0; }
section.c6 .inner strong { display: block; padding: 6.66vw 0 0 0; text-align: center; font-weight: 900; font-size: 1.15em; color: #558799; }


section.c8 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0 ; }
section.c8 h2.title { width: 86.66vw; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 3.6vw; background: #f4f4f4; border-radius: 2vw; color: #000; }
section.c8 h2.title span { color: #194682; }
section.c8 .inner { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 0 0; font-size: 0.95em; }
section.c8 .inner strong { display: block; padding: 3vw 0 0 0; font-size: 1.1em; font-weight: 700; color: #63b3d6; }
section.c8 .inner span { color: #96abb2; }


section.c9 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0 ; }
section.c9 h2.title { width: 86.66vw; margin: 0 auto; padding: 0.75em 0; font-weight: 700; text-align: center; font-size: 3.6vw; background: #f4f4f4; border-radius: 2vw; color: #000; }
section.c9 h2.title span { color: #194682; }
section.c9 h3 { width: 100%; color: #194682; font-size: 3.6vw; padding: 2em 0; font-weight: 700; text-align: center; }
section.c9 .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 86.66vw; margin: 0 auto; text-align: left; }
section.c9 .inner .image { width: 100%; text-align: center; }
section.c9 .inner .image img { width: 50vw; padding: 0 0 4vw 0 ; }
section.c9 .inner .txt { width: 100%; }



section.c5 { position: relative; width: 100%; margin: 0 auto; padding: 13.33vw 0 0 0; }
section.c5 h2 { width: 100%; margin: 0 auto;
 }
section.c5 h2 img { width: 100%; }
section.c5 .inner { position: relative; width: 86.66vw; margin: 6.66vw auto 0 auto; }
section.c5 .inner .lead { padding: 0; font-weight: 700; font-size: 5.066vw; line-height: 1.35em; text-align: center; }
section.c5 .inner .lead p span.g { color: #139900; }
section.c5 .inner .lead p span.o { color: #ff9d00; }
section.c5 .inner .lead p span.p { color: #ef5685; }
section.c5 .inner .lead p.anno { padding: 1em 0 0 0; font-size: 2.9vw; line-height: 1.5em; font-weight: 400; }
section.c5 .inner .price { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 6.66vw 0 0 0; width: 100%; }
section.c5 .inner .price div { width: 66.66vw; margin: 0 auto; }
section.c5 .inner .price div+div { margin: 4vw auto 0 auto; }




section.c10 { position: relative; width: 100%; margin: 0 auto; padding: 13.3vw 0 0 0; }
section.c10 h2 { width: 100%; margin: 0 auto;
 }
section.c10 h2 img { width: 100%; }
section.c10 .inner { position: relative; width: 86.66vw; margin: 0 auto 0 auto; }
section.c10 .inner .lead { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 6.66vw 0 0 0; width: 100%; }
section.c10 .inner .lead div { width: 66.66vw; margin: 0 auto; }
section.c10 .inner .lead div+div { margin: 4vw auto 0 auto; }
section.c10 .inner .anshin { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c10 .inner .anshin>p { font-size: 3.6vw; font-weight: 700; color: #000; text-align: center; }
section.c10 .inner .anshin dl {}
section.c10 .inner .anshin dl dt { padding: 5.33vw 0 0 0; }
section.c10 .inner .anshin dl dt span { display: inline-block; padding: 0 5em; font-size: 2.8vw; line-height: 6vw; border: 1px solid #ff9d00; color: #ff9d00; border-radius: 3vw; font-weight: 700; }
section.c10 .inner .anshin dl p { margin: 2vw 0 0 0; padding: 2.66vw; border: 1px solid #ddd; border-bottom: none; border-radius: 2.66vw 2.66vw 0 0; background: #f5f5f5; font-size: 3.2vw; font-weight: 700; color: #000; }
section.c10 .inner .anshin dl dd { padding: 2.66vw; border: 1px solid #ddd;border-top: none;  border-radius: 0 0 2.66vw 2.66vw; }
section.c10 .inner .anshin dl dd span { display: block; padding: 1em 0 0 0; font-size: 0.8em; }

.hd_logo { text-align: center; }
.hd_logo img { margin: 0 0 2.66vw 0; width: 50vw; }



section.c11 { position: relative; width: 100%; margin: 0 auto; padding: 13.3vw 0 0 0; }
section.c11 h2 { width: 100%; margin: 0 auto;
 }
section.c11 h2 img { width: 100%; }
section.c11 .inner { display: flex; flex-wrap: wrap; justify-content: space-between; width: 86.66vw; background: none; margin: 0 auto; padding: 0 0 0 0; }
section.c11 .child { position: relative; margin: 6.66vw 0 0 0; width: 48%; display: flex; flex-direction: column; align-items: center; }
section.c11 .child .p { width: 100%; height: 26.66vw; overflow: hidden; z-index: 5; }
section.c11 .child .t { width: 90%; background: rgba(255,255,255,0.9); border: 1px solid #ddd; border-radius: 0.66vw; margin: -6.66vw 0 0 0; padding: 2.66vw; z-index: 15; flex-grow: 1; display: flex; flex-direction: column; }
section.c11 .child .t .d {  flex-grow: 1; padding: 0 0 1em 0; font-weight: 700; }
section.c11 .child .t .s { font-size: 0.75em; }
section.c11 .child .t .s span { display: block; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; border-top: 1px dotted #ddd;  }


section.cv { position: relative; width: 86.66vw; margin: 0 auto; padding: 9.33vw 0 0 0; }
section.cv a { display: block; font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); font-weight: 500; color: #fff; text-decoration: none; background: url("../images/top/c3_btn_arrw.png") 3% center no-repeat #ff9179; background-size: 5.33vw; font-size: 4.2vw; padding: 1em; text-align: center; border-radius: 2.66vw; }
section.cv a:hover { background-color: #ffd86f;  }

.faqBox1 { width: 100%; padding: 0 0; margin: 2.66vw auto 0 auto; border: 1px solid #ddd; border-radius: 2vw; overflow: hidden; }
.faqBox1 h4 { display: block; width: 100%; padding: 0 0 0 0; background-image: url(../images/top/arrow_down.png); background-position:  97% 50%; background-repeat:  no-repeat; cursor:pointer; background-size: 4vw; background-color: #fff; font-weight: normal; }
.faqBox1 h4:hover { background-image: url(../images/top/arrow_down_on.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4.active { background-image: url(../images/top/arrow_up.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4.active:hover { background-image: url(../images/top/arrow_up_on.png); background-position:  97% 50%; background-repeat:  no-repeat; }
.faqBox1 h4 p.txt { width: 100%; font-size: 1.25em; line-height: 1.35em; padding: 1.0em 8vw; margin: 0 0 0 0; background:url(../images/top/icon_q.png) 2% 50% no-repeat; background-size: 3.33vw; font-weight: normal; color: #000; }
.faqBox1 h4:hover p.txt { color: #aaa; }
.faqBox1 h4.active:hover p.txt { color: #aaa; }
.faqBox1 .child { width: 100%; margin: 0 auto; padding: 1em 1em 1em 0; background: #fff; border-top: 1px dotted #ddd; }
.qtxt { margin: 0 0 0 0; padding: 1em 2.66vw 0; }
.qtxtIconOn { margin: 0 0 0 0; padding: 0 0 2vw 8vw; background:url("../images/top/icon_a.png") 2% top no-repeat; background-size: 3.33vw; font-size: 0.85em; line-height: 1.85em; color: #666; }

}/*@media*/