@charset "utf-8";

.contents{
	background: url("../img/common/bg01.png") center top;
	background-size: 96px 96px;
}

.kv{
	position: relative;
	font-size: 0;
}
.kv-wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.kv-text{
  font-weight: 700;
}

@media screen and (max-width: 768px) {
	.contents{
		background-size: 25.6vw;
	}
	.kv-wrap{
		width: 87.467%;
		margin-top: 11.733%;
	}
	.kv-catch{
		width: 67.835%;
		margin-bottom: 4.573%;
	}
	.kv-text{
		font-size: 3.627vw;
		line-height: 1.869;
	}
}
@media screen and (min-width: 769px) {
	.kv-wrap{
		width: 71.742%;
		margin-top: 5.564%;
	}
	.kv-catch{
		width: 34.388%;
		margin-bottom: 2.041%
	}
	.kv-text{
		font-size: 1.318vw;
		line-height: 2.137;
	}
}

.about-wrap{
	background: url("../img/common/bg03.png") center;
	background-size: 96px 96px;
	padding: 18px 0;
	font-size: 1.9rem;
  font-weight: 700;
	color: #fff;
	line-height: 1.867;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.about-wrap{
		background-size: 25.6vw;
		padding: 4.8% 0 5.6%;
		font-size: 3.733vw;
		line-height: 1.738;
	}
}

.howto-wrap{
	padding: 90px 0 154px;
}
.howto-wrap .btn-list a{
	display: block;
	background: url("../img/index/btn_list_base_pc.png") no-repeat center;
	width: 810px;
	padding: 24px 0 32px;
	margin: 0 auto 84px;
	font-size: 2rem;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.howto-wrap .title{
	margin-bottom: 74px;
	font-size: 3.6rem;
	font-weight: 700;
	text-align: center;
}
.howto-wrap .copy{
	margin-bottom: 30px;
	font-size: 2rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.howto-wrap{
		padding: 14.4% 0 21.333%;
	}
	.howto-wrap .btn-list a{
		background-image: url("../img/index/btn_list_base_sp.png");
		background-size: contain;
		width: 91.067%;
		padding: 4% 0 5.867%;
		margin-bottom: 13.333%;
		font-size: 3.733vw;
	}
	.howto-wrap .title{
		margin-bottom: 6.133%;
		font-size: 8vw;
	}
	.howto-wrap .copy{
		width: 90.667%;
		margin: 0 auto 6.133%;
		font-size: 4.267vw;
		line-height: 2;
		text-align: left;
	}
}
@media screen and (min-width: 769px) {
}

.howto-block{
	position: relative;
	width: 1000px;
	margin: 0 auto 110px;
}
.howto-block .howto-section{
	display: none;
	position: relative;
	left: 0;
	top: 0;
	pointer-events: none;
}
.howto-block .howto-ttl + div{
	clear: both;
	border: solid 2px;
	padding: 30px 46px;
	pointer-events: auto;
}
.howto-block div.howto-web_cont{
	border-color: #006eb7;
	background-color: #edf4fa;
}
.howto-block div.howto-mail_cont{
	border-color: #3dae36;
	background-color: #ecf7eb;
}
.howto-block div.howto-dm_cont{
	border-color: #ea6388;
	background-color: #fef4f7;
}
.howto_catch{
	margin-bottom: 20px;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
}
.howto-web .howto_catch{
	color: #006eb7;
}
.howto-mail .howto_catch{
	color: #3dae36;
}
.howto-dm .howto_catch{
	color: #ea6388;
}
.howto_reco{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 32px;
}
.howto_reco > p{
	border: solid 4px;
	background-color: #fff;
	width: 246px;
	padding: 14px 0;
	margin: 0 7px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.561;
	text-align: center;
	border-radius: 50px;
}
.howto-web .howto_reco p{
	border-color: #006eb7;
	color: #006eb7;
}
.howto-mail .howto_reco p{
	border-color: #3dae36;
	color: #3dae36;
}
.howto-dm .howto_reco p{
	border-color: #ea6388;
	color: #ea6388;
}
.howto-flow{
	position: relative;
	margin-bottom: 40px;
}
.howto-web .howto-flow::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/index/web_flowballon_pc.png") no-repeat center/contain;
	width: 224px;
	padding-bottom: 65px;
	margin-top: -54px;
}
.howto-btn{
	width: 407px;
	margin: 0 auto 20px;
}
.howto-dm .howto-btn{
	width: 529px;
}
.howto-txt{
	display: flex;
	justify-content: center;
}
.howto-txt strong{
	margin-right: 16px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #006eb7;
	line-height: 1.935;
}
.howto-txt p{
	font-size: 1.4rem;
	line-height: 1.935;
}
@media screen and (max-width: 768px) {
	.howto-tab{
		display: none;
	}
	.howto-block{
		width: 90.667%;
		margin-bottom: 17.647%;
	}
	.howto-block .howto-section{
		display: block;
		margin-bottom: 5.882%;
		pointer-events: auto;
	}
	.howto-block .howto-ttl{
		position: relative;
		width: 100%;
		padding-bottom: 30.441%;
		font-size: 0;
	}
	.howto-block .howto-ttl::after{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: url("../img/index/tab_ico_plus.png") no-repeat center/contain;
		width: 11.324%;
		padding-bottom: 11.324%;
		margin: auto 7.941%;
	}
	.howto-block .howto-ttl.open::after{
		background-image: url("../img/index/tab_ico_minus.png");
	}
	.howto-block .howto-web .howto-ttl{
		background: url("../img/index/tab_web_sp.png") no-repeat center top/cover;
	}
	.howto-block .howto-mail .howto-ttl{
		background: url("../img/index/tab_mail_sp.png") no-repeat center top/cover;
	}
	.howto-block .howto-dm .howto-ttl{
		background: url("../img/index/tab_dm_sp.png") no-repeat center top/cover;
	}
	.howto-block .howto-ttl + div{
		display: none;
		padding: 7.353% 10%;
	}
	.howto_catch{
		margin-bottom: 5.556%;
		font-size: 5.056vw;
	}
	.howto_reco{
		display: block;
		margin-bottom: 5.185%;
	}
	.howto_reco > p{
		border: solid 2px;
		width: 100%;
		padding: 4.815% 0;
		margin: 0 0 2.593%;
		font-size: 3.733vw;
		line-height: 1;
		border-radius: 6vw;
	}
	.howto-flow{
		margin-bottom: 8.889%;
	}
	.howto-web .howto-flow{
		margin-bottom: 28.519%;
	}
	.howto-web .howto-flow::before{
		background-image: url("../img/index/web_flowballon_sp.png");
		width: 97.407%;
		padding-bottom: 121.667%;
		margin-top: 35.556%;
		margin-left: -7.037%;
	}
	.howto-btn{
		width: 100%;
		margin-bottom: 5.185%;
	}
	.howto-dm .howto-btn{
		width: 100%;
	}
	.howto-txt{
		display: block;
	}
	.howto-txt strong{
		margin-right: 0;
		font-size: 3.2vw;
		line-height: 1.758;
	}
	.howto-txt p{
		font-size: 3.2vw;
		line-height: 1.758;
	}
	.howto-dm .howto-txt p{
		font-weight: 700;
		text-align: center;
	}
}
@media screen and (min-width: 769px) {
	.howto-block .howto-section.active{
		display: block;
	}
	.howto-tab{
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 1000px;
		margin: 0 auto ;
	}
	.howto-tab > p{
		position: relative;
		width: 331px;
		padding-bottom: 226px;
		font-size: 0;
		pointer-events: auto;
		cursor: pointer;
	}
	.howto-tab > p::after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 331px;
		padding-bottom: 226px;
		font-size: 0;
		opacity: 0;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.howto-tab > p:hover::after{
		opacity: 1;
	}
	.howto-tab > p.active{
		cursor: default;
		pointer-events: none;
	}
	.howto-tab .howto-tab_web{
		background: url("../img/index/tab_web_pc.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_mail{
		background: url("../img/index/tab_mail_pc.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_dm{
		background: url("../img/index/tab_dm_pc.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_web.active{
		background: url("../img/index/tab_web_active.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_mail.active{
		background: url("../img/index/tab_mail_active.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_dm.active{
		background: url("../img/index/tab_dm_active.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_web::after{
		background: url("../img/index/tab_web_active.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_mail::after{
		background: url("../img/index/tab_mail_active.png") no-repeat center top/cover;
	}
	.howto-tab .howto-tab_dm::after{
		background: url("../img/index/tab_dm_active.png") no-repeat center top/cover;
	}
	.howto-block .howto-ttl{
		display: none;
	}
}

.mov-title{
	display: block;
	border-bottom: solid 2px #0daba5;
	width: 276px;
	padding-bottom: 10px;
	margin: 0 auto 20px;
	font-size: 3.4rem;
	font-weight: 700;
	color: #0daba5;
	text-align: center;
}
.mov-txt{
	margin: 0 auto 30px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #ff4b00;
	text-align: center;
}
.mov-thumb{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	cursor: pointer;
}
.mov-thumb::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("../img/index/mov_ico_play.png") no-repeat center/contain;
	width: 185px;
	padding-bottom: 185px;
	margin: auto;
	pointer-events: none;
	transition: opacity .7s;
}
.mov-thumb:hover::before{
	opacity: .7;
}
.mov-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.mov-wrap iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
	.mov-title{
		width: 57.533%;
		padding-bottom: 2.667%;
		margin-bottom: 2.667%;
		font-size: 6.933vw;
	}
	.mov-txt{
		margin-bottom: 5.6%;
		font-size: 4.267vw;
		line-height: 1.75;
	}
	.mov-thumb{
		width: 90.667%;
	}
	.mov-thumb::before{
		width: 17.059%;
		padding-bottom: 17.059%;
	}
	.mov-thumb:hover::before{
		opacity: 1;
	}
}

.target{
	background: url("../img/common/bg02.png") center top;
	background-size: 96px 96px;
	border-top: solid 1px #0daba5;
	border-bottom: solid 1px #0daba5;
	padding: 100px 0 146px;
}
.target .title{
	margin-bottom: 24px;
	font-size: 3.6rem;
	font-weight: 700;
	text-align: center;
}
.target .target-catch{
	background-color: #0daba5;
	width: 318px;
	padding: 6px 0;
	margin: 0 auto 56px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
.target-btn_wrap{
	display: flex;
	width: 1000px;
	margin: 0 auto 16px;
}
.target-btn_wrap .target-btn{
	width: 313px;
}
.target-btn_wrap .target-btn + .target-btn{
	margin-left: 30px;
}
.target-btn_wrap .target-btn a{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #41bdb8;
	background: -moz-linear-gradient(-45deg,  #41bdb8 0%, #00a6a0 100%);
	background: -webkit-linear-gradient(-45deg,  #41bdb8 0%,#00a6a0 100%);
	background: linear-gradient(135deg,  #41bdb8 0%,#00a6a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41bdb8', endColorstr='#00a6a0',GradientType=1 );
	text-decoration: none;
}
.target-btn:nth-child(1) .target-fig{
	width: 138px;
	padding: 28px 32px 20px 24px;
}
.target-btn:nth-child(2) .target-fig{
	width: 164px;
	padding: 32px 28px 24px 24px;
}
.target-btn:nth-child(3) .target-fig{
	width: 134px;
	padding: 23px 32px 20px 26px;
}
.target-btn_wrap .target-txt{
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}
.target-btn_wrap .target-txt span{
	font-size: 1.4rem;
}
.target-btn_wrap .target-lnk{
	width: 100%;
	padding: 0 0 10px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	text-align: right;
}
.target-btn_wrap .target-lnk::before{
	content: '';
	display: block;
	border-bottom: solid 1px rgba(250,255,255,.3);
	background-color: rgba(1,9,9,.15);
	width: 100%;
	padding-bottom: 1px;
	margin: 0 0 10px;
}
.target-btn_wrap .target-lnk::after{
	content: '';
	display: inline-block;
	background: url("../img/common/ico_other_lnk.svg") no-repeat center/contain;
	width: 21px;
	padding-bottom: 20px;
	margin: 0 12px;
	vertical-align: text-bottom;
}
.target .note{
	width: 1000px;
	margin: 0 auto;
	font-size: 1.4rem;
	color: #ff4b00;
}
@media screen and (max-width: 768px) {
	.target{
		background-size: 25.6vw;
		padding: 17.067% 0 20.533%;
	}
	.target .title{
		margin-bottom: 5.333%;
		font-size: 8vw;
	}
	.target .target-catch{
		width: 90.667%;
		padding: 1.6% 0;
		margin-bottom: 12%;
		font-size: 3.733vw;
		border-radius: 4vw;
	}
	.target-btn_wrap{
		display: block;
		width: 90.667%;
		margin-bottom: 4.8%;
	}
	.target-btn_wrap .target-btn{
		width: 100%;
	}
	.target-btn_wrap .target-btn + .target-btn{
		margin: 4.412% 0 0;
	}
	.target-btn:nth-child(1) .target-fig{
		width: 40.882%;
		padding: 8.529% 9.706% 6.765% 7.059%;
	}
	.target-btn:nth-child(2) .target-fig{
		width: 48.529%;
		padding: 10% 8.235% 7.647% 7.059%;
	}
	.target-btn:nth-child(3) .target-fig{
		width: 39.412%;
		padding: 7.647% 9.706% 7.059% 7.941%;
	}
	.target-btn_wrap .target-txt{
		font-size: 5.333vw;
	}
	.target-btn_wrap .target-txt span{
		font-size: 3.733vw;
	}
	.target-btn_wrap .target-lnk{
		padding-bottom: 4.118%;
		font-size: 4vw;
	}
	.target-btn_wrap .target-lnk::before{
		margin-bottom: 4.118%;
	}
	.target-btn_wrap .target-lnk::after{
		width: 5.882%;
		padding-bottom: 5.441%;
		margin: 0 5% 0 2.941%;
	}
	.target .note{
		width: 90.667%;
		font-size: 3.733vw;
		line-height: 2;
	}
}

.pdfDocument{
	background: #f6f6f5 url("../img/index/pdf_bg_pc.jpg") no-repeat center top/100% auto;
	padding: 120px 0 76px;
}
.pdfDocument .title{
	margin-bottom: 24px;
	font-size: 3.6rem;
	font-weight: 700;
	text-align: center;
}
.pdfDocument-guide{
	background-color: rgba(255,255,255,.9);
	width: 1000px;
	padding: 24px 104px;
	margin: 0 auto 34px;
}
.pdfDocument-guide li{
	position: relative;
	padding-left: 2.5rem;
	font-size: 1.5rem;
	line-height: 2;
}
.pdfDocument-guide li::before{
	content: '●';
	position: absolute;
	left: 0;
	display: inline-block;
	font-size: 1.5rem;
	color: #0daba5;
	line-height: 2;
}
.pdfDocument-catch{
	background-color: #0daba5;
	width: 318px;
	padding: 6px 0;
	margin: 0 auto 44px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
.pdfDocument-pickup_wrap{
	width: 1000px;
	margin: 0 auto 70px;
}
.pdfDocument-pickup_wrap .pdf-btn{
	background-color: #fff;
	padding: 2px;
	width: 100%;
	margin: 0 auto 10px;
}
.pdfDocument-pickup_wrap .pdf-btn a{
	position: relative;
	display: block;
	background-color: #fff;
	width: 100%;
	padding: 32px 0;
	padding-left: 146px;
	font-size: 2.2rem;
	font-weight: 700;
	text-decoration: none;
}
.pdfDocument-pickup_wrap .pdf-btn a::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: url("") no-repeat center/contain;
	width: 69px;
	padding-bottom: 69px;
	margin: auto;
	margin-left: 52px;
}
.pdfDocument-pickup_wrap .pdf-btn.shobo a::before{
	background-image: url("../img/index/pdf_icon01.svg");
}
.pdfDocument-pickup_wrap .pdf-btn.furon a::before{
	background-image: url("../img/index/pdf_icon02.svg");
}
.pdfDocument-pickup_wrap .pdf-btn.kokoku a::before{
	background-image: url("../img/index/pdf_icon03.svg");
}
.pdfDocument-pickup_wrap .pdf-btn a:hover{
	background-color: #a0dedc;
	opacity: 1;
}
.pdfDocument-pickup_wrap .pdf-btn .icon{
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	margin-right: 46px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #0daba5;
	text-align: right;
	transform: translate(0,-50%);
}
.pdfDocument-pickup_wrap .pdf-btn .icon::after{
	content: '';
	display: inline-block;
	background: url("../img/common/ico_other_lnk_g.svg") no-repeat center/contain;
	width: 20px;
	padding-bottom: 19px;
	margin: 0 12px;
	vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
	.pdfDocument{
		background-image: url("../img/index/pdf_bg_sp.jpg");
		padding: 16% 0 9.067%;
	}
	.pdfDocument .title{
		margin-bottom: 6.667%;
		font-size: 8vw;
	}
	.pdfDocument-guide{
		width: 90.667%;
		padding: 3.2% 4%;
		margin-bottom: 4%;
	}
	.pdfDocument-guide li{
		padding-left: 5.333vw;
		font-size: 3.733vw;
		letter-spacing: 0.04em;
	}
	.pdfDocument-guide li::before{
		font-size: 3.733vw;
	}
	.pdfDocument-catch{
		width: 90.667%;
		padding: 1.6% 0;
		margin-bottom: 3.467%;
		font-size: 3.733vw;
		border-radius: 4vw;
	}
	.pdfDocument-pickup_wrap{
		width: 90.667%;
		margin-bottom: 7.467%;
	}
	.pdfDocument-pickup_wrap .pdf-btn{
		padding: 0;
		margin-bottom: 2.059%;
	}
	.pdfDocument-pickup_wrap .pdf-btn a{
		display: flex;
		align-items: center;
		min-height: 17.867vw;
		padding: 4.118% 8.824% 4.118% 22.647%;
		font-size: 3.733vw;
		line-height: 1.429;
	}
	.pdfDocument-pickup_wrap .pdf-btn a::before{
		width: 14.118%;
		padding-bottom: 14.118%;
		margin-left: 3.824%;
	}
	.pdfDocument-pickup_wrap .pdf-btn a:hover{
		background-color: #fff;
	}
	.pdfDocument-pickup_wrap .pdf-btn .icon{
		display: none;
	}
}

.pdfDocument-pickup_wrap.other{
	background-color: #fff;
	padding: 50px 0 32px;
	font-size: 0;
}
.pdfDocument-pickup_wrap.other h3{
	margin-bottom: 48px;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
}
.pdf-category{
	position: relative;
	display: inline-block;
	background: url("../img/common/line_dot.png") no-repeat left bottom;
	width: 420px;
	padding-left: 100px;
	padding-bottom: 30px;
	margin: 0 40px 28px;
}
.pdf-category.active{
	z-index: 2;
}
.pdf-category::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url("") no-repeat center/contain;
	width: 69px;
	padding-bottom: 69px;
	margin: -4px auto 0;
}
.pdf-category.shobo::before{
	background-image: url("../img/index/pdf_icon01.svg");
}
.pdf-category.furon::before{
	background-image: url("../img/index/pdf_icon02.svg");
}
.pdf-category.kokoku::before{
	background-image: url("../img/index/pdf_icon03.svg");
}
.pdf-category.kentiku::before{
	background-image: url("../img/index/pdf_icon04.svg");
}
.pdf-category.denki::before{
	background-image: url("../img/index/pdf_icon05.svg");
}
.pdf-category.suido::before{
	background-image: url("../img/index/pdf_icon06.svg");
}
.pdf-category.jokaso::before{
	background-image: url("../img/index/pdf_icon07.svg");
}
.pdf-category.biru::before{
	background-image: url("../img/index/pdf_icon08.svg");
}
.pdf-category.koatu::before{
	background-image: url("../img/index/pdf_icon09.svg");
}
.pdf-category.taiki::before{
	background-image: url("../img/index/pdf_icon10.svg");
}
.pdf-category.kanri::before{
	background-image: url("../img/index/pdf_icon11.svg");
}
.pdf-category.hoken::before{
	background-image: url("../img/index/pdf_icon12.svg");
}
.pdf-category_name{
	margin-bottom: 10px;
	font-size: 2.0rem;
	font-weight: 700;
	color: #0daba5;
}
.select-style {
	position: relative;
}
.select-style .select {
	background-color: #fff;
	width: 100%;
	font-size: 1.4rem;
	color: #0daba5;
	border: solid 1px #0daba5;
}
.select-style .select li {
	position: relative;
	width: 100%;
}
.select-style .select li.select-index {
	cursor: pointer;
	padding: 8px 10px;
	font-size: 1.4rem;
	color: #0daba5;
}
.select-style .select li.select-index::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	background: url("../img/common/pdf_form_arrow.svg") no-repeat center/contain;
	margin: auto;
	width: 8px;
	padding-bottom: 6px;
	transform: scale(1,-1);
	pointer-events: none;
	transition: transform .3s
}
.select-style .select.active li.select-index::before {
	transform: scale(1,1);
}
.select-style .select li.select-options {
	position: absolute;
	left: 0;
	background-color: #fff;
	border: solid 1px #0daba5;
	border-top: none;
}
.select-style .select.active li.select-options {
	z-index: 2;
}
.select-style .select li.select-options ul {
	display: none;
}
.select-style .select li.select-option a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}
.select-style .select li.select-option a:hover {
	background-color: #a0dedc;
	opacity: 1;
}
@media screen and (max-width: 768px) {
	.pdfDocument-pickup_wrap.other{
		background-color: transparent;
		padding: 0;
		margin-bottom: 4.333%;
	}
	.pdfDocument-pickup_wrap.other h3{
		margin-bottom: 7.353%;
		font-size: 4.267vw;
		line-height: 1.826;
	}
	.pdf-category{
		background-size: 100% auto;
		width: 100%;
		padding-left: 17.647%;
		padding-bottom: 3.829%;
		margin: 0 0 3.529%;
	}
	.pdf-category::before{
		width: 14.118%;
		padding-bottom: 14.118%;
		margin: 0 auto;
	}
	.pdf-category_name{
		margin-bottom: 2.692%;
		font-size: 3.733vw;
	}
	.select-style .select {
		font-size: 3.2vw;
	}
	.select-style .select li {
		position: relative;
		width: 100%;
	}
	.select-style .select li.select-index {
		padding: 2.112% 2.941%;
		font-size: 3.2vw;
	}
	.select-style .select li.select-index::before {
    right: 1.923%;
		width: 2.885%;
		padding-bottom: 1.923%;
	}
	.select-style .select li.select-options {
		position: relative;
    border: none;
	}
	.select-style .select li.select-option a {
		padding: 3.112% 2.941%;
	}
	.select-style .select li.select-option a:hover {
		background-color: #a0dedc;
		opacity: 1;
	}
}
@media screen and (min-width: 769px) {
}

.topics{
	background: url("../img/index/topics_bg_pc.jpg") no-repeat center/cover;
	padding: 50px 0 68px;
}
.topics_inner{
	width: 730px;
	margin: 0 auto;
}
.topics_inner h2{
	margin-bottom: 20px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.topics_inner .topics_wrap{
	background: url("../img/index/topics_line_dot.png") no-repeat left top;
	padding-top: 3px;
}
.topics_inner .topics_wrap > div{
	display: flex;
	background: url("../img/index/topics_line_dot.png") no-repeat left bottom;
	padding: 10px 0 13px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.topics_inner .topics_wrap .date{
	width: 90px;
}
.topics_inner .topics_wrap .text{
	width: 640px;
}
.topics_inner .topics_wrap .text a{
	color: #2ab5b0;
	text-decoration: none;
}
.topics_inner .topics_wrap .text strong{
	font-weight: bold;
}
.topics_inner .topics_wrap .text i{
	font-style: italic;
}
.topics_inner .list_lnk{
	margin-top: 10px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.topics{
		background-image: url("../img/index/topics_bg_sp.jpg");
		padding: 14.933% 0 18.667%;
	}
	.topics_inner{
		width: 90.667%;
	}
	.topics_inner h2{
		margin-bottom: 5.882%;
		font-size: 4.267vw;
	}
	.topics_inner .topics_wrap{
		background-size: auto 0.667vw;
		padding-top: 0.667vw;
	}
	.topics_inner .topics_wrap > div{
		display: block;
		background-size: auto 0.667vw;
		padding: 3.824% 0 5.294%;
		font-size: 3.467vw;
		line-height: 1.912;
	}
	.topics_inner .topics_wrap .date{
		width: 100%;
	}
	.topics_inner .topics_wrap .text{
		width: 100%;
	}
	.topics_inner .list_lnk{
		font-size: 3.467vw;
	}
}

.btn-contact{
	border-bottom: solid 2px #0daba5;
	padding: 114px 0 86px;
}
.btn-contact a{
	display: block;
	width: 408px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.btn-contact{
		border-bottom: none;
		padding: 17.067% 0 30.561%;
	}
	.btn-contact a{
		display: block;
		width: 72%;
	}
}
@media screen and (min-width: 769px) {
}



.initial{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,1);
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s;
	pointer-events: none;
	z-index: 100;
}
.initial > p{
	text-align: center;
	font-size: 6rem;
	line-height: 1.835;
	opacity: 0;
	-webkit-transition: opacity 1.5s 1s;
	transition: opacity 1.5s 1s;
}
.locked .initial > p{
	opacity: 1;
}
.locked .initial > p.fadeout{
	opacity: 0;
}
.initial.loaded{
	opacity: 0;
}
@media screen and (max-width: 768px) {
	.initial > p{
		font-size: 7.868vw;
	}
}

body.locked{
	/*height: 100%;
	overflow: hidden;*/
}

@media screen and (max-width: 768px) {
	#footer{
		/*padding-bottom: 13.494%;*/
	}
}