@charset "UTF-8";

.more01.w80{width: 84vw;}

/* 共通
----------------------------------------------- */
.intro{position: relative;margin-bottom: 14vw;}
.intro img{width: 100%;margin-bottom: 10vw;}
.intro .batch{font-family: goldenbook;font-weight: 400;font-size: 24vw;color: #f2f7fa;position: absolute;top: 65vw;right: 3vw;z-index: -1;}
.intro .ttl{font-size: 5vw;font-weight: 600;font-family: var(--mincho);margin-bottom: 2vw;}

.intro li{margin-bottom: 3vw;padding-bottom: 3vw;border-bottom: 1px dashed #d1d1d1;text-indent: -1.2em;padding-left: 1.2em;line-height: 1.4;font-weight: bold;}
.intro li:last-child{border-bottom: none;margin-bottom: 0; padding-bottom: 0;}
.intro li:before {font-family:icon;content: "\f058";color: var(--naby);margin-right: 4px;}

.att-box li{margin-bottom: 3vw;padding-bottom: 3vw;text-indent: -1.2em;padding-left: 1.2em;line-height: 1.4;font-weight: bold;border-bottom: 1px dashed #d1d1d1;}
.att-box li:last-child{border-bottom: none;margin-bottom: 0; padding-bottom: 0;}
.att-box li:before {content: "※";margin-right: 4px;}

.intro-check{ background: var(--bluebg);padding: 4vw;}
.intro-check .read{ font-size: 4.6vw;color: var(--naby);font-weight: bold;line-height: 1.2; margin-bottom: 4vw;}

.recommend{position: relative;padding: 0% 5% 5%;border: 2px solid var(--naby);}
.recommend .ttl{padding: 1% 5%;background: var(--naby);color: #fff;width: auto;display: table;position: relative;top: -4vw;font-size: 4.4vw;margin: 0 auto;font-weight: bold;}
.recommend .type01 li,.recommend .type02 li{margin-bottom: 2vw;padding-bottom: 3vw;border-bottom: 1px dashed #d1d1d1;text-indent: -1.4em;padding-left: 1.4em;line-height: 1.4;}
.recommend .type01 li:before,.recommend .type02 li:before {font-family:icon;content: '\e900';color: var(--blue);border-radius: 6px;margin-right: 4px;}
.recommend .type01 li:last-child,.recommend .type02 li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.recommend .type01 li b,.recommend .type02 li b{color: var(--naby);font-size: 120%;}

.cause{margin-bottom: 10vw;}
.cause li img{width: 100%;}
.cause li{margin-bottom: 4vw;background: var(--bluebg);padding: 4vw;border-top: 2px solid var(--blue);position: relative;z-index: 1;}
.cause li span{display: block;color: var(--blue);font-size: 4.2vw;font-weight: bold;margin-bottom: 1vw;}
.cause li span::before{content: "◆";color: #9cd2f1;font-size: 88%;margin-right: 5px;}
.cause li small{font-family: goldenbook;font-weight: 400;font-size: 19vw;color: #ffffff;position: absolute;top: -7vw;right: 3vw;display: block;z-index: -1;}

.cause .list{padding-left: 0em;text-indent: 0em;margin-top: 3vw;}
.cause .list span{display: inline-block;width: 100%; margin-bottom: 2vw;padding-bottom: 3vw;border-bottom: 1px dashed #d1d1d1;text-indent: -1.4em;padding-left: 1.4em;line-height: 1.4;}
.cause .list span:before{font-family:icon;content: '\e900';color: var(--blue);border-radius: 6px;margin-right: 4px;}

.cause .more01{width: 100%;margin: 4vw auto 0;}

.flex img{width: 100%;margin-bottom: 6vw;}
.flex .read{font-size: 4.6vw;line-height: 1.6;margin-bottom: 2vw;color: var(--naby);font-weight: bold;}
.flex p:last-child{margin-bottom: 0;}

.flex li{margin-bottom: 3vw;padding-bottom: 3vw;border-bottom: 1px dashed #d1d1d1;text-indent: -1.2em;padding-left: 1.2em;line-height: 1.4;font-weight: bold;}
.flex li:last-child{border-bottom: none;margin-bottom: 0;}
.flex li:before {font-family:icon;content: "\f058";color: var(--naby);margin-right: 4px;}
.flex li .list{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;padding-left: 0em;text-indent: 0em;margin-top: 3vw;}
.flex li .list span{padding: 0% 2%;border-radius: 20px;/* border: 1px solid #ddd; */font-size: 3.2vw;/* display: inline-block; */margin: 0 1vw 1vw 0;/* width: auto; */line-height: 2;background: #f4f4f4;display: block;}

.tbl {width:100%;margin: 0 auto 6%;position:relative;}
.tbl th,.tbl td {padding: 3% 0;vertical-align:middle;border-bottom: 1px solid #e3e5eb;line-height: 1.5;letter-spacing: 0.02em;text-align: justify;}
.tbl th {text-align:center;color: #555;border-bottom: 2px solid #fff;background: #ebf1f5;font-weight: 600;}
.tbl td {padding: 3%;}
.tbl tr:last-child td {border-bottom: none;}
.tbl td li{text-indent: -0.6em;padding-left: 1em;margin-bottom: 2vw;}
.tbl td li:last-child{margin-bottom: 0;}
.tbl td p{margin-bottom: 2vw;line-height: 1.6;}
.tbl td p:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.tbl td p span{font-weight: bold;}
.tbl thead tr th:nth-child(1){ border-right: 1px solid #fff;}
.tbl thead tr th {vertical-align:middle;line-height:1.2;padding: 3%;text-align: center;font-size: 3.6vw;background: #858991;color: #fff;font-weight: 500;}

.flow{margin: 0 auto 10vw;}
.flow dl{margin-bottom: 6vw;background: var(--bluebg);padding: 4vw;border-top: 2px solid var(--blue);position: relative;}
.flow dt{display: block;color: var(--blue);font-size: 4.2vw;font-weight: bold;}
.flow dt span{font-family: 'futura-pt';font-weight: 400;display: inline-block;padding: 1.2vw 4vw;margin-right: 2vw;background: var(--blue);color: #fff;line-height: 1;border-radius: 30px;font-size: 3.4vw;position: relative;top: -2px;}
.flow dd{margin-top: 2vw;}
.flow dl:after{content: "";width: 0;height: 0;border-style: solid;border-right: 14px solid transparent;border-left: 14px solid transparent;border-top: 14px solid #a6d3ee;border-bottom: 0;position: absolute;bottom: -3vw;left: 0;right: 0;margin: auto;}
.flow dl:last-child:after{content: none;margin-bottom: 0;}

.flex .more01{margin:4vw 0 0; }


.point{margin-bottom: 10vw;}
.point-box{margin-bottom: 4vw;background: var(--bluebg);padding: 4vw;position: relative;z-index: 1;}
.point-box li{margin-bottom: 3vw;padding-bottom: 3vw;border-bottom: 1px dashed #d1d1d1;text-indent: -1.2em;padding-left: 1.2em;line-height: 1.4;font-weight: bold;}
.point-box li:last-child{border-bottom: none;margin-bottom: 0;}
.point-box li:before {font-family:icon;content: "\f058";color: var(--naby);margin-right: 4px;}
.point p{ display: block;color: var(--blue);font-size: 4.2vw;font-weight: bold;margin-bottom: 3vw;}
.point p:before{content: "◆";color: #9cd2f1;font-size: 88%;margin-right: 5px;}


.type03{ width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.type03 li {width: 100%;margin: 0 auto 2vw;}
.type03 li a{  width: 100%;padding: 5vw 0;color: #fff;font-size: 3.6vw;font-weight: bold;text-align: center;background: #424343 url(../../images/arrow.png) no-repeat center right 5vw;background-size: 3.5vw;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;position: relative;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

.more01.w80{width: 400px;}

.menu-wrapper{overflow: visible;}

.intro{margin-bottom: 100px;display: -webkit-flex;display: flex;-webkit-align-items: flex-start;align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.intro img{width: min(50%,590px);order: 2;margin: 0 0 0 3vw;position: sticky;top: 80px;}
.intro .text{padding-top: 50px;}
.intro .batch{font-size: 140px;z-index: -1;top: -100px;right: auto;left: 40px;}
.intro .ttl{font-size: 28px;margin-bottom: 14px;}

.intro ul{margin-bottom: 18px;}
.intro li{margin-bottom: 12px;padding-bottom: 12px;font-size: 15px;}
.intro li:before {font-family:icon;content: "\f058";color: var(--naby);margin-right: 4px;}
	

.att-box li{margin-bottom: 14px;padding-bottom: 14px;}
.att-box li:before {margin-right: 4px;}

.intro-check{ padding: 30px;}
.intro-check ul{margin-bottom: 0;}
.intro-check .read{ font-size: 16px; margin-bottom:20px;}

	
.recommend{padding: 10px 36px 30px;}
.recommend .ttl{padding: 4px 18px;top: -33px;font-size: 20px;}
.recommend .type01 {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;padding: 0;gap: 0 20px;}
.recommend .type01 li{width: calc((100% - 40px) / 3);margin-bottom: 14px;padding-bottom: 15px;}
.recommend .type01 li:last-child{border-bottom: 1px dashed #d1d1d1;margin-bottom: 10px;padding-bottom: 10px;}

.recommend .type02{width: 100%;padding: 0;gap: 0 20px;}
.recommend .type02 li{width: 100%;margin-bottom: 14px;padding-bottom: 15px;}
.recommend .type02 li:last-child{border-bottom: 1px dashed #d1d1d1;margin-bottom: 10px;padding-bottom: 10px;}
	
.cause{margin-bottom: 80px;}
.cause ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.cause li{margin-bottom: 30px;padding: 26px;width: 49%;}
.cause li span{font-size: 22px;margin-bottom: 6px;}
.cause li small{font-size: 100px;top: -40px;right: 10px;}
.cause li.w100{width: 100%;}

.cause .list{	display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding-left: 0em;text-indent: 0em;margin-top: 10px;}
.cause .list span{width: 48%; margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #d1d1d1;}
.cause .list span:before{margin-right: 4px;}
	
.cause .more01{width: 80%;margin:20px 0 0;}
	
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.flex img{width: min(44%, 400px);margin: 0 0 0 3vw;order: 2;}
.flex .text{width: 100%;}
.flex .read{font-size: 22px;margin-bottom: 20px;}
.flex .read span{font-weight: 300;font-size: 70%;}

.flex li{margin-bottom: 16px;padding-bottom: 16px;}
.flex li:before {font-family:icon;content: "\f058";color: var(--naby);margin-right: 4px;}
.flex li .list{margin-top: 20px;}
.flex li .list span{padding: 0 10px;font-size: 14px;margin: 0 6px 8px 0;}

.tbl {margin: 0 auto 40px;}
.tbl th,.tbl td {padding: 16px 20px;}
.tbl th {width: 24%;}
.tbl td {padding: 16px;}
.tbl td li{margin-bottom: 5px;}
.tbl td p{margin-bottom: 12px;font-size: 14px;}
.tbl td p:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.tbl thead tr th {padding: 12px;font-size: 16px;}


.flow{margin: 0 auto 60px;}
.flow dl{margin-bottom: 30px;padding: 30px;}
.flow dt{font-size: 24px;}
.flow dt span{padding: 4px 20px;margin-right: 10px;font-size: 15px;}
.flow dd{margin-top: 10px;}
.flow dl:after{bottom: -13px;left: 0;right: 0;margin: auto;}

.flex .more01{margin:10px 0 0; }
	
.point{margin-bottom: 100px;}
.point-box{margin-bottom: 30px;padding: 26px;}
.point-box li{margin-bottom: 16px;padding-bottom: 16px;}
.point p{font-size: 22px;margin-bottom: 20px;}

.type03{ width: 100%;}
.type03 li {width:49%;margin: 0 auto 10px;}
.type03 li a{ width: 100%; padding: 14px 0; font-size: 16px; background-position: center right 20px; background-size: 14px;}
}