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

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


/*------------
481px--index
------------*/
body{
position: relative;

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






/*--------------------------------------
　Header_PC
---------------------------------------*/

#header{
position: absolute;
background: none;
z-index: 1;
padding: 10px 30px 10px;
}
#header .siteName{
line-height: 2.2;
font-weight: 400;
font-feature-settings: "palt" 0;
letter-spacing: 0;
}
#header .siteName a{
}







/*------------
mainVis_PC
------------*/


#mainVis{
position: relative;
z-index: 1;
/*height: 650px;*/
/*background: url("./img/vis_bg.png") 50% 0 no-repeat;*/
}
#mainVis .anim{
position: relative;
z-index: -1;
top: 50px;
left: 0;
width: 100%;
}
#mainVis .anim img{
width: 100%;
}

#mainVis .img1{
position: absolute;
z-index: 1;
top: 30px;
left: calc(50% - 800px);
}
#mainVis .img2{
position: absolute;
z-index: 1;
top: 84px;
left: calc(50% + 160px);
}

#mainVis .areaInner{
position: relative;
}
/*#mainVis .areaInner::before{
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 610px;
background: #fafafa;
}
#mainVis .areaInner::after{
content: "";
position: absolute;
top: 40px;
right: -100%;
width: 100%;
height: 610px;
background: #e8f528;
}
*/
#mainVis .mainArea{
position: absolute;
width: 720px;
margin: 0 auto;
top: 100px;
top: 9vw;
left: calc(50% - 360px);
background: rgba(255,255,255,.8);
padding: 36px 60px 30px;
}
#mainVis .mainArea .fuki{
position: absolute;
top: -60px;
left: 20px;
width: 120px;
height: 121px;
background: url(./img/fuki3.png) 0 0 no-repeat;
background-size: 120px auto;
padding: 30px 0 0;
font-size:16px;
font-size:1.6rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
letter-spacing: 1px;
}
#mainVis .mainArea .fuki .fontWt{
display: block;
font-size:27px;
font-size:2.7rem;
}
#mainVis .mainArea h2{
margin: 0 0 20px;
padding: 0 0 20px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:38px;
font-size:3.8rem;
text-align: center;
}
#mainVis .mainArea .bkBox{
display: block;
margin: 0 0 20px;
background: #333;
padding: 4px 20px 6px;
font-size:30px;
font-size:3.0rem;
color: #fff;
}
#mainVis .mainArea .fontCl{
color: #bacc06;
}
#mainVis .mainArea .fontBl{
font-size:50px;
font-size:5.0rem;
}
#mainVis .mainArea p{
}

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

#contents {
background: #fff;
padding: 0 0 0;
overflow-x: hidden;
}





/*------------
mokuji_PC
------------*/
.mokuji2{
margin: 80px 50px;
}
.mokuji2 .sttl{
width: 160px;
margin: 0;
padding: 4px 10px 6px;
background: #333333;
font-size:18px;
font-size:1.8rem;
text-align: center;
color: #fff;
line-height: 1.2;
}
.mokuji2 .ulBox{
position: relative;
background: #fff;
padding: 5px 30px 10px;
border: 1px solid #cccccc;
}

.mokuji2 .liBox{
padding: 20px 10px 20px 10px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-weight: 700;
}
.mokuji2 .liBox:last-child{
background: none;
}
.mokuji2 .liBox a{
padding: 0 30px 0 0;
background: url(./img/arrow_ccl.svg) 100% 50% no-repeat;
background-size: 20px auto;
font-size: 2rem;
}



/*------------
indexSect_PC
------------*/
.indexSect {
position: relative;
padding: 8rem 0;
}
.indexSect a{
text-decoration: none;
}
.indexSect .sectHead{
margin: 0 0 20px;
padding: 16px 50px 0;
background: url(./img/dot_deco.png) 0 0 no-repeat;
}
.indexSect .sectHead .sectTtl {
display: inline-block;
background: #333333;
position: relative;
margin: 0 0 12px;
padding: 4px 14px 8px;
font-size:36px;
font-size:3.6rem;
color: #fff;
}
.indexSect .sectHead .fontEng{
font-size:60px;
font-size:6.0rem;
font-weight: 700;
color: rgba(153,153,153,.40);
line-height: 1;
}
.indexSect .sectHead .catch{
font-size:24px;
font-size:2.4rem;
}
.indexSect .sectHead .sectTtl a{
display: inline-block;
padding: 0 30px 0 0;
background: url(./img/arrow_wt.svg) 100% calc(50% + 3px) no-repeat;
background-size: 14px auto;
color: #fff;
}
.indexSect .sectTtl .fontS{
display: block;
margin: 0 0 16px;
font-size:24px;
font-size:2.4rem;
}

.indexSect.wtFont .intro{
color: #fff;
}



.indexSect .ulBox{
position: relative;
display: flex;
flex-wrap: wrap;
}
.indexSect .liBox{
position: relative;
}

.box2 .liBox{
width: calc((100% - 40px) / 2);
margin: 0 40px 40px 0;
}
.box2 .liBox:nth-child(2n){
margin: 0 0 40px 0;
}

.box3 .liBox{
width: calc((100% - 80px) / 3);
margin: 0 40px 40px 0;
}
.box3 .liBox:nth-child(3n){
margin: 0 0 40px 0;
}

.box4 .liBox{
width: calc((100% - 60px) / 4);
margin: 0 20px 20px 0;
}
.box4 .liBox:nth-child(4n){
margin: 0 0 20px 0;
}



.indexSect .intro{
padding: 0 50px 40px;
}



/*------------
sect01_PC
------------*/
#sect01{
}
#sect01 .wrapBox2{
margin: -20px 0 0;
padding: 40px 50px;
background: #e8f528;
}
#sect01 .wrapBox{
padding: 45px 50px;
background: #fff;
}
#sect01 .wrapBox .flame{
width: 248px;
float: left;
margin: 0 30px 0 0;
}
#sect01 .wrapBox .catch{
font-size:24px;
font-size:2.4rem;
}



/*------------
sect02_PC
------------*/
#sect02 {
}
#sect02 .part{
position: relative;
margin: 0 0 60px;
padding: 0 50px;
}
/*
#sect02 .part1::before{
content: "";
position: absolute;
top: -45px;
right: 50px;
width: 162px;
height: 135px;
background: url(./img/sect02_ill01.png) 0 0 no-repeat;
}
#sect02 .part2::before{
content: "";
position: absolute;
top: 40px;
left: 100px;
width: 82px;
height: 100px;
background: url(./img/sect02_ill02.png) 0 0 no-repeat;
}
*/
#sect02 .imgArea{
position: relative;
padding: 50px 0;
width: 554px;
}

#sect02 .part1 .imgArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: calc(100% + 240px);
height: 100%;
background: #f6f6f6;
}
#sect02 .part2 .imgArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: -240px;
width: calc(100% + 240px);
height: 100%;
background: #f6f6f6;
}
#sect02 .part1 .imgArea::after{
content: "";
position: absolute;
top: 0;
left: -50vw;
width: 50vw;
height: 100%;
background: #f6f6f6;
}
#sect02 .part2 .imgArea::after{
content: "";
position: absolute;
top: 0;
right: -50vw;
width: 50vw;
height: 100%;
background: #f6f6f6;
}
#sect02 .imgArea .flame{
margin: 0 0 15px;
}
#sect02 .imgArea p{
font-size:13px;
font-size:1.3rem;
color: #666;
}

#sect02 .txtArea{
width: 370px;
margin: 210px 0 0;
}
#sect02 .txtArea h3{
position: relative;
margin: 0 0 24px;
font-size:24px;
font-size:2.4rem;
}
#sect02 .txtArea h3::before{
content: "";
position: absolute;
z-index: -1;
top: -25px;
left: -35px;
width: 98px;
height: 98px;
background: url(./img/dot_deco_98.png) 0 0 no-repeat;
}


/*------------
sect03_PC
------------*/
#sect03{
}

#sect03 .fuki{
position: relative;
width: 400px;
margin: 0 0 25px 152px;
background: #e8f528;
padding: 24px 40px;
border-radius:10px;
font-weight: 700;
font-size:18px;
font-size:1.8rem;
line-height: 1.4em;
}
#sect03 .fuki::before{
content: "";
position: absolute;
top: 0;
right: -16px;
width: 16px;
height: 100%;
background: url(./img/tri2.svg) 0 50% no-repeat;
}
#sect03 .sectTtl::before {
content: "";
position: absolute;
z-index: -1;
bottom: 20px;
right: 80px;
width: 220px;
height: 232px;
background: url(./img/sect04_ill.png) 0 0 no-repeat;
background-size: 220px auto;
}

#sect03 .liBox{
border: 5px solid #ededed;
padding: 10px 40px 40px;
}
#sect03 .liBox::before{
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 60px;
height: 60px;
background: #60c5ed;
}
#sect03 .liBox:nth-child(1)::before{
background: url(./img/01.svg) 50% 50% no-repeat #60c5ed;
}
#sect03 .liBox:nth-child(2)::before{
background: url(./img/02.svg) 50% 50% no-repeat #60c5ed;
}
#sect03 .liBox:nth-child(3)::before{
background: url(./img/03.svg) 50% 50% no-repeat #60c5ed;
}
#sect03 .liBox:nth-child(4)::before{
background: url(./img/04.svg) 50% 50% no-repeat #60c5ed;
}
#sect03 .liBox .sttl{
padding: 0 0 10px 35px;
}
#sect03 .liBox .sttl .fontL{
border-bottom: 4px solid #e8f528;
font-size:30px;
font-size:3.0rem;
}
#sect03 .liBox .flame{
margin: 0 0 15px;
}
#sect03 .liBox h3{
position: relative;
margin: 0 0 20px;
background: #20a5da;
padding: 12px 40px 15px;
border-radius:10px;
font-size:20px;
font-size:2.0rem;
color: #fff;
text-align: center;
line-height: 1.5;
}
#sect03 .liBox h3::before {
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
height: 15px;
background: url(./img/tri1.svg) 50% 0 no-repeat;
background-size: 16px 15px;
}



/*------------
sect04_PC
------------*/
#sect04{
padding: 0;
}
#sect04 .btn-internal a::before {
top: 0;
right: 16px;
width: 22px;
height: 100%;
background: url(./img/arrow_down_wt.svg) 100% 48% no-repeat;
background-size: 12px auto;
}
#sect04 .intro{
padding: 0 0 0;
}


/*------------
sect05_PC
------------*/
#sect05{
padding: 160px 0 40px;
background: url(./img/gray_bg.jpg) 50% 0 repeat-y;
background-size: 100% auto;
}
#sect05::before {
content: "";
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: 100px;
background: url(./img/down_arrow.svg) 50% 0 no-repeat;
background-size: 104px auto;
}
#sect05 h2{
position: relative;
margin: 0 0 70px;
padding: 0 0 0 260px;
font-size:36px;
font-size:3.6rem;
}
#sect05 h2::before{
content: "";
position: absolute;
top: -30px;
left: 100px;
width: 140px;
height: 140px;
background: url(./img/sect05_ill.png) 0 50% no-repeat;
}
#sect05 h2 .fontBl{
display: block;
margin: 0 0 6px;
}




/*------------
sect05_PC
------------*/
.sect05s{
position: relative;
margin: 0 0 70px;
padding: 35px 0;
background: url(./img/dot_deco_m.png) 20px 35px no-repeat #fafafa;
 box-shadow: 10px 10px 0px 0px #e8f528;
}
.sect05s .fontEng {
position: absolute;
top: 0;
left: -10px;
transform: rotate(90deg);
transform-origin: bottom left;
font-size: 50px;
font-size: 5.0rem;
font-weight: 700;
color: rgba(51,51,51,.8);
}
.sect05s .ttlAera{
position: relative;
min-height: 134px;
margin: 0 20px 60px 190px;
background: #333333;
}
.sect05s .ttlAera .catch{
padding: 5px 0 5px 30px;
background: #20a5da;
font-size:24px;
font-size:2.4rem;
color: #fff;
}
.sect05s .ttlAera .sttl{
padding: 5px 0 5px 30px;
font-size:30px;
font-size:3.0rem;
color: #fff;
}
.sect05s .ttlAera .fuki{
position: absolute;
z-index: 3;
top:-50px;
right: 30px;
background: #333333;
padding: 10px 10px;
border-radius: 10px;
color: #fff;
font-weight: 700;
line-height: 1.3;
}
.sect05s .ttlAera .fuki::before {
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
height: 15px;
background: url(./img/tri3.svg) 20% 0 no-repeat;
background-size: 16px 15px;
}
.sect05s .ttlAera .hsp {
position: absolute;
z-index: 2;
top:6px;
right: 20px;
background: #fff;
width: 220px;
margin: 10px 10px 0 0;
padding: 12px 10px 10px;
border-radius: 3px;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.6;
}
.sect05s .ttlAera .hsp::before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 33px;
background: url(./img/hsp.png) 50% 0 no-repeat;
background-size: 41px auto;
}
.sect05s .wrapBox{
padding: 0 90px;
}
.sect05s h3{
padding: 0 0 30px;
font-size:34px;
font-size:3.4rem;
text-align: center;
}


.sect05s .imgArea{
margin: 0 0 30px;
padding: 35px 40px;
background: #fff;
}
.sect05s .imgArea .float-img{
width: 360px;
}
.sect05s .imgArea .txtArea{
width: 450px;
float: right;
}
.sect05s .txtArea .liBox{
position: relative;
padding: 10px 0 10px 30px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
line-height: 1.6;
font-weight: 700;
}
.sect05s .txtArea .liBox .fontBl{
font-size:18px;
font-size:1.8rem;
}
.sect05s .txtArea .liBox::before{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 21px;
height: 30px;
background: url(./img/denkyu.png) 0 0 no-repeat;
background-size: 21px auto;
}

.sect05s .miniBox{
margin: 40px 0 30px;
background: #fff;
padding: 20px;
}

.sect05s .mini1{
padding: 20px 20px 10px;
}
.sect05s .mini1 .lineup{
display: flex;
flex-wrap: wrap;
margin: 16px 0 10px;
}
.sect05s .mini1 .lineup div{
display: flex;
align-items: center;
justify-content: center;
width: calc((100% - 40px) / 6);
margin: 0 8px 10px 0;
padding: 6px 5px;
background: #d5e14c;
font-size:14px;
font-size:1.4rem;
line-height: 1.4;
text-align: center;
font-weight: 700;
}
.sect05s .mini1 .lineup div:nth-child(6n){
margin: 0 0 10px;
}
.sect05s .mini1 .lineup div.off{
background: #ededed;
color: #cccccc;
}


.sect05s .mini2 .ulBox{
padding-top: 1.5rem;
}
.sect05s .mini2 .liBox{
width: calc((100% - 20px) / 2);
margin: 0 20px 0 0;
}
.sect05s .mini2 .liBox:nth-child(2n){
margin: 0 0 0 0;
}
.sect05s .mini2 .liBox .inner{
border: 5px solid #ededed;
padding: 15px 20px;
font-size:13px;
font-size:1.3rem;
}
.sect05s .mini2 h5{
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 220px;
margin: 0 0 0 195px;
background: #e8f528;
padding: 6px 40px;
font-size:20px;
font-size:2.0rem;
text-align: center;
}
.sect05s .mini2 h5::before{
content: "";
position: absolute;
top: -5px;
left: 5px;
width: 32px;
height: 33px;
background: url(./img/sect051_ill.png) 0 0 no-repeat;
background-size: 32px auto;
}

.sect05s .mini2 .catch{
margin: 0 0 5px;
font-size:17px;
font-size:1.7rem;
}
.sect05s .mini2 .upper{
margin: 0 0 10px;
}
.sect05s .mini2 .fl{
width: 156px;
margin: -35px 0 10px 0;
}
.sect05s .mini2 .rightArea{
width: 210px;
float: right;
}
.sect05s .mini2 .upper .catch{
text-align: center;
}
.sect05s .mini2 .upper li{
position: relative;
padding: 0 0 0 12px;
line-height: 1.8;
}
.sect05s .mini2 .upper li::before {
position: absolute;
content: "";
background: #84a346;
border-radius: 50%;
width: 10px;
height: 10px;
top: 7px;
left: -1px;
}
.sect05s .mini2 p{
line-height: 1.8;
}


.sect05s .btn-web a{
width: 460px;
padding: 22px 70px 24px;
font-size:18px;
font-size:1.8rem;
}
.sect05s .btn-web a::after {
content: "";
position: absolute;
bottom: 0;
left: 10px;
width: 70px;
height: 100px;
background: url(./img/btn_web.png) 0 100% no-repeat;
background-size: 70px auto;
}


.sect05s .mini3{
margin: 30px 0 40px;
}
.sect05s .mini3 .ulBox{
margin: 20px 0 0;
}
.sect05s .mini3 .liBox{
width: calc((100% - 30px) / 3);
margin: 0 15px 0 0;
background: #fff;
padding: 0 30px 20px;
}
.sect05s .mini3 .liBox:nth-child(3n){
margin: 0 0 0 0;
}
.sect05s .mini3 .fuki{
position: relative;
background: #e8f528;
margin:  -10px -10px 20px;
padding: 4px 20px 6px;
border-radius: 6px;
font-weight: 700;
text-align: center;
line-height: 1.3;
}
.sect05s .mini3 .fuki::before {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 13px;
background: url(./img/tri4.svg) 50% 0 no-repeat;
}

.sect05s .mini3 h5{
margin: 0 0 10px;
font-size:18px;
font-size:1.8rem;
}

.sect05s .mini4{
margin: 0 0 30px;
}
.sect05s .mini4 table {
width: 100%;
margin: 20px auto 0;
}




/*------------
sect06s_PC
------------*/
#sect06{
padding: 60px 0 120px;
}
#sect06 .areaInner{
position: relative;
background: url(./img/dot_deco_m.png) 0 0 no-repeat;
}
#sect06 .fontEng {
position: absolute;
top: 0;
left: -30px;
transform: rotate(90deg);
transform-origin: bottom left;
font-size: 50px;
font-size: 5.0rem;
font-weight: 700;
color: rgba(51,51,51,.8);
}
#sect06 .ttlArea{
position: relative;
padding: 190px 0 0;
}
#sect06 .fuki{
position: absolute;
width: 120px;
height: 120px;
padding: 20px 0 0;
font-weight: 700;
text-align: center;
line-height: 1.8;
}
#sect06 .fuki1{
top:0;
left: calc(50% - 290px);
background: url(./img/fuki4.png) 0 0 no-repeat;
background-size: 120px auto;
}
#sect06 .fuki2{
top:40px;
left: calc(50% + 136px);
background: url(./img/fuki2.png) 0 0 no-repeat;
background-size: 120px auto;
}

#sect06 h2{
position: relative;
width: 660px;
margin: 0 auto 40px;
font-size:34px;
font-size:3.4rem;
text-align: center;
}
#sect06 h2::before{
content: "";
position: absolute;
z-index: -1;
top: -160px;
left: 0;
width: 100%;
height: 170px;
background: url(./img/sect06_ill.png) 50% 0 no-repeat;
background-size: 232px auto;
}
#sect06 h2 a{
padding: 16px 20px 18px;
background: #333333;
color: #fff;
}
#sect06 h2 a span{
display: inline-block;
padding: 0 30px;
background: url(./img/arrow_wt.svg) 100% calc(50% + 3px) no-repeat #333;
background-size: 14px auto;
}

#sect06 .sectlink{
margin: 0 50px 15px;
background: url(./img/dotline3.png) 0 0 repeat-x;
background-size: auto 1px;
}
#sect06 .sectlink dl{
display: table;
width: 100%;
padding: 25px 40px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-weight: 700;
}
#sect06 .sectlink dt{
display: table-cell;
vertical-align: middle;
width: 180px;
padding: 8px 10px 10px;
background: #333;
font-size:18px;
font-size:1.8rem;
color: #fff;
text-align: center;
letter-spacing: 1px;
line-height: 1.3;
}
#sect06 .sectlink dd{
display: table-cell;
vertical-align: middle;
text-align: right;
}
#sect06 .sectlink dd a{
display: inline-block;
margin: 0 -5px;
padding: 8px 0 0;
width: 181px;
height: 50px;
background: #ccc;
text-align: center;
color: #fff;
}
#sect06 .sectlink dd a:nth-child(1){
background: url(./img/sect06_01.svg) 0 0 no-repeat;
}
#sect06 .sectlink dd a:nth-child(2){
background: url(./img/sect06_02.svg) 0 0 no-repeat;
}
#sect06 .sectlink dd a:nth-child(3){
background: url(./img/sect06_03.svg) 0 0 no-repeat;
}
#sect06 .sectlink dd a:nth-child(4){
background: url(./img/sect06_04.svg) 0 0 no-repeat;
}

#sect06 .wrapBox{
position: relative;
margin: 0 50px;
padding: 30px 0 0;
}
#sect06 .wrapBox::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background: #f6f9d0;
}
#sect06 .wrapBox::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0%;
width: 50%;
height: 100%;
background: #f6f6f6;
}
#sect06 .wrapBox .mini{
padding: 30px 0 30px;
background: url(./img/dot_deco_98.png) 20px 0 no-repeat;
}
#sect06 .wrapBox .miniTtl{
position: relative;
display: table;
width: calc(100% - 80px);
margin: 0 40px 50px;
padding: 15px 30px 15px 120px;
color: #fff;
}

#sect06 .wrapBox h3{
display: table-cell;
vertical-align: middle;
width: 240px;
font-size:30px;
font-size:3.0rem;
}
#sect06 .wrapBox .miniTtl p{
display: table-cell;
vertical-align: middle;
width: 700px;
padding: 0 0 0 30px;
font-weight: 700;
line-height: 1.8;
}
#sect06 #sect061 .miniTtl{background: #1da4db;}
#sect06 #sect062 .miniTtl{background: #26cbc5;}
#sect06 #sect063 .miniTtl{background: #26cb74;}
#sect06 #sect064 .miniTtl{background: #87cb26;}

#sect06 .mini .miniTtl::before{
content: "";
position: absolute;
top: 0;
left: 30px;
width: 70px;
height: 100%;
}
#sect061 .miniTtl::before{
background: url(./img/01.svg) 0 50% no-repeat;
background-size: auto 40px;
}
#sect062 .miniTtl::before{
background: url(./img/02.svg) 0 50% no-repeat;
background-size: auto 40px;
}
#sect063 .miniTtl::before{
background: url(./img/03.svg) 0 50% no-repeat;
background-size: auto 40px;
}
#sect064 .miniTtl::before{
background: url(./img/04.svg) 0 50% no-repeat;
background-size: auto 40px;
}



#sect06 .leftArea{
width: 50%;
float: left;
}
#sect06 .rightArea{
width: 50%;
float: right;
}
#sect06 .box{
padding: 0 40px;
}
#sect06 .box .sttlArea{
padding: 0 0 20px;
background: url(./img/tri5.svg) 50% 100% no-repeat;
text-align: center;
line-height: 1.3;
}
#sect06 .box .sttlArea .sttl{
display: flex;
align-items: center;
justify-content: center;
font-size:26px;
font-size:2.6rem;
}
#sect06 .box .sttlArea .fontEng2{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 10px;
font-size:36px;
font-size:3.6rem;
color: #999999;
font-weight: 700;
}
#sect06 .box h4{
position: relative;
margin: 0 0 10px;
padding: 0 0 12px;
font-size:20px;
font-size:2.0rem;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
line-height: 1.6;
}
#sect06 .box .icon{
padding: 0 0 12px 106px;
}
#sect06 .box .icon::before{
content: "";
position: absolute;
top: 8px;
left: 26px;
width: 64px;
height: 48px;
background: url(./img/sect06_icon.png) 0 0 no-repeat;
}
#sect06 .miniPrg{
margin: 20px 0;
}
#sect06 .miniPrg p{
line-height: 2.0;
}
#sect06 .colBox{
margin: 0 0 20px;
padding: 15px 20px;
}
#sect06 .colBox .sttl{
position: relative;
padding: 0 0 0 20px;
font-size:17px;
font-size:1.7rem;
}
#sect06 .colBox .sttl::before {
content: "";
position: absolute;
top: -6px;
left: -5px;
width: 21px;
height: 30px;
background: url(./img/denkyu.png) 0 0 no-repeat;
background-size: 21px auto;
}
#sect06 .colBox1{
background: #ffffff;
}
#sect06 .colBox2{
background: #fff;
}
#sect06 .colBox li{
position: relative;
padding: 0 0 8px 22px;
line-height: 1.8;
}
#sect06 .colBox li::before {
position: absolute;
content: "";
background: #84a346;
border-radius: 50%;
width: 12px;
height: 12px;
top: 8px;
left: 4px;
}
#sect06 .colBox .btns{
display: flex;
flex-wrap: wrap;
padding: 10px 10px;
}
#sect06 .colBox .btn-internal{
width: calc((100% - 10px) / 2);
margin: 0 10px 0 0;
padding: 0 0 15px!important;
}
#sect06 .colBox .btn-internal:nth-child(2n){
margin: 0 0 0 0;
}
#sect06 .colBox .btn-internal a{
width: 100%;
padding: 6px 30px 10px;
font-size: 15px;
font-size: 1.5rem;
}

#sect06 .miniPrg .btn-internal{
width: 85%;
margin: 0 auto;
}
#sect06 .miniPrg .btn-internal a{
width: 100%;
}




/*------------
sect07_PC
------------*/
#sect07{
margin: 0 0 100px;
padding: 40px 0 40px;
background: url(./img/sect07_bg.jpg) 0 0 repeat-y;
background-size: 100% auto;
}
#sect07 .inner{
position: relative;
margin: 0 50px;
min-height: 390px;
background: rgba(255,255,255,.8);
padding: 40px;
}
#sect07 .flame{
position: absolute;
width: 320px;
top:40px;
left: 40px;
}
#sect07 h2{
margin: 0 0 10px 350px;
font-size:22px;
font-size:2.2rem;
line-height: 1.8;
}
#sect07 p{
margin: 0 0 20px 350px;
}
#sect07 .btn-internal{
margin: 0 0 0 350px;
padding: 0!important;
}
#sect07 .btn-internal a{
width: 340px;
}


/*------------
sect08_PC
------------*/
#sect08 .ulBox{
padding: 0 50px;
}
#sect08 .btn-internal a{
width: 310px;
color: #333;
background: url(./img/dotbg.png) 0 0 repeat;
background-size: 9px auto;
border: 1px solid #333;
box-shadow: none;
cursor: pointer;
}
#sect08 .btn-internal a::before {
content: "";
position: absolute;
top: 0;
right: 16px;
width: 19px;
height: 100%;
background: url(./img/plus.svg) 100% 48% no-repeat;
background-size: 19px auto;
}
#sect08 .btn-internal a.boxclose::before {
background: url(./img/minus.svg) 100% 48% no-repeat;
background-size: 19px auto;
}
#sect08 .btn-internal a:hover{
opacity: .7;
transform: translate3d(0, 0, 0);
}




/*------------
sect09_PC
------------*/
#sect09 .areaInner{
position: relative;
padding: 70px 0;
background: #f6f6f6;
}
#sect09 .areaInner::before{
content: "";
position: absolute;
top: 0;
left: -100px;
width: 100px;
height: 100%;
background: #f6f6f6;
}
#sect09 .areaInner::after{
content: "";
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #f6f6f6;
}
#sect09 .ulBox{
padding: 0 50px;
}
#sect09 .liBox{
width: 800px;
margin: 0 0 50px;
padding: 20px 20px;
background: #fff;
box-shadow: 6px 6px 0px 0px #e8f528;
}
#sect09 .liBox::before{
content: "";
position: absolute;
top: 30px;
right: -200px;
width: 130px;
height: 150px;
background: url(./img/sect09_ill01.png) 0 0 no-repeat;
}

#sect09 .liBox:nth-child(2n){
margin: 0 0 0 200px;
}
#sect09 .liBox:nth-child(2n)::before{
content: "";
position: absolute;
top: 30px;
left: -180px;
width: 150px;
height: 130px;
background: url(./img/sect09_ill02.png) 0 0 no-repeat;
}


#sect09 .liBox h3{
margin: 0 20px 12px 0;
padding: 16px 0 40px 30px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
}
#sect09 .liBox h3 a{
background: url(./img/arrow_bk.svg) 99% calc(50% + 5px) no-repeat;
background-size: 8px auto;
}
#sect09 .liBox p{
padding: 0 10px;
line-height: 2.0;
}




/*------------
sect10_PC
------------*/
#sect10 .ulBox{
padding: 0 50px;
}
#sect10 .liBox{
width: calc((100% - 20px) / 2);
margin: 0 20px 50px 0;
border: 5px solid #ededed;
padding: 30px 30px 30px;
}
#sect10 .liBox:nth-child(2n){
margin: 0 0 50px;
}
#sect10 .liBox::before{
content: "";
position: absolute;
top: -40px;
left: 26px;
width: 78px;
height: 78px;
}
#sect10 .liBox:nth-child(1)::before{
background: url(./img/sect10_icon01.png) 0 0 no-repeat;
background-size: 78px auto;
}
#sect10 .liBox:nth-child(2)::before{
background: url(./img/sect10_icon02.png) 0 0 no-repeat;
background-size: 78px auto;
}
#sect10 .liBox:nth-child(3)::before{
background: url(./img/sect10_icon03.png) 0 0 no-repeat;
background-size: 78px auto;
}
#sect10 .liBox:nth-child(4)::before{
background: url(./img/sect10_icon04.png) 0 0 no-repeat;
background-size: 78px auto;
}


#sect10 .liBox h3{
margin: 0 0 10px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:20px;
font-size:2.0rem;
}
#sect10 .liBox h3 a{
padding: 18px 30px 18px 0;
background: url(./img/arrow_bk.svg) 99% calc(50% + 2px) no-repeat;
background-size: 7px auto;
}


/*------------
sect11_PC
------------*/
#sect11 .areaInner{
position: relative;
padding: 70px 0;
background: #f6f6f6;
}
#sect11 .areaInner::before{
content: "";
position: absolute;
top: 0;
right: -100px;
width: 100px;
height: 100%;
background: #f6f6f6;
}
#sect11 .areaInner::after{
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #f6f6f6;
}
#sect11 .sectHead{
position: relative;
margin: 0 500px 20px 0;
}
#sect11 .sectHead::before{
content: "";
position: absolute;
top: -150px;
right: -450px;
width: 470px;
height: 400px;
background: url(./img/sect11_ill.png) 0 0 no-repeat;
}
#sect11 .intro{
margin: 0 500px 0 0;
}

#sect11 .ulBox{
padding: 0 50px;
}
#sect11 .ulBox::before {
content: "";
position: absolute;
bottom: 0;
right: 30px;
width: 236px;
height: 152px;
background: url(./img/matome_ill.png) 0 0 no-repeat;
}
#sect11 .liBox{
background: #fff;
width: calc((100% - 20px) / 2);
margin: 0 20px 60px 0;
box-shadow: 6px 6px 0px 0px #e8f528;
padding: 40px 30px 30px;
}
#sect11 .liBox:nth-child(2n){
margin: 0 0 60px 0;
}
#sect11 .liBox::before{
content: "";
position: absolute;
top: -34px;
left: 24px;
width: 60px;
height: 60px;
background: url(./img/sect11_icon.png) 0 0 no-repeat;
background-size: 60px auto;
}

#sect11 .liBox h3{
padding: 0 90px 0 0;
line-height: 1.6;
font-size:20px;
font-size:2.0rem;
}
#sect11 .liBox h3 a{
}
#sect11 .liBox .more{
position: absolute;
bottom: 30px;
right: 30px;
width: 85px;
background: url(./img/arrow_bk.svg) 95% 50% no-repeat;
background-size: 6px auto;
border: 1px solid #333;
padding: 2px 10px 6px;
border-radius:5px;
font-size:14px;
font-size:1.4rem;
font-weight: 700;
text-align: center;
line-height: 1;
}



/*  End_PC */









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


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

/*------------
481px--index
------------*/
#contents {
}
.index {
}

.catch{
font-size:1.7rem;
}

/*--------------------------------------
　Header_SP
---------------------------------------*/

#header{
position: relative;
z-index: 2;
padding:0;
}
#header .siteName{
padding: 10px;
text-align: center;
font-size:1.1rem;
line-height: 1.5;
letter-spacing: 0;
}
#header .siteName a{
}







/*------------
mainVis_SP
------------*/


#mainVis{
margin: -50px 0 0;
padding: 0 0 0;
height: auto;
/*background: url("./img/vis_bg.png") 50% 0 no-repeat;
background-size: auto 325px;*/
}
#mainVis .anim{
position: relative;
z-index: 0;
top: 40px;
left: 0;
width: 100%;
}
#mainVis .anim img{
width: 100%;
}



/*#mainVis .img1{
position: absolute;
z-index: 1;
width: 235px;
top: 10px;
left: 0;
}
#mainVis .img2{
position: absolute;
z-index: 1;
width: 200px;
top: 80px;
left: auto;
right: 0;
}*/
/*#mainVis .areaInner::before{
width: 0;
height: 0;
background: none;
border: none;
}
#mainVis .areaInner::after{
width: 0;
height: 0;
background: none;
border: none;
}
*/
#mainVis .mainArea{
position: static;
width: auto;
margin: 8rem 5% 0;
background: rgba(255,255,255,.8);
padding: 18px 5% 15px;
}
#mainVis .mainArea .fuki{
position: absolute;
top: -80px;
left: 20px;
width: 90px;
height: 90px;
background: url(./img/fuki3.png) 0 0 no-repeat;
background-size: 90px auto;
padding: 20px 0 0;
font-size:1.2rem;
}
#mainVis .mainArea .fuki .fontWt{
font-size:2.0rem;
}
#mainVis .mainArea h2{
margin: 0 0 10px;
padding: 0 0 15px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:2.0rem;
text-align: center;
}
#mainVis .mainArea .bkBox{
display: block;
margin: 0 0 20px;
background: #333;
padding: 4px 3% 6px;
font-size:1.8rem;
color: #fff;
}

#mainVis .mainArea .fontBl{
font-size:2.5rem;
}
#mainVis .mainArea p{
}

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

#contents {
background: #fff;
padding: 0 0 0;
overflow-x: hidden;
}





/*------------
mokuji_SP
------------*/
.mokuji2{
margin: 20px 5% 40px;
}
.mokuji2 .sttl{
width: 110px;
margin: 0;
padding: 2px 2% 4px;
background: #333333;
font-size:1.6rem;
}
.mokuji2 .ulBox{
position: relative;
background: #fff;
padding: 5px 4% 10px;
border: 1px solid #cccccc;
}

.mokuji2 .liBox{
padding: 10px 0 10px 0;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-weight: 700;
}

.mokuji2 .liBox a{
padding: 0 12% 0 0;
background: url(./img/arrow_ccl.svg) 98% 50% no-repeat;
background-size: 15px auto;
line-height: 1.8;
font-size: 1.8rem;
}



/*------------
indexSect_SP
------------*/
.indexSect {
position: relative;
padding: 0 0 40px;
}
.indexSect a{
text-decoration: none;
}
.indexSect .sectHead{
margin: 0 3% 16px;
padding: 16px 0 0 4%;
background: url(./img/dot_deco_m_sp.png) 0 0 no-repeat;
background-size: 68px auto;
}
.indexSect .sectHead .sectTtl {
display: inline-block;
background: #333333;
position: relative;
margin: 0 0 5px;
padding: 0 1% 4px;
font-size:2.0rem;
color: #fff;
}

.indexSect .sectHead .fontEng{
font-size:3.0rem;
color: rgba(153,153,153,.40);
}
.indexSect .sectHead .catch{
margin: 0 0 10px;
font-size:1.6rem;
}
.indexSect .sectHead .sectTtl a{
display: inline-block;
padding: 0 20px 0 0;
background: url(./img/arrow_wt.svg) 98% calc(50% + 3px) no-repeat;
background-size: 9px auto;
color: #fff;
}
.indexSect .sectTtl .fontS{
display: block;
margin: 0 0 16px;
font-size:24px;
font-size:2.4rem;
}




.indexSect .ulBox{
display: block;
}
.indexSect .liBox{
position: relative;
}

.box2 .liBox{
width: auto;
margin: 0 0 20px;
}
.box2 .liBox:nth-child(2n){
margin: 0 0 20px;
}

.box3 .liBox{
width: auto;
margin: 0 0 20px;
}
.box3 .liBox:nth-child(3n){
margin: 0 0 20px;
}



.indexSect .intro{
padding: 0 5% 20px;
}



/*------------
sect01_SP
------------*/
#sect01{
}
#sect01 .wrapBox2{
margin: -10px 0 0;
padding: 20px 5%;
background: #e8f528;
}
#sect01 .wrapBox{
padding: 30px 5%;
background: #fff;
}
#sect01 .wrapBox .flame{
width: 225px;
float: none;
margin: 0 auto 15px;
}
#sect01 .wrapBox .catch{
font-size:1.8rem;
}



/*------------
sect02_SP
------------*/
#sect02 {
}
#sect02 .part{
position: relative;
margin: 0 0 50px;
padding: 0 0;
}
#sect02 .part1::before{
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .part2::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect02 .imgArea{
position: relative;
padding: 50px 5% 20px;
width: 100%;
}

#sect02 .part1 .imgArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 150px);
background: #f6f6f6;
}
#sect02 .part2 .imgArea::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 150px);
background: #f6f6f6;
}
#sect02 .part1 .imgArea::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect02 .part2 .imgArea::after{
width: 0;
height: 0;
background: none;
border: none;
}


#sect02 .imgArea .flame{
margin: 0 0 15px;
}
#sect02 .imgArea p{
font-size:1.4rem;
color: #666;
}

#sect02 .txtArea{
position: relative;
width: auto;
margin: 0 5%;
}
#sect02 .part1 .txtArea::before{
content: "";
position: absolute;
top: 20px;
right: 0;
width: 81px;
height: 100px;
background: url(./img/sect02_ill01.png) 0 0 no-repeat;
background-size: 81px auto;
}
#sect02 .part2 .txtArea::before{
content: "";
position: absolute;
top: 30px;
right: 40px;
width: 41px;
height: 50px;
background: url(./img/sect02_ill02.png) 0 0 no-repeat;
background-size: 41px auto;
}


#sect02 .txtArea h3{
position: relative;
margin: 0 0 15px;
padding: 20px 30% 0 4%;
font-size:1.8rem;
line-height: 1.6;
}
#sect02 .txtArea h3::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 50px;
height: 50px;
background: url(./img/dot_deco_s_sp.png) 0 0 no-repeat;
background-size: 50px auto;
}
#sect02 .txtArea p{
padding: 0 0 0 4%;
}




/*------------
sect03_SP
------------*/
#sect03{
}
#sect03.indexSect{
  padding-top:3rem;
}
  
#sect03::before {
content: "";
position: absolute;
top: -60px;
left: 0;
width: 100%;
height: 50px;
background: url(./img/down_arrow.svg) 50% 0 no-repeat;
background-size: 47px auto;
}
#sect03 .fuki{
position: relative;
width: 200px;
margin: 0 0 10px 5%;
background: #e8f528;
padding: 5px 3%;
border-radius:5px;
font-size:1.5rem;
line-height: 1.7;
}
#sect03 .fuki::before{
content: "";
position: absolute;
top: 0;
right: -10px;
width: 10px;
height: 100%;
background: url(./img/tri2.svg) 0 50% no-repeat;
background-size: 10px auto;
}
#sect03 .sectTtl::before {
content: "";
position: absolute;
z-index: -1;
top: -10rem;
right: 10px;
width: 118px;
height: 100px;
background: url(./img/sect04_ill.png) 0 0 no-repeat;
background-size: 118px auto;
}

#sect03 .ulBox{
margin: 0 5%;
}
#sect03 .liBox{
border: 4px solid #ededed;
padding: 10px 5% 20px;
}
#sect03 .liBox::before{
top: -4px;
left: -4px;
width: 45px;
height: 45px;
background: #60c5ed;
}
#sect03 .liBox:nth-child(1)::before{
background: url(./img/01.svg) 50% 50% no-repeat #60c5ed;
background-size: auto 16px;
}
#sect03 .liBox:nth-child(2)::before{
background: url(./img/02.svg) 50% 50% no-repeat #60c5ed;
background-size: auto 16px;
}
#sect03 .liBox:nth-child(3)::before{
background: url(./img/03.svg) 50% 50% no-repeat #60c5ed;
background-size: auto 16px;
}
#sect03 .liBox:nth-child(4)::before{
background: url(./img/04.svg) 50% 50% no-repeat #60c5ed;
background-size: auto 16px;
}
#sect03 .liBox .sttl{
padding: 0 0 10px 15%;
font-size:1.8rem;
}
#sect03 .liBox .sttl .fontL{
border-bottom: 4px solid #e8f528;
font-size:2.1rem;
}
#sect03 .liBox .flame{
margin: 0 0 15px;
}
#sect03 .liBox h3{
position: relative;
margin: 0 0 20px;
background: #20a5da;
padding: 12px 5% 15px;
border-radius:5px;
font-size:1.8rem;
}
#sect03 .liBox h3::before {
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
height: 15px;
background: url(./img/tri1.svg) 50% 0 no-repeat;
background-size: 16px 15px;
}



/*------------
sect04_SP
------------*/
#sect04{
padding: 0;
}
#sect04 .btn-internal a::before {
top: 0;
right: 16px;
width: 22px;
height: 100%;
background: url(./img/arrow_down_wt.svg) 100% 48% no-repeat;
background-size: 12px auto;
}
#sect04 .intro{
padding: 0;
}


/*------------
sect05_SP
------------*/
#sect05{
padding: 80px 0 60px;
background: url(./img/gray_bg_sp.jpg) 50% 0 repeat-y;
background-size: 100% auto;
}
#sect05::before {
content: "";
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 100px;
background: url(./img/down_arrow.svg) 50% 0 no-repeat;
background-size: 46px auto;
}
#sect05 h2{
position: relative;
margin: 0 0 35px;
padding: 85px 5% 0;
font-size:2.5rem;
text-align: center;
}
#sect05 h2::before{
content: "";
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 70px;
background: url(./img/sect05_ill.png) 50% 0 no-repeat;
background-size: 70px auto;
}
#sect05 h2 .fontBl{
display: block;
margin: 0 0 6px;
font-size:2.0rem;
}




/*------------
sect05s_SP
------------*/
.sect05s{
position: relative;
margin: 0 5% 35px;
padding: 70px 0 20px;
background: url(./img/dot_deco_m_sp.png) 10px 10px no-repeat #fafafa;
background-size: 68px auto;
box-shadow: 5px 5px 0px 0px #e8f528;
}
.sect05s .fontEng {
position: absolute;
top: 10px;
left: 8%;
transform: rotate(0);
font-size: 3.0rem;
}
.sect05s .ttlAera{
position: relative;
min-height: 0;
margin: 0 5% 30px;
background: #333333;
text-align: center;
}
.sect05s .ttlAera .catch{
padding: 5px 2% 5px;
background: #20a5da;
font-size:1.6rem;
color: #fff;
}
.sect05s .ttlAera .sttl{
padding: 0 5% 10px;
font-size:2.0rem;
color: #fff;
}


.sect05s .wrapBox{
padding: 0 0;
}
.sect05s h3{
padding: 0 0 10px;
font-size:2.0rem;
text-align: center;
}


.sect05s .imgArea{
margin: 0 0;
padding: 20px 5%;
background: none;
}
.sect05s .imgArea .float-img{
width: auto;
float: none;
margin: 0 0 20px;
}
.sect05s .imgArea .txtArea{
width: auto;
float: none;
}
.sect05s .txtArea .liBox{
position: relative;
padding: 10px 0 10px 30px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
line-height: 1.6;
font-weight: 700;
}
.sect05s .txtArea .liBox .fontBl{
font-size:18px;
font-size:1.8rem;
}
.sect05s .txtArea .liBox::before{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 21px;
height: 30px;
background: url(./img/denkyu.png) 0 0 no-repeat;
background-size: 21px auto;
}

.sect05s .miniBox{
margin: 0 0 20px;
background: none;
padding: 0 5%;
}

.sect05s .mini1{
padding: 20px 20px 10px;
}
.sect05s .mini1 .lineup{
display: flex;
flex-wrap: wrap;
margin: 16px 0 10px;
}
.sect05s .mini1 .lineup div{
display: flex;
align-items: center;
justify-content: center;
width: calc((100% - 8px) / 2);
margin: 0 8px 8px 0;
padding: 6px 5px;
background: #d5e14c;
font-size:1.2rem;
}
.sect05s .mini1 .lineup div:nth-child(6n){
margin: 0 0 8px;
}
.sect05s .mini1 .lineup div:nth-child(2n){
margin: 0 0 8px;
}



.sect05s .mini2 .liBox{
width: auto;
margin: 20px 0 20px;
}
.sect05s .mini2 .liBox:nth-child(2n){
margin: 0 0 20px;
}
.sect05s .mini2 .liBox .inner{
border: 4px solid #ededed;
padding: 15px 20px;
font-size:1.3rem;
}
.sect05s .mini2 h5{
position: relative;
width: 80%;
margin: 0 auto;
background: #e8f528;
padding: 6px 15%;
font-size:1.9rem;
text-align: center;
}
.sect05s .mini2 h5::before{
content: "";
position: absolute;
top: -5px;
left: 5px;
width: 32px;
height: 33px;
background: url(./img/sect051_ill.png) 0 0 no-repeat;
background-size: 32px auto;
}

.sect05s .mini2 .catch{
margin: 0 0 5px;
font-size:17px;
font-size:1.7rem;
}
.sect05s .mini2 .upper{
margin: 0 0 10px;
}
.sect05s .mini2 .fl{
width: 175px;
margin: 0 auto 10px;
float: none;
}
.sect05s .mini2 .rightArea{
width: auto;
float: none;
}
.sect05s .mini2 .upper .catch{
text-align: center;
}
.sect05s .mini2 .upper li{
position: relative;
padding: 0 0 0 12px;
line-height: 1.8;
}
.sect05s .mini2 .upper li::before {
position: absolute;
content: "";
background: #84a346;
border-radius: 50%;
width: 10px;
height: 10px;
top: 7px;
left: -1px;
}
.sect05s .mini2 p{
line-height: 1.8;
}

.sect05s .btn-web{
width: 85%;
}
.sect05s .btn-web a{
width: auto;
padding: .5em 23%;
font-size:1.5rem;
}
.sect05s .btn-web a::after {
content: "";
position: absolute;
bottom: 0;
left: 10px;
width: 54px;
height: 71px;
background: url(./img/btn_web.png) 0 0 no-repeat;
background-size: 54px auto;
}


.sect05s .mini3{
margin: 30px 5% 40px;
}
.sect05s .mini3 .ulBox{
margin: 20px 0 0;
}
.sect05s .mini3 .liBox{
width: auto;
margin: 0 0 30px;
background: #fff;
padding: 0 5% 20px;
}
.sect05s .mini3 .liBox:nth-child(3n){
margin: 0 0 20px;
}
.sect05s .mini3 .fuki{
position: relative;
top: -10px;
background: #e8f528;
margin: 0 -5px 5px;
padding: 4px 20px 6px;
border-radius: 6px;
}
.sect05s .mini3 .fuki::before {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 13px;
background: url(./img/tri4.svg) 50% 0 no-repeat;
}

.sect05s .mini3 h5{
margin: 0 0 10px;
font-size:1.8rem;
}
.sect05s .mini4{
margin: 0 5% 30px;
}
.sect05s .mini4 table {
width: 100%;
margin: 20px auto 0;
}




/*------------
sect06s_SP
------------*/
#sect06{
padding: 30px 0 60px;
}
#sect06 .areaInner{
position: relative;
background: url(./img/dot_deco_m_sp.png) 5% 0 no-repeat;
background-size: 68px auto;
}
#sect06 .fontEng {
position: absolute;
top: 0;
left: 10%;
transform: rotate(0);
font-size: 3.0rem;
}
#sect06 .ttlArea{
position: relative;
padding: 190px 5% 0;
}
#sect06 .fuki{
position: absolute;
width: 80px;
height: 80px;
padding: 16px 0 0;
font-weight: 700;
font-size:1.3rem;
line-height: 1.3;
}
#sect06 .fuki1{
top:80px;
left:5%;
background: url(./img/fuki4.png) 0 0 no-repeat;
background-size: 80px auto;
}
#sect06 .fuki2{
top:90px;
left: auto;
right: 5%;
background: url(./img/fuki2.png) 0 0 no-repeat;
background-size: 80px auto;
}

#sect06 h2{
position: relative;
width: auto;
margin: 0 auto 20px;
font-size:2.5rem;
text-align: center;
}
#sect06 h2::before{
content: "";
position: absolute;
z-index: -1;
top: -120px;
left: 0;
width: 100%;
height: 170px;
background: url(./img/sect06_ill.png) 50% 0 no-repeat;
background-size: 175px auto;
}
#sect06 h2 a{
padding: 16px 20px 18px;
background: #333333;
color: #fff;
}
#sect06 h2 a span{
display: inline-block;
padding: 0 30px;
background: url(./img/arrow_wt.svg) 100% calc(50% + 3px) no-repeat #333;
background-size: 10px auto;
}


#sect06 .sectlink{
margin: 0 5% 15px;
background: url(./img/dotline3.png) 0 0 repeat-x;
background-size: auto 1px;
}
#sect06 .sectlink dl{
display: block;
width: 100%;
padding: 16px 0;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
}
#sect06 .sectlink dt{
display: block;
width: auto;
margin: 0 0 10px;
padding: 4px 2% 6px;
background: #333;
font-size:1.7rem;
}
#sect06 .sectlink dd{
display: flex;
flex-wrap: wrap;
}
#sect06 .sectlink dd a{
display: block;
width: calc((100% - 10px) / 2);
margin: 0 10px 10px 0;
padding: 4px 0 20px;
height: auto;
}
#sect06 .sectlink dd a:nth-child(2n){
margin: 0 0 10px 0;
}
#sect06 .sectlink dd a:nth-child(1){
background: url(./img/arrow_down_wt.svg) 50% calc(100% - 10px) no-repeat #1da4db;
background-size: 12px auto;
}
#sect06 .sectlink dd a:nth-child(2){
background: url(./img/arrow_down_wt.svg) 50% calc(100% - 10px) no-repeat #26cbc5;
background-size: 12px auto;
}
#sect06 .sectlink dd a:nth-child(3){
background: url(./img/arrow_down_wt.svg) 50% calc(100% - 10px) no-repeat #26cb74;
background-size: 12px auto;
}
#sect06 .sectlink dd a:nth-child(4){
background: url(./img/arrow_down_wt.svg) 50% calc(100% - 10px) no-repeat #87cb26;
background-size: 12px auto;
}

#sect06 .wrapBox{
position: relative;
margin: 0 0;
padding: 20px 0 0;
}
#sect06 .wrapBox::before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background: #f6f9d0;
}
#sect06 .wrapBox::after{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0%;
width: 50%;
height: 100%;
background: #f6f6f6;
}
#sect06 .wrapBox .mini{
padding: 20px 0 30px;
background: url(./img/dot_deco_m_sp.png) 20px 0 no-repeat;
background-size: 68px auto;
}
#sect06 .wrapBox .miniTtl{
position: relative;
display: block;
width: 80%;
margin: 0 auto 20px;
padding: 15px 4% 15px;
color: #fff;
}

#sect06 .wrapBox h3{
display: block;
padding: 0 0 15px 23%;
width: auto;
font-size:2.2rem;
}
#sect06 .wrapBox .miniTtl p{
display: block;
width: auto;
padding: 0 2%;
}
#sect06 #sect061 .miniTtl{background: #1da4db;}
#sect06 #sect062 .miniTtl{background: #26cbc5;}
#sect06 #sect063 .miniTtl{background: #26cb74;}
#sect06 #sect064 .miniTtl{background: #87cb26;}

#sect06 .mini .miniTtl::before{
content: "";
position: absolute;
top: 0;
left: 30px;
width: 70px;
height: 100%;
}
#sect061 .miniTtl::before{
background: url(./img/01.svg) 0 16px no-repeat;
background-size: auto 30px;
}
#sect062 .miniTtl::before{
background: url(./img/02.svg) 0 16px no-repeat;
background-size: auto 30px;
}
#sect063 .miniTtl::before{
background: url(./img/03.svg) 0 16px no-repeat;
background-size: auto 30px;
}
#sect064 .miniTtl::before{
background: url(./img/04.svg) 0 16px no-repeat;
background-size: auto 30px;
}



#sect06 .leftArea{
width: 50%;
float: left;
}
#sect06 .rightArea{
width: 50%;
float: right;
}
#sect06 .box{
padding: 0 4%;
}
#sect06 .box .sttlArea{
padding: 0 0 20px;
background: url(./img/tri5.svg) 50% calc(100% - 10px) no-repeat;
background-size: 27px auto;
text-align: center;
line-height: 1.3;
}
#sect06 .box .sttlArea .sttl{
display: flex;
align-items: center;
justify-content: center;
font-size:1.6rem;
}
#sect06 .box .sttlArea .fontEng2{
display: flex;
align-items: center;
justify-content: center;
font-size:1.8rem;
margin: 0 0 10px;
}
#sect06 .box h4{
position: relative;
margin: 0 0 10px;
padding: 0 0 12px;
font-size:1.6rem;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
line-height: 1.6;
}
#sect06 .box .icon{
padding: 30px 0 12px;
}
#sect06 .box .icon::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 24px;
background: url(./img/sect06_icon.png) 50% 0 no-repeat;
background-size: auto 24px;
}
#sect06 .miniPrg{
margin: 20px 0;
}
#sect06 .miniPrg p{
font-size:1.3rem;
line-height: 2.0;
}

#sect06 .colBox{
margin: 0 0 20px;
padding: 15px 4%;
}
#sect06 .colBox .sttl{
position: relative;
padding: 0 0 0;
font-size:1.6rem;
}
#sect06 .colBox .sttl::before {
content: "";
position: absolute;
top: -34px;
left: 0;
width: 100%;
height: 30px;
background: url(./img/denkyu.png) 50% 0 no-repeat;
background-size: 21px auto;
}
#sect06 .colBox1{
background: #ffffff;
}
#sect06 .colBox2{
background: #fff;
}
#sect06 .colBox li{
position: relative;
padding: 0 0 8px 1.4em;
line-height: 1.8;
font-size:1.3rem;
}
#sect06 .colBox li::before {
position: absolute;
content: "";
background: #84a346;
border-radius: 50%;
width: 12px;
height: 12px;
top: 6px;
left: 4px;
}
#sect06 .colBox .btns{
display: block;
padding: 10px 10px;
}
#sect06 .colBox .btn-internal{
width: auto;
margin: 0 0 10px!important;
padding: 0 0 0!important;
}
#sect06 .colBox .btn-internal:nth-child(2n){
margin: 0 0 10px!important;
}
#sect06 .colBox .btn-internal a{
display: block;
width: 100%;
padding: 6px 10% 10px;
box-shadow: 4px 4px 0 0 #ededed;
font-size: 1.3rem;
letter-spacing: 0;
}
#sect06 .colBox .btn-internal a::before {
    top: 0;
    right: 8px;
    width: 22px;
    height: 100%;
    background: url(./img/arrow_wt.svg) 100% 50% no-repeat;
    background-size: 6px auto;
}
#sect06 .colBox .btn-internal a:hover{
opacity:1;
transform: translate3d(0, 0, 0);
box-shadow: 4px 4px 0 0 #ededed;
}

#sect06 .miniPrg .btn-internal{
width: 100%;
margin: 0 auto;
}
#sect06 .miniPrg .btn-internal a{
width: 100%;
font-size: 1.3rem;
letter-spacing: 0;
}
#sect06 .miniPrg .btn-internal a::before {
    top: 0;
    right: 8px;
    width: 22px;
    height: 100%;
    background: url(./img/arrow_wt.svg) 100% 50% no-repeat;
    background-size: 6px auto;
}



/*------------
sect07_SP
------------*/
#sect07{
margin: 0 0 50px;
padding: 35px 0;
background: url(./img/sect07_bg_sp.jpg) 0 0;
background-size: cover;
}
#sect07 .inner{
position: relative;
margin: 0 5%;
min-height: 0;
background: rgba(255,255,255,.8);
padding: 10px 0 10px;
}
#sect07 .flame{
position: static;
width: auto;
padding: 0 5%;
margin: 0 10% 10px;
}
#sect07 h2{
margin: 0 5% 20px 3%;
font-size:1.9rem;
line-height: 1.6;
}
#sect07 p{
margin: 0 5% 20px;
}
#sect07 .btn-internal{
margin: 0 0 0;
padding: 0!important;
}
#sect07 .btn-internal a{
width: auto;
}


/*------------
sect08_SP
------------*/
#sect08{
padding: 0 0 30px;
}
#sect08 .ulBox{
padding: 0 0;
margin: 0 5% 20px;
}

#sect08 .btn-internal a{
width: auto;
color: #333;
background: url(./img/dotbg.png) 0 0 repeat;
background-size: 9px auto;
border: 1px solid #333;
box-shadow: none;
}
#sect08 .btn-internal a::before {
content: "";
position: absolute;
top: 0;
right: 16px;
width: 19px;
height: 100%;
background: url(./img/plus.svg) 100% 48% no-repeat;
background-size: 19px auto;
}
#sect08 .btn-internal a.boxclose::before {
background: url(./img/minus.svg) 100% 48% no-repeat;
background-size: 19px auto;
}
#sect08 .btn-internal a:hover{
opacity: .7;
transform: translate3d(0, 0, 0);
}




/*------------
sect09_SP
------------*/
#sect09 {
padding: 0 0 30px;
}
#sect09 .areaInner{
position: relative;
padding: 25px 0 40px;
background: #f6f6f6;
}
#sect09 .areaInner::before{
width: 0;
height: 0;
background: none;
border: none;
}
#sect09 .areaInner::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect09 .ulBox{
padding: 0 5%;
}
#sect09 .liBox{
width: auto;
margin: 0 0 20px;
padding: 20px 20px;
background: #fff;
box-shadow: 5px 5px 0px 0px #e8f528;
}
#sect09 .liBox::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect09 .liBox:nth-child(2n){
margin: 0 0 0;
}
#sect09 .liBox:nth-child(2n)::before{
width: 0;
height: 0;
background: none;
border: none;
}

#sect09 .liBox h3{
margin: 0 0 6px 0;
padding: 12px 0 24px 6%;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:1.8rem;
}
#sect09 .liBox h3 a{
padding: 0 5% 0 0;
background: url(./img/arrow_bk.svg) 98% calc(50% + 5px) no-repeat;
background-size: 7px auto;
}
#sect09 .liBox p{
padding: 0 0;
line-height: 2.0;
}




/*------------
sect10_SP
------------*/
#sect10{
padding: 0 0 30px;
}
#sect10 .ulBox{
padding: 0 5%;
}
#sect10 .liBox{
width: auto;
margin: 35px 0 35px 0;
border: 4px solid #ededed;
padding: 20px 5% 30px;
}
#sect10 .liBox:nth-child(2n){
margin: 30px 0 30px 0;
}
#sect10 .liBox::before{
content: "";
position: absolute;
top: -30px;
left: 26px;
width: 59px;
height: 59px;
}
#sect10 .liBox:nth-child(1)::before{
background: url(./img/sect10_icon01.png) 0 0 no-repeat;
background-size: 59px auto;
}
#sect10 .liBox:nth-child(2)::before{
background: url(./img/sect10_icon02.png) 0 0 no-repeat;
background-size: 59px auto;
}
#sect10 .liBox:nth-child(3)::before{
background: url(./img/sect10_icon03.png) 0 0 no-repeat;
background-size: 59px auto;
}
#sect10 .liBox:nth-child(4)::before{
background: url(./img/sect10_icon04.png) 0 0 no-repeat;
background-size: 59px auto;
}


#sect10 .liBox h3{
margin: 0 0 10px;
background: url(./img/dotline3.png) 0 100% repeat-x;
background-size: auto 1px;
font-size:1.8rem;
}
#sect10 .liBox h3 a{
padding: 18px 30px 18px 0;
background: url(./img/arrow_bk.svg) 99% calc(50% + 2px) no-repeat;
background-size: 7px auto;
}


/*------------
sect11_SP
------------*/
#sect11 .areaInner{
position: relative;
padding: 25px 0 40px;
background: #f6f6f6;
}
#sect11 .areaInner::before{
width: 0;
height: 0;
background: none;
border: none;
}
#sect11 .areaInner::after{
width: 0;
height: 0;
background: none;
border: none;
}
#sect11 .sectHead{
position: relative;
margin: 0 3% 200px;
}
#sect11 .sectHead::before{
content: "";
position: absolute;
top: 70px;
right: auto;
left: calc(50% - 118px);
width: 235px;
height: 200px;
background: url(./img/sect11_ill.png) 0 0 no-repeat;
background-size: 235px auto;
}
#sect11 .intro{
margin: 0 0 0 0;
}

#sect11 .ulBox{
padding: 20px 5%;
}
#sect11 .ulBox::before {
content: "";
position: absolute;
bottom: -50px;
right: 30px;
width: 118px;
height: 76px;
background: url(./img/matome_ill.png) 0 0 no-repeat;
background-size: 118px auto;
}
#sect11 .liBox{
background: #fff;
width: auto;
margin: 0 0 40px 0;
box-shadow: 5px 5px 0px 0px #e8f528;
padding: 28px 5% 20px;
}
#sect11 .liBox:nth-child(2n){
margin: 0 0 40px 0;
}
#sect11 .liBox::before{
content: "";
position: absolute;
top: -20px;
left: 24px;
width: 45px;
height: 45px;
background: url(./img/sect11_icon.png) 0 0 no-repeat;
background-size: 45px auto;
}

#sect11 .liBox h3{
padding: 0 90px 0 0;
line-height: 1.6;
font-size:1.8rem;
}
#sect11 .liBox .more{
position: absolute;
bottom: 20px;
right: 5%;
width: 70px;
background: url(./img/arrow_bk.svg) 95% 50% no-repeat;
background-size: 5px auto;
border: 1px solid #333;
padding: 2px 2% 6px;
border-radius:5px;
font-size:1.3rem;
}



/*  End_SP */

}