/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.wd_header{
	position: fixed ;
	top : 0px ;
	left: 0px ;
	width: 100% ;
	height: 60px ;
	background-color: #6EC878 ;
	z-index: 44 ;
}
.wd_header_dummy{
	width: 100% ;
	height: 60px ;
	z-index: 1 ;
}

.wd_header_inner{
	width: 100% ;
	height: 60px ;
	max-width: 1200px ;
	margin: 0px auto ;
	padding: 20px 190px 20px 160px ;
	justify-content: right !important ;
}

.wd_header_logo{
	position: absolute;
	top : 50% ;
	left: 20px ;
	width: 120px ;
	transform: translate(0%,-50%);
}


.wd_header_item_wrap{
	width: fit-content ;
	height: 20px ;
}
.wd_header_item{
	width: fit-content;
	height: 20px ;
	line-height: 20px ;
	font-size: 13px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	padding: 0px 10px ;
}

.wd_spnavi_spacer{
	width: 100% ;
	height: 100px ;
	border-bottom : 1px solid #FFFFFF ;
}
.wd_header_item_sp{
	width: 100% ;
	padding: 20px ;
	text-align: center ;
	font-size: 16px ;
	border-bottom : 1px solid #FFFFFF ;
	color: #FFFFFF ;
}


.wd_header_item_pipe{
	width: 1px ;
	height: 20px ;
	background-color: #FFFFFF ;
}


.wd_header_bloglink{
	position: absolute;
	top : 50% ;
	right: 20px ;
	transform: translate(0%,-50%);
	width: 150px ;
	height: 40px ;
	background-color: #FFFFFF ;
	border-radius: 20px ;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.25);
	font-size: 14px ;
	line-height: 16px ;
	font-weight: 700 ;
	color: #6EC878 ;
	padding: 3px 0px 0px 40px ;
}
.wd_header_bloglink a,
.wd_header_bloglink a:link,
.wd_header_bloglink a:visited{
	color: #6EC878 ;
}


.wd_header_bloglink img{
	position: absolute;
	top : 50% ;
	left: 8px ;
	transform: translate(0%,-50%);
	width: 25px ;
}












.wd_fv_superbox{
	width: 100% ;
	height: 640px ;
	background-color: #6EC878 ;
	padding : 64px 20px 0px; 
}

.wd_fv_logo{
	top : 10px ;
	width: 250px;
	margin: 0px auto 0px ;
	opacity: 0 ;
}

.wd_fv_catch{
	color :#FFFFFF ;
	font-size: 40px ;
	font-weight: 400 !important ;
	text-align: center ;
	margin : 40px auto 0px ;
	top : 10px ;
	opacity: 0 ;
}
.wd_fv_catch span{
	font-size: 30px ;
}

.wd_fv_illust{
	position: absolute;
	bottom : -30px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: 300px ;
	opacity: 0 ;
	z-index: 2 ;
	margin-bottom : -10px ;
}



.wd_aboutus_section{
	padding: 100px 0px 120px ;
	background-color: #FFFFFF ;
}

.wd_section_title_jp{
	font-size: 28px ;
	font-weight: 400 !important;
	text-align: center ;
	top : 10px ;
}

.wd_section_title_en{
	color: #6EC878 ;
	font-size: 20px ;
	font-style: italic ;
	font-weight: 200 ;
	text-align: center ;
	top : 10px ;
}




.wd_aboutus_story{
	width: calc( 100% - 40px );
	max-width: 800px ;
	margin: 90px auto 0px ;
	font-size: 18px ;
	line-height: 40px ;
	top : 10px ;
}
.wd_aboutus_story span{
	font-weight: 700 ;
}

.wd_section_illust{
	position: absolute ;
	bottom : 0px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: 100% ;
	max-width: 280px ;
	margin-left : 10px ;
	z-index:  2;
}



.wd_warries_section{
	padding: 100px 0px 160px ;
	background-color: #FCFBFB ;
}

.wd_warries_list_superbox{
	width: calc( 100% - 40px );
	max-width: 500px ;
	margin: 74px auto 0px ;
	top : 10px ;
}

.wd_warries_list_item{
	width: 100% ;
	padding: 12px 16px ;
	background-color: #6EC878 ;
	border-radius: 10px ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin-top : 20px ;
	top : 10px ;
}
.wd_warries_list_item:first-child{
	margin-top : 0px ;
}

.wd_warries_list_item span{
	color : #FFFF00 
}




.wd_support_section{
	padding: 100px 0px 120px ;
	background-color: #FFFFFF ;
}

.wd_support_superbox{
	width: calc( 100% - 40px );
	max-width: 900px ;
	margin : 50px auto 0px ;
}

.wd_support_itembox{
	width: 100% ;
	padding: 40px 50px 40px 290px;
	background-color: #F7F5F1 ;
	border-radius: 10px ;
	margin: 50px auto 0px ;
	top : 20px ;
}

.wd_support_itembox.odd{
	background-color: #FCFBFB ;
}
.wd_support_itembox:first-child{
	margin-top : 0px ;
}

.wd_support_item_image{
	position: absolute;
	top : 50% ;
	left: 20px ;
	transform: translate(0%,-50%);
	width: 250px ;
}


.wd_support_item_title{
	font-size: 22px ;
	color: #6EC878 ;
	font-weight: 400 ;
}

.wd_support_item_story{
	margin-top : 28px ;
	font-size: 16px ;
	line-height: 36px ;
}





.wd_recruit_section{
	padding: 100px 0px 160px ;
	background-color: #FCFBFB ;
}



.wd_recruit_list_item{
	width: 100% ;
	padding: 12px 16px ;
	background-color: #6EC878 ;
	border-radius: 10px ;
	text-align: center ;
	font-size: 18px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin-top : 20px ;
	top : 20px ;
}
.wd_recruit_list_item:first-child{
	margin-top : 0px ;
}

.wd_recruit_list_item span{
	color : #FFFF00 
}





.wd_join_section{
	padding: 100px 0px 120px ;
	background-color: #FFFFFF ;
}


.wd_join_superbox{
	width: calc( 100% - 40px );
	max-width: 500px ;
	margin: 74px auto 0px ;
}

.wd_join_item{
	width: 100% ;
	padding: 12px 16px 12px 76px ;
	background-color: #6EC878 ;
	border-radius: 10px ;
	text-align: center ;
	font-size: 18px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin-top : 20px ;
	top : 10px ;
}

.wd_join_item.odd{
	background-color: #77CDD9 ;
}

.wd_join_item_num{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 60px ;
	height: 100% ;
	border-right: 2px solid #FFFFFF ;
}

.wd_join_item_num_inner{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 60px ;
	text-align: center ;
	font-size: 30px ;
	font-weight: 700 ;
}

.wd_join_story{
	width: calc( 100% - 40px );
	max-width: 640px ;
	margin : 64px auto 0px ;
	font-size: 16px ;
	line-height: 36px ;
	top : 10px ;
}




.wd_qa_section{
	width: 100% ;
	padding: 100px 0px 160px ;
	background-color: #FCFBFB ;
}

.wd_qa_illst{
	width: 100% ;
	max-width: 280px ;
	margin : 60px auto 0px ;
}


.wd_qa_superbox{
	width: calc( 100% - 40px );
	max-width: 1000px ;
	margin : 0px auto ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	padding : 32px 75px ;
}


.wd_qa_catebox{
	margin : 64px auto 0px ;
	width: 100% ;
	border-radius: 10px ;
	background-color: #6EC878 ;
	padding: 10px 32px ;
	font-size: 22px ;
	color: #FFFFFF ;
	top : 10px ;
}
.wd_qa_catebox:first-child{
	margin-top : 0px ;
}

.wd_qa_itembox{
	padding: 40px 0px ;
	border-top : 1px solid #E6E4DF ;
	top : 10px ;
}

.wd_qa_qbox{
	padding: 0px 0px 0px 52px ;
	font-size: 22px ;
	font-weight: 700 ;
	color: #6EC878 ;
}

.wd_qa_q_icon{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 52px ;
	height: 36px ;
	line-height: 36px ;
	font-size: 40px ;
	font-weight: 700 ;
	font-style: italic ;
}

.wd_qa_abox{
	margin-top : 24px ;
	font-size: 16px ;
	line-height: 36px ;
	padding: 0px 0px 0px 52px ;

}
.wd_qa_abox p{
	margin-top : 10px ;
}

.wd_qa_abox img{
	width: auto ;
	max-width: 100% ;
	margin: 10px auto 0px;
}
.wd_qa_abox a,
.wd_qa_abox a:link,
.wd_qa_abox a:visited{
	font-weight: 700 ;
	text-decoration: underline ;
}
.wd_qa_abox a:hover{
	opacity: 0.5 ;
}




.wd_contact_section{
	padding: 100px 0px 200px ;
	background-color: #FFFFFF ;
}

.wd_contact_inner{
	width: calc( 100% - 40px ) ;
	max-width: 700px ;
	margin : 60px auto 0px ;
	top : 20px ;
}

.wd_contact_item_title{
	font-size: 16px ;
	margin-top : 30px ;
}
.wd_contact_item_title:first-child{
	margin-top : 0px ;
}
.wd_musticon{
	color: #FF8A00 ;
}

#wd_mailform_q_notice,
#wd_mailform_subject_notice,
#wd_mailform_mail_notice,
#wd_mailform_name_notice{
	font-weight: 700 ;
	color: #FF8A00 ;
	display: none ;
}

.wd_mailform_input{
	position: relative ;
	display: block ;
	box-sizing: border-box ;
	width: 100% ;
	height: 60px ;
	border : 1px solid #9A9A9A ;
	border-radius: 5px ;
	margin-top : 4px ;
	font-size: 16px ;
	padding : 0px 16px ;
}

.wd_mailform_textarea{
	position: relative ;
	display: block ;
	box-sizing: border-box ;
	width: 100% ;
	height: 300px ;
	border : 1px solid #9A9A9A ;
	border-radius: 5px ;
	margin-top : 4px ;
	font-size: 16px ;
	padding : 16px 16px ;
}

.wd_mailform_submit{
	position: relative;
	display: block ;
	box-sizing: border-box ;
	width: 120px ;
	height: 48px ;
	background-color: #6EC878 ;
	border-radius: 5px ;
	border : 1px solid #6EC878 ;
	text-align: center ;
	font-size: 16px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin : 78px auto 0px ;
	cursor: pointer ;
}





.wd_footer{
	width: 100% ;
	background-color: #F7F5F1 ;
	padding: 40px 0px ;
}


.wd_footer_link_privacy{
	width: fit-content ;
	margin : 0px auto ;
	font-size: 13px ;
}

.wd_footer_link_privacy a,
.wd_footer_link_privacy a:link,
.wd_footer_link_privacy a:visited{
	text-decoration: underline ;
	color: #000000 ;
}


.wd_footer_logo{
	width: 160px ;
	margin : 40px auto 0px ;
}


.wd_totop{
	position: fixed ;
	bottom : 20px ;
	right: 20px ;
	width: 54px ;
	height: 54px ;
	border-radius: 50% ;
	z-index: 41 ;
	background-color: #6EC878 ;
	cursor: pointer ;
	text-align: center ;
	padding-top : 30px ;
	font-size: 11px ;
	color: #FFFFFF ;
	display: none ;
}

.wd_totop_arrow{
	position: absolute ;
	top : 18px ;
	left: 50% ;
	width: 14px ;
	height: 14px ;
	transform: translate(-50%,0%) rotate(45deg);
	border-top : 2px solid #FFFFFF ;
	border-left : 2px solid #FFFFFF ;
}


.wd_mailform_result_superbox{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 54 ;
	background-color: rgba(255,255,255,0.8);
	display: none ;
}
.wd_mailform_result_contents{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: calc( 100% - 40px );
	max-width: 640px ;
	padding: 20px ;
	border-radius: 10px ;
	background-color: #6EC878 ;
}
.mailform_result_title{
	font-size: 28px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	text-align: center ;
}

.wd_mailform_result_story{
	font-size: 14px ;
	margin-top : 40px ;
	color: #FFFFFF ;
}
.wd_mailform_result_story p{
	margin-top : 20px ;
}

.wd_mailform_result_btn{
	position: relative;
	display: block ;
	box-sizing: border-box ;
	width: 120px ;
	height: 48px ;
	line-height: 48px ;
	background-color: #FFFFFF ;
	border-radius: 5px ;
	text-align: center ;
	font-size: 16px ;
	font-weight: 700 ;
	color: #6EC878 ;
	margin : 40px auto 0px ;
	cursor: pointer ;
}









/** ul ========================================= **/

.wd_ul_title_jp{
	margin : 100px auto 0px ;
	font-size: 28px ;
	text-align: center ;
	font-weight: 400 !important ;
}

.wd_ul_title_en{
	color: #6EC878 ;
	font-size: 20px ;
	font-style: italic ;
	text-align: center ;
}

.wd_privacy_superbox{
	width: calc( 100% - 40px );
	max-width: 800px ;
	margin: 0px auto 126px ;
}

.wd_privacy_item{
	margin-top : 100px ;
}

.wd_privacy_item_title{
	font-size: 18px ;
	line-height: 40px ;
}

.wd_privacy_item p{
	font-size: 14px ;
	line-height: 30px ;
	margin-top : 28px ;
}





.wd_blogyellow_section{
	width: 100% ;
	padding: 120px 0px 100px ;
	background-color: #FBF860 ;
}

.wd_blogyellow_flex{
	width: calc( 100% - 40px );
	max-width: 900px ;
	margin: 0px auto ;
	top : 10px ;
}

.wd_blogyellow_flex_item_wrap{
	width: 48% ;
	max-width: 430px ;
}

.wd_blogyellow_flex_itembox{
	width: 100% ;
	background-color: #FFFFFF ;
	padding: 20px ;
	border-radius: 4px ;
}

.wd_blogyellow_flex_item_imagebox{
	width: 100% ;
	aspect-ratio: 7 / 4 ;
	border-radius: 4px ;
	overflow: hidden ;
}
.wd_blogyellow_flex_item_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_blogyellow_flex_item_title{
	font-size: 22px ;
	font-weight: 700 ;
	color: #53BE5F ;
	margin-top : 20px ;
}

.wd_blogyellow_flex_item_story{
	font-size: 14px ;
	color: #444444 ;
	margin-top: 16px ;
}

.wd_blogyellow_flex_item_link{
	width: 224px ;
	height: 48px ;
	border-radius: 4px ;
	margin: 64px auto 0px ;
	background-color: #53BE5F ;
	color: #FFFFFF ;
	line-height: 48px ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 700 ;
}
.wd_blogyellow_flex_item_link img{
	position: absolute;
	top : 50% ;
	right: 8px ;
	transform: translate(0%,-50%);
	width: 16px ;
}




.wd_contact_linkto_blog{
	width: 100% ;
	max-width: 350px ;
	height: 50px ;
	line-height: 50px ;
	border-radius: 25px ;
	background-color: #FFF000 ;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.25);
	padding: 0px 16px 0px 50px ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 700 ;
	color: #6EC878 ;
	margin: 60px auto 0px ;
}

.wd_contact_linkto_blog_circle{
	position: absolute;
	top : 50% ;
	left: 8px ;
	transform: translate(0%,-50%);
	width: 36px ;
	height: 36px ;
	border-radius: 50% ;
	background-color: #6EC878 ;
}

.wd_contact_linkto_blog_circle img{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 36px ;
}






















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


.wd_header_inner{
	padding: 10px 190px 10px 160px ;
}


}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 800px) {









.wd_header{
	height: 80px ;
}
.wd_header_dummy{
	height: 80px ;
}

.wd_header_inner{
	height: 80px ;
}

.wd_header_logo{
}


.wd_header_item_wrap{
}
.wd_header_item{
}

.wd_header_item_pipe{
}


.wd_header_bloglink{
	right: 74px ;
}
.wd_header_bloglink a,
.wd_header_bloglink a:link,
.wd_header_bloglink a:visited{
}

.wd_spnavi_spacer{
}
.wd_header_item_sp{
}




.wd_fv_superbox{
	height: 760px ;
	padding : 40px 20px 0px; 
}

.wd_fv_logo{
	width: 220px;
}

.wd_fv_catch{
	line-height: 56px ;
	font-size: 36px ;
	margin : 64px auto 0px ;
}
.wd_fv_catch span{
	font-size: 36px ;
}

.wd_fv_illust{
	bottom : -10px ;
	width: 300px ;
}



.wd_aboutus_section{
	padding: 80px 0px 128px ;
}

.wd_section_title_jp{
}

.wd_section_title_en{
}




.wd_aboutus_story{
	margin: 60px auto 0px ;
	font-size: 16px ;
	line-height: 32px ;
}
.wd_aboutus_story span{
}

.wd_section_illust{
	max-width: 280px ;
}



.wd_warries_section{
	padding: 86px 0px 176px ;
}

.wd_warries_list_superbox{
	margin: 74px auto 0px ;
}

.wd_warries_list_item{
	padding: 12px 10px ;
}
.wd_warries_list_item:first-child{
}

.wd_warries_list_item span{
}




.wd_support_section{
	padding: 72px 0px 40px ;
}

.wd_support_superbox{
	margin : 50px auto 0px ;
}

.wd_support_itembox{
	padding: 40px 16px 200px 16px;
	margin: 20px auto 0px ;
}

.wd_support_itembox.odd{
}
.wd_support_itembox:first-child{
}

.wd_support_item_image{
	top : auto ;
	bottom: 20px ;
	left: 50% ;
	transform: translate(-50%,0%);
}


.wd_support_item_title{
	font-size: 22px ;
	text-align: center ;
}

.wd_support_item_story{
}





.wd_recruit_section{
	padding: 70px 0px 170px ;
}



.wd_recruit_list_item{
	padding: 12px 10px ;
}
.wd_recruit_list_item:first-child{
}

.wd_recruit_list_item span{
}





.wd_join_section{
	padding: 86px 0px 90px ;
}


.wd_join_superbox{
	margin: 48px auto 0px ;
}

.wd_join_item{
	text-align: left;
	padding: 12px 10px 12px 50px ;
}
.wd_join_item span{
	font-size: 16px ;
}

.wd_join_item.odd{
	background-color: #77CDD9 ;
}

.wd_join_item_num{
	width: 42px ;
}

.wd_join_item_num_inner{
	width: 40px ;
}

.wd_join_story{
	margin : 20px auto 0px ;
}




.wd_qa_section{
	padding: 90px 0px 40px ;
}

.wd_qa_illst{
}


.wd_qa_superbox{
	padding : 20px 20px ;
}


.wd_qa_catebox{
	margin : 40px auto 0px ;
	padding: 10px 10px ;
	text-align: center ;
}

.wd_qa_itembox{
	padding: 40px 0px ;
	border-top : 1px solid #E6E4DF 
}

.wd_qa_qbox{
	padding: 0px 0px 0px 40px ;
}

.wd_qa_q_icon{
	width: 40px ;
}

.wd_qa_abox{
	margin-top : 12px ;
	line-height: 30px ;
	padding: 0px 0px 0px 0px ;
}







.wd_contact_section{
	padding: 88px 0px 194px ;
}

.wd_contact_inner{
	margin : 24px auto 0px ;
}

.wd_contact_item_title{
}
.wd_contact_item_title:first-child{
}
.wd_musticon{
}

#wd_mailform_q_notice,
#wd_mailform_subject_notice,
#wd_mailform_mail_notice,
#wd_mailform_name_notice{
}

.wd_mailform_input{
}

.wd_mailform_textarea{
	height: 360px ;
}

.wd_mailform_submit{
	margin : 46px auto 0px ;
}





.wd_footer{
	padding: 54px 0px ;
}


.wd_footer_link_privacy{
	font-size: 14px ;
}

.wd_footer_link_privacy a,
.wd_footer_link_privacy a:link,
.wd_footer_link_privacy a:visited{
}


.wd_footer_logo{
}







/** ul ========================================= **/

.wd_ul_title_jp{
	margin : 80px auto 0px ;
	font-size: 28px ;
}

.wd_ul_title_en{
}

.wd_privacy_superbox{
}

.wd_privacy_item{
	margin-top : 50px ;
}

.wd_privacy_item_title{
	font-size: 20px ;
	line-height: 40px ;
}

.wd_privacy_item p{
	font-size: 16px ;
	line-height: 32px ;
	margin-top : 16px ;
}






.wd_blogyellow_flex_item_wrap{
	width: 100% ;
	max-width: 800px ;
	margin-bottom: 30px ;
}




.wd_contact_linkto_blog{
	margin: 88px auto 0px ;
}

.wd_contact_linkto_blog_circle{
}

.wd_contact_linkto_blog_circle img{
}



















} /** sp **/