@charset "Shift_JIS";

/**
.pc { display: none;}
.sp { display: block;}
/**/

#contents_inr {
	width: 100%;
}


#main {
	height: auto;
	margin: 0 auto 0;
	max-width: 1280px;
	min-width: 960px;
	width: 100%;
}

.iconbox {position: relative;}
.iconbox p {
    position: absolute;
    top: 1rem;
    width: 20%;
    right: -1rem;
}

#c01,#c01 figure {
	width: 100%;
	margin: 0 auto;
}
#c01 img{
	width: 100%;
}

#c02 {
    width: 100%;
    max-width: 1280px;
    margin: min(14vw,14rem) auto 0;
}
#c02 .item01 {
    max-width: 1130px;
    margin-bottom: min(13vw,5.5rem);
}
#c02 > p {
    padding-bottom: min(10vw,8.5rem);
}

#c02 figure.iconbox {
    position: relative;
}
#c02 figure.iconbox p {
    position: absolute;
    width: 20%;
    top: -2rem;
    right: 0;
}
#c02 figcaption {
    bottom: 6%;
}
#c03 {
    width: 100%;
    max-width: 1280px;
    margin: min(14vw,12.9rem) auto 0;
    border-right: 10px solid #B0C3DE;
    border-bottom: 10px solid #B0C3DE;
}

#c03 .box {
    max-width: 1100px;
    margin: 0 auto;
}
#c03 .item01 {
    max-width: 350px;
    margin: 0 auto min(10vw,5.1rem);
}
#c03 .item02 {
    padding-bottom: min(12vw,4rem);
}
#c03 .item03 {
    width: 101.3%;
}
#c03 .item03.sec03,#c03 .item03.sec05 {
   margin-left: -1.5%;
}

#c03 .item03.sec05 .iconbox {width: 49%;}

#c03 .item03 figure,#c03 .item03 p {
    max-width: 1100px;
}
#c03 .item03 .iconbox p {
    top: 1rem;
    width: 20%;
    right: 0;
}
#c03 .item03.sec03 .iconbox p {
    top: 1rem;
    width: 20%;
    left: 0;
}
#c03 .item03 .iconbox p.left {
    top: 1rem;
    width: 20%;
    left: 0;
}

#c03 .item03 .iconbox p.leftx2 {
    top: min(17vw,12.5rem);
    width: 39%;
    left: 2px;
}

#c03 .item03.sec05 {
    display: flex;
    justify-content: space-between;
}
#c03 .item03.sec05 figure {
    width: 97%;
    max-width: 529px;
    margin-left: 14px;
}
#c03 .item03.sec05 .iconbox p {
    top: min(17vw,12rem);
    width: 40%;
    left: 0;
}
#c03 p {
    padding-bottom: min(8vw,3.8rem);
}

#c03 .sec03 {margin-bottom: .1rem;}
#c03 .sec06 {margin-bottom: min(4vw,10rem);}
#c03 .sec07 {margin-bottom: min(4vw,2.7rem);}

#c03 .sec01 figure {
    margin-bottom: min(3vw,4rem)!important;
}
#c03 .sec02 figure {
    margin-bottom: min(10vw,4rem)!important;
}
#c03 .sec03 figure {
    margin-bottom: min(10vw,4rem)!important;
    margin-left: 14px;
}
#c03 .sec04 figure {
    margin-bottom: min(10vw,4rem)!important;
}
#c03 .sec05 figure {
    margin-bottom: min(10vw,4rem)!important;
}
#c03 .sec06 figure {
    margin-bottom: min(10vw,4rem)!important;
}

.img_fr {float: right;}


#c04 {
    max-width: 1280px;
    margin: min(14vw,14rem) auto 0;
}
#c04 .box {
    max-width: 1280px;
    margin: 0 auto;
}

#c04 .item01 {
    max-width: 350px;
    margin: 0 auto min(10vw,5.1rem);
}
#c04 .item02 {
    padding-bottom: min(7vw,2.6rem);
}

#c04 .item03 {
    position: relative;
}
#c04 figure {
    margin-bottom: min(7vw,2.9rem)!important;
}
#c04 .item03 p:first-of-type {
    max-width: 400px;
    padding-bottom: .5rem;
}
#c04 .item03 p:last-of-type {
    max-width: 750px;
    padding-bottom: min(7vw,3rem);
}

#c05 {
    width: 100%;
    max-width: 1280px;
    margin: min(14vw,14rem) auto 0;
    border-right: 10px solid #B0C3DE;
    border-bottom: 10px solid #B0C3DE;
}
#c05 .box {
    max-width: 1100px;
    margin: 0 auto;
}

#c05 .item01 {
    max-width: 350px;
    margin: 0 auto min(10vw,5.1rem);
}
#c05 .item02 {
    padding-bottom: min(7vw,4rem);
}
#c05 p {
    padding-bottom: min(6vw,5.9rem);
}
#c05 figure {
    margin-bottom: min(7vw,2.9rem)!important;
}
#contents #contents_wrap #caption {
	width: 1300px;
}

.tab-contents,.tab-inner {
  display: none;
}
 
.tab-contents p, .tab-inner p {
    margin-bottom: min(10vw,4rem);
}

/*縲€繝壹�繧ｸ蜀�Μ繝ｳ繧ｯ繧ｿ繝悶€€
------------------------------*/

.tab {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    margin: min(7vw,5rem) auto 2.5vw;
}

.tablist {
    cursor: pointer;
    width: calc(100% /5);
    margin-bottom: 0.5rem;
    opacity: .5;
    padding-right: -5px;
    border-right: 17px solid #fff;
}
.tablist:last-of-type {border-right:0;}
.tablist.active, .tablist:hover {
    opacity: 1;
}

.tabcontents {
  margin-bottom: 4rem;
}

#TOP {
    margin-top: -300px;
    padding-top: 300px;
}

#contents .inner figure.tham1 {
    margin-bottom: min(6vw,4rem);  
}

#c03 p.reqbox {
    padding-bottom: min(8vw,5.5rem);
}

.box01 {
    width: 116.5%;
    margin-left: -8.2%!important;
    max-width: 1280px;
}

p.line {
    padding-bottom: min(8vw,4rem);
}
.cap_pnti {display: none;}
/**************************************************************************************/
/**************************************************************************************/
/* w1400 Site*/
/**************************************************************************************/
/**************************************************************************************/

@media screen and (max-width: 1300px) {
#pankuzu ul {
	margin-left: auto;
    /*width: 31.875vw;*/
    margin-right: auto;
}
#contents_inr {width: 100%;}
#contents #contents_inr {
    width: 98%;
    padding: 0 1%;
}
#c03 .box {
    width: 97%;
    margin: 0 auto;
}
.iconbox figure {width: 99%;}
    
.box01 {
    width: 100%;
    margin-left: 0%!important;
}
#c03 .sec02 figure {
    width: 98.7%;
}
#c03 .sec03 figure {
    margin-left: 1vw;
}
#c03 .item03.sec05 figure {
    margin-left: 1.3vw;
}    
}

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


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


.ctxt_catch sup {
	font-size: 65%;
	top: 0.3em;
	margin-left: -0.9em;
	/*margin-right: -0.3em;*/
}


/******************************************************/
#contents #contents_inr {
    width: 94%;
    padding: 0 1%;
} 

#main {
	margin: 0 auto 0;
	max-width: initial;
	max-width: auto;
	min-width: initial;
	min-width: auto;
	width: 100%;
}

.sec03,.sec04,.sec05 {
    margin-bottom: -2rem!important;
}    
    
#c01 {
    width: 100%;
    margin: 0 auto 4rem;
}

#c02 .item01 {width: 80%;}
#c02 .item02 {
    position: relative;
    margin: 0;
    overflow: hidden;
    width: 100%;
}    
#c02 figcaption {
    bottom: 9%;
}  
#c02,#c03,#c04,#c05 {width: 100%;}
#c02,#c03 {margin: 0 auto 6rem;}
#c04 {margin: 0 auto;}
#c03 {
    border-right: 6px solid #B0C3DE;
    border-bottom: 6px solid #B0C3DE;
}    
    
#c03 .item01,#c04 .item01,#c05 .item01 {width: 50%;}
#c03 .sec02 figure {
    margin-bottom: 2vw!important;
}      
#c03 .item03.sec05 {
    flex-wrap: wrap;
    width: 102.5%;
}
#c03 .item03.sec05 figure {
    /*width: 98.2%;*/
    margin: auto auto auto 0;
}   
    
#c03 .item03 .iconbox p {
    width: 53%;
    right: -1.8vw;
}  
    
#c03 .item03.sec01 .iconbox p {top: 74vw;}   
#c03 .item03.sec02 .iconbox p {top: 84vw;}
#c03 .item03.sec03 .iconbox p {
    top: 74vw;
    width: 53%;
    left: auto;
    right: -1.7vw;
}
#c03 .item03.sec04 .iconbox p {top: 64vw; right: -1.7vw;}
#c03 .item03.sec05 .iconbox {width: 98%;}
#c03 .item03.sec05 .iconbox p.leftx2 {
    top: 53vw;
    width: 53%;
    left: auto;
    right: -2.5%;
} 
    
#c03 .item03 figure, #c03 .item03 p {
    max-width: 98%;
    margin-left: 0;
}  
#c03 .item03.sec03, #c03 .item03.sec05 {
    margin-left: 0;
}
#c03 .item03.sec03 figure {
    max-width: none;
    width: 98%;
}
#c03 .item03.sec04 figure {
    max-width: none;
    width: 98%;
} 
#c03 .item03.sec05 figure {
    max-width: none;
    width: 98%!important;
}  
#c03 .item03.sec05 .iconbox p {
    top: 58vw;
    width: 50%;
    left: auto;
    right: -1.7vw;
} 
    
#c04 figure {margin-bottom: 0!important;}    
.img_fr {float: left;}    
    
#contents #contents_wrap #caption {width: 100%;}

.icon01 {top:8px!important;}
.icon02 {top:12vw!important;}
.icon03 {top:8px!important;}
.icon04 {top:8px!important;}
.icon05 {top:8px!important;}
.icon06 {top:9px!important;}    
    
/*讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ*/
.slidearia {
    display: flex;
}    
.slidearia img {
    width: 200%!important;
}
.sidescroll {
    top: 16vh;
    left: 30%;
    width: 30%;
    max-width: 200px;
}     
.cap_pnti {
    display: block;
    font-size: 3vw;
    padding-bottom: .1rem!important;
}
    
/*tab*/
.tab {
    flex-wrap: wrap;
    justify-content: center;
}

.tablist {
    cursor: pointer;
    width: 45%;
    margin-bottom: 0.5rem;
    opacity: .5;
    padding-right: 0;
    border-right: none;
    margin: 0 .5rem 1rem;
}
    
p.line {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem!important;
}    
}

@media screen and (max-width: 460px) {
#c03 .box, #c04 .box, #c05 .box {margin: 0;}
}

/*add 230208*/
#caption.cap_loc01 {display: block;}