@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Noto+Serif+JP:wght@700&display=swap');



/*-------------------------------- reset--------------------------------*/
body,h1,h2,h3,p,ul,li,dl,dt,dd { margin: 0; padding: 0;}
ul,li { list-style: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
fieldset,img { margin: 0; border: 0; vertical-align: bottom;}
img { display: block; margin: 0 auto; padding: 0; max-width: 100%; height: auto; vertical-align: middle; }
/*-------------------------------- reset --------------------------------*/
a:link { color: #035aba; text-decoration: none; border: none;}
a:hover { color: #035aba; text-decoration: underline;}
a:visited { color: #035aba; text-decoration: none; border: none;}
body { width: 100%; min-width: 700px; margin: 0; padding: 0; vertical-align: top; text-align: center; font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 18px; line-height: 1.4; font-feature-settings: "palt"; color: #343434;}
.left { text-align: left;}
.right { text-align: right;}
.red { color: #cc0000;}
.st { font-weight: bold; font-size: 24px; line-height: 1.4;}
.st02 { font-weight: bold; }
.white { color: #FFF;}
.orange { color: #ff6600;}
.yellow { color: #FEFD03;}
.green { color: #E8F10A;}
.blue { color: #035ABB;}
.serif { font-family: 'Noto Serif JP', serif;}
.in { max-width: 960px; margin: 0 auto;}
.whitebox { max-width: calc(960px - 4%); padding: 2%; background: #FFF; border-radius: 10px;}
.fs10 { font-size: 10px!important;}
.fs20 { font-size: 20px!important; line-height: 1.6;}
.fs22 { font-size: 22px!important; line-height: 1.6;}
.fs25 { font-size: 25px!important; line-height: 1.6;}
.fs30 { font-size: 30px!important; line-height: 1.6;}
.fs35 { font-size: 35px!important; line-height: 1.6;}
.fs40 { font-size: 40px!important; line-height: 1.6;}
.fs50 { font-size: 50px!important; line-height: 1.6;}
.fs60 { font-size: 60px!important; line-height: 1.6;}
.fs70 { font-size: 70px!important; line-height: 1.6;}
.fs80 { font-size: 80px!important; line-height: 1.6;}
.fs90 { font-size: 90px!important; line-height: 1.6;}
.fs100 { font-size: 100px!important; line-height: 1.6;}
.normal { font-weight: 400!important;}
.bold { font-weight: 700!important;}
.black { font-weight: 900!important;}
.marker { background: linear-gradient(transparent 60%, #FEFF99 60%);}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb80 { margin-bottom: 80px;}
.row { display: flex; text-align: left;}
.row .img { width: 40%; margin-right: 20px;}
.row div:not(.img) { flex: 1;}
.row + * { margin-top: 40px;}



#wrap { min-width: 1000px; padding: 0; margin: 0px auto; overflow: hidden;}
#header { border-bottom: solid #d4d4d4 1px;}
#box01 { position: relative; max-width: 1000px; min-width: 1000px; margin: 0 auto;}
#toPreventsi { position: absolute; top: 0; left: calc((100% - 320px) / 2); width: 320px; text-align: center;}
#toPreventsi a { display: block; width: 100%; font-weight: bold; text-decoration: none; padding: 15px 0; color: #fff; border: 2px solid #e1009b; border-top: none; border-radius: 0 0 10px 10px; background: #e1009b; transition: 0.8s;}
#toPreventsi a:hover { color: #e1009b; background: #fff;}
#header_btn { position: absolute; left: 676px; top: 12px; z-index: 1;}
#header_btn a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
h1 { /* background: url(img/mainbk.jpg) no-repeat scroll 50%; */ }
h1 figure { margin: 0; }
h1 figure img { margin: 0; width: 100%; }



#bg00 { padding: 40px 20px; background: #378ff1; line-height: 1.2;}
#bg00 p { margin-bottom: 20px; font-size: 64px; font-weight: 900; color: #FFF;}
#bg00 ul { display: flex; justify-content: center;}
#bg00 li { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; margin: 4px; font-size: 20px; font-weight: 700;  color: #FFF;}
#bg00 li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding-top: 100%; background: #035ABB; border-radius: 50%; z-index: 0;}
#bg00 li:nth-child(even) { margin-top: 40px;}
#bg00 li > span { position: relative; z-index: 1;}
#bg00 li span span { display: block; font-size: 42px; font-weight: 900; color: #FEFD03;}



#bg01 { padding: 20px; background: url(img/bgimg01.jpg); background-position: 0 1px;}
#bg01 h2 { color: #FFF;}
#bg01 h2 .yellow{ font-size: 80px;}
#bg01 h2 .serif { opacity: 0.7;}
#bg01 ol { max-width: 960px; margin: 0 auto; padding: 0; text-align: left;}
#bg01 li { display: flex; margin-top: 20px; background: #FFF; border-radius: 8px;}
#bg01 li i { display: flex; justify-content: center; align-items: center; width: 116px; background: #378FF1; border-radius: 8px 0 0 8px; font-size: 100px; font-style: normal; font-weight: 900; color: #A6CCF9;}
#bg01 li div { display: flex; align-items: center; padding: 16px; font-weight: 900; color: #343434;}
#bg01text { max-width: 960px; margin: 0 auto; font-size: 16px; line-height: 20px; color: #FFFFFF; text-align: left; padding: 1% 0 2% 0;}
.seikyu { display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 0 16px; line-height: 1;}
.seikyu::before, .seikyu::after { content: ''; width: 40px; height: 61px; background: url("img/fukidashi.png") center no-repeat;}
.seikyu::before { transform: scaleX(-1);}
.seikyu span { display: inline-block; margin: 0 4px; padding: 4px 8px 8px; background: #FF6600; border-radius: 5px; color: #FFF;}
.seikyu span:nth-child(2) { background: #FF8E42;}
.box02 { max-width: 1000px; margin: 0 auto; padding: 3% 0 7% 0;}
.Item01 { margin-left: 20px; float: left; width: 47%;}
.btn01{padding-top:75px;}
.btn01 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.btn02 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}



#bg02 { padding: 20px 20px 40px; background: #035aba;}
#bg02 .in h2 { height: 126px; padding-left: 160px; background: url("img/light.png") left center no-repeat; color: #FFF;}
#bg02 .in h2 span.fs50 { display: inline-block; margin: 0 4px; padding: 4px 8px 8px; background: #014693; border-radius: 5px; color: #FFFE00;}
#bg02 .in h2 span.bold { color: #B5D0ED;}



#bg03 { position: relative; padding: 60px 20px; background: url(img/bgimg02.jpg);}
#bg03::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 16px 15px 0 15px; border-color: #0359bb transparent transparent transparent;}
#bg03text { max-width: 960px; margin: 0 auto; font-size: 16px; line-height: 20px; color: #035aba; text-align: left; padding: 0 0 2% 0;}
#box03 { display: flex; flex-wrap: wrap; margin: 0 -12px; padding: 0;}
#box03 > li { position: relative; width: calc(100% / 3 - 24px); margin: 24px 12px; background: #FFF; border-radius: 8px;}
#box03 .num { position: absolute; top: 0; left: 50%; transform: translate(-50%, -40%); width: 90px; height: 82px; padding-top: 8px; background: #035ABB; border-radius: 50%; font-size: 12px; color: #A7C6E3;}
#box03 .num span { display: block; font-size: 24px; font-weight: 900;}
#box03 h3 { padding: 20px 8px; background: #035ABB; border-radius: 8px 8px 0 0; line-height: 1.2; color: #FFF;}
#box03 h3 > span { position: relative; z-index: 1;}
#box03 ul { margin: 8px; text-align: left;}
#box03 ul li { display: inline-block; margin-bottom: 8px; padding: 6px 4px 0 28px; text-align: left; background: url("img/check.png") left 6px no-repeat; background-size: 24px auto; font-size: 23px; font-weight: 900; line-height: 1; color: #035AB9;}
#box03 ul li span { font-weight: 400; color: #313131;}



#bg04 { padding: 80px 20px 40px; background: url(img/bgimg03.jpg);}
#bg04 .in { background: #FFF; border-radius: 10px;}
#bg04 h2 { display: inline-block; margin: 0 20px; padding: 16px 24px; background: #014693; border-radius: 10px; line-height: 1.4; color: #FFF;}
#bg04 h2:first-of-type { margin-top: -1em;}
#bg04 h2:last-of-type { margin-top: 1em;}
#bg04 p { padding: 20px; text-align: left; line-height: 1.3;}



#bg05 { padding: 80px 20px 40px; background: url(img/bgimg03.jpg); padding-bottom: 3%;}
#bg05 .in { background: #FFF; border-radius: 10px;}
#bg05 h2 { display: inline-block; margin: -1em auto 30px; padding: 16px 24px; background: #014693; line-height: 1.4; color: #FFF; font-size: 38px; font-weight: 700; border-radius: 10px;}
.attention { min-height: 50px; margin: 20px; padding: 16px 0 16px 64px; text-align: left;background: url("img/attention.png") left center no-repeat; border-bottom: 2px dotted #CCC;}
#box04text { padding: 0 3% 3% 3%; color: #333333; font-size: 18px; text-align: left;}
#box05 { padding: 2% 0 2% 2%; max-width: 950px; margin: 0 auto; text-align: left; font-size: 18px; line-height: 1.8;}
#box06 { padding: 2%; max-width: calc(950px - 4%); margin: 20px auto; text-align: left; border: 3px solid #FF6501; border-radius: 8px;}
#bg05 #lp8 {margin-bottom: 90px;}
#bg05 #lp8 ul{display: flex; flex-wrap: wrap; padding: 0 20px;}
#bg05 #lp8 ul.case li {width: calc((100% / 2) - 20px); margin: 0 10px 15px;}
#bg05 #lp8 ul.case li img {width: 100%;}
#bg05 #lp8 p.text { font-size: 12px; padding: 0 20px 20px;}
#bg05 #lp8 .lp9 p {font-size: 38px; line-height: 1.5; margin: 30px auto; font-weight: 600;}
#bg05 #lp8 .lp9 p u {border-bottom: 10px solid #ECFF00; display: inline-block; text-decoration: none;}
#bg05 #lp8 .lp9 p u br { display: none;}
#bg05 #lp8 .lp9 p b {color: #fa0000;}
#bg05 #lp8 .lp9 h3 {background: #014693; margin: 0 30px; padding: 20px 30px;}
#bg05 #lp8 .lp9 p.text {line-height: 1.5; padding: 25px; font-size: 27px; font-weight: 400; text-align: left;}
#bg05 #lp8 .lp9 figure.image {margin-top: 50px;}
#bg05 #lp8 .lp9 p.text2 {font-weight: 400; padding-bottom: 60px;}



#bg06 { background: url(img/bgimg01.jpg); background-position: 0 0px; margin-bottom: 3.5%; }
#bg06 h2 { padding: 40px 16px; color: #FFF;}
#bg06box01 { max-width: 960px; background: #FFFFFF; margin: 0 auto; border-radius: 0 0 10px 10px;}
#bg06text01 { font-size: 14px; line-height: 24px; color: #333333; text-align: left; padding: 0 2% 2% 3%;}
#bg06box02 { max-width: 960px; background: #FFFFFF; margin: 0 auto;}
#bg06text02 { font-size: 14px; line-height: 24px; color: #333333; text-align: left; padding: 0 2% 2% 3%;}
.yobou { max-width: 960px; margin: 0 auto; padding: 40px 20px;}
.yobou .waku { display: inline-block; padding: 8px; background: #054A98; border-radius: 8px; line-height: 1;}
.yobou .waku:nth-of-type(2) { margin-left: 4px;}
.tokuten { max-width: 960px; margin: 0 auto; padding: 0; text-align: left;}
.tokuten li { display: flex; margin-top: 20px; background: #FFF; border: 1px solid #CCCCCC; border-radius: 8px;}
.tokuten li .num { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 90px; background: #035ABB; border-radius: 8px 0 0 8px; font-size: 20px; font-style: normal; font-weight: 900; color: #FFF;}
.tokuten li .num span { display: block; font-size: 40px;}
.tokuten li .text { flex: 1; padding: 16px;}
.tokuten li .text h4 { margin: 0 0 10px;}
.tokuten + p { margin: 20px 0; text-align: left;}



#bg07 { background: #d9ebff;}
.gendo > span { display: inline-block; padding-left: 48px; background: url("img/gendo.png") left center no-repeat;}
.nextarr { position: relative; margin-bottom: 40px;}
.nextarr::before { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 16px 15px 0 15px; border-color: #0359bb transparent transparent transparent;}
.box07 { padding: 20px; background: #035ABB; border-radius: 8px; color: #FFF;}
.box07a { width: 80%; margin: 0 auto 40px; padding: 10px; background: url("img/bgimg01.jpg"); border-radius: 8px; color: #FFF;}
.box07text { padding-top: 20px; border-top: 3px dotted #75A8E1; text-align: left; line-height: 1.8;}
.gendobox { margin-bottom: 40px; background: #EAF4FE; border-radius: 8px;}
.gendobox h3 { padding: 20px; background: #035ABB; border-radius: 8px 8px 0 0;}
.gendobox h3.alt { background: url("img/bgimg01.jpg");}
.gendobox h3 .yellow { display: inline-block; margin: 0 2px; padding: 8px; background: #014693; border-radius: 4px; line-height: 1;}
.gendobox > div { padding: 10px 20px;}
.gendobox ul { display: flex; margin: 0 -15px;}
.gendobox li { flex: 1; display: flex; justify-content: center; align-items: center; margin: 15px; padding: 10px; background: #FFF; border-radius: 8px;}
.gendobox li span { line-height: 1.2;}
.gendobox li span.fs100 { margin: -10px 10px 0;}
.orangebox { padding: 10px; background: #FF7F2B; border-radius: 8px;}
.orangebox span.bg { display: inline-block; margin: 4px; padding: 0 10px; background: #FE4D01; border-radius: 40px;}
.orangebox span.bg2 { display: inline-block; margin: 4px; padding: 4px 10px 8px; background: #FD0000; border-radius: 8px; line-height: 1;}
.kakuritsu li { display: block; padding: 0 0 20px!important;}
.kakuritsu h4 { margin: 0 0 20px; padding: 10px; background: #035ABB; border-radius: 8px 8px 0 0; color: #FFF;}
.kakuritsu li:nth-child(2) h4 { background: #FF6600;}
.kakuritsu h5 { margin: 10px 0;}
.kakuritsu p { margin: 10px 0; line-height: 1.2;}
.kakuritsu .down { margin-bottom: -80px;}
.underdot { display: inline-block; padding-bottom: 4px; border-bottom: 3px dotted #CCC;}
.board { display: inline-block; margin: 0 20px; padding: 10px; background: #F6F6F6; border-radius: 8px;}
.boardblue { display: block; background: #035ABB;}
.boardorange { display: block; background: #FF6600;}
.cover { display: flex; flex-wrap: wrap; margin: 0 -5px;}
.cover > li { width: calc(25% - 30px); margin: 5px; padding: 10px; background: #DAEBFF; border-radius: 8px; color: #0259B6;}
.cover > li .board { display: flex; justify-content: center; align-items: center; min-height: 60px; margin: 0; padding: 0 5px; background: #9CC5F1; border-radius: 8px; line-height: 1.2;}
.cover > li.alt { background: #F4F4F4; color: #6D6D6D;}
.cover > li.alt .board { background: #E1E1E1;}
.yellowbox { padding: 20px; background: #FFFCCF; border-radius: 8px;}
.yellowbox h4 { margin: 0 0 20px;}
.greybox { display: flex; justify-content: center; align-items: center; padding: 10px; text-align: center; background: #DFDFDF; border-radius: 8px; color: #6E6E6E; white-space: nowrap;}
.souten h4 { position: relative; align-self: center; padding: 4px 20px;; background: #FF7903; border-radius: 8px; margin-right: 30px; white-space: nowrap;}
.souten h4::after { content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 12px; border-color: transparent transparent transparent #ff7903;}
.souten ol { margin: 0; padding: 0;}
.souten ol li { margin: 8px 0;}
.numcircle { display: flex; justify-content: center; align-items: center; float: left; width: 40px; height: 40px; margin: 4px 8px 0 0; background: #525252; border-radius: 50%; line-height: 1; color: #FFF;}
.down2 { margin: 0 auto 20px;}
.plus { position: relative;}
.plus::before { content: '＋'; position: absolute; top: 160px; left: -35px; font-size: 50px; font-weight: 900; color: #525252; text-shadow: -2px -2px 0 #FFF, 2px 2px 0 #FFF;}
.voice { margin-top: 90px;}
.voice .row { margin: -70px 0 0;}
.voice .row + * { margin-top: 20px;}
.voice .img { width: 24%;}



#bg08, #bg12 { position: relative; padding: 60px 0; background: url(img/bgimg01.jpg); background-position: 0 1px;}
#bg08::before, #bg12::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 34px 89px 0 89px; border-color: #ffffff transparent transparent transparent;}
/*.topdot { display: inline-block; padding-top: .1em; background-position: top left -2px; background-repeat: repeat-x; background-size: 0.9em .5em; background-image: radial-gradient(.06em .06em at center center,#FFFF01,#FFFF01 100%,transparent);}*/
.topdot { display: inline-block; margin-bottom: 24px;}
.topdot { border-bottom: 6px solid #FFFF01;}
.underline { margin-bottom: 20px; padding: 20px 0; border-bottom: 1px solid #266EC3;}
#bg08 .fs100, #bg12 .fs100 { line-height: 1!important;}
#bg08 p, #bg12 p { line-height: 1.2;}
.box06text { margin-top: 20px; color: #333333; font-size: 14px; line-height: 24px; text-align: left;}



#bg09 { background: #d9ebff; padding-bottom: 3%;}
#bg09text { max-width: 960px; margin: 0 auto; font-size: 14px; line-height: 20px; color: #333333; text-align: left; padding: 1% 0 0 0;}



#bg10 { background: #d9ebff; padding-bottom: 3%;}
.more { max-width: 960px; background: #FFFFFF; margin: 0 auto; padding: 2% 0 2% 0; border-radius: 0 0 10px 10px;}
.open { margin: 0 auto; max-width: 180px; border-style: none; font-size: 27px; font-weight: bold; padding: 2% 6% 2% 6%; margin-bottom: 2%; color: #FFFFFF; background: #035abb; border-radius: 3px; box-shadow: 0 3px 0 #004fa7; cursor: pointer;}
.moretext { padding: 0 3% 1.5% 3%; color: #333333; font-size: 18px; line-height: 30px; text-align: left;}
.open a:link { color: #ffffff; text-decoration: none; border: none;}
.open a:hover { color: #ffffff;}
.open a:visited { color: #ffffff; text-decoration: none; border: none;}
.open:hover { background-color: #0064d4;}
.video { width: 60%; margin: 20px auto 0;}
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.bluebox { display: inline-block; margin: 0 0 10px; padding: 16px; background: #035ABB; border-radius: 8px; color: #FFF; line-height: 1;}
.lh { line-height: 1.2;}



#boxfaq { max-width: 960px; margin: 0 auto; padding-bottom: 4%;}
.subcatch01 { padding-bottom: 3%; color: #333333;}
.question,.answer { text-align: left; background: none no-repeat left top;}
.question { background: url(img/question.jpg) no-repeat; font-size: 28px; font-weight: bold; color: #035aba; padding: 7px 0 1% 5%;}
.answer { background: url(img/answer.jpg) no-repeat; background-position: 0 5px; overflow: hidden; font-size: 18px; color: #333333; padding: 3px 0 3% 5%;}
.border01 { border: none; height: 2px; background-image: linear-gradient(to right, #9b9b9b, #9b9b9b 2px, transparent 2px, transparent 4px); background-size: 5px 2px; background-position: bottom; background-repeat: repeat-x; padding: 0 0 0 0; margin-bottom: 2%;}
table { border-collapse: collapse; border-spacing: 0;}
td,th { padding: 0;}
table.faq_tbl { border: 2px solid #046192; font-size: 80%; color: #333333; margin: 0 auto;}
table.faq_tbl thead th { background: #046192; border: 1px solid #fff; color: #fff; font-size: 110%;}
table.faq_tbl tbody th { background: #F2F5F9;}
table.faq_tbl th,table.faq_tbl td { border: 1px solid #046192; padding: 5px 8px; text-align: center;}
table.faq_tbl td { background: #fff;}
table.faq_tbl td ul.alphabet { list-style-type: lower-latin !important; text-align: left;}
.small { font-size: 14px; line-height: 24px; color: #333333; text-align: left; padding-top: 2%; padding-bottom: 4%;}



#bg11 { background: #d9ebff;}
#bg12 { background: url(img/bgimg01.jpg); background-position: 0 1px; padding-bottom: 3%; margin-bottom: 3.5%;}
#box08 { max-width: 1000px; margin: 0 auto; padding: 0 0 0 0;}
.Item03 { margin-left: 20px; float: left; width: 47%; margin-bottom: 0;}
#manga, #manga2 { max-width: 960px; margin: 0 auto;}
#manga img, #manga2 img { width: 100%;}
.btn03 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.btn04 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.btn05 a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
#bg13 { background: #d9ebff; padding: 3% 0 1% 0; margin-bottom: 9%;}
#bg14 { background: #d9ebff; padding: 3% 0 3% 0; margin-bottom: 6%;}



#bg15{ padding: 30px 20px; background: #d5e9ff;}
#bg15 .in { display: flex;}
#bg15 h2 { display: flex; align-items: center; padding: 30px; background: rgb(228,190,63); background: linear-gradient(-50deg, rgba(228,190,63,1) 10%, rgba(254,230,134,1) 30%, rgba(219,180,41,1) 50%, rgba(254,230,134,1) 60%, rgba(219,180,41,1) 90%); border-radius: 8px 0 0 8px; font-size: 42px; font-weight: 900; color: #6A4E15;}
#bg15 p { flex: 1; padding: 16px; background: #FFF; border-radius: 0 8px 8px 0; font-size: 45px; font-weight: 900; line-height: 1.2; color: #F96F02;}
#bg15 p .no1 { display: inline-block; padding: 0 16px; background: #F96F02; border-radius: 8px; color: #FFF;}
#bg15 p .min { display: block; margin-top: 4px; text-align: right; font-size: 11px; font-weight: 400; color: #000;}



.box02a { margin-top: 2px; max-width: 960px; margin: 0 auto; background: #ffffff; border-radius: 10px; margin-bottom: 3%;}
.box02a p {
    position: relative; 
}
.box02a .insurance-card {
    position: absolute;
    top: 18.0%;
    left: 73.0%;
    width: 21.0%;
    height: auto;
}
.box02a .entrance-sticker {
    position: absolute;
    top: 12.2%;
    left: 76.7%;
    width: 16.0%;
    height: auto;
}
.box02a .car-sticker {
    position: absolute;
    top: 25.4%;
    left: 75.4%;
    width: 18.5%;
    height: auto;
}

.box02atext { padding: 1% 5% 5% 4.2%; color: #333333; font-size: 20px; line-height: 32px; text-align: left;}
#lasttext { font-size: 18px; line-height: 24px; color: #333333; margin: 0 auto; padding-bottom: 1%;}
#photo { margin-top: 24px;}
#footerlink { padding: 4% 0 2% 0; color: #035aba; font-size: 14px; text-align: center; line-height: 19px;}
#footer { color: #FFFFFF; background-color: #035aba; font-size: 11px; text-align: center; line-height: 600%;}



.bgprivacy { background: #daebff; padding: 6% 0 3% 0;}
.boxprivacy { margin-top: 5px; padding: 2% 2% 1% 2%; max-width: 700px; margin: 0 auto; background: #ffffff; border-radius: 10px; text-align: left; font-size: 14px; line-height: 20px; color: #333333;}
.boxprivacytext { width: 98%; margin: 0 auto;}
.boxprivacy h2 { background: #035abb; border-radius: 3px; font-weight: bold; color: #FFFFFF; font-size: 25px; line-height: 180%; padding-left: 2%; margin-bottom: 2%;}
.boxprivacy h3 { color: #035abb; font-size: 20px;}
.gototop { margin: 0 auto; max-width: 180px; border-style: none; font-size: 27px; font-weight: bold; padding: 2% 6% 2% 6%; margin-top: 5%; margin-bottom: 5%; color: #FFFFFF; background: #035abb; border-radius: 3px; box-shadow: 0 3px 0 #004fa7; cursor: pointer;}
.gototop a:link { color: #ffffff; text-decoration: none; border: none;}
.gototop a:hover { color: #ffffff;}
.gototop a:visited { color: #ffffff; text-decoration: none; border: none;}
.gototop:hover { background-color: #0064d4;}


#logo { max-width: 480px; margin: 0 auto;}
#logo img { width: auto; max-width: 100%; height: auto;}
#securecore { margin-top: 20px;}




/*-------------------------------- スマホ設定ここから--------------------------------*/
@media screen and (min-width: 641px) {
    .sp { display: none !important}
}
@media screen and (max-width: 640px) {
    .pc { display: none !important}
    body { min-width: 100%; width: 100%; font-size: 14px; line-height: 1.6;}
    img { max-width: 100%}
    #wrap { min-width: initial;}
    .whitebox { max-width: initial; margin: 0 2% 20px; padding: 5%;}
    .st { font-size: 16px; line-height: 1.6;}
    .fs10 { font-size: 10px!important;}
    .fs20 { font-size: 16px!important; line-height: 1.4;}
    .fs22 { font-size: 16px!important; line-height: 1.4;}
    .fs25 { font-size: 17px!important; line-height: 1.4;}
    .fs30 { font-size: 18px!important; line-height: 1.4;}
    .fs35 { font-size: 19px!important; line-height: 1.4;}
    .fs40 { font-size: 20px!important; line-height: 1.4;}
    .fs50 { font-size: 24px!important; line-height: 1.4;}
    .fs60 { font-size: 30px!important; line-height: 1.4;}
    .fs70 { font-size: 40px!important; line-height: 1.2;}
    .fs80 { font-size: 40px!important; line-height: 1.2;}
    .fs90 { font-size: 50px!important; line-height: 1.2;}
    .fs100 { font-size: 60px!important; line-height: 1.2;}
    .row { display: block;}
    .row .img { width: auto; margin: 0 0 20px;}
    .row + * { margin-top: 20px;}
    .mb10 { margin-bottom: 10px;}
    .mb20 { margin-bottom: 10px;}
    .mb30 { margin-bottom: 15px;}
    .mb40 { margin-bottom: 20px;}
    .mb80 { margin-bottom: 40px;}


    #box01 { min-width: initial;}
    #toPreventsi { top: 10%; left: auto; right: 8px; width: 49%; text-align: center;}
    #toPreventsi a { text-decoration: none; padding: 4% 0; border-radius: 5px; font-size: 3.1vw; white-space: nowrap;}
    #header_btn { display: none;}
    h1 { background: url(img/mainbk.jpg) no-repeat scroll 50%;}



    #bg00 { padding: 16px;}
    #bg00 p { margin-bottom: 10px; font-size: 5.6vw;}
    #bg00 li { width: calc(100% / 7); height: calc(100% / 7); margin: 0 1px; padding: 8px 2px; font-size: 1.2vw; white-space: nowrap;}
    #bg00 li:nth-child(even) { margin-top: 20px;}
    #bg00 li span span { font-size: 4vw;}



    #bg01 { padding: 16px; background: #0b60be;}
    #bg01 li i { width: 50px; font-size: 50px;}
    #bg01 li div { flex: 1; flex-direction: column; align-items: center;}
    #bg01text { width: 95.5%; font-size: 12px; line-height: 13px;}
    .btn01{ padding-top:0;}
    .Item01 { margin: 0 auto; padding-top: 3%; padding-bottom: 3%; float: none; width: 60%;}
    .Item01 img { width: 100%;}



    #bg02 { padding: 16px;}
    #bg02 .in h2 { height: auto; padding-left: 70px; background-size: 63px auto;}



    #bg03 { padding: 60px 16px;}
    #bg03text { font-size: 12px;}
    #box03 { margin: -4px;}
    #box03 > li { width: calc(100% - 8px); margin: 24px 4px;}
    #box03 .num { width: 70px; height: 70px; font-size: 10px;}
    #box03 .num span { font-size: 20px;}
    #box03 ul li { padding-left: 20px; background-size: 18px auto; font-size: 18px; line-height: 1.2;}



    #bg04 { padding: 40px 16px;}
    #bg04 h2 { padding: 12px 8px;}
    #box04text { padding: 0 5% 10% 5%; font-size: 14px;}



    #bg05 { padding: 40px 16px;}
    #bg05 h2 { font-size: 24px; padding: 12px 8px;}
    .attention { margin-top: 0; padding: 16px 0 16px 44px; background-size: 32px auto;}
    #box05 { width: 95.5%; font-size: 14px;}
    #bg05 #lp8 ul.case {flex-direction: column;}
    #bg05 #lp8 ul.case li { margin: 0 auto 15px; width: 100%;}
    #bg05 #lp8 p.text { text-align: left;}
    #bg05 #lp8 .lp9 p.catch { font-size: 20px;}
    #bg05 #lp8 .lp9 p.text { font-size: 18px;}
    #bg05 #lp8 .lp9 p.text2 { font-size: 22px;}
    #bg05 #lp8 .lp9 p u br { display: block;}
    #box06 { width: 84%; padding: 4%; max-width: initial;}



    #bg06 { background: #0b60be; padding-bottom: 3%;}
    #bg06 h2 { padding: 20px 16px;}
    #bg06box01 { width: 96%; border-radius: 0 0 3px 3px;}
    #bg06text01 { width: 93%; padding: 3% 5% 3% 3%; font-size: 12px;}
    #bg06box02 { width: 96%;}
    #bg06text02 { width: 93%; padding: 3% 5% 3% 3%; font-size: 12px;}
    .yobou { line-height: 1.4;}
    .tokuten li .num { width: 50px; font-size: 16px;}
    .tokuten li .num span { font-size: 30px;}



    .box07 { padding: 3%;}
    .box07a { margin-bottom: 20px;}
    .gendobox h3 { padding: 3%;}
    .gendobox > div { padding: 3%;}
    .gendobox ul { display: block; margin: 0;}
    .gendobox li { margin: 15px 0 0; padding: 4px;}
    .kakuritsu .down { width: 160px; margin: 0 auto -50px;}
    .cover > li { width: calc(50% - 30px);}
    .yellowbox { padding: 5% 3% 1%;}
    .yellowbox h4 { margin: 0 0 5%;}
    .greybox { margin-top: 5%;}
    .down2 { width: 120px;}



    #bg8, #bg12 { background: #0b60be;}
    .underline { margin-bottom: 10px; padding: 10px 0;}
    #bg08 .fs70, #bg12 .fs70 { font-size: 30px!important;}
    #bg08 .fs100, #bg12 .fs100 { font-size: 50px!important;}
    .box06text { margin-top: 20px; font-size: 12px; line-height: 13px;}
    .yobou { letter-spacing: 0.1em;}
    .yobou .fs50 { display: block; margin-top: 8px;}



    #bg07text { width: 93%; padding: 3% 5% 3% 3%; font-size: 12px; line-height: 13px;}
    #bg09text { width: 90%; padding: 3% 5% 3% 3%; font-size: 12px; line-height: 13px;}
    #manga, #manga2 { width: 96%; margin: 0 auto;}
    .open { font-size: 14px; margin-top: 6%; margin-bottom: 7%;}
    .more { width: 95.5%; border-radius: 0 0 3px 3px;}
    .moretext { width: 90%; padding: 0 5% 0 5%; font-size: 12px;}
    .video { width: 100%; margin: 20px auto 0;}
    .bluebox { padding: 10px;}
    .plus { margin-top: 60px;}
    .plus::before { top: -70px; left: 50%; transform: translateX(-50%);}
    .voice { margin-top: 50px!important;}
    .voice .row { margin: -48px 0 0;}
    .voice .img { width: 50%; margin: 0 auto 24px;}
    .gendobox li { white-space: nowrap; padding: 4px 4px 4px 0;}
    .gendobox .adjust { width: 96px;}
    .gendobox .fs20.adjust { width: 80px;}
    .gendobox .fs100 { width: 100px;}
    .gendobox .fs80 { font-size: 44px!important;}



    #btn03width{ width:58%; margin: 0 auto;}
    #boxfaq { width: 95%;}
    .question { width: 90%; background-size: 7% auto; padding: 3px 0 1% 9%; font-size: 12px;}
    .answer { width: 90%; background-size: 7% auto; background-position: 0 5px; padding: 3px 0 2% 9%; font-size: 12px; line-height: 18px;}
    .small { font-size: 10px;}
    .Item03 { margin: 0 auto; padding-top: 3%; padding-bottom: 3%; float: none; width: 60%;}
    .Item03 img { width: 100%;}
    .btn05 { width: 60%; margin: 0 auto; padding-bottom: 2%;}
    #bg13 { margin-bottom: 12%;}
    #bg13 .btn05 { width: 100%;}
    #bg14 .btn05 { margin-top: 2.5%;}



    #bg15{ padding: 3%;}
    #bg15 .in { display: block;}
    #bg15 h2 { justify-content: center; padding: 3%; border-radius: 8px 8px 0 0; font-size: 6vw; }
    #bg15 p { width: auto; padding: 3%; border-radius: 0 0 8px 8px; font-size: 7vw;}
    #bg15 p .min { text-align: center;}



    .box02a { width: 96%; margin: 0 auto; padding: 0 0 4% 0; border-radius: 3px; margin-bottom: 5%;}
    .box02atext { width: 90%; padding: 0 5% 0 5%; font-size: 12px; line-height: 18px;}

    #lasttext { width: 96%; margin: 0 auto; font-size: 11px;}
    #photo img { width: 30%;}
    #footerlink { padding: 5% 0 4% 0; color: #035aba; font-size: 11px; text-align: center; line-height: 19px;}

    .boxprivacy { width: 70%;}
    .boxprivacy h2 { font-size: 15px;}
    .boxprivacy h3 { color: #035abb; font-size: 12px;}
    .boxprivacy { font-size: 10px; line-height: 16px;}
    .url01 { word-break: break-all;}
    .gototop { font-size: 14px; padding: 2% 6% 2% 6%; margin-top: 6%; margin-bottom: 7%;}

    #footer { padding-bottom: 100px; font-size: 10px;}

    #floating { position: fixed; bottom: 0; left: 0; width: calc(100% - 16px); padding: 8px; background: #FFF; border-top: 1px solid #D1D1D1; z-index: 1000; overflow: hidden;}
    #floating ul { display: flex; justify-content: center; margin: 0; padding: 0;}
    #floating li { text-align: center; margin: 0 4px; padding: 0;}
}
/*-------------------------------- スマホ設定ここまで--------------------------------*/