@charset "UTF-8";
/* CSS Document */
#container{padding-bottom: 10em;}
#main{
	margin-bottom: 5em;
}
#main img{
	width: 100%;
	height: auto;
}

.border{position: relative;}
.border > *{position: relative;z-index: 1;}
.border::before{
	content: '';
	display: block;
	width: 100%;
	height: 0.65em;
	position: absolute;
	bottom:0;
	left:0;
	background: #fff2a0;
	z-index: 0;
}
.bg_bl{
	background: #c5e3e7;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.bg_bl2{
	background: #e5f5f9;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.bg_bl3{
	background: #c5e3e7;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.bg_w{
	background: #FFF;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.bg_y{
	background: #fff2a0;
	mix-blend-mode: multiply;
}
section{margin-bottom: 6em;}
section > .inner{
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
}
#bloc01 h2{
	text-align: center;
	margin-bottom: 5em;
}
#bloc01 h3{
	text-align: center;
	font-size: 0.27rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-bottom: 1em;
}
#bloc01 h3 .fl{
	font-size: 0.44rem;
	display: inline-block;
	position: relative;
	top:0.1em;
}
#bloc01 .ph_en{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
#bloc01 .ph_en img{
	width: 100%;
	height: auto;
}
#bloc01 .box{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	padding: 2em 50px 2em 40px;
	margin-bottom: 3em;
}
#bloc01 .box .ph_en{
	width: 142px;
	height: 142px;
}
#bloc01 .box .txt{
	width: calc(100% - 142px);
	padding-left: 3em;
	font-size: 0.16rem;
	font-weight: 600;
	line-height: 2;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	letter-spacing: 0.05em;
}
#bloc01 .txtList{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 8em;
}
#bloc01 .txtList li{
	width: 405px;
	padding: 2em 3.5em 2em;
}
#bloc01 .txtList li:nth-child(n+2){
	margin-left: 25px;
}
#bloc01 .txtList li .num{
	text-align: center;
	margin-bottom: 1.5em;
}
#bloc01 .txtList li h4{
	text-align: center;
	font-size: 0.21rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
#bloc01 .txtList li .ph_en{
	width: 125px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
#bloc01 .txtList li .txt{
	font-size: 0.14rem;
	line-height: 2;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}

#bloc01 .picList{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 35px;
}
#bloc01 .picList li{position: relative;}
#bloc01 .picList li:nth-child(n+2){
	margin-left: 15px;
}
#bloc01 .picList li .star{position: absolute;}
#bloc01 .picList li.list01 .star{
	top:0;
	left:0;
}
#bloc01 .picList li.list02 .star{
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#bloc01 .picList li.list03 .star{
	top:50%;
	right:-35px;
}




#bloc02 .bg01{
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 60px 50px 60px;
}
#bloc02 h2{
	text-align: center;
	margin-bottom: 4em;
}
#bloc02 .pic01{
	text-align: center;
	margin-bottom:4em;
}
#bloc02 .pic01 img{
	width: 100%;
	height: auto;
}

#bloc02 .list dt{
	text-align: center;
	margin-bottom: 2em;
}
#bloc02 .list dt:nth-of-type(n+2){margin-top: 6em;}
#bloc02 .list dd h3{
	text-align: center;
	margin-bottom: 2.5em;
}
#bloc02 .list dd h3 a{
	display: inline-block;
	font-size: 0.2rem;
	font-weight: 600;
	color: #fbb03b;
	letter-spacing: 0.05em;
	text-decoration: none;
	border-bottom: 2px solid #fbb03b;
	position: relative;
	left:-1em;
}
#bloc02 .list dd h3 a .arrow{
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top:50%;
	right:-2em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fbb03b;
	text-align: center;
}
#bloc02 .list dd h3 a .arrow img{
	position: relative;
	top:50%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	margin-top: -4px;
}
#bloc02 .list dd h3 a.open .arrow img{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#bloc02 .list dd h4.bg_w{
	text-align: center;
	padding: 0.75em 0;
	font-size: 0.2rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 2em;
}
#bloc02 .list dd h5{
	font-size: 0.19rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #3bb0be;
	margin-bottom: 1em;
}
#bloc02 .list dd .acc{display: none;}
#bloc02 .list dd .fbox{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
}


#bloc02 .list dd.list01 .fbox{
	padding: 25px 40px 20px 35px;
	align-items: center;
}
#bloc02 .list dd.list01 .fbox .pic02{
	width: 145px;
}
#bloc02 .list dd.list01 .fbox .pic02 img{
	width: 100%;
	height: auto;
}
#bloc02 .list dd.list01 .fbox .txtArea{
	width: calc(100% - 145px);
	padding-left: 3em;
}
#bloc02 .list dd.list01 .fbox .txtArea .txt{
	font-size: 0.15rem;
	line-height: 1.65;
	letter-spacing: 0.01em;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}


#bloc02 .list dd.list02 .bg_bl3{
	padding: 40px 60px 35px;
}
#bloc02 .list dd.list02 .bg_bl3 h5{
	text-align: center;
}
#bloc02 .list dd.list02 .bg_bl3 > *:nth-of-type(n+2){
	margin-top: 2em;
}
#bloc02 .list dd.list02 .bg_bl3 .txt{
	font-size: 0.15rem;
	line-height: 1.65;
	letter-spacing: 0.01em;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}
#bloc02 .list dd.list02 .bg_bl3 .pic03 img{
	width: 100%;
	height: auto;
}


#bloc02 .list dd.list02 .hyou01{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	position: relative;
	padding: 0 15px 15px 15px;
}
#bloc02 .list dd.list02 .hyou01::before{
	content: '';
	display: block;
	width: 100%;
	/*height: calc(100% - 100px);*/
	height: calc(100% + 20px);
	position: absolute;
	bottom:0;
	left:0;
	background: #c5e3e7;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#bloc02 .list dd.list02 .hyou01 ul{
	position: relative;
	z-index: 1;
}
#bloc02 .list dd.list02 .hyou01 ul li{
	text-align: center;
	position: relative;
}
#bloc02 .list dd.list02 .hyou01 ul li > *{
	position: relative;
	z-index: 1;
}
#bloc02 .list dd.list02 .hyou01 ul:nth-child(1){
	width: 10%;
}
#bloc02 .list dd.list02 .hyou01 ul:nth-child(2),
#bloc02 .list dd.list02 .hyou01 ul:nth-child(3){
	width: 45%;
}
#bloc02 .list dd.list02 .hyou01 ul li.list01{height: 120px;}
/*#bloc02 .list dd.list02 .hyou01 ul li.list02{height: 180px;}*/
#bloc02 .list dd.list02 .hyou01 ul li.list02{height: 240px;}
#bloc02 .list dd.list02 .hyou01 ul li.list03{height: 160px;}
#bloc02 .list dd.list02 .hyou01 ul li.list04{height: 120px;}
#bloc02 .list dd.list02 .hyou01 ul li.list05{height: 180px;}
#bloc02 .list dd.list02 .hyou01 ul li.list06{height: 260px;}

#bloc02 .list dd.list02 .hyou01 ul li:not(.list01){
	border-right: 1px solid #3bb0be;
	border-bottom: 1px solid #3bb0be;
}
#bloc02 .list dd.list02 .hyou01 ul li:last-child{border-bottom: none;}
#bloc02 .list dd.list02 .hyou01 ul:nth-child(3) li{border-right: none;}


#bloc02 .list dd.list02 .hyou01 ul.nameList li span{
	writing-mode: vertical-rl;
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0.17rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}


#bloc02 .list dd.list02 .hyou01 ul.okList li.list01 span,
#bloc02 .list dd.list02 .hyou01 ul.noList li.list01 span{
	display: block;
	text-align: center;
	font-size: 0.17rem;
	font-weight: 600;
	margin-bottom: 0.5em;
}
#bloc02 .list dd.list02 .hyou01 ul.okList li.list01 img,
#bloc02 .list dd.list02 .hyou01 ul.noList li.list01 img{
	width: 40px;
	height: auto;
}
#bloc02 .list dd.list02 .hyou01 ul.okList li::before{
	content: '';
	display: block;
	width: calc(100% - 20px);
	height: 100%;
	position: absolute;
	top:0;
	left:10px;
	background: #FFF;
	z-index: 0;
}

#bloc02 .list dd.list02 .hyou01 ul.okList li,
#bloc02 .list dd.list02 .hyou01 ul.noList li{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#bloc02 .list dd.list02 .hyou01 ul.okList li h6,
#bloc02 .list dd.list02 .hyou01 ul.noList li h6{
	text-align: center;
	font-weight: 700;
	font-size: 0.17rem;
	margin-bottom: 1em;
}
#bloc02 .list dd.list02 .hyou01 ul.okList li.list02 .pic img,
#bloc02 .list dd.list02 .hyou01 ul.noList li.list02 .pic img{height: 105px;width: auto;}
#bloc02 .list dd.list02 .hyou01 ul.okList li.list06 .pic img{height: 135px;width: auto;}
#bloc02 .list dd.list02 .hyou01 ul.noList li.list06 .pic img{height: 160px;width: auto;}
#bloc02 .list dd.list02 .hyou01 ul.okList li .txt,
#bloc02 .list dd.list02 .hyou01 ul.noList li .txt{
	text-align: center;
	font-size: 0.15rem;
	line-height: 1.5;
}
#bloc02 .list dd.list02 .hyou01 ul li.list02 .txt{margin-top: 1.5em;}
#bloc02 .list dd.list02 .hyou01 ul li.list02 .txt img {vertical-align: middle; margin-right: 8px;}
#bloc02 .list dd.list02 .hyou01 ul.okList li.list02 .txt img{width: 35px;height: auto;}
#bloc02 .list dd.list02 .hyou01 ul.noList li.list02 .txt img{width: 30px;height: auto;}


#bloc02 .list dd.list02 .txt01{
	font-size: 0.16rem;
	font-weight: 700;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
	margin-top: 1em;
	margin-left: 0.5em;
}



#bloc03{
	margin-bottom: 0;
}
#bloc03 h2{
	text-align: center;
	background: #00B2C0;
	margin-bottom: 5em;
}
#bloc03 h2 img{
	max-width: 960px;
	width: 100%;
	height: auto;
}

#bloc03 .copy01{
	text-align: center;
	margin-bottom: 3em;
}
#bloc03 .hyou{
	padding: 15px 20px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
#bloc03 .hyou li{
	width: 50%;
	text-align: center;
	font-size: 0.19rem;
	line-height: 1.5;
	padding: 0.65em 0 0.5em;
}
#bloc03 .hyou li:nth-child(odd){border-right: 1px solid #3bb0be;}
#bloc03 .hyou li:not(:nth-last-child(-n+2)){border-bottom: 2px dotted #3bb0be;}
#bloc03 .hyou li:nth-child(-n+2){
	border-bottom: 1px solid #3bb0be;
	font-size: .2rem;
	font-weight: 600;
	color: #3bb0be;
}

#bloc03 .txt01{
	font-size: 0.16rem;
	font-weight: 700;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
	margin-top: 1em;
	margin-left: 0.5em;
	margin-bottom: 7em;
}


#bloc03 #download .pic{margin-bottom: 5em;}
#bloc03 #download .pic img{
	width: 100%;
	height: auto;
}
#bloc03 #download .dlList{
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5em;
}
#bloc03 #download .dlList li{
	width: calc(50% - 10px);
	padding: 25px 30px 25px;
	-js-display: flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#bloc03 #download .dlList li.list01{background: #f9cdd6;}
#bloc03 #download .dlList li.list02{background: #c4e3d2;}

#bloc03 #download .dlList li .dlbg{
	width: 170px;
	height: 370px;
	background: #FFF;
	margin-right: 20px;
}
#bloc03 #download .dlList li .dlbg img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#bloc03 #download .dlList li .bt_dl{
	width: 155px;
}
#bloc03 #download .dlList li .bt_dl a{
	width: 100%;
	height: 60px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: block;
	position: relative;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 0.15rem;
	font-weight: 600;
}
#bloc03 #download .dlList li.list01 .bt_dl a{background: #eb6c87;}
#bloc03 #download .dlList li.list02 .bt_dl a{background: #37bac4;}
#bloc03 #download .dlList li .bt_dl a span{
	padding-bottom: 25px;
	background: url(../img/icon_download.svg) no-repeat bottom center;
}

#bloc03 .txt02{
	text-align: center;
	font-size: 0.25rem;
	font-weight: 600;
	line-height: 1.75;
}
#btOfficial{
	margin-top: 5em;
	text-align: center;
	padding: 0 20px;
}
#btOfficial a img{
	max-width: 565px;
	width: 100%;
	height: auto;
}