@charset "utf-8";
/* CSS Document */

/* -----------------------------------------
 wrapper
----------------------------------------- */
.topWrapper *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.topWrapper img{
display: inline-block;
}

.topWrapper{
padding: 60px 0 0;
}
.topWrapper a{
transition: 0.3s;
display: inline-block;
}
.topWrapper a:hover{
opacity: 0.7;
}

/* -----------------------------------------
 title
----------------------------------------- */
.titleTypeA01{
text-align: center;
margin: 0 0 20px;
}
.titleTypeA01 span{
background: #002850;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
border-radius: 100px;
padding: 9px 45px 8px;
display: inline-block;
}

.titleTypeB01{
width: 780px;
background: #002850;
text-align: center;
border-radius: 100px;
margin: 0 auto 40px;
position: relative;
}
.titleTypeB01::before{
content: "";
width: 22px;
height: 15px;
background: #002850;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -14px;
margin-left: -11px;
}
.titleTypeB01 > span{
color: #fff;
font-size: 2.0rem;
font-weight: bold;
padding: 20px 40px;
display: inline-block;
position: relative;
}
.titleTypeB01 > span::before{
content: "";
width: 20px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.titleTypeB01 > span::after{
content: "";
width: 20px;
height: 2px;
background: #fff;
position: absolute;
right: 0;
top: 50%;
margin-top: -2px;
}
.titleTypeB01 > span .small{
font-size: 1.6rem;
margin: 0 10px 0 0;
}

/* -----------------------------------------
 button
----------------------------------------- */
.btnTypeA01{
text-align: center;
}
.btnTypeA01 a{
width: 460px;
background: #ff9600;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
border-bottom: 6px solid #e48600;
border-radius: 10px;
padding: 20px 0 14px;
display: inline-block;
position: relative;
}
.btnTypeA01 a::before{
content: "";
width: 10px;
height: 12px;
background: #fff;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
}

/* -----------------------------------------
 list
----------------------------------------- */
.listTypeA01{
width: 140px;
display: flex;
}
.listTypeA01 > li{
width: 40px;
height: 40px;
background: #dddddd;
color: #fff;
font-size: 1.2rem;
text-align: center;
line-height: 1.2;
border-radius: 3px;
margin: 0 10px 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.listTypeA01 > li:last-child{
margin-right: 0;
}
.listTypeA01 > li.kisotsu{
background: #b00000;
}
.listTypeA01 > li.daini{
background: #00b684;
}
.listTypeA01 > li.shinsotsu{
background: #17b3ff;
}

/* -----------------------------------------
 mainVisual
----------------------------------------- */
.mainVisual .inner{
width: 1100px;
height: 400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
}
.mainVisual .inner .textBlock{
width: 320px;
text-align: center;
}
.mainVisual .inner .textBlock .text01{
color: #000;
font-size: 1.2rem;
font-weight: bold;
line-height: 2.2;
margin: 0 0 20px;
}
.mainVisual .inner .textBlock .text02{
color: #ff9600;
font-size: 1.3rem;
line-height: 1.8;
margin: 0 0 15px;
}
.mainVisual .inner .textBlock .text03{
color: #444;
font-size: 1.2rem;
}
.mainVisual .inner .textBlock .text03 a{
color: #444;
font-weight: bold;
text-decoration: underline;
display: inline-block;
}
.mainVisual .inner .textBlock .logo{
width: 200px;
margin: 0 auto 30px;
}
.mainVisual .inner .textBlock .btn{
width: 250px;
margin: 0 auto 15px;
}
.mainVisual .inner .textBlock .link{
text-align: center;
margin: 0 0 15px;
}
.mainVisual .inner .textBlock .link a{
color: #ff9600;
font-size: 1.3rem;
padding: 0 22px 0 0;
position: relative;
}
.mainVisual .inner .textBlock .link a::before{
content: "";
width: 12px;
height: 12px;
background: url("/share/images/renewal/common/ico_arrow_01.png") no-repeat;
background-size: 100% auto;
background-position: top center;
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
}

/* -----------------------------------------
 section
----------------------------------------- */
[class^="sectionA"].type01{
background: #e2eef8;
}
[class^="sectionA"].type02{
background: #fff;
}
[class^="sectionA"].type03{
background: url("/share/images/renewal/top/secA04_bg_01.webp") no-repeat;
background-size: cover;
background-position: top center;
}
[class^="sectionA"] .secInner{
width: 960px;
margin: 0 auto;
padding: 60px 0;
}

/* -- sectionA01 -- */
.sectionA01 .info{
background: #fff;
border: 1px solid #002850;
margin: 0 0 60px;
padding: 20px 40px;
}
.sectionA01 .info .txt01{
font-size: 1.6rem;
font-weight: bold;
text-align: center;
margin: 0 0 10px;
}
.sectionA01 .info .txt02{
font-size: 1.4rem;
text-align: center;
line-height: 1.6;
}
.sectionA01 .info .txt02 span{
font-weight: bold;
}
.sectionA01 .time{
color: #000;
font-size: 1.4rem;
text-align: center;
margin: 0 0 30px;
}
.sectionA01 form{
margin: 0 0 60px;
}
.sectionA01 form .searchBlock{
margin: 0 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sectionA01 form .searchBlock .box{
width: 475px;
background: #fff;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
padding: 10px 10px 10px 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sectionA01 form .searchBlock .box:nth-child(n+3){
margin-top: 10px;
}
.sectionA01 form .searchBlock .box .ttl{
width: 150px;
color: #007299;
font-size: 1.4rem;
font-weight: bold;
border-right: 1px solid #cecece;
padding: 0 0 0 32px;
position: relative;
}
.sectionA01 form .searchBlock .box.target .ttl::before{
content: "";
width: 20px;
height: 19px;
background: url("/share/images/renewal/top/secA01_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: -3px;
}
.sectionA01 form .searchBlock .box.syokusyu .ttl::before{
content: "";
width: 21px;
height: 21px;
background: url("/share/images/renewal/top/secA01_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: -5px;
}
.sectionA01 form .searchBlock .box.kinmuti .ttl::before{
content: "";
width: 16px;
height: 24px;
background: url("/share/images/renewal/top/secA01_ico_03.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 2px;
top: -5px;
}
.sectionA01 form .searchBlock .box.formality .ttl::before{
content: "";
width: 20px;
height: 19px;
background: url("/share/images/renewal/top/secA01_ico_04.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: -3px;
}
.sectionA01 form .searchBlock .box select{
width: 300px;
background: url("/share/images/renewal/top/secA01_arrow_01.webp") no-repeat;
background-size: 27px 27px;
background-position: 100% 50%;
font-size: 1.4rem;
padding: 0 0 0 18px;
position: relative;
outline: none;
}
.sectionA01 form input[type="submit"]{
width: 460px;
background: url("/share/images/renewal/top/secA01_btn_01.webp") no-repeat;
background-size: 100% 100%;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin: 0 auto 25px;
padding: 18px 0;
display: block;
transition: 0.3s;
}
.sectionA01 form .notes{
color: #000;
font-size: 1.3rem;
text-align: center;
}
.sectionA01 form .notes a{
color: #ff9800;
text-decoration: underline;
}
.sectionA01 .reserveBlock{
background: #fff;
border-top: 1px solid #002850;
border-bottom: 1px solid #002850;
padding: 35px 0;
position: relative;
}
.sectionA01 .reserveBlock::before{
content: "";
width: 224px;
height: 174px;
background: url("/share/images/renewal/top/secA01_img_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: -58px;
top: 27px;
}
.sectionA01 .reserveBlock::after{
content: "";
width: 136px;
height: 152px;
background: url("/share/images/renewal/top/secA01_img_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
right: -8px;
top: 37px;
}
.sectionA01 .reserveBlock .title{
font-size: 2.2rem;
font-weight: bold;
text-align: center;
margin: 0 0 25px;
}
.sectionA01 .reserveBlock .text{
font-size: 1.4rem;
text-align: center;
line-height: 1.8;
margin: 0 0 20px;
}
.sectionA01 .reserveBlock .text b{
background: linear-gradient(transparent 60%, #fff690 60%);
font-weight: bold;
}

/* -- sectionA02 -- */
.sectionA02 .menuBlock{
margin: 0 0 40px;
display: flex;
}
.sectionA02 .menuBlock .block01{
width: 390px;
height: 247px;
margin: 0 20px 0 0;
position: relative;
overflow: hidden;
}
.sectionA02 .menuBlock .block01 .slides li a{
display: block;
position: relative;
}
.sectionA02 .menuBlock .block01 .slides li a img{
width: 100%;
height: auto;
}
.sectionA02 .menuBlock .block01 .slides li a .listTypeA01{
position: absolute;
right: 15px;
bottom: 15px;
}
.sectionA02 .menuBlock .block02{
width: 550px;
}
.sectionA02 .menuBlock .block02 .box a{
min-height: 61px;
font-size: 1.4rem;
border-bottom: 1px dotted #cdcdcd;
padding: 0 20px;
display: flex;
align-items: center;
}
.sectionA02 .menuBlock .block02 .box:nth-child(1) a{
border-top: 1px dotted #cdcdcd;
}
.sectionA02 .menuBlock .block02 .box a .text{
width: 370px;
}
.sectionA02 .pickupBlock{
margin: 0 0 80px;
display: flex;
}
.sectionA02 .pickupBlock .block{
width: 460px;
}
.sectionA02 .pickupBlock .block + .block{
margin-left: 40px;
}
.sectionA02 .pickupBlock .block .title{
background: #eeeeee;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
border-radius: 5px;
padding: 10px 0;
margin: 0 0 25px;
position: relative;
}
.sectionA02 .pickupBlock .block .title::before{
content: "";
width: 24px;
height: 11px;
background: #eeeeee;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -12px;
}
.sectionA02 .pickupBlock .block .list > li{
margin: 0 0 10px;
}
.sectionA02 .pickupBlock .block .list > li:last-child{
margin-bottom: 0;
}
.sectionA02 .pickupBlock .block .list > li a{
width: 100%;
display: flex;
align-items: center;
}
.sectionA02 .pickupBlock .block .list > li a .text{
width: 300px;
font-size: 1.2rem;
line-height: 1.6;
margin: 0 20px 0 0;
}
.sectionA02 .pickupBlock .block .list > li a:hover .text{
text-decoration: underline;
}
.sectionA02 .titleTypeB01{
margin-bottom: 70px;
}
.sectionA02 .jobBlock{
margin: 0 0 35px;
}
.sectionA02 .jobBlock .block01{
margin: 0 0 40px;
display: flex;
justify-content: space-between;
}
.sectionA02 .jobBlock .block01 .box01{
width: 325px;
}
.sectionA02 .jobBlock .block01 .box02{
width: 610px;
}
.sectionA02 .jobBlock .block02{
margin: 0 0 20px;
}
.sectionA02 .jobBlock [class^="block"] .title{
margin: 0 0 25px;
}
.sectionA02 .jobBlock [class^="block"] .title span{
width: 260px;
background: #002850;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
border-radius: 100px;
padding: 8px 0 8px 40px;
display: inline-block;
position: relative;
}
.sectionA02 .jobBlock [class^="block"] .title span::before{
content: "";
width: 46px;
height: 46px;
background: #002850;
border-radius: 100px;
position: absolute;
left: 0;
top: 50%;
margin-top: -23px;
}
.sectionA02 .jobBlock [class^="block"] .title span::after{
content: "";
width: 17px;
height: 17px;
background: url("/share/images/renewal/top/secA02_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 14px;
top: 6px;
}
.sectionA02 .jobBlock [class^="block"] .list + .title{
margin-top: 40px;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li{
margin: 0 0 30px
}
.sectionA02 .jobBlock [class^="block"] .list02 > li:last-child{
margin-bottom: 0;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li a{
background: #eeeeee;
font-size: 1.2rem;
font-weight: bold;
border-radius: 5px;
padding: 50px 120px 50px 40px;
display: block;
position: relative;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li a::before{
content: "";
width: 8px;
height: 10px;
background: #ff9600;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
position: absolute;
left: 20px;
top: 50%;
margin-top: -5px;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.kisotsu a{
color: #b00000;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.kisotsu a::after{
content: "";
width: 111px;
height: 87px;
background: url("/share/images/renewal/common/img_terms_kisotsu.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 10px;
top: 12px;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.daini a{
color: #00b684;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.daini a::after{
content: "";
width: 111px;
height: 86px;
background: url("/share/images/renewal/common/img_terms_daini.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 10px;
top: 12px;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.shinsotsu a{
color: #17b3ff;
}
.sectionA02 .jobBlock [class^="block"] .list02 > li.shinsotsu a::after{
content: "";
width: 111px;
height: 92px;
background: url("/share/images/renewal/common/img_terms_shinsotsu.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 10px;
top: 12px;
}
.sectionA02 .jobBlock [class^="block"] .list > li{
margin: 0 15px 20px 0;
display: inline-block;
}
.sectionA02 .jobBlock [class^="block"] .list > li:last-child{
margin-right: 0;
}
.sectionA02 .jobBlock [class^="block"] .list > li a{
font-size: 1.2rem;
padding: 0 0 0 15px;
position: relative;
}
.sectionA02 .jobBlock [class^="block"] .list > li a:hover{
text-decoration: underline;
}
.sectionA02 .jobBlock [class^="block"] .list > li a::before{
content: "";
width: 8px;
height: 10px;
background: #ff9600;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
position: absolute;
left: 0;
top: -1px;
}
.sectionA02 .jobBlock .link{
text-align: right;
}
.sectionA02 .jobBlock .link a{
color: #ff9600;
font-size: 1.4rem;
text-decoration: underline;
padding: 0 27px 0 0;
position: relative;
}
.sectionA02 .jobBlock .link a::before{
content: "";
width: 18px;
height: 18px;
background: url("/share/images/renewal/top/ico_arrow_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
top: -3px;
}
.sectionA02 .telBlock{
margin: 0 0 40px;
display: flex;
align-items: center;
justify-content: center;
}
.sectionA02 .telBlock .text{
width: 410px;
color: #129e39;
font-size: 1.4rem;
line-height: 1.4;
padding: 0 0 0 55px;
}

/* -- sectionA03 -- */
.sectionA03 .block01{
margin: 0 0 40px;
display: flex;
align-items: center;
}
.sectionA03 .block01 .title{
width: 430px;
font-size: 1.4rem;
font-weight: normal;
text-align: center;
line-height: 2.0;
padding: 0 0 110px;
position: relative;
}
.sectionA03 .block01 .title b{
font-weight: bold;
}
.sectionA03 .block01 .title::before{
content: "";
width: 118px;
height: 88px;
background: url("/share/images/renewal/top/secA03_logo_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -59px;
}
.sectionA03 .block01 .movie{
width: 550px;
border-radius: 10px;
overflow: hidden;
}
.sectionA03 .block01 .movie div{
width: 100%;
padding-top: 56.25%;
position: relative;
}
.sectionA03 .block01 .movie div iframe{
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
.sectionA03 .block02{
margin: 0 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sectionA03 .block02 .title{
width: 100%;
background: #007299;
text-align: center;
border-radius: 10px;
margin: 0 0 20px;
padding: 15px 0;
}
.sectionA03 .block02 .box{
width: 313px;
background: #fff;
text-align: center;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
padding: 140px 0 30px;
position: relative;
}
.sectionA03 .block02 .box:nth-of-type(1)::before{
content: "";
width: 82px;
height: 90px;
background: url("/share/images/renewal/top/secA03_img_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
top: 30px;
margin-left: -41px;
}
.sectionA03 .block02 .box:nth-of-type(2)::before{
content: "";
width: 80px;
height: 82px;
background: url("/share/images/renewal/top/secA03_img_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
top: 37px;
margin-left: -40px;
}
.sectionA03 .block02 .box:nth-of-type(3)::before{
content: "";
width: 80px;
height: 88px;
background: url("/share/images/renewal/top/secA03_img_03.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
top: 33px;
margin-left: -40px;
}
.sectionA03 .block02 .box .ttl{
font-size: 1.6rem;
font-weight: bold;
margin: 0 0 15px;
}
.sectionA03 .block02 .box .text{
color: #000;
font-size: 1.4rem;
line-height: 1.8;
}

/* -- sectionA04 -- */
.sectionA04 .block01{
margin: 0 0 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.sectionA04 .block01 .box{
width: 420px;
margin: 0 0 30px;
}
.sectionA04 .block01 .box:nth-last-of-type(-n+2){
margin-bottom: 0;
}
.sectionA04 .block01 .box a .title{
width: 300px;
border: 4px solid #fff;
margin: 0 auto 15px;
}
.sectionA04 .block01 .box a .title img{
width: 100%;
height: auto;
}
.sectionA04 .block01 .box a .text{
font-size: 1.2rem;
font-weight: bold;
line-height: 1.8;
}
.sectionA04 .block02{
display: flex;
}
.sectionA04 .block02 .box{
width: 320px;
text-align: center;
}
.sectionA04 .block02 .box .title{
margin: 0 auto 15px;
}
.sectionA04 .block02 .box .list{
text-align: left;
display: inline-block;
}
.sectionA04 .block02 .box .list > li{
margin: 0 0 15px;
}
.sectionA04 .block02 .box .list > li:last-child{
margin-bottom: 0;
}
.sectionA04 .block02 .box .list > li a{
font-size: 1.4rem;
font-weight: bold;
line-height: 1.6;
padding: 0 0 0 15px;
position: relative;
}
.sectionA04 .block02 .box .list > li a:hover{
text-decoration: underline;
}
.sectionA04 .block02 .box .list > li a::before{
content: "";
width: 8px;
height: 8px;
background: #002850;
border-radius: 100px;
position: absolute;
left: 0;
top: 5.5px;
}

/* -- sectionA05 -- */
.sectionA05 .block{
margin: 0 0 40px;
display: flex;
justify-content: space-between;
}
.sectionA05 .block .box{
width: 300px;
}
.sectionA05 .block .box .image{
margin: 0 0 15px;
}
.sectionA05 .block .box .title{
text-align: center;
margin: 0 0 12px;
}
.sectionA05 .block .box .address{
display: flex;
align-items: center;
}
.sectionA05 .block .box .address .text{
width: 200px;
font-size: 1.4rem;
text-align: right;
line-height: 1.4;
padding: 0 15px 0 0;
}
.sectionA05 .place{
margin: 0 0 40px;
}

/* -- sectionA06 -- */
.sectionA06 .block01{
margin: 0 0 30px;
display: flex;
}
.sectionA06 .block01 .title{
width: 440px;
}
.sectionA06 .block01 .text{
width: 230px;
font-size: 1.2rem;
line-height: 2.0;
padding: 0 35px;
}
.sectionA06 .block01 .image{
width: 290px;
}
.sectionA06 .block01 .image figcaption{
font-size: 1.2rem;
line-height: 1.8;
margin: 0 0 30px;
}
.sectionA06 .block02{
margin: 0 0 60px;
}
.sectionA06 .block02 .title{
text-align: center;
margin: 0 0 40px;
}
.sectionA06 .block02 .box{
background: #eee;
padding: 45px 0;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.sectionA06 .block02 .box::before{
content: "";
width: 37px;
height: 36px;
background: #eee;
clip-path: polygon(100% 0, 0% 100%, 60% 100%);
position: absolute;
left: 180px;
top: -35px;
}
.sectionA06 .block02 .box .list{
width: 50%;
padding: 0 40px;
}
.sectionA06 .block02 .box .list > li{
font-size: 1.2rem;
font-weight: bold;
line-height: 1.6;
margin: 0 0 15px;
}
.sectionA06 .block02 .box .list > li:last-child{
margin-bottom: 0;
}
.sectionA06 .block02 .box .list:nth-child(1) > li:nth-child(odd),
.sectionA06 .block02 .box .list:nth-child(2) > li:nth-child(even){
float: right;
}
.sectionA06 .block02 .box .list:nth-child(1) > li:nth-child(even),
.sectionA06 .block02 .box .list:nth-child(2) > li:nth-child(odd){
float: left;
}
.sectionA06 .txt{
text-align: center;
}

/* -- sectionA07 -- */
.sectionA07 .block{
width: 800px;
margin: 0 auto;
}
.sectionA07 .block + .block{
margin-top: 20px;
}
.sectionA07 .block .question{
background: #fff;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
border-radius: 10px;
-moz-box-shadow: 0 4px 0 0 #bedbe1;
-webkit-box-shadow: 0 4px 0 0 #bedbe1;
-ms-box-shadow: 0 4px 0 0 #bedbe1;
box-shadow: 0 4px 0 0 #bedbe1;
padding: 15px 40px 15px 60px;
position: relative;
}
.sectionA07 .block .question::before{
content: "";
width: 30px;
height: 30px;
background: url("/share/images/renewal/top/secA07_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 18px;
top: 10px;
}
.sectionA07 .block .question::after{
content: "";
width: 12px;
height: 10px;
background: #1996c0;
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
transition: 0.3s;
}
.sectionA07 .block .question.opened::after{
transform: rotate(180deg);
margin-top: -5px;
}
.sectionA07 .block .answer{
background: #fff1f1;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.4;
padding: 15px 10px 15px 60px;
position: relative;
}
.sectionA07 .block .answer::before{
content: "";
width: 30px;
height: 30px;
background: url("/share/images/renewal/top/secA07_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 18px;
top: 10px;
}
.sectionA07 .block .box{
background: #fff;
border-radius: 10px;
-moz-box-shadow: 0 4px 0 0 #fdd4d4;
-webkit-box-shadow: 0 4px 0 0 #fdd4d4;
-ms-box-shadow: 0 4px 0 0 #fdd4d4;
box-shadow: 0 4px 0 0 #fdd4d4;
margin: 10px 0 30px;
display: none;
}
.sectionA07 .block .box .textBlock{
padding: 30px 60px 40px;
}
.sectionA07 .block .box .textBlock .text{
font-size: 1.4rem;
line-height: 2.0;
}
.sectionA07 .block .box .textBlock .text + .text{
margin-top: 15px;
}
.sectionA07 .block .box .textBlock .text b{
background: linear-gradient(transparent 70%, #ffa1ac 70%);
font-weight: bold;
}
.sectionA07 .block .box .textBlock .graph{
margin: 20px 0;
}
.sectionA07 .block .box .textBlock .graph .inner{
border: 1px solid #ffa1ac;
padding: 10px;
}
.sectionA07 .block .box .textBlock .graph .inner{
}
.sectionA07 .block .box .textBlock .graph .inner .image img{
width: 100%;
height: auto;
}
.sectionA07 .block .box .textBlock .graph .inner .image figcaption{
color: #656565;
font-size: 1.0rem;
line-height: 1.4;
}
.sectionA07 .block .box .textBlock .link{
margin: 15px 0 0;
text-align: right;
}
.sectionA07 .block .box .textBlock .link a{
color: #ff9600;
font-size: 1.4rem;
text-decoration: underline;
padding: 0 27px 0 0;
position: relative;
}
.sectionA07 .block .box .textBlock .link a::before{
content: "";
width: 18px;
height: 18px;
background: url("/share/images/renewal/top/ico_arrow_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
top: -3px;
}

/* -- sectionB01 -- */
.sectionB01{
background: #fff4e6;
padding: 60px 0 80px;
}
.sectionB01 .titleTypeB01{
margin-bottom: 60px;
}
.sectionB01 .block01{
width: 960px;
margin: 0 auto 40px;
display: flex;
align-items: center;
}
.sectionB01 .block01 .title{
width: 420px;
}
.sectionB01 .block01 .textBlock{
width: 560px;
}
.sectionB01 .block01 .textBlock .text{
font-size: 1.3rem;
font-weight: bold;
line-height: 2.0;
margin: 0 0 20px;
}
.sectionB01 .block01 .textBlock .link{
text-align: right;
}
.sectionB01 .block01 .textBlock .link a{
color: #ff9600;
font-size: 1.2rem;
font-weight: bold;
padding: 0 27px 0 0;
position: relative;
}
.sectionB01 .block01 .textBlock .link a:hover{
text-decoration: underline;
}
.sectionB01 .block01 .textBlock .link a::before{
content: "";
width: 18px;
height: 18px;
background: url("/share/images/renewal/top/ico_arrow_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
top: -3px;
}
.sectionB01 .block02{
margin: 0 0 80px;
position: relative;
}
.sectionB01 .block02::before{
content: "";
width: 100%;
height: 394px;
background: #ffe7c6;
position: absolute;
z-index: 1;
left: 0;
top: 72px;
}
.sectionB01 .block02 .text{
width: 960px;
margin: 0 auto;
position: relative;
z-index: 2;
}
.sectionB01 .block03{
width: 1100px;
margin: 0 auto 80px;
}
.sectionB01 .block03 .title{
font-size: 2.0rem;
text-align: center;
margin: 0 0 80px;
}
.sectionB01 .block03 .tableBlock{
background: url("/share/images/renewal/top/secB01_bg_01.gif");
padding: 60px 0 20px;
position: relative;
}
.sectionB01 .block03 .tableBlock [class^="text0"]{
width: 200px;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
border-radius: 100px;
padding: 13px 0;
position: absolute;
top: -27px;
}
.sectionB01 .block03 .tableBlock [class^="text0"]::before{
content: "";
width: 10px;
height: 10px;
background: #999;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -9px;
margin-left: -5px;
}
.sectionB01 .block03 .tableBlock .text01{
background: #999;
left: 294px;
}
.sectionB01 .block03 .tableBlock .text01::before{
background: #999;
}
.sectionB01 .block03 .tableBlock .text02{
background: #ff9600;
right: 232px;
}
.sectionB01 .block03 .tableBlock .text02::before{
background: #ff9600;
}
.sectionB01 .block03 .tableBlock .text02::after{
content: "";
width: 32px;
height: 69px;
background: url("/share/images/renewal/top/ico_shirokuma_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 18px;
top: -69px
}
.sectionB01 .block03 .tableBlock .table{
margin: 0 0 60px;
position: relative;
}
.sectionB01 .block03 .tableBlock .table::before{
content: "";
width: 1px;
height: 110%;
border-left: 1px dotted #000;
position: absolute;
left: 295px;
top: -5%;
}
.sectionB01 .block03 .tableBlock .table::after{
content: "";
width: 1px;
height: 110%;
border-left: 1px dotted #000;
position: absolute;
right: 605px;
top: -5%;
}
.sectionB01 .block03 .tableBlock .table tr:nth-child(odd){
background: #fff;
}
.sectionB01 .block03 .tableBlock .table tr th{
width: 295px;
font-size: 1.2rem;
font-weight: bold;
text-align: right;
padding: 25px 25px 25px 0;
}
.sectionB01 .block03 .tableBlock .table tr td:nth-of-type(1){
width: 200px;
font-size: 1.2rem;
text-align: center;
padding: 25px 0;
}
.sectionB01 .block03 .tableBlock .table tr td:nth-of-type(2){
width: 605px;
color: #ff9600;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
padding: 25px 90px 25px 0;
}
.sectionB01 .block03 .tableBlock .table tr td:nth-of-type(2) span{
padding: 0 50px;
display: inline-block;
position: relative;
}
.sectionB01 .block03 .tableBlock .table tr:nth-of-type(1) td:nth-of-type(2) span::before{
content: "";
width: 32px;
height: 38px;
background: url("/share/images/renewal/top/ico_difference_01.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 3px;
top: -13px;
}
.sectionB01 .block03 .tableBlock .table tr:nth-of-type(2) td:nth-of-type(2) span::before{
content: "";
width: 46px;
height: 38px;
background: url("/share/images/renewal/top/ico_difference_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: -9px;
top: -13px;
}
.sectionB01 .block03 .tableBlock .table tr:nth-of-type(2) td:nth-of-type(2) span::after{
content: "";
width: 59px;
height: 36px;
background: url("/share/images/renewal/top/ico_difference_03.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: -25px;
top: -13px;
}
.sectionB01 .block03 .tableBlock .table tr:nth-of-type(4) td:nth-of-type(2) span::before{
content: "";
width: 62px;
height: 62px;
background: url("/share/images/renewal/top/ico_difference_05.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: -10px;
top: -18px;
}
.sectionB01 .block03 .tableBlock .table tr:nth-of-type(5) td:nth-of-type(2) span::before{
content: "";
width: 52px;
height: 43px;
background: url("/share/images/renewal/top/ico_difference_06.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: -14px;
top: -17px;
}
.sectionB01 .block03 .tableBlock .link{
color: #ff9600;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
position: relative;
}
.sectionB01 .block03 .tableBlock .link::before{
content: "";
width: 12px;
height: 17px;
background: url("/share/images/renewal/top/ico_arrow_04.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 50%;
top: -32px;
margin-left: -6px;
}
.sectionB01 .block03 .tableBlock .link > span{
padding: 0 55px;
display: inline-block;
position: relative;
}
.sectionB01 .block03 .tableBlock .link > span::before{
content: "";
width: 29px;
height: 87px;
background: url("/share/images/renewal/top/ico_shirokuma_02.png") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: -30px;
}
.sectionB01 .block03 .tableBlock .link > span span{
padding: 0 15px 0 20px;
display: inline-block;
}
.sectionB01 .block03 .tableBlock .link > span a{
color: #ff9600;
padding: 0 5px;
text-decoration: underline;
}
.sectionB01 .block04{
width: 710px;
margin: 0 auto;
position: relative;
}
.sectionB01 .block04::before{
content: "";
width: 74px;
height: 228px;
background: url("/share/images/renewal/top/ico_shirokuma_03.png") no-repeat;
background-size: 100% auto;
position: absolute;
right: 0;
bottom: 0;
}
.sectionB01 .block04 .title{
font-size: 2.0rem;
font-weight: bold;
margin: 0 0 35px;
}
.sectionB01 .block04 .text{
font-size: 1.3rem;
font-weight: bold;
line-height: 2.0;
}

/* -- sectionB02 -- */
.sectionB02 .mv{
background: url("/share/images/renewal/top/secB02_bg_01.webp") no-repeat;
background-position: 50% 20%;
background-size: cover;
padding: 60px 0;
}
.sectionB02 .mv .title{
width: 960px;
margin: 0 auto;
}
.sectionB02 .block{
background: url("/share/images/renewal/top/secB02_bg_02.webp") no-repeat;
background-size: cover;
padding: 60px 0;
}
.sectionB02 .block .box{
width: 800px;
margin: 0 auto 40px;
position: relative;
}
.sectionB02 .block .box .title{
text-align: center;
margin: 0 0 -25px;
}
.sectionB02 .block .box .title span{
background: #002850;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.0;
border-radius: 100px;
padding: 14px 30px 14px 57px;
display: inline-block;
position: relative;
}
.sectionB02 .block .box .title span::before{
content: "";
width: 80px;
height: 80px;
background: url("/share/images/renewal/top/secB02_ico_01.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: -40px;
top: -15px;
}
.sectionB02 .block .box .inner{
width: 100%;
background: #fff;
text-align: center;
border-radius: 20px;
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
margin: 0 auto;
padding: 70px 40px 40px 40px;
}
.sectionB02 .block .box .inner .list{
display: inline-block;
}
.sectionB02 .block .box .inner .list > li{
font-size: 1.6rem;
font-weight: bold;
text-align: left;
margin: 0 0 30px;
padding: 0 0 0 28px;
position: relative;
}
.sectionB02 .block .box .inner .list > li:last-child{
margin-bottom: 0;
}
.sectionB02 .block .box .inner .list > li::before{
content: "";
width: 20px;
height: 20px;
background: url("/share/images/renewal/top/secB02_ico_02.webp") no-repeat;
background-size: 100% auto;
position: absolute;
left: 0;
top: -4px;
}
.sectionB02 .block .box .inner .list > li b{
background: linear-gradient(transparent 60%, #fff690 60%);
font-weight: bold;
}