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

/*--------------------------------------
　Main Index
---------------------------------------*/


/*===========
inview
===========*/

.fadeIn_up {
  transform: translate(0, 100px);
  transition: all .6s ease-in-out;
  opacity: 0;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_up2 {
  transform: translate(0, 40px);
  transition: all .3s ease-in-out;
  opacity: 0;
}
.fadeIn_up2.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up.delay1{
  transition-delay: 0.1s; 
}
.fadeIn_up.delay2{
  transition-delay: 0.2s; 
}



/*------------
　body_PC
------------*/
body {
/*min-width:0;*/
}

.forTab{
position: relative;
z-index: 1;
}
.index{
}

img:not([width]) {
/*width:100%;*/
height:auto;
max-width: 100%;
}

.areaInner{
width: 110rem;
}





/*--------------------------------------
　header_PC
---------------------------------------*/
#header{
position: relative;
z-index: 14;
overflow: hidden;
background: none;
}

.headInner3::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
.headInner3::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
.headInner::before, .headInner::after, .headInner2::before {
    border:none;
}
#header::before {
    background:none;
}



#header .topArea2{
width: 100%;
right: 0;
padding: 0 2rem 0 0;
}
#header .topArea2::before{
content: "";
position: absolute;
z-index: -1;
top: -1rem;
left: 0;
width: 100%;
    height: calc(100% + 3rem);
    background: #475361;
    opacity: .4;
}



#header .siteName h1{
display: inline-block;
letter-spacing: 0;
font-weight: 700;
}

#header .logo{
position: absolute;
}


/* mvArea */
.mvArea{
position: relative;
height: 90rem;
padding: 0 0 0;
background: #ccc;
}
#header .mvArea::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #062D59;
background: linear-gradient(0deg, rgba(6, 45, 89, 1) 0%, rgba(6, 45, 89, 0) 50%);
opacity: .6;
}

/* txtArea */
.mvArea .txtArea{
position: absolute;
left: 15rem;
bottom: 4rem;
z-index: 3;
width: 92rem;
}
@media screen and (max-width: 1540px) {
.mvArea .txtArea{
left: 5rem;
}
	}
.mvArea .txtArea h2{
margin: 0 0 2rem;
line-height: 1.3;
font-size:6.0rem;
color: #fff;
}
.mvArea .txtArea h2 .fontS{
display: block;
margin: 0 0 1rem;
font-size:3.0rem;
}
.mvArea .txtArea .intro{
font-size:1.8rem;
font-weight: 700;
color: #fff;
}
.mvArea .txtArea .txt_bold {
    color: #ffffff;
    background: #003e88b3;
    padding: 0 1rem 0.3rem 0;
    margin: 0 1rem;
}




/* headNote */
.mvArea .headNote{
}


/* slide */
#header .mvArea .zoom-fade{
position: absolute;
z-index: 0;
width: 100%;
height: 90rem;
overflow: hidden;
}

#header .mvArea .zoom-fade__item{
position: relative;
width: 100%;
height: 90rem;
overflow: hidden;
}

#header .mvArea .zoom-fade .idxmvbg{
position: relative;
width: 100%;
height: 90rem;
}
#header .mvArea .zoom-fade .idxmvbg img{
width: 100%;
height: 100%;
object-fit: cover;
}

#header .mvArea .zoom-fade {
}
#header .mvArea .zoom-fade__item {
}

/*
ズーム（ズームイン）させるためのアニメーション
*/
.add-animation {
  /* アニメーション名 アニメーションにかかる時間 アニメーションの実行前後の状態 */
  /* zoom-fade 10秒 [実行前]最初のキーフレーム（0%） → [実行後]最後のキーフレーム（100%） */
  animation: zoom-fade 10s both;
}

@keyframes zoom-fade {

  0% {
    /*transform: scale(1.05);*/
    transform: scale(1.15);
  }

  100% {
    /*transform: scale(1);*/
    transform: scale(1.05);
  }

}



/* slideArea */

#header .slideArea{
position: absolute;
z-index: 2;
top: 0;
width: 100%;
height: 90rem;
}
#header .slideArea img{
}
#header .slideArea .slider1{
position: absolute;
width: 34rem;
height: 90rem;
top:0;
left: calc(50% + 38rem);
}

@media screen and (max-width: 1540px) {
	#header .slideArea .slider1{
left: calc(50% + 33rem);
}
}
#header .slideArea .slick-slide{
margin-top: .5rem;
margin-bottom: .5rem;
}






/*------------
contents_PC
------------*/

#contents{
margin: 0;
}
#contents::before{
}

.index{
width: 100%;
padding: 0 0 10rem;
}




/*------------
indexSect_PC
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .mainEng{
position: relative;
padding: 9rem 0 4.5rem;
line-height: 1;
text-align: center;
font-size:6.0rem;
color: #003e88;
opacity: .2;
}
.indexSect .mainEng.dk{
color: #062d59;
opacity: .9;
}

.indexSect #sect031 .mainEng {
    padding: 0 0  2rem;
    color: #b0c4da;
	opacity: .9;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 0 5rem;
}
.indexSect .sectTtl{
line-height: 1.4;
font-size:5.0rem;
text-align: center;
}
.indexSect .sectTtl .fontS{
display: block;
margin: 0 0 2rem;
font-size:3.0rem;
}
.indexSect .sectTtlArea .intro{
padding: 2rem 20rem 0;
}
.indexSect .sectTtlArea p{
text-align: center;
}

.indexSect .sectTtl a .arr{
position: relative;
display: inline-block;
padding: .4rem 5.0rem .4rem 0;
background: url("./img/arrow_ccl.svg") 100% calc(50% + .3rem) no-repeat;
background-size: 3.6rem auto;
}
.indexSect .sectTtl a .arr::before{
}

.indexSect .sectTtl .txt_bold.yw {
    color: #ffe751;
}




/*------------
sect01_PC
------------*/
#sect01{
overflow: hidden;
}

#sect01 .mainEng{
padding: 9rem 0 4.5rem 4rem;
text-align: left;
}
#sect01 .sectTtlArea{
margin: 0;
}
#sect01 .sectTtl{
text-align: left;
}
#sect01 .sectTtl .fontS{
margin: 0 0 .5rem;
}
#sect01 .sectTtl .txt_bold{
font-size: 6.0rem;
}
#sect01 .sectTtlArea .intro{
width: 73rem;
padding: 2rem 0 0;
}
#sect01 .sectTtlArea p{
text-align: left;
}



/* mapArea */
#sect01 .mapArea{
position: relative;
height: 70rem;
}
#sect01 .mapArea::before{
content: "";
position: absolute;
z-index: 1;
top: -17rem;
left: calc(50% - 78.5rem);
width: 190rem;
height: 100rem;
background: url(./img/sct01_city1.png) 0 0 no-repeat;
}
#sect01 .mapArea::after{
content: "";
position: absolute;
bottom: -121.5rem;
left: calc(50% - 121rem);
width: 279.3rem;
height: 190rem;
background: url(./img/sct01_bg.png) 0 0 no-repeat;
}



#sect01 .mapArea .ulBox{
z-index: 1;
}

#sect01 .mapArea .liBox{
position: absolute;
}
#sect01 .mapArea #pin01{
    top: -7rem;
    left: calc(50% + 18.5rem);
}
#sect01 .mapArea #pin02{
top: 29rem;
    left: calc(50% - 6rem);
}
#sect01 .mapArea #pin03{
top: 47rem;
left: calc(50% - 38rem);
}

#sect01 .mapArea #pin04{
    top: 11rem;
    left: calc(50% - 37rem);
}

#sect01 .mapArea .liBox a{
position: relative;
width: 18.6rem;
height: 21rem;
padding: 2rem 0 5rem;
background: url(./img/sct01_pin.png) 0 0 no-repeat;
background-size: 18.6rem auto;
text-align: center;
color: #fff;
}
#sect01 .mapArea .liBox .fontEng{
position: absolute;
width: 100%;
font-size:2.2rem;
color: #ffe751;
text-align: center;
}
#sect01 .mapArea .liBox .sttl{
    display: flex;
    height: 100%;
    align-items: flex-start;
    padding-top: 3.5rem;
    justify-content: center;
    line-height: 1.4;
    font-size: 1.9rem;
}


/* modal */
/*#header,
#sect00,
#sect01,
#sect02,
#sect03,
#sect04{
display: none;
}
*/
/*infoエリアをはじめは非表示*/
#sect01 .infoBox{
display: none;
position: relative;
}

.md_style01{
-ms-overflow-style: none; /* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}
.md_style01::-webkit-scrollbar{
display: none;
/* Chrome, Safari 対応 */
}



/*モーダルの横幅を変更したい場合*/
.md_style01 .modaal-container{
/*max-width: 72vw;*/
max-width: 100rem;
background: none;
box-shadow: none;
}


.md_style01.modaal-wrapper .modaal-close {
/*position: fixed;*/
position: absolute;
right: -3rem;
top: -3rem;
cursor: pointer;
opacity: 1;
width: 6rem;
height: 6rem;
background: url(./img/modal_close.png) 0 0 no-repeat;
background-size: 6rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style01 .modaal-close:after, .md_style01 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style01 .modaal-content-container{
padding: 0;
}



.md_style01 .modalInner{
position: relative;
}


.md_style01 .wtBox{
position: relative;
padding: 2.5rem 0 5rem;
background: #fff;
}
.md_style01 .wtBox::before{
content: "";
position: absolute;
top: 1rem;
right: -3rem;
width: 28rem;
height: 22rem;
background: url(./img/sct01_mdl_ill01.png) 100% 0 no-repeat;
background-size: 28rem auto;
}
.md_style01 .modal102 .wtBox::before{
background-image: url(./img/sct01_mdl_ill02.png);
}
.md_style01 .modal103 .wtBox::before{
background-image: url(./img/sct01_mdl_ill03.png);
}

.md_style01 .modal104 .wtBox::before{
background-image: url(./img/sct01_mdl_ill04.png);
}

.md_style01 .wtBox .ccl{
position: absolute;
left: 2.7rem;
font-size:3.6rem;
width: 14.4rem;
height: 14.4rem;
padding: 2rem 0 1.7rem;
background: url(./img/sct01_mdl_ccl.png) 0 0 no-repeat;
background-size: 14.4rem auto;
text-align: center;
color: #fff;
}
.md_style01 .wtBox .ccl .fontEng{
position: absolute;
top: 1rem;
width: 100%;
font-size:2.1rem;
color: #ffe751;
text-align: center;
}
.md_style01 .wtBox .ccl .sttl{
display: flex;
height: 100%;
align-items: center;
justify-content: center;
line-height: 1.4;
font-size:1.8rem;
}

.md_style01 .wtBox .catch{
margin: 0 0 4rem;
padding: 1rem 22rem 0 20rem;
font-size:3.6rem;
}




.md_style01 .wtBox .topArea{
position: relative;
    margin: 0 auto 5rem;
    width: 80%;
}
.md_style01 .wtBox .topArea .sttl{
margin: 0 0 2.5rem;
padding: 0 0 2.5rem 0;
font-size:2.4rem;
    text-align: center;
}
.md_style01 .wtBox .topArea .sttl::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #b2b2b2;
}
.md_style01 .wtBox .topArea .sttl::after {
content: "";
position: absolute;
bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
width: 6.0rem;
height: .4rem;
background: #003e88;
}
.md_style01 .wtBox .topArea dl{
margin: 0 0 2rem 0;
    display: grid;
    grid-template-columns: 18.5rem 1fr;
    align-items: start;
    gap: 1.0rem 1.3rem;
}
.md_style01 .wtBox .topArea dt{
margin: 0;
    min-width: 18.5rem;
    padding: .5rem 1rem .7rem;
    background: #ffe751;
    text-align: center;
    line-height: 1;
    font-size: 1.5rem;
    font-weight: 700;
}
.md_style01 .wtBox .topArea dd{
display: block;
    font-size: 1.5rem;
}



.md_style01 .wtBox .boxArea{
display: flex;
justify-content: space-between;
padding: 0 5rem;
}
.md_style01 .wtBox .childBox{
position: relative;
width: 48%;
padding: 1.5rem 3rem 2rem;
   background:linear-gradient(135deg, rgb(255 253 241) 0%, #fff08f 100%);
 border: 6px solid #fff3a8;
}
.md_style01 .wtBox .childBox:nth-child(2){
background: #F1F1F1;
    background: linear-gradient(135deg, rgba(241, 241, 241, 1) 0%, rgb(233 233 233) 100%);
    border: 6px solid #e3e3e3;
}

.md_style01 .wtBox .childBox::before{
content: "";
    position: absolute;
    top: 0rem;
    right: 0;
    width: 9.6rem;
    height: 17rem;
    background: url(./img/sct01_mdl_l.png) 0 0 no-repeat;
    background-size: 133px;
}
.md_style01 .wtBox .childBox:nth-child(2)::before{
background-image: url(./img/sct01_mdl_r.png);
	    opacity: 0.8;
}

.md_style01 .wtBox .childBox h4{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1.5rem;
text-align: center;
font-size:2.0rem;
}
.md_style01 .wtBox .childBox h4 .txt_bold{
display: block;
font-size:3.2rem;
color: #f99200;
}
.md_style01 .wtBox .childBox:nth-child(2) h4 .txt_bold{
color: #666;
}



/* botArea */
#sect01 .botArea{
position: relative;
padding: 18rem 0 10rem;
color: #fff;
}
#sect01 .botArea::before{
content: "";
position: absolute;
bottom: -70rem;
left: calc(50% - 140rem);
width: 143.2rem;
height: 82.7rem;
background: url(./img/sct01_bot_bg.png) 0 0 no-repeat;
}
#sect01 .botArea::after{
content: "";
position: absolute;
bottom: -30rem;
left: calc(50% + 35rem);
width: 82.6rem;
height: 59.4rem;
background: url(./img/sct01_city2.png) 0 0 no-repeat;
}
#sect01 .botArea .sttl{
margin: 0 0 3rem;
padding: 0 0 2rem;
line-height: 1.7;
font-size:2.6rem;
}
#sect01 .botArea .sttl::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #fff;
opacity: .5;
}
#sect01 .botArea .sttl::after{
content: "";
position: absolute;
bottom: 0;
right: -100vw;
width: 100vw;
height: .1rem;
background: #fff;
opacity: .5;
}

#sect01 .botArea .fontL{
display: block;
margin: 1rem 0 0;
font-size:3.6rem;
}
#sect01 .botArea .txt_bold{
font-size:5.0rem;
color: #ffe751;
}

#sect01 .botArea p{
line-height: 2.2;
font-size:1.8rem;
font-weight: 700;
}










/*------------
sect02_PC
------------*/
#sect02{
}
#sect02 .upper{
background: rgba(212, 228, 252, .5);
padding-top: 10rem;
}


#sect02 .relIntv{
margin: 2rem 0 15rem;
}
#sect02 .relIntv .liBox{
background: #fff;
}
#sect02 .relIntv .liBox:nth-child(2n){
top: 4rem;
}
#sect02 .relIntv .liBox .headArea{
min-height: 14.6rem;
}


#sect02 .addBox{
position: relative;
}
#sect02 .addHead{
position: relative;
padding: 3rem 5rem;
background: #fff;
}
#sect02 .addHead::before{
content: "";
position: absolute;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #fff;
}

#sect02 .addHead h3{
font-size:2.8rem;
color: #003e88;
}


/* addBox1 */
#sect02 .addBox1{
margin: 0 0 11rem;
}
#sect02 .addBox1 .addHead{
margin: 0 0 -5rem;
padding: 3rem 5rem;
}
#sect02 .addBox1 .boxBl{
position: relative;
margin:3rem 0;
    background: #e3f1ff;
    color: #003e88;
}
#sect02 .addBox1 .boxBl::before{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #8ebeef;
}
#sect02 .addBox1 .boxBl .inner{
position: relative;
padding: 3rem 5rem;
overflow: hidden;
}
#sect02 .addBox1 .boxBl .inner::after{
content: "";
position: absolute;
top: -6.5rem;
opacity: 0.3;
left: -3rem;
width: 16.8rem;
height: 15rem;
background: url("./img/sct02_add1_deco.png") 0 0 no-repeat;
}

#sect02 .addBox1 .boxBl .catch{
z-index: 1;
    margin: 0 0 20px;
}

#sect02 .addBox1 .boxBl p{
z-index: 1;
}


/* addBox2 */
#sect02 .addBox2{
margin: 0 0 5rem;
}
#sect02 .addBox2 .addHead{
display: block;
justify-content: space-between;
margin: 0 0 5rem;
}
#sect02 .addBox2 .addHead::after{
content: "";
position: absolute;
top: 2.5rem;
left: 41rem;
	display:none;
width: .1rem;
height: calc(100% - 5rem);
background: #b2b2b2;
}
#sect02 .addBox2 .addHead h3{
width: 100%;
text-align: left;
}
#sect02 .addBox2 .addHead p{
width: 100%;
}

#sect02 .addBox2 .stepBox{
display: flex;
flex-wrap: wrap;
margin: 2rem 0;
justify-content: flex-start;
}
#sect02 .addBox2 .stepBox:nth-of-type(2) {
    margin: 0;
}

#sect02 .addBox2 .stepBox2{
justify-content: flex-end;
}
#sect02 .addBox2 .stepList{
position: relative;
width: 20.5rem;
margin: 0 3rem 0 0;
padding: 1rem 1rem 1.5rem;
}
#sect02 .addBox2 .stepBox2 .stepList{
margin: 0 0 0 3rem;
}

#sect02 .addBox2 .stepList::before{
content: "";
position: absolute;
top: 13rem;
right: -2.8rem;
width: 2.8rem;
height: 3.4rem;
background: url(./img/tri1.svg) 0 0 no-repeat;
background-size: 2.8rem auto;
}
#sect02 .addBox2 .stepBox2 .stepList:last-child::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .addBox2 .stepList .ttlArea{
position: relative;
padding: 0 0 11.5rem;
}
#sect02 .addBox2 .stepList .ttlArea::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 13rem;
background: url(./img/sct02_add2_01.png) 50% 100% no-repeat;
background-size: 16rem auto;
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(2) .ttlArea::before{
background-image: url(./img/sct02_add2_02.png);
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(3) .ttlArea::before{
background-image: url(./img/sct02_add2_03.png);
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(4) .ttlArea::before{
background-image: url(./img/sct02_add2_04.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(1) .ttlArea::before{
background-image: url(./img/sct02_add2_05.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(2) .ttlArea::before{
background-image: url(./img/sct02_add2_06.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(3) .ttlArea::before{
background-image: url(./img/sct02_add2_07.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(4) .ttlArea::before{
background-image: url(./img/sct02_add2_08.png);
}


#sect02 .addBox2 .stepList .fontEng{
text-align: center;
line-height: 1;
font-size:2.0rem;
color: #6a9bc9;
}
#sect02 .addBox2 .stepList .sttl{
text-align: center;
font-size:2.2rem;
}




/* tabArea */

#sect02 .tabArea{
position: relative;
overflow: hidden;
}

#sect02 .tab{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 110rem;
min-height: 10rem;
margin: 0 auto;
}
#sect02 .tab .tablist{
width: calc((100% - 2.7rem) / 4);
padding: 1.5rem 3rem;
background: #999;
border-radius: .6rem .6rem 0 0;
line-height: 1.4;
text-align: center;
font-size:2.2rem;
font-weight: 700;
color: #fff;
opacity: .5;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect02 .tab .tablist:hover{
opacity: 1;
}
#sect02 .tab .tablist.active{
padding: 1.8rem 3rem;
background: #062d59;
font-size:2.6rem;
opacity: 1;
}




#sect02 .tabcontents{
position: relative;
width: 110rem;
margin: 0 auto;
}
#sect02 .tabcontents::before{
content: "";
position: absolute;
z-index: 0;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
opacity: .6;
}
#sect02 .tabcontents::after{
content: "";
position: absolute;
z-index: 0;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
opacity: .6;
}

#sect02 .tabcntdeco{
position: relative;
}
#sect02 .tabcntdeco::before{
content: "";
position: absolute;
z-index: 1;
top: 86rem;
left: calc(50% - 100rem);
width: 62rem;
height: 45.6rem;
background: url(./img/sct02_tab_city1.png) 0 0 no-repeat;
opacity: .5;
}
#sect02 .tabcntdeco::after{
content: "";
position: absolute;
z-index: 1;
top: 31rem;
left: calc(50% + 35rem);
width: 70rem;
height: 100rem;
background: url(./img/sct02_tab_city2.png) 0 0 no-repeat;
opacity: .5;
}




#sect02 .tabcontents-list{
position: relative;
z-index: 2;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
}
#sect02 .tabInner{
position: relative;
padding: 4rem 5rem 2rem;
overflow: hidden;
}
#sect02 .tabInner::before{
content: "";
position: absolute;
top: 8rem;
left: -5.5rem;
width: 53rem;
height: 44rem;
background: url(./img/sct02_tabcnt_bg.png) 0 0 no-repeat;
}


#sect02 .tabcontents-list .headArea{
position: relative;
min-height: 19rem;
color: #fff;
}
#sect02 .tabcontents-list .headArea .txtArea{
padding: 2rem 0 0 35.5rem;
}
#sect02 .tabcontents-list .headArea .spec{
margin: 0 0 .5rem;
font-size:1.7rem;
font-weight: 700;
}
#sect02 .tabcontents-list .headArea .spec .boxYw{
display: inline-block;
margin: 0 1rem 0 0;
padding: .2rem 1rem .4rem;
background: #ffe751;
line-height: 1;
color: #003e88;
}
#sect02 .tabcontents-list .headArea .catch{
margin: 0 0 .5rem;
font-size:3.0rem;
}
#sect02 .tabcontents-list .headArea p{
margin: .5rem 0;
}

#sect02 .tabcontents-list .headArea .flame{
position: absolute;
width: 31.5rem;
}


#sect02 .tabcontents-list .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 4rem 0 0;
}
#sect02 .tabcontents-list .liBox{
width: 48rem;
background: #fff;
margin: 0 0 5rem;
}


#sect02 .tabcontents-list .liBox .fontEng{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 7.6rem;
height: 6.8rem;
background: #0268ab;
font-size:2.8rem;
color: #cbd9e8;
}
#sect02 .tabcontents-list .liBox .sttl{
font-size:2.2rem;
}
#sect02 .tabcontents-list .liBox .sttlQ{
min-height: 6.8rem;
margin: 0 0 0 9.2rem;
padding: 1.5rem 3rem 1.7rem 0;
border-bottom: 1px solid #b2b2b2;
color: #003e88;
}

#sect02 .tabcontents-list .liBox .txtAns{
padding: 2.5rem 3rem 2rem;
}

#sect02 .tabcontents-list .btn-internal{
margin: 1rem auto 4rem;
}




/* botArea */
#sect02 .botArea{
padding: 8rem 0 7rem;
background: url("./img/tri2.svg") 50% 0 no-repeat;
background-size: 16.8rem auto;
text-align: center;
}

#sect02 .botArea .sttl{
padding: 0 0 5rem;
background: url("./img/deco1.svg") 50% 100% no-repeat;
background-size: 1.8rem auto;
font-size:3.6rem;
color: #003e88;
}
#sect02 .botArea p{
text-align: center;
line-height: 2.2;
font-size:1.8rem;
font-weight: 700;
}




/* spv */
#sect02 .spvWrap{
position: relative;
}
#sect02 .spvWrap::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: -100vw;
width: 100vw;
height: 100%;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
}
#sect02 .spvWrap::after{
content: "";
position: absolute;
z-index: 1;
top: 0;
right: -100vw;
width: 100vw;
height: 100%;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
}

#sect02 .spv{
margin: 0 0;
padding: 11rem 9rem 4rem;
}
#sect02 .spv::before{
top: 6rem;
}






/*------------
sect03_PC
------------*/
#sect03{
	padding: 0 0 7rem;
	clip-path: inset(0);
	position: relative;
	z-index: 1;
}
#sect03::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct03_bg.jpg) 0 0 no-repeat;
background-size: cover;
}

#sect03 .sectTtl .fontS {
margin: 0 0 .5rem;
color: #ffffff;
}

#sect03 .ulBox{
padding: 4rem 0 1rem;
}
#sect03 .liBox{
margin: 0 0 5rem;
}
#sect03 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 5rem;
width: calc(100% - 5rem);
height: .4rem;
background: none;
opacity: .8;
}
#sect03 .liBox:nth-child(2n)::before{
left: auto;
right: 0;
}
#sect03 .liBox::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: .4rem;
background: none;
opacity: .8;
}
#sect03 .liBox:nth-child(2n)::after{
right: auto;
left: -100vw;
}


#sect03 .liBox .headArea{
position: relative;
padding: 4.8rem 0 0;
}
#sect03 .liBox .headArea::before{
content: "";
position: absolute;
top:25px;
left: 0;
width: 3rem;
height: 25rem;
background: url(./img/eng_rs01.png) 0 0 no-repeat;
background-size: 3rem auto;
}
#sect03 .liBox:nth-child(2n) .headArea::before{
left: auto;
right: 0;
}
#sect03 .liBox:nth-child(2) .headArea::before{
background-image: url(./img/eng_rs02.png);
}
#sect03 .liBox:nth-child(3) .headArea::before{
background-image: url(./img/eng_rs03.png);
}
#sect03 .liBox:nth-child(4) .headArea::before{
background-image: url(./img/eng_rs04.png);
}


#sect03 .liBox .headArea .flame{
position: absolute;
top: 2.7rem;
left: 6rem;
width: 37rem;
}
#sect03 .liBox:nth-child(2n) .headArea .flame{
left: auto;
right: 6rem;
}
#sect03 .liBox .headArea .txtArea{
	margin: 0 0 0 35rem;
	padding: 2rem 5rem 2rem 12rem;
	background: #062D59;
	background: linear-gradient(
150deg, rgb(255 242 173) 0%, rgb(255 255 255) 25%, rgb(255 255 255) 100%);
	color:#000;
}
#sect03 .liBox:nth-child(2n) .headArea .txtArea{
margin: 0 35rem 0 0;
padding: 2rem 12rem 2rem 5rem;
}
#sect03 .liBox h3{
font-size:2.8rem;
}
#sect03 .headArea .txtArea .txt_bold {
    color: #06438b;
}


#sect03 .cntArea{
padding: 6rem 5rem 0;
}
#sect03 .cntArea p{
 color: #fff;
}
#sect03 .cntArea .caption{
 color: #fff;
}
#sect03 #rs03 .cntArea .flame{
padding: 0 0 1rem;
text-align: center;
}
#sect03 #rs03 .cntArea .flame img {
    border: solid 6px #a6cfe9;
}
#sect03 #rs04 .stepBox{
padding: 1rem 5rem 1rem 2rem;
background: #fff;
border: solid 6px #a6cfe9;	
}
#sect03 #rs04 .stepBox p{
color: #000;
}
#sect03 #rs04 .stepList{
position: relative;
display: flex;
justify-content: space-between;
padding: 1.5rem 0;
}
#sect03 #rs04 .stepList::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: calc(100% - 8.5rem);
height: .1rem;
background: #b2b2b2;
}
#sect03 #rs04 .stepList:last-child::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect03 #rs04 .stepList::after{
content: "";
position: absolute;
bottom: -1rem;
left: 3rem;
width: 2rem;
height: 2rem;
background: url(./img/tri3.svg) 0 100% no-repeat;
background-size: 2rem auto;
}
#sect03 #rs04 .stepList:last-child::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}


#sect03 #rs04 .stepList .ttlArea{
display: flex;
align-items: center;
width: 26rem;
}
#sect03 #rs04 .stepList .ccl{
display: flex;
align-items: center;
justify-content: center;
margin: 0 2rem 0 0;
width: 7.4rem;
height: 7.4rem;
background: rgba(2, 108, 177,.6);
border-radius: 50%;
font-size:1.6rem;
font-weight: 700;
color: #fff;
}
#sect03 #rs04 .stepList:nth-child(2) .ccl{
background: rgba(2, 108, 177,.7);
}
#sect03 #rs04 .stepList:nth-child(3) .ccl{
background: rgba(2, 108, 177,.8);
}
#sect03 #rs04 .stepList:nth-child(4) .ccl{
background: rgba(2, 108, 177,.9);
}
#sect03 #rs04 .stepList:nth-child(5) .ccl{
background: rgba(2, 108, 177,1.0);
}



#sect03 #rs04 .stepList .sttl{
margin: 0;
font-size:2.0rem;
color: #003e88;
}

#sect03 #rs04 .stepList p{
align-items: center;
width: 65rem;
font-size:1.3rem;
}




/*------------
sect031_PC
------------*/
#sect031{
	position: relative;
	padding: 4rem 4rem 0;
	background: #ffffffd1;
	margin: 8rem -3rem 3rem;
}


#sect031 .areaInner{
padding: 5rem 0 14rem;
}
#sect031 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .4rem;
background: #062d59;
}
#sect031 .areaInner::after{
content: "";
position: absolute;
top: 0;
right: -100vw;
width: 100vw;
height: .4rem;
background: #062d59;
}


#sect031 .sectTtl{
	margin: 0 0 2rem;
	text-align: center;
	color: #000000;
	line-height: 1.8;
	font-size:2.4rem;
}

#sect031 .ulBox{
display: flex;
justify-content: space-between;
}
#sect031 .liBox{
width: 34rem;
height: 34rem;
text-align: center;
}
#sect031 .liBox::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	border-radius: 50%;
	opacity: 0.9;
}

#sect031 .liBox .fontEng{
margin: 1.5rem 0 .8rem;
line-height: 1;
font-size:4.0rem;
color: #003e88;
opacity: .3;
}
#sect031 .liBox h3{
font-size:2.4rem;
padding: 0 0 12rem;
}
#sect031 .liBox h3::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 11rem;
background: url(./img/sct031_01.png) 50% 0 no-repeat;
}
#sect031 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct031_02.png);
}
#sect031 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct031_03.png);
}


#sect031 .liBox p{
text-align: center;
line-height: 1.7;
font-weight: 700;
}






/*------------
sect032_PC
------------*/
#sect032{
position: relative;
background: none;
	z-index: 2;
}
#sect032::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 40rem;
    left: calc(50% - 108rem);
    width: 62rem;
    height: 45.6rem;
    background: url(./img/sct02_tab_city1.png) 0 0 no-repeat;
    opacity: 1;
}
#sect032::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -17rem;
    left: calc(50% + 35rem);
    width: 70rem;
    height: 51rem;
    background: url(./img/sct02_tab_city2_2.png) 0 0 no-repeat;
    opacity: 1;
}

#sect032 .areaInner{
	padding: 10rem 0 7rem;
	background: url(./img/tri2.svg) 50% 0 no-repeat;
	background-size: 16.8rem auto;
}

#sect032 .areaInner::after{
	content: "";
	position: absolute;
	top: 0;
	left: -100vw;
	width: 100vw;
	height: .4rem;
	background: none;
}


#sect032 .sectTtl{
padding: 0 0 5rem;
background: url(./img/deco1.svg) 50% 100% no-repeat;
background-size: 1.8rem auto;
text-align: center;
font-size:3.6rem;
}
#sect032 p{
padding: 0 20rem 3rem;
}
#sect032 .ulBox{
display: flex;
justify-content: space-between;
margin: 0 0 8rem;
}
#sect032 .liBox{
width: 52rem;
}


#sect032 .liBox .catch{
  background: #164981;
  text-align: center;
  padding: 1rem 2rem 1.3rem;
  color: #ffffff;
  position: relative;
}




/*------------
sect04_PC
------------*/
#sect04{
padding: 0 0 10rem;
background-color: rgba(237, 237, 237,.5);
}
#sect04 .mainEng {
padding: 9rem 0 3.5rem;
}

#sect04 .ulBox{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1rem 0 0;
}
#sect04 .liBox{
margin: 0 0 5rem;
width: 51.5rem;
background: #fff;
}
#sect04 .liBox .txtArea{
position: relative;
padding: 2rem 0 5rem 4rem;
}
#sect04 .liBox .txtArea::before{
content: "MORE";
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 13.2rem;
height: 3.5rem;
background: url("./img/arrow_wt.svg") calc(100% - .8rem) 50% no-repeat #062d59;
background-size: 1.5rem auto;
font-weight: 700;
color: #fff;
}
#sect04 .liBox h3{
display: flex;
align-items: center;
margin: 0 0 2.5rem;
padding: 0 4rem 2.5rem 0;
font-size:2.2rem;
}
#sect04 .liBox h3::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #b2b2b2;
}
#sect04 .liBox h3::after {
content: "";
position: absolute;
bottom: -0.1rem;
left: 0;
width: 6.0rem;
height: .4rem;
background: #003e88;
}

#sect04 .liBox h3 .txt_bold{
font-size:3.0rem;
}
#sect04 .liBox p{
margin: 0 4rem 0 0;
}





/*------------
sect05_PC
------------*/
#sect05{
}
#sect05 .sectTtl .fontS {
margin: 0 0 .5rem;
}

#sect05 .liBox{
    margin: 0 auto 2rem;
    width: 80%;
}
#sect05 .liBox a{
position: relative;
padding: 3rem 17rem 3.5rem 2rem;
background: rgba(212,228,252,.50);
}
#sect05 .liBox a::before{
content: "MORE";
position: absolute;
top: calc(50% - 1.75rem);
right: 2rem;
display: flex;
align-items: center;
justify-content: center;
width: 13.2rem;
height: 3.5rem;
background: url("./img/arrow_wt.svg") calc(100% - .8rem) 50% no-repeat #062d59;
background-size: 1.5rem auto;
font-weight: 700;
color: #fff;
}
#sect05 .liBox a::after{
content: "";
position: absolute;
top: 2rem;
left: 0;
width: .4rem;
height: calc(100% - 4rem);
background: #003e88;
}

#sect05 .liBox .sttl{
margin: 0;
font-size:2.6rem;
}






/* End_PC */





@media screen and (max-width: 480px) {



/*------------
index_SP
------------*/

.areaInner {
    width: auto;
}






/*--------------------------------------
　header_SP
---------------------------------------*/
#header{
position: relative;
z-index: 14;
overflow: hidden;
background: none;
}
.headInner3{
padding: 0 0;
}




#header .topArea2{
position: absolute;
z-index: 1;
width: 100%;
        right: 0;
        margin: 0 0 .5rem 0;
        padding: 0.6rem 0 0.6rem calc(17rem + -9%);
}
#header .topArea2::before{
content: "";
position: absolute;
z-index: -1;
top: -1rem;
left: 0;
width: 100vw;
height: calc(100% + 1.5rem);
background: #000;
opacity: .2;
}


#header .siteName h1{
display: inline;
letter-spacing: 0;
font-weight: 700;
}

#header .logo{
position: absolute;
z-index: 1;
}



/* mvArea */
.mvArea{
position: relative;
height: 68rem;
padding: 0 0 0;
background: #ccc;
}
#header .mvArea::before{
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #062D59;
background: linear-gradient(0deg, rgba(6, 45, 89, 1) 50%, rgba(6, 45, 89, 0) 70%);
opacity: .4;
}

/* txtArea */
.mvArea .txtArea{
position: absolute;
left: 0;
bottom: 18rem;
z-index: 3;
width: auto;
padding: 0 5%;
}

.mvArea .txtArea h2{
margin: 0 0 1rem;
line-height: 1.4;
font-size:2.5rem;
color: #fff;
}
.mvArea .txtArea h2 .fontS{
display: block;
margin: 0 0 .5rem;
line-height: 1.6;
font-size:1.6rem;
}
.mvArea .txtArea .intro{
padding: 0 0 2rem;
font-size:1.3rem;
font-weight: 700;
color: #fff;
}
.mvArea .txtArea .intro p{
line-height: 1.5;
}

/* headNote */
.mvArea .headNote{
position: absolute;
z-index: 1;
bottom: 15rem;
padding: 0 5%;
font-size:1.1rem;
line-height: 1.7;
color: #fff;
}


/* slide */
#header .mvArea .zoom-fade{
position: absolute;
width: 100%;
height: 68rem;
overflow: hidden;
}

#header .mvArea .zoom-fade__item{
position: relative;
width: 100%;
height: 68rem;
overflow: hidden;
}

#header .mvArea .zoom-fade .idxmvbg{
position: relative;
width: 100%;
height: 68rem;
}
#header .mvArea .zoom-fade .idxmvbg img{
width: 100%;
height: 100%;
object-fit: cover;
}




/* slideArea */

#header .slideArea_sp{
position: absolute;
z-index: 1;
bottom: 2.5rem;
width: 100%;
}
#header .slideArea_sp img{
}
#header .slideArea_sp .slider2{
}
#header .slideArea_sp .slick-slide{
margin-left: .8rem;
margin-right: .8rem;
}





/*------------
contents_SP
------------*/

#contents{
margin: 0;
}
#contents::before{
}

.index{
width: 100%;
padding: 0 0 5rem;
}


/*------------
indexSect_SP
------------*/
.indexSect{
position: relative;
}
.indexSect::before{
}
.indexSect .areaInner{
}
.indexSect .mainEng{
position: relative;
padding: 4.3rem 0 3.0rem;
line-height: 1;
text-align: center;
font-size:3.0rem;
color: #003e88;
opacity: .2;
}
.indexSect .sectTtlArea{
position: relative;
margin: 0 5% 2.5rem;
}
.indexSect .sectTtl{
line-height: 1.6;
font-size:2.5rem;
text-align: center;
}
.indexSect .sectTtl .fontS{
display: block;
margin: 0 0 1rem;
font-size:1.6rem;
}
.indexSect .sectTtlArea .intro{
padding: 1rem 0 0;
}
.indexSect .sectTtlArea p{
text-align: justify;
}


.indexSect .sectTtl a .arr{
position: relative;
display: inline-block;
padding: 4px 3.0rem 5px;
background: url("./img/arrow_ccl.svg") 100% calc(50% + .1rem) no-repeat;
background-size: 2.2rem auto;
}
.indexSect .sectTtl a .arr::before{
}
#sect02 .sectTtl a .arr {
  padding: 4px 1rem 5px;
}








/*------------
sect01_SP
------------*/
#sect01{
overflow: hidden;
}

#sect01 .mainEng{
padding: 4.2rem 0 2.5rem 3%;
text-align: left;
}
#sect01 .sectTtlArea{
margin: 0 5% 2.5rem;
}
#sect01 .sectTtl{
text-align: left;
}
#sect01 .sectTtl .fontS{
margin: 0 0 .5rem;
}
#sect01 .sectTtl .txt_bold{
font-size: 3.0rem;
}
#sect01 .sectTtlArea .intro{
width: auto;
padding: 1rem 0 0;
}
#sect01 .sectTtlArea p{
text-align: left;
}



/* mapArea */
#sect01 .mapArea{
position: relative;
height: 30rem;
}
#sect01 .mapArea::before{
content: "";
position: absolute;
z-index: 1;
top: -4rem;
left: calc(50% - 50rem);
width: 98rem;
height: 52rem;
background: url(./img/sct01_city1.png) 0 0 no-repeat;
background-size: 98rem auto;
}
#sect01 .mapArea::after{
content: "";
position: absolute;
bottom: auto;
top:6.5rem;
left: calc(50% - 58rem);
width: 140rem;
height: 99rem;
background: url(./img/sct01_bg.png) 0 0 no-repeat;
background-size: 140rem auto;
}



#sect01 .mapArea .ulBox{
z-index: 1;
}

#sect01 .mapArea .liBox{
position: absolute;
}
#sect01 .mapArea #pin01{
top: 0;
left: calc(50% + 1.5rem);
}
#sect01 .mapArea #pin02{
top: 17rem;
left: calc(50% - 13.5rem);
}
#sect01 .mapArea #pin03{
top: 16.8rem;
left: calc(50% + 2.8rem);
}
#sect01 .mapArea #pin04{
        top: 3rem;
        left: calc(50% + -12.2rem);
}

#sect01 .mapArea .liBox a{
position: relative;
width: 11.2rem;
height: 12.5rem;
padding: 1rem 0 3rem;
background: url(./img/sct01_pin.png) 0 0 no-repeat;
background-size: 11.2rem auto;
text-align: center;
color: #fff;
}
#sect01 .mapArea .liBox .fontEng{
position: absolute;
width: 100%;
font-size:1.3rem;
color: #ffe751;
text-align: center;
}
#sect01 .mapArea .liBox .sttl{
        display: flex;
        height: 100%;
        align-items: flex-start;
        justify-content: center;
        line-height: 1.4;
        font-size: 1.1rem;
        padding-top: 2.5rem;
}


/* modal */
/*#header,
#sect00,
#sect01,
#sect02,
#sect03,
#sect04{
display: none;
}
*/
/*infoエリアをはじめは非表示*/
#sect01 .infoBox{
display: none;
position: relative;
}

.md_style01{
-ms-overflow-style: none; /* IE, Edge 対応 */
scrollbar-width: none;/* Firefox 対応 */
}
.md_style01::-webkit-scrollbar{
display: none;
/* Chrome, Safari 対応 */
}



/*モーダルの横幅を変更したい場合*/
.md_style01 .modaal-container{
/*max-width: 72vw;*/
max-width: 87vw;
background: none;
box-shadow: none;
}


.md_style01.modaal-wrapper .modaal-close {
/*position: fixed;*/
position: absolute;
right: -2.0rem;
top: -2.0rem;
cursor: pointer;
opacity: 1;
width: 4.0rem;
height: 4.0rem;
background: url(./img/modal_close.png) 0 0 no-repeat;
background-size: 4.0rem auto;
border-radius: 0;
transition: all .2s ease-in-out;
}
.md_style01 .modaal-close:after, .md_style01 .modaal-close:before {
width: 0;
height: 0;
background: none;
border: none;
}

.md_style01 .modaal-content-container{
padding: 0;
}



.md_style01 .modalInner{
position: relative;
}


.md_style01 .wtBox{
position: relative;
margin: 0 auto;
padding: 1.5rem 0 1.5rem;
background: #fff;
}
.md_style01 .wtBox::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
.md_style01 .modal102 .wtBox::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
.md_style01 .modal103 .wtBox::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

.md_style01 .wtBox .ccl{
position: absolute;
left: -2rem;
top: -2rem;
font-size:3.6rem;
width: 8.6rem;
height: 8.6rem;
padding: 1rem 0 1.0rem;
background: url(./img/sct01_mdl_ccl.png) 0 0 no-repeat;
background-size: 8.6rem auto;
text-align: center;
color: #fff;
}
.md_style01 .wtBox .ccl .fontEng{
position: absolute;
top: .5rem;
width: 100%;
font-size:1.2rem;
color: #ffe751;
text-align: center;
}
.md_style01 .wtBox .ccl .sttl{
display: flex;
height: 100%;
align-items: center;
justify-content: center;
line-height: 1.4;
font-size:1.1rem;
}

.md_style01 .wtBox .catch{
margin: 0 0 2.5rem;
padding: 1rem 5% 0 7rem;
font-size:1.8rem;
}




.md_style01 .wtBox .topArea{
position: relative;
margin: 0 auto 2rem;
        width: 90%;
}
.md_style01 .wtBox .topArea .sttl{
margin: 0 0 1.5rem;
padding: 0 0 1.5rem 0;
font-size:1.6rem;
}
.md_style01 .wtBox .topArea .sttl::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #b2b2b2;
}
.md_style01 .wtBox .topArea .sttl::after {
content: "";
position: absolute;
bottom: -0.1rem;
left: 50%;
width: 4.0rem;
height: .3rem;
background: #003e88;
}
.md_style01 .wtBox .topArea dl{
margin: 0 0 1rem 0;
display: block;
}
.md_style01 .wtBox .topArea dt{
display: inline-block;
margin: 0 1.3rem 0 0;
min-width: 9.5rem;
padding: .3rem .5rem .5rem;
background: #ffe751;
text-align: center;
line-height: 1;
font-size:1.3rem;
font-weight: 700;
}
.md_style01 .wtBox .topArea dd{
display: inline;
font-size:1.3rem;
}



.md_style01 .wtBox .boxArea{
display: block;
padding: 0 5%;
}
.md_style01 .wtBox .childBox{
position: relative;
width: auto;
margin: 0 0 2rem;
padding: 1.5rem 5% 2rem;
    border: 4px solid #fff3a8;
}
.md_style01 .wtBox .childBox:nth-child(2){
    border: 4px solid #e3e3e3;
}

.md_style01 .wtBox .childBox::before{
content: "";
position: absolute;
top: .8rem;
right: 0;
width: 7.8rem;
height: 11.4rem;
background: url(./img/sct01_mdl_l.png) 0 0 no-repeat;
background-size: 7.8rem auto;
}
.md_style01 .wtBox .childBox:nth-child(2)::before{
background-image: url(./img/sct01_mdl_r.png);
}

.md_style01 .wtBox .childBox h4{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 1.5rem;
text-align: center;
font-size:1.6rem;
}
.md_style01 .wtBox .childBox h4 .txt_bold{
display: block;
font-size:2.5rem;
}
.md_style01 .wtBox .childBox:nth-child(2) h4 .txt_bold{
color: #666;
}



/* botArea */
#sect01 .botArea{
position: relative;
padding: 18rem 0 3rem 5%;
color: #fff;
}
#sect01 .botArea::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: #062d59;
}
#sect01 .botArea::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect01 .botArea .sttl{
margin: 0 0 1.5rem;
padding: 0 5% 1rem 0;
line-height: 1.6;
font-size:1.6rem;
}
#sect01 .botArea .sttl::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #fff;
opacity: .5;
}
#sect01 .botArea .sttl::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect01 .botArea .fontL{
display: block;
margin: 1rem 0 0;
font-size:2.2rem;
}
#sect01 .botArea .txt_bold{
font-size:2.5rem;
color: #ffe751;
}

#sect01 .botArea p{
padding: 0 5% 0 0;
line-height: 1.8;
font-size:1.5rem;
font-weight: 700;
}










/*------------
sect02_SP
------------*/
#sect02{
}
#sect02 .upper{
position: relative;
background: none;
padding-top: 5rem;
}
#sect02 .upper::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 7rem);
background: rgba(212, 228, 252, .5);
}

#sect02 .relIntv{
margin: 2rem 5% 5rem;
}
#sect02 .relIntv .liBox{
background: #fff;
}
#sect02 .relIntv .liBox:nth-child(2n){
top: 0;
}
#sect02 .relIntv .liBox .headArea{
min-height: 0;
}


#sect02 .addBox{
position: relative;
}
#sect02 .addHead{
position: relative;
margin: 0 5% 0 0;
padding: 2rem 5%;
background: #fff;
}
#sect02 .addHead::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}


#sect02 .addHead h3{
font-size:2.0rem;
color: #003e88;
}


/* addBox1 */
#sect02 .addBox1{
margin: 0 0 5.5rem;
}
#sect02 .addBox1 .addHead{
margin: 0 5% -5rem 0;
padding: 2rem 5% 2rem;
}
#sect02 .addBox1 .boxBl{
position: relative;
margin: 2rem 0 0 0;
}
#sect02 .addBox1 .boxBl::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .addBox1 .boxBl .inner{
position: relative;
padding: 2.2rem 5%;
overflow: hidden;
}
#sect02 .addBox1 .boxBl .inner::after{
content: "";
position: absolute;
top: -2.5rem;
left: -1rem;
width: 8.4rem;
height: 7.5rem;
background: url("./img/sct02_add1_deco.png") 0 0 no-repeat;
background-size: 8.4rem auto;
}

#sect02 .addBox1 .boxBl .catch{
z-index: 1;
}

#sect02 .addBox1 .boxBl p{
z-index: 1;
}


/* addBox2 */
#sect02 .addBox2{
margin: 0 0 3rem;
}
#sect02 .addBox2 .addHead{
display: block;
margin: 8rem 5% 2.5rem 0;
}
#sect02 .addBox2 .addHead::after{
content: "";
position: absolute;
top: 2.5rem;
left: 41rem;
width: .1rem;
height: calc(100% - 5rem);
background: #b2b2b2;
}
#sect02 .addBox2 .addHead h3{
width: auto;
text-align: left;
}
#sect02 .addBox2 .addHead p{
width: auto;
}



#sect02 .addBox2 .stepBox{
display: block;
}
#sect02 .addBox2 .stepBox2{
}
#sect02 .addBox2 .stepList{
position: relative;
width: auto;
margin: 0 3% 2.5rem;
padding: 1rem 0 1.5rem;
}
#sect02 .addBox2 .stepBox2 .stepList{
margin: 0 5% 2.5rem;
}

#sect02 .addBox2 .stepList::before{
content: "";
position: absolute;
top: auto;
bottom: -3rem;
left: 3rem;
right: auto;
width: 1.4rem;
height: 2.4rem;
background: url(./img/tri1.svg) 0 0 no-repeat;
background-size: 1.4rem auto;
transform:rotate(90deg)
}
#sect02 .addBox2 .stepBox2 .stepList:last-child::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .addBox2 .stepBox:nth-of-type(2) {
    margin: 0 0 6rem;
}
#sect02 .addBox2 .stepList .ttlArea{
position: relative;
padding: 0 0 .5rem 30%;
}
#sect02 .addBox2 .stepList .ttlArea::before{
content: "";
position: absolute;
bottom: auto;
top: 0rem;
left: -1rem;
width: 12.5rem;
height: 10rem;
background: url(./img/sct02_add2_01.png) 0 0 no-repeat;
background-size: 10.5rem auto;
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(2) .ttlArea::before{
background-image: url(./img/sct02_add2_02.png);
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(3) .ttlArea::before{
background-image: url(./img/sct02_add2_03.png);
}
#sect02 .addBox2 .stepBox1 .stepList:nth-child(4) .ttlArea::before{
background-image: url(./img/sct02_add2_04.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(1) .ttlArea::before{
background-image: url(./img/sct02_add2_05.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(2) .ttlArea::before{
background-image: url(./img/sct02_add2_06.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(3) .ttlArea::before{
background-image: url(./img/sct02_add2_07.png);
}
#sect02 .addBox2 .stepBox2 .stepList:nth-child(4) .ttlArea::before{
background-image: url(./img/sct02_add2_08.png);
}


#sect02 .addBox2 .stepList .fontEng{
position: absolute;
top: .7rem;
text-align: left;
line-height: 1;
font-size:1.7rem;
color: #6a9bc9;
}
#sect02 .addBox2 .stepList .sttl{
margin: 0 0 0 3rem;
text-align: left;
font-size:1.8rem;
}
#sect02 .addBox2 .stepList p{
margin: 0;
padding: 0 0 0 30%;
line-height: 1.8;
}


/* tabArea */

#sect02 .tabArea{
position: relative;
overflow: hidden;
}

#sect02 .tab{
display: flex;
justify-content: space-between;
align-items: flex-end;
width: auto;
min-height: 6rem;
margin: 0 2%;
}
#sect02 .tab-botom{
display: flex!important;
align-items: flex-start;
}
#sect02 .tab .tablist{
width: calc((100% - 1.5rem) / 4);
padding: 1.2rem 1rem;
background: #999;
border-radius: .5rem .5rem 0 0;
line-height: 1.4;
text-align: center;
font-size:1.4rem;
font-weight: 700;
color: #fff;
opacity: .5;
cursor: pointer;
transition: all .2s ease-in-out;
}
#sect02 .tab-botom .tablist{
border-radius: 0 0 .5rem .5rem;
}
#sect02 .tab .tablist:hover{
opacity: 1;
}
#sect02 .tab .tablist.active{
padding: 1.8rem 1rem;
background: #062d59;
font-size:1.6rem;
opacity: 1;
}
#sect02 .tab-botom .tablist.active{
background: #18487e;
}

#sect02 .tabcontents{
position: relative;
width: auto;
margin: 0 0;
}
#sect02 .tabcontents::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .tabcontents::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .tabcntdeco{
position: relative;
}
#sect02 .tabcntdeco::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .tabcntdeco::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}



#sect02 .tabcontents-list{
position: relative;
z-index: 2;
background: #062D59;
background: linear-gradient(180deg, rgba(6, 45, 89, 1) 0%, rgba(24, 72, 126, 1) 100%);
}
#sect02 .tabInner{
position: relative;
padding: 3rem 5% 1rem;
overflow: hidden;
}
#sect02 .tabInner::before{
content: "";
position: absolute;
top: 8rem;
left: auto;
right: -4rem;
width: 26rem;
height: 22rem;
background: url(./img/sct02_tabcnt_bg.png) 0 0 no-repeat;
background-size: 26rem auto;
}


#sect02 .tabcontents-list .headArea{
position: relative;
min-height: 0;
color: #fff;
}
#sect02 .tabcontents-list .headArea .txtArea{
padding: 2rem 0 0;
}
#sect02 .tabcontents-list .headArea .spec{
margin: 0 0 .5rem;
font-size:1.7rem;
font-weight: 700;
}
#sect02 .tabcontents-list .headArea .spec .boxYw{
display: inline-block;
margin: 0 1rem 0 0;
padding: .2rem 1rem .4rem;
background: #ffe751;
line-height: 1;
color: #003e88;
}
#sect02 .tabcontents-list .headArea .catch{
margin: 0 0 .5rem;
font-size:2.4rem;
}
#sect02 .tabcontents-list .headArea p{
margin: .5rem 0;
}

#sect02 .tabcontents-list .headArea .flame{
position: static;
width: 24rem;
margin: 0 0 1rem;
}


#sect02 .tabcontents-list .ulBox{
display: block;
padding: 3rem 0 1rem;
}
#sect02 .tabcontents-list .liBox{
width: auto;
background: #fff;
margin: 0 0 2rem;
}


#sect02 .tabcontents-list .liBox .fontEng{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 5.4rem;
height: 4.8rem;
background: #0268ab;
font-size:2.0rem;
color: #cbd9e8;
}
#sect02 .tabcontents-list .liBox .sttl{
font-size:1.8rem;
}
#sect02 .tabcontents-list .liBox .sttlQ{
min-height: 4.8rem;
margin: 0 0 0 20%;
padding: 1.0rem 5% 1.1rem 0;
border-bottom: .1rem solid #b2b2b2;
color: #003e88;
}

#sect02 .tabcontents-list .liBox .txtAns{
padding: 2.0rem 5% 2rem;
}

#sect02 .tabcontents-list .btn-internal{
width: 90%;
margin: 1rem auto 4rem;
}




/* botArea */
#sect02 .botArea{
padding: 8rem 5% 4rem;
background: url("./img/tri2.svg") 50% 2rem no-repeat;
background-size: 8.4rem auto;
text-align: center;
}

#sect02 .botArea .sttl{
padding: 0 0 3.8rem;
background: url("./img/deco1.svg") 50% 100% no-repeat;
background-size: 1.1rem auto;
font-size:2.3rem;
color: #003e88;
}
#sect02 .botArea p{
text-align: center;
line-height: 2.0;
font-size:1.6rem;
font-weight: 700;
}




/* spv */
#sect02 .spvWrap{
position: relative;
}

#sect02 .spvWrap::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .spvWrap::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .spv{
margin: 0 0;
padding: 5rem 5% 3rem;
}

#sect02 .spv::before{
top: 1rem;
}
#sect02 .spv .mainArea .flame{
margin: 0 2rem;
}
#sect02 .spv .btn-web{
width: 90%;
}




/*------------
sect03_SP
------------*/
#sect03{
padding: 0 0 3.5rem;
clip-path: inset(0);
}
#sect03::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(./img/sct03_bg_sp.jpg) 50% 0 no-repeat;
background-size: cover;
}
	.indexSect .sectTtl .txt_bold.yw {
  font-size: 3rem;
}

#sect03 .sectTtl .fontS {
margin: 0 0 .5rem;
	font-size: 1.8rem;
}

#sect03 .ulBox{
padding: 0 0 1rem;
}
#sect03 .liBox{
margin: 0 0 4rem 4%;
}

#sect03 .liBox:nth-child(2n)::before{
left: 0;
right: auto;
}
#sect03 .liBox::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect03 .liBox:nth-child(2n)::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}



#sect03 .liBox .headArea{
position: relative;
padding: 15rem 0 0;
}
#sect03 .liBox .headArea::before{
content: "";
position: absolute;
top: 1.2rem;
left: 0;
width: 1.6rem;
height: 14rem;
background: url(./img/eng_rs01.png) 0 0 no-repeat;
background-size: 1.6rem auto;
}
#sect03 .liBox:nth-child(2n) .headArea::before{
left: 0;
right: auto;
}
#sect03 .liBox:nth-child(2) .headArea::before{
background-image: url(./img/eng_rs02.png);
}
#sect03 .liBox:nth-child(3) .headArea::before{
background-image: url(./img/eng_rs03.png);
}
#sect03 .liBox:nth-child(4) .headArea::before{
background-image: url(./img/eng_rs04.png);
}


#sect03 .liBox .headArea .flame{
position: absolute;
top: 1.5rem;
left: 2.5rem;
width: 26rem;
}
#sect03 .liBox:nth-child(2n) .headArea .flame{
left: 2.5rem;
right: auto;
}
#sect03 .liBox .headArea .txtArea{
margin: 0 0 0 4.5rem;
padding: 6rem 5% 2rem;
}
#sect03 .liBox:nth-child(2n) .headArea .txtArea{
margin: 0 0 0 4.5rem;
padding: 6rem 5% 2rem;
}
#sect03 .liBox h3{
font-size:2.0rem;
}





#sect03 .cntArea{
padding: 4rem 5% 0 0;
}

#sect03 #rs03 .cntArea .flame{
padding: 0 0 2rem;
text-align: center;
}


#sect03 #rs04 .cntArea{
padding: 4rem 4% 0 0;
}

#sect03 #rs04 .stepBox{
padding: .5rem 5% 0;
background: #fff;
}
#sect03 #rs04 .stepList{
position: relative;
display: block;
padding: 1.5rem 0 1rem;
}
#sect03 #rs04 .stepList::before{
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: .1rem;
background: #b2b2b2;
}
#sect03 #rs04 .stepList:last-child::before{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect03 #rs04 .stepList::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}
#sect03 #rs04 .stepList:last-child::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}


#sect03 #rs04 .stepList .ttlArea{
display: flex;
align-items: center;
width: auto;
}
#sect03 #rs04 .stepList .ccl{
display: flex;
align-items: center;
justify-content: center;
margin: 0 1rem 0 0;
width: 5.7rem;
height: 5.7rem;
background: rgba(2, 108, 177,.6);
border-radius: 50%;
font-size:1.3rem;
font-weight: 700;
color: #fff;
}
#sect03 #rs04 .stepList:nth-child(2) .ccl{
background: rgba(2, 108, 177,.7);
}
#sect03 #rs04 .stepList:nth-child(3) .ccl{
background: rgba(2, 108, 177,.8);
}
#sect03 #rs04 .stepList:nth-child(4) .ccl{
background: rgba(2, 108, 177,.9);
}
#sect03 #rs04 .stepList:nth-child(5) .ccl{
background: rgba(2, 108, 177,1.0);
}



#sect03 #rs04 .stepList .sttl{
margin: 0;
font-size:1.8rem;
color: #003e88;
}

#sect03 #rs04 .stepList p{
align-items: center;
width: auto;
font-size:1.3rem;
}


#sect03 .btn-web{
margin: 0 auto 2.5rem;
}

	.indexSect #sect031 .mainEng {
    padding: 0 0 1rem;
}


/*------------
sect031_SP
------------*/
#sect031{
position: relative;
padding: 3rem 0 2rem;
background: #ffffffd1;
        margin: 4rem 4% 3rem;
}

#sect031 .areaInner{
padding: 3.5rem 0 5rem;
}
#sect031 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 4%;
width: 96%;
height: .2rem;
background: #062d59;
}
#sect031 .areaInner::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}

#sect031 .sectTtl{
margin: 0 0 4rem;
text-align: center;
line-height: 1.7;
font-size:1.8rem;
}

#sect031 .ulBox{
display: block;
padding: 0 5%
}
#sect031 .liBox{
width: auto;
height: auto;
text-align: left;
margin: 0 0 1.5rem;
padding: 1rem 5% 1.5rem;
}
#sect031 .liBox::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: .5;
}

#sect031 .liBox .fontEng{
position: absolute;
top: 1.2rem;
margin: 0;
line-height: 1;
font-size:2.5rem;
color: #003e88;
opacity: .3;
}
#sect031 .liBox h3{
font-size:1.8rem;
padding: 0 0 .5rem 12%;
}
#sect031 .liBox h3::before{
content: "";
position: absolute;
bottom: -7.5rem;
left: -1rem;
width: 8rem;
height: 7rem;
background: url(./img/sct031_01.png) 0 0 no-repeat;
background-size: 8rem auto;
}
#sect031 .liBox:nth-child(2) h3::before{
background-image: url(./img/sct031_02.png);
}
#sect031 .liBox:nth-child(3) h3::before{
background-image: url(./img/sct031_03.png);
}


#sect031 .liBox p{
display: flex;
align-items: center;
min-height: 7.0rem;
margin: 0;
padding: 0 0 0 8.5rem;
text-align: left;
line-height: 1.5;
font-weight: 700;
}






/*------------
sect032_SP
------------*/
#sect032{
position: relative;
}

#sect032 .areaInner{
        padding: 6.5rem 0 4rem;
        background-size: 9.8rem auto;
}
#sect032 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: .2rem;
background: none;
}
#sect032 .areaInner::after{
display: none;
width: 0;
height: 0;
background: none;
border: none;
}



#sect032 .sectTtl{
padding: 0 5% 3.8rem;
background: url(./img/deco1.svg) 50% 100% no-repeat;
background-size: 1.1rem auto;
text-align: center;
font-size:2.3rem;
}
#sect032 p{
padding: 0 5% 0;
}
#sect032 .ulBox{
display: block;
margin: 0 5% 4rem;
}
#sect032 .liBox{
width: auto;
margin: 0 0 4rem;
}

	#sect032::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -7rem;
    left: 23rem;
    width: 33rem;
    height: 14.6rem;
    background: url(./img/sct02_tab_city1.png) 0 0 no-repeat;
    background-size: 60%;
    opacity: 1;
}
#sect032::after {
    display:none;
}


/*------------
sect04_SP
------------*/
#sect04{
padding: 0 0 4rem;
background-color: rgba(237, 237, 237,.5);
}
#sect04 .mainEng {
padding: 4.3rem 0 1.5rem;
}

#sect04 .ulBox{
display: block;
padding: 0 5% 0;
}
#sect04 .liBox{
margin: 0 0 2.5rem;
width: auto;
background: #fff;
}
#sect04 .liBox .txtArea{
position: relative;
padding: 2rem 0 3.5rem 5%;
}
#sect04 .liBox .txtArea::before{
content: "MORE";
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 11.0rem;
height: 3.0rem;
background: url("./img/arrow_wt.svg") calc(100% - .7rem) 50% no-repeat #062d59;
background-size: 1.2rem auto;
font-size:1.2rem;
font-weight: 700;
color: #fff;
}
#sect04 .liBox h3{
display: flex;
align-items: center;
margin: 0 0 1.5rem;
padding: 0 5% 1.8rem 0;
font-size:1.6rem;
}
#sect04 .liBox h3::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: .1rem;
background: #b2b2b2;
}
#sect04 .liBox h3::after {
content: "";
position: absolute;
bottom: -0.1rem;
left: 0;
width: 4.0rem;
height: .3rem;
background: #003e88;
}

#sect04 .liBox h3 .txt_bold{
font-size:2.0rem;
}
#sect04 .liBox p{
margin: 0 5% 0 0;
}





/*------------
sect05_SP
------------*/
#sect05{
}
#sect05 .sectTtl .fontS {
margin: 0 0 .3rem;
}

#sect05 .ulBox{
padding: 0 5%;
}
#sect05 .liBox{
margin: 0 0 1.5rem;
	width:100%;
}
#sect05 .liBox a{
position: relative;
padding: 1rem 10rem 1.2rem 5%;
background: rgba(212,228,252,.50);
}
#sect05 .liBox a::before{
content: "MORE";
position: absolute;
top: calc(50% - 1.75rem);
right: 5%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0 2.0rem 0 1rem;
width: 7.0rem;
height: 3.0rem;
background: url("./img/arrow_wt.svg") calc(100% - .7rem) 50% no-repeat #062d59;
background-size: 1.2rem auto;
font-size:1.2rem;
font-weight: 700;
color: #fff;
}
#sect05 .liBox a::after{
content: "";
position: absolute;
top: 1.5rem;
left: 0;
width: .3rem;
height: calc(100% - 3rem);
background: #003e88;
}

#sect05 .liBox .sttl{
margin: 0;
font-size:1.8rem;
}





/*  End_SP */

}


/* accordion_grd */
#sect02 .addBox .text,#sect03 .stepBox .text {
height: 120px;
overflow: hidden;
}
#sect02 .addBox .show_more2 {
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 70px;
padding-top: 60px;
text-align: center;
line-height: 70px;
background: linear-gradient(180deg, rgb(245, 245, 245, 0) 0%, rgb(255 255 255) 40%);
border-radius:0 0 15px 15px;
cursor: pointer;
transition: bottom 0.2s;
}
#sect03 .stepBox .show_more2{
position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    height: 59px;
    padding-top: 60px;
text-align: center;
line-height: 70px;
background: linear-gradient(180deg, rgb(245, 245, 245, 0) 0%, rgb(255 255 255) 80%);
border-radius:0 0 15px 15px;
cursor: pointer;
transition: bottom 0.2s;
}
#sect02 .addBox .active,#sect03 .stepBox .active{
background: none;
/*bottom: -20px;*/
}
#sect02 .addBox .show_more2 span,#sect03 .stepBox .show_more2 span {
    position: relative;
    top: -3rem;
    display: inline-block;
    width: 17rem;
    min-height: 4rem;
    padding: .7rem 3rem .8rem;
    background: url(./img/plus.svg) 90% calc(50% - 1px) no-repeat #fff;
    background-size: 1.4rem auto;
    border-radius: 9999px;
    border: 1px solid #b2b2b2;
    text-align: center;
    line-height: 1.5;
    font-weight: 900;
    font-size: 1.5rem;
}

#sect02 .addBox .active span,#sect03 .stepBox .active span{
background: url(./img/minus.svg) 90% 50% no-repeat #fff;
background-size: 1.4rem auto;
}

@media screen and (max-width: 480px) {
	#sect02 .addBox .show_more2,#sect03 .stepBox .show_more2 {
    height: 100px;
}
	#sect03 .stepBox .show_more2{
    padding: 101px 4% 0 0;
}
}


/* ================== */
/*  テーブル　　　　　*/
/* ================== */
#sect032 .ulBox table {
width: 98%;
margin: 0 auto 1rem;
}

#sect032 .ulBox table th .txt_tb1 {
	font-size: 2rem;
	color: #003e88;
}
#sect032 .ulBox table th .txt_tb2 {
    font-size: 1.6rem;
    color: #5294e3;
    border-left: 2px solid #acd2ff;
    margin-left: 0.8rem;
    padding-left: 0.8rem;
}
#sect032 .ulBox table th {
	width: 48%;
    background: #e9f1fd;
    border-bottom: 2px solid #ffffff;
    text-align: left;
    border-right: none;
    border-top: none;
    border-left: none;
}
#sect032 .ulBox table td {
	border-bottom: 2px solid #e7e7e7;
	border-right: none;
	border-top: none;
	border-left: none;
	}

@media screen and (max-width: 480px) {
#sect032 .liBox .catch::after {
    bottom: -19px;
}
	#sect032 .ulBox table th {
    width: 100%;
	line-height: 1.6;
	padding: 1rem 2rem;
}
	#sect032 .ulBox table td {
	text-align: left;
	padding: 1rem 2rem;
	}
	#sect032 .ulBox table th .txt_tb1 {
	font-size: 1.8rem;
}
	#sect032 .ulBox table {
           border-bottom:none;
		border-top: 2px solid #e7e7e7;
}
}

footer {
    padding: 1rem 0;
}
.about {
    margin: 6rem auto 10rem;
}
@media screen and (max-width: 480px) {
footer {
    padding:0.5rem 0 5rem;
}
.about {
    margin:5rem 5% 4rem;
}	
}