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

.top_ol{
	position: fixed;
	top : 0%;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 94 ;
}


.back_belt{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width: 240px ;
	height: 100% ;
	background-color: #DFE7E2 ;
	z-index: 1 ;
}
.back_belt01{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 180px ;
	height: 100% ;
	background-color: #C8D5CE ;
	z-index: 1 ;
}

.top_fv_section{
	width: 100% ;
	z-index: 11 ;
	background-color: rgba(0,128,69,0.2);
}

.top_fv_superbox{
	float : right ;
	width: calc( 100% - 320px );
	height: 100vh ;
	max-height: 800px ;
	border-radius: 0px 0px 0px 64px ;
	overflow: hidden ;
}

.top_fv_superbox_sp{
	float : right ;
	width: calc( 100% - 320px );
	height: 100vh ;
	max-height: 800px ;
	border-radius: 0px 0px 0px 64px ;
	overflow: hidden ;
}

.top_fv_slide_wrap{
	position: absolute;
	top : 50% ;
	left: 50% ;
	width: 105% ;
	height: 105% ;
	transform: translate(-50%,-50%);
}

.top_fv_slide_wrap_sp{
	position: absolute;
	top : 50% ;
	left: 50% ;
	width: 105% ;
	height: 105% ;
	transform: translate(-50%,-50%);
}

.top_fv_slide{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	display: none ;
}


.top_fv_catch_box{
	position: absolute;
	/**
	top : 50% ;
	transform : translate(0%,-50%);
	**/
	top : 144px ;
	left: -10% ;
	width: auto ;
	padding : 100px 116px ;
	background-color: rgba(83,153,191,0.7);
	
	z-index: 14 ;
	overflow: hidden;
	opacity: 0 ;
}
.top_fv_catch01{
	right : 20px ;
	float:right ;
	font-size: 22px ;
	line-height: 64px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	color: #FFFFFF ;
	width: 80px ;
	writing-mode: vertical-rl ;
	opacity: 0 ;
}
.top_fv_catch02{
	right : 20px ;
	float:right ;
	font-size: 22px ;
	line-height: 64px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	color: #FFFFFF ;
	width: 80px ;
	writing-mode: vertical-rl ;
	opacity: 0 ;
}
.top_fv_catch03{
	right : 20px ;
	float:right ;
	font-size: 22px ;
	line-height: 64px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	color: #FFFFFF ;
	width: 80px ;
	writing-mode: vertical-rl ;
	opacity: 0 ;
}

.top_fv_catch_bar{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 10px ;
	height: 100% ;
	background-color: #2987BE ;
}


.top_fv_story_section{
	width: 100% ;
	z-index: 11 ;
	padding-bottom : 200px ;
	background-color: rgba(0,128,69,0.2);
}

.top_fv_story{
	width: 100%;
	max-width: 1000px ;
	padding : 120px 40px ;
	margin : 0px auto ;
	flex-direction: row-reverse ;
}



.top_fv_story01,
.top_fv_story02,
.top_fv_story03,
.top_fv_story04,
.top_fv_story05,
.top_fv_story06,
.top_fv_story07,
.top_fv_story08,
.top_fv_story09,
.top_fv_story10,
.top_fv_story11{
	width: 100px ;
	line-height: 2em ;
	writing-mode: vertical-rl ;
	font-size: 20px ;
	font-family: 'Hannari', serif;
	font-weight: normal ;
	color : #666666 ;
	top : 20px ;
	opacity: 0 ;
}



.top_info_section{
	width: 100% ;
	z-index: 11 ;
	padding : 0px 0px 240px ;
}

.top_info_superbox{
	width: calc( 100% - 80px );
	max-width: 1280px ;
	margin : 40px auto 0px ;
	font-weight: 100 !important;
}
.top_info_link_superbox{
	width: calc( 100% - 80px );
	max-width: 1280px ;
	margin : 20px auto 0px ;
	top : 20px ;
}
.top_info_linkbox{
	float : right;
	width: 200px ;
	font-size: 20px ;
	font-weight: 900 ;
	border-bottom: 1px solid #0F4686 ;
}
.top_info_link_arrow{
	position: absolute ;
	top : 50% ;
	right : 0px ;
	width: 10px ;
	transform: translate(0%,-50%);
}
.top_info_itembox{
	top : 20px ;
	width: 24% ;
	max-width : 320px ;
	margin-bottom : 20px ;
	border : 1px solid #0F4686 ;
	background-color: #FFFFFF ;
	font-weight: 100 ;
}
.top_info_itembox_dummy{
	top : 20px ;
	width: 24% ;
	max-width : 320px ;
	height: 1px ;
}
.top_info_itembox_wrap{
	z-index: 4 ;
}
.top_info_itembox_back{
	position: absolute;
	bottom : -6px ;
	right : -6px ;
	width: 100% ;
	height: 100% ;
	z-index: 1;
	border-bottom : 1px solid #0F4686 ;
	border-right : 1px solid #0F4686 ;
}

.top_info_titlebox{
	width: 100% ;
	padding : 20px ;
}

.top_info_cate{
	display: inline-block ;
	margin-right : 10px ;
	padding : 0px 10px ;
	color : #FFFFFF ;
	background-color: #28c3d4 ;
	height: 30px ;
	line-height: 30px ;
}

.top_info_date{
	display: inline-block ;
	height: 30px ;
	line-height: 30px ;
}
.top_info_title{
	font-size: 20px ;
	border-top : 1px solid #28c3d4 ;
	padding-top :10px ;
	margin-top : 20px ;
	font-weight: 100 ;
}

.top_info_storybox{
	padding: 1px 20px 20px ;
	font-weight: 100 ;
}

.top_info_storybox p{
	margin-top : 20px ;
}
.top_info_storybox a{
	text-decoration: underline ;
	
}
.top_info_storybox a:hover{
	opacity: 0.5 ;

}
.top_info_storybox img{
	width: auto ;
	max-width: 100% ;
	margin : 20px auto 0px ;
}

.inner1280{
	width: calc( 100% - 80px );
	max-width: 1280px ;
	margin : 160px auto 0px;
}

.top_style_superbox{
	width: calc( 100% - 80px );
	max-width: 1600px ;
	margin : 160px auto 0px;
}

.top_style_image{
	width: calc( 100% - 880px )  ;
	max-width: 755px ;
	top : 20px ;
}
.top_style_image img{
	width: 100% ;
}

.top_style_storybox{
	width: 780px ;
	font-size: 20px ;
	color : #000000 ;
	top : 60px ;
}

.top_style_story_catch{
	font-size: 40px ;
	margin-top : 40px ;
	color : #000000 ;
}

.top_style_link{
	width: 320px ;
	height: 48px ;
	line-height: 48px ;
	border-bottom : 1px solid #000000 ;
	font-size: 24px ;
	font-weight: 900 ;
	margin-top : 30px ;
	color: #000000 ;
}

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


.top_chara_section{
	width: 100% ;
	z-index: 11 ;
	padding : 240px 0px ;
	background-color: rgba(0,128,69,0.2);
}



.top_chara_title_wrap{
	text-align: center ;
	top : 20px ;
}
.top_chara_title{
	display: inline-block ;
	width: auto ;
	text-align: center ;
	font-size: 30px ;
	line-height: 60px ;
	font-weight: 900 ;
}

.top_chara_title_back{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width: 100% ;
	height: 100% ;
	margin : 0px -24px -24px 0px ;
	border-bottom : 1px solid #0F4686 ;
	border-right : 1px solid #0F4686 ;
}



.top_chara_superbox{
	width: calc( 100% - 80px );
	max-width: 1600px ;
	margin : 160px auto 0px;
}
.top_chara_superbox.follow{
	margin-top : 160px ;
	flex-direction: row-reverse ;
}

.top_chara_image{
	width: 50% ;
	max-width: 800px ;
	top : 20px ;
}
.top_chara_image img{
	width: 100% ;
}

.top_chara_textbox{
	top : 60px ;
	width: calc( 50% - 40px );
}

.top_chara_text_title{
	width: 100% ;
	font-size: 40px ;
	line-height: 40px ;
	font-weight: 900 ;
	font-style : italic ;
	padding : 20px ;
	color : #0F4686 ;
	border : 1px solid #0F4686 ;
	background-color: #FFFFFF ;
	text-align: center ;
}
.top_chara_text_title.follow{
	margin-top : 80px ;
}
.top_chara_text_title_back{
		position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width: 100% ;
	height: 100% ;
	margin : 0px -20px -12px 0px ;
	border-bottom : 1px solid #0F4686 ;
	border-right : 1px solid #0F4686 ;
}


.top_chara_text_story{
	margin-top : 70px ;
	font-size: 20px ;
	line-height: 50px ;
}
.top_chara_text_story p{
	padding-left : 1em ;
	text-indent: -1em ;
}

.top_chara_link{
	width: calc( 100% - 80px );
	max-width: 1000px ;
	height: 120px ;
	line-height: 116px ;
	border : 2px solid #0F4686 ;
	background-color: #FFFFFF ;
	text-align: center ;
	font-size: 30px ;
	font-weight: 900 ;
	margin : 160px auto 0px ;
	top : 20px ;
}
.top_chara_link.basics{
	max-width: 400px ;
}
.top_chara_link img{
	display: inline-block;
	width: 60px ;
	margin-right : 10px ;
	margin-bottom : -6px ;
}

.top_chara_link_back{
		position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width: 100% ;
	height: 100% ;
	margin : 0px -20px -20px 0px ;
	border-bottom : 2px solid #0F4686 ;
	border-right : 2px solid #0F4686 ;
}

.top_access_section{
	width: 100%;
	padding : 120px 0px 100px ;
	z-index: 11 ;
}


.top_access_superbox{
	width: calc( 100% - 80px );
	max-width: 1200px ;
	margin : 0px auto ;
}

.top_access_addbox{
	font-size: 15px ;
	color: #000000 ;
	top : 20px ;
}
.top_access_addbox span{
	color : #FF0000 ;
	padding-right : 40px ;
}


.top_access_gmap{
	width: 100% ;
	height : 400px ;
	margin : 30px auto 0px ;
	top : 20px ;
}

.top_access_gmap iframe{
	width: 100% ;
	height: 100% ;
}

.top_access_info_item{
	width: 50% ;
	margin-top : 40px ;
	padding : 0px ;
	color : #000000 ;
	top : 20px ;
}

.top_access_info_item_title{
	font-size: 18px ;
	line-height: 60px; 
}
.top_access_info_item_story{
	font-size: 14px ;
	margin-top : 16px; 
}
.top_access_info_item_story p{
	padding-left : 1em ;
	text-indent: -1em ;
}


#header{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100px ;
	z-index: 44 ;
	padding : 12px 40px ;
}
.header_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index: 44 ;
	opacity: 0 ;
}

.header_logo{
	position: absolute;
	top : 50% ;
	left: 40px ;
	transform: translate(0%,-50%);
	width: 256px ;
	z-index: 45 ;
}

.header_inq{
	float : right ;
	width: 160px  ;
	z-index: 45 ;
	margin-top: 5px ;
}


.header_telbox{
	float : right ;
	width: 240px ;
	text-align: center ;
	color : #000000 ;
	z-index: 45 ;
	margin-top : 5px; 

}

.header_telnum{
	font-size: 32px ;
	line-height: 40px ;
	font-weight: 100 ;
	
}
.header_telduring{
	font-size: 14px ;
	line-height: 16px ;
}



#footer{
	width: 100% ;
	z-index: 11 ;
	padding-top : 140px ;
}

.footer_snsbox{
	width: calc( 100% - 80px );
	max-width: 640px ;
	padding : 70px 100px ;
	border : 1px solid #2987BE ;
	border-radius: 32px ;
	margin : 0px auto ;
	justify-content: center !important ;
	z-index:  4 ;
}

.footer_sns_item{
	width: 40px ;
	margin : 0px 40px ;
}

.footer_sns_donwload{
	width: 400px ;
	height: 80px ;
	font-size: 20px ;
	line-height: 80px ;
	background-color: #2987BE;
	color : #FFFFFF ;
	text-align: center ;
	margin : 80px auto 0px ;
}
.footer_sns_donwload a,
.footer_sns_donwload a:link,
.footer_sns_donwload a:visited{
	color : #FFFFFF ;
}


.footer_sns_icon{
	width: 100% ;
}

.footer_sns_title{
	position: absolute;
	top : -20px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: 520px ;
	text-align: center ;
	background-color: #FFFFFF ;
	font-size: 20px ;
	font-weight: 900 ;
	color: #000000 ;
}

.footer_credit{
	padding : 50px 0px ;
	border-top : 1px solid #000000 ;
	margin-top : 60px ;
}

.footer_logo{
	width: 90% ;
	max-width: 315px ;
	margin : 0px auto ;
}



.mailform_section{
	width: 100% ;
	z-index: 11 ;
	padding : 100px 0px ;
	background-color: rgba(0,128,69,0.2);
}







.mailform_title{
	width: calc( 100% - 80px );
	max-width: 960px ;
	height: 120px ;
	line-height: 116px ;
	border : 2px solid #0F4686 ;
	background-color: #FFFFFF ;
	text-align: center ;
	font-size: 60px ;
	font-weight: 900 ;
	margin : 160px auto 0px ;
}

.mailform_title_back{
		position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width: 100% ;
	height: 100% ;
	margin : 0px -20px -20px 0px ;
	border-bottom : 2px solid #0F4686 ;
	border-right : 2px solid #0F4686 ;

}


.mailform_superbox{
	width: calc( 100% - 80px );
	max-width: 960px ;
	margin : 100px auto 0px ;
	background-color: #FFFFFF ;
	padding : 80px 100px ;
}

.mailform_story{
	color : #000000 ;
	margin-bottom : 80px ;
}
.mailform_story p{
	margin-bottom: 20px ;
}



.mailform_item_title{
	margin-top : 40px ;
	line-height: 30px ;
	color: #000000 ;
}

.mailform_item_title span{
	background-color: #FF0000 ;
	color : #FFFFFF ;
	padding : 4px 8px ;
	margin-left: 10px ;
}

.mailform_item_inputbox{
	margin-top : 10px ;
	font-size: 18px ;
	color: #000000 ;
}
.mailform_item_inputbox label{
	margin-right : 20px ;
	display: inline-block;
}

.mailform_input{
	width: 100% ;
	height: 40px ;
	position: relative;
	box-sizing: border-box ;
	background-color: #FFFFFF ;
	border-top : 1px solid #FFFFFF ;
	border-left : 1px solid #FFFFFF ;
	border-right : 1px solid #FFFFFF ;
	border-bottom : 1px solid #000000 ;
	padding : 0px 20px ;

}


.contact01_q{
	width: 100% ;
	height: 300px ;
	border : 1px solid #000000 ;
	position: relative ;
	box-sizing: border-box ;
	padding : 20px ;
}




#contact01_kind_notice,
#contact01_name1_notice,
#contact01_name2_notice,
#contact01_now_notice,
#contact01_tel_notice,
#contact01_mail_notice,
#contact01_by_notice,
#contact01_zip_notice,
#contact01_add1_notice,
#contact01_add2_notice{
	font-weight: 900 ;
	color : #FF0000 ;
	display: none ;
}

.mailform_submit{
	width: 200px ;
	height: 80px ;
	background-color: #0F4686;
	color : #FFFFFF ;
	font-size: 20px ;
	font-weight: 900 ;
	position: relative ;
	box-sizing: border-box ;
	-webkit-appearance : none ;
	margin : 80px auto 0px ;
	position: relative ;
	display: block ;
	cursor: pointer;
}





.spnavi_superbox{
	position: fixed;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 41 ;
	background-color : #DFE7E2 ;
	overflow: hidden ;
	display: none ;
}

.spnavi_dummy{
	width: 100%;
	height: 100px ;
	border-bottom: 1px solid #000000 ;
}

.spnavi_item{
	width: 100% ;
	height: 80px ;
	line-height: 80px;
	border-bottom: 1px solid #000000 ;
	text-align: center ;
	font-size: 18px ;
	font-weight: 900 ;
}


.footer_float{
	position: fixed;
	bottom : 0px ;
	left: 0px ;
	width: 100% ;
	height: 80px ;
	background-color: #FFFFFF ;
	z-index: 43 ;
	opacity: 0 ;
}

.footer_float_inner{
	width: 100% ;
	max-width: 360px ;
	height: 80px ;
	margin : 0px auto ;
	text-align: center;
}















/** about ====================================== **/

.about_section{
	/** background-color: #DFE7E2 ; **/
	background-color: rgba(0,128,69,0.2) ;
	padding-bottom : 560px ;
	z-index: 4 ;
}

.about_fv_superbox{
	width: 100% ;
	padding :300px 40px 200px ;
	text-align: center ;
	margin : 0px auto ;
	z-index: 4 ;
}

.about_fv_title{
	font-size: 30px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	opacity: 0 ;
}
.about_fv_story{
	font-size: 24px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	margin-top : 80px ;
	opacity: 0 ;
}


.about_inner{
	width: calc( 100% - 80px );
	max-width: 1600px ;
	margin : 0px auto ;
}


.about_item01{
	float :right ;
	width: 100% ;
	max-width: 1180px ;
	background-color: #EBE5D4 ;
	padding : 100px ;
	z-index: 8 ;
	top : 20px ;
}
.about_item02{
	width: 100% ;
	max-width: 1180px ;
	background-color: #EBE5D4 ;
	padding : 100px ;
	margin : 90px auto 0px ;
	z-index: 4 ;
	top : 20px ;
}
.about_item03{
	width: 100% ;
	max-width: 1180px ;
	background-color: #EBE5D4 ;
	padding : 100px ;
	margin : 90px 0px 0px ;
	z-index: 4 ;
	top : 20px ;
}

.about_item04{
	float :right ;
	width: 100% ;
	max-width: 1280px ;
	background-color: #EBE5D4 ;
	padding : 100px ;
	margin : 90px -40px 0px 0px;
	z-index: 4 ;
	top : 20px ;
}
.about_item05{
	width: 100% ;
	max-width: 1180px ;
	background-color: #EBE5D4 ;
	padding : 100px ;
	z-index: 4 ;
	margin-top : 90px ;
	top : 20px ;
}

.about_item_title{
	font-size: 30px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	text-align: center ;
}

.about_item_story{
	width: 100% ;
	border : 1px solid #0F4686 ;
	background-color: #FFFFFF ;
	padding : 10px 80px ;
	margin : 40px auto 0px ;
	font-size: 32px ;
}
.about_item_story p{
	z-index: 5 ;
}
.about_item_back{
	z-index: 4 ;
	position: absolute;
	bottom : -12px ;
	right: -12px ;
	width: 100% ;
	height: 100% ;
	border-right : 1px solid #0F4686 ;
	border-bottom : 1px solid #0F4686 ;
}

.about_image01{
	position: absolute;
	bottom : -200px ;
	right: calc( 100% - 80px );
	z-index: 8 ;
	width: 580px ;
	background-color: #FFFFFF ;
	padding : 18px ;
}
.about_image01 img{
	width: 100% ;
}

.about_image02{
	position: absolute;
	top : calc( 100% - 120px ) ;
	left: calc( 100% - 80px );
	z-index: 8 ;
	width: 780px ;
	background-color: #FFFFFF ;
	padding : 18px ;
}
.about_image02 img{
	width: 100% ;
}



.about_section02{
	background-color: #FFFFFF ;
	padding : 128px 40px ;
	z-index: 4 ;
}


.about_section02_inner{
	text-align: center ;
	line-height: 3 ;
	font-size: 15px ;

	color: #000000 ;
}



.about_section03{
	padding : 140px ;
	/** background-color: #DFE7E2 ; **/
	background-color: rgba(0,128,69,0.2) ;
	z-index: 4 ;
}


.about_message_superbox{
	width: calc( 100% - 80px );
	max-width: 1690px ;
	margin : 0px auto ;
	background-color: #FFFFFF ;
	border-radius: 32px ;
	border : 1px solid #FF7B88 ;
	padding : 120px 100px ;
	color : #000000 ;
	z-index: 4 ;
}

.about_message_titleen{
	font-size: 15px ;
	color : #FF0000 ;
	z-index: 6 ;
	top : 20px ;
}

.about_message_title{
	font-size: 32px ;
	font-weight: 900 ;
	z-index: 6 ;
	top : 20px ;
}
.about_message_story{
	font-size: 15px ;
	z-index: 6 ;
}

.about_message_story p{
	margin-top : 48px ;
	top : 20px ;
}

.about_message_name{
	font-size: 15px ;
	margin-top : 80px ;
	z-index: 6 ;
	top : 20px ;
}

.about_message_back{
	position: absolute;
	z-index: 5 ;
	bottom : 120px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: calc( 100% - 200px );
}

.about_image03{
	display: none ;
	right : 20px ;
}
.about_image04{
	display: none ;
	right : 20px ;
}








/** basics ========================================== **/



.basics_header{
	width: 100%;
	height: 600px ;
	opacity: 0 ;
}

.basics_header_img{
	position: absolute ;
	top : 0% ;
	right : 0% ;
	width: 66% ;
	height: 600px ;
	border-radius: 0px 0px 0px 20px ;
	overflow: hidden ;
}
.basics_header_img img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	object-position: top right ;
	z-index: 1 ;
}
.basics_header_title{

	width: 100%;
	max-width: 1600px ;
	height: 600px ;
	margin : 0px auto ;
}
.basics_header_title_inner{
	position: absolute;
	top : 50% ;
	left: 0% ;
	padding-left : 40px ;
	font-size: 60px ;
	font-family: 'Noto Serif JP', serif;
	font-weight: 200 ;
	color: #000000 ;
	transform: translate(0%,-50%);
	z-index: 4 ;
}



.basics_section{
	padding : 0px 0px 200px ;
	background-color: rgba(0,128,69,0.2) ;
	z-index: 1 ;
}


.basics_item_superbox{
	width: calc( 100% - 80px );
	max-width: 1600px ;
	background-color: #FFFFFF ;
	z-index: 4 ;
	padding: 60px ;
	margin : 80px auto 0px; 
	top : 20px ;
}

.basics_item_title{
	background-color: #FFFFD2 ;
	padding : 10px 30px ;
	font-size: 30px ;
	font-weight: 900 ;
	color : #666666
}

.basics_item_story{
	font-size: 15px ;
	font-weight: 900 ;
	margin-top : 40px ;
	color: #000000 ;

	font-family: 'Noto Serif JP', serif;
	font-weight: 100 ;
}


.basics_section02{
	padding : 100px 0px 100px ;
	background-color: rgba(0,128,69,0.2) ;
	z-index: 1 ;
}





/** info =========================== **/

.info_superbox{
	width: calc( 100% - 80px );
	max-width: 1000px ;
	margin : 100px auto 0px ;
	background-color: #FFFFFF ;
	border : 1px solid #0F4686 ;
	padding: 80px ;
}
.info_superbox.top{
	margin-top : -100px ;
}

.info_titlebox{
	width: 100% ;
	padding-bottom : 20px ;
	border-bottom : 1px solid #0F4686 ;
	display: inline-block;
}

.info_title_cate{
	height: 30px ;
	line-height: 30px ;
	padding : 0px 10px ;
	background-color: #0F4686 ;
	color : #FFFFFF ;
	margin-right : 10px ;
}
.info_title_date{
	display: inline-block ;
	font-size: 18px ;
	height: 30px ;
	line-height: 30px ;
	font-weight: 100 ;
}

.info_title{
	width: 100% ;
	font-size: 24px ;
	/** font-weight: 900 ; **/
	font-weight: 100 ;
}

.info_storybox{
	font-size: 18px ;
	font-weight: 100 ;
}
.info_storybox p{
	margin-top : 20px ;
}
.info_storybox img{
	width: auto ;
	max-width: 100% ;
	margin : 20px auto 0px ;
}
.info_storybox a,
.info_storybox a:link,
.info_storybox a:visited{
	
	text-decoration: underline;
}
.info_storybox a:hover{
	opacity: 0.5;
}




.info_section{
	padding : 100px 0px 100px ;
	background-color: rgba(0,128,69,0.2) ;
	z-index: 1 ;
}





.info_index_superbox{
	width: calc( 100% - 80px ) ;
	max-width: 1280px ;
	margin: 40px auto 0px ;
}


.info_index_title{
	width: 100% ;
	max-width: 1000px ;
	font-size: 30px ;
	font-weight: 900 ;
	text-align: center;
	margin : 100px auto ;
}



.info_pagenation_superbox{
	width: calc( 100% - 80px ) ;
	max-width: 1000px ;
	margin : 80px auto 0px ;
	justify-content: center !important;
}

.info_pagenation_itembox{
	width: 64px ;
	height: 64px;
	border : 1px solid #0F4686;
	background-color: #FFFFFF ;
	text-align: center ;
	line-height: 62px ;
	font-size: 20px ;
	font-weight: 900 ;
	margin : 0px 4px 10px ;
}
.info_pagenation_item_wrap{
	color: #0F4686 ;
}

.info_pagenation_itembox:hover,
.info_pagenation_itembox.active{
	background-color: #0F4686 ;
}
.info_pagenation_itembox:hover .info_pagenation_item_wrap,
.info_pagenation_itembox.active .info_pagenation_item_wrap{
	color : #FFFFFF ;
}





.contact_send_title{
	font-size: 30px ;
	font-weight: 900 ;
	text-align: center ;
}


































































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



.about_section{
	padding-bottom : 200px ;
}

.about_image01{
	display: none ;
}

.about_image02{
	display: none ;
}

.about_image03{
	display: block ;
	width: 100% ;
	max-width: 580px ;
	background-color: #FFFFFF ;
	padding : 18px ;
	top : -40px ;
	z-index: 9 ;
	margin-bottom : -200px ;

}
.about_image04{
	float:right;
	display: block ;
	width: 100% ;
	max-width: 780px ;
	background-color: #FFFFFF ;
	padding : 18px ;
	top : -40px ;
	z-index: 6 ;
}


.about_image03 img,
.about_image04 img{
	width: 100%;
}




}



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










.back_belt{
	width: 80px ;
}
.back_belt01{
	width: 60px ;
}

.top_fv_section{
}

.top_fv_superbox{
	width: 90% ;
	min-width: 328px ;
	border-radius: 0px 0px 0px 0px ;
}
.top_fv_superbox_sp{
	width: 90% ;
	min-width: 328px ;
	border-radius: 0px 0px 0px 0px ;
}

.top_fv_slide_wrap{
}

.top_fv_slide{
}


.top_fv_catch_box{
	padding : 40px 20px 40px 0px ;
	top : 84px;
	bottom : auto ;
	transform: translate(0%,0%);
}



.top_fv_catch01{
	right : 10px ;
	font-size: 20px ;
	line-height: 20px ;
	width: 40px ;
}
.top_fv_catch02{
	right : 10px ;
	font-size: 20px ;
	line-height: 20px ;
	width: 40px ;
}
.top_fv_catch03{
	right : 10px ;
	font-size: 20px ;
	line-height: 20px ;
	width: 40px ;
}

.top_fv_catch_bar{
	width: 4px ;
}


.top_fv_story_section{
	padding-bottom : 100px ;
}

.top_fv_story{
	max-width: 800px ;
	padding : 120px 40px ;
}



.top_fv_story01,
.top_fv_story02,
.top_fv_story03,
.top_fv_story04,
.top_fv_story05,
.top_fv_story06,
.top_fv_story07,
.top_fv_story08,
.top_fv_story09,
.top_fv_story10,
.top_fv_story11{
	width: 24px ;
	line-height: 20px ;
	font-size: 18px ;
}



.top_info_section{
	padding : 0px 0px 100px ;
}

.top_info_superbox{
	max-width : 640px ;
}
.top_info_link_superbox{
}
.top_info_linkbox{
	font-size: 18px ;
}
.top_info_link_arrow{
}
.top_info_itembox{
	width: 100% ;
	max-width : 640px ;
}
.top_info_itembox_wrap{
}
.top_info_itembox_back{
}

.top_info_titlebox{

}

.top_info_cate{
	font-size: 14px ;
}

.top_info_date{
	font-size: 14px ;
	font-weight: 100 ;
}
.top_info_title{
	font-size: 18px ;
}

.top_info_storybox{
}

.top_info_storybox p{
}
.top_info_storybox a{
}
.top_info_storybox a:hover{
}
.top_info_storybox img{
}

.inner1280{
}

.top_style_superbox{
}

.top_style_image{
	width: 100%   ;
	margin : 0px auto ;
}
.top_style_image img{
}

.top_style_storybox{
	width: 100% ;
	max-width: 640px ;
	font-size: 14px ;
	margin : 20px auto 0px ;
}

.top_style_story_catch{
	font-size: 28px ;
}

.top_style_link{
	float : right ;
	width: 200px ;
	font-size: 18px ;
}

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


.top_chara_section{
	padding : 100px 0px ;
}



.top_chara_title_wrap{
}
.top_chara_title{
	font-size: 28px ;
	line-height: 34px ;
}

.top_chara_title_back{
}



.top_chara_superbox{
	margin : 100px auto 0px;
}
.top_chara_superbox.follow{
	margin-top : 100px ;
	flex-direction : normal ;
}

.top_chara_image{
	width: 100% ;
	max-width: 800px ;
	margin : 0px auto 40px ;
}
.top_chara_image img{
}

.top_chara_textbox{
	width: 100% ;
}

.top_chara_text_title{
	font-size: 28px ;
	line-height: 34px ;
}
.top_chara_text_title.follow{
}
.top_chara_text_title_back{
}


.top_chara_text_story{
	font-size: 14px ;
	line-height: 34px ;
	margin-top : 40px ;
}
.top_chara_text_story p{
}

.top_chara_link{
	max-width: 640px ;
	height: auto ;
	line-height: 34px ;
	font-size: 20px ;
	padding :20px 20px 20px 80px ;
	margin : 100px auto 0px ;
}


.top_chara_link img{
	position: absolute ;
	top : 50% ;
	left: 40px ;
	display: block;
	transform: translate(0%,-50%);
	width: 40px ;
	margin-right : 0px ;
	margin-bottom : 0px ;
}

.top_chara_link_back{
}

.top_access_section{
}

.top_access_infobox{
	max-width: 640px ;
	margin : 0px auto ;
}

.top_access_superbox{
}

.top_access_addbox{
}
.top_access_addbox span{
}


.top_access_gmap{
}

.top_access_gmap iframe{
}

.top_access_info_item{
	width: 100% ;
	margin-top : 40px ;
}

.top_access_info_item_title{
	font-size: 28px ;
}
.top_access_info_item_story{
	font-size: 14px ;
	margin-top : 16px; 
}
.top_access_info_item_story p{
}


#header{
	height: 80px ;
}
.header_back{
}

.header_logo{
	top : 50% ;
	left: 20px ;
	transform: translate(0%,-50%);
	width: 168px ;
}



.header_telbox{
	float : none ;
	width: 240px ;
	margin : 0px auto ;
}


.header_telnum{
	font-size: 24px ;
	line-height: 31px ;

}
.header_telduring{
	font-size: 10px ;
	line-height: 14px ;
}



#footer{
	padding-top : 200px ;
}

.footer_snsbox{
	justify-content: center !important;
	padding : 100px 20px 70px ;
}

.footer_sns_item{
	width: 40px ;
	margin : 0px 20px ;
}

.footer_sns_donwload{
	width: calc( 100% - 48px );
}

.footer_sns_icon{
}

.footer_sns_title{
	top : 0px ;
	transform: translate(-50%,-50%);
	width: 200px ;
	font-size: 18px ;
}

.footer_credit{
	padding : 50px 0px 50px ;
}

.footer_logo{
	width: 90% ;
	max-width: 240px ;
	margin : 0px auto ;
}



.mailform_section{
	padding : 1px 0px 100px ;
	margin-top : 0px ;
}







.mailform_title{
	height: auto ;
	line-height: 40px  ;
	font-size: 28px ;
	font-weight: 900 ;
	margin : 60px auto 0px ;
	padding : 20px ;
}

.mailform_title_back{
}


.mailform_superbox{
	width: calc( 100% - 20px );
	padding : 40px 30px 80px ;
}

.mailform_story{
	margin-bottom : 80px ;
	font-size: 14px ;
}
.mailform_story p{
	margin-bottom: 20px ;
}



.mailform_item_title{
	font-size: 18px ;
}

.mailform_item_title span{
	padding : 2px 4px ;
	font-size: 14px ;
}

.mailform_item_inputbox{
	font-size: 18px ;
}
.mailform_item_inputbox label{
	margin-right : 0px ;
	display: block;
}

.mailform_input{
}


.contact01_q{
}




#contact01_kind_notice,
#contact01_name1_notice,
#contact01_name2_notice,
#contact01_now_notice,
#contact01_tel_notice,
#contact01_mail_notice,
#contact01_by_notice,
#contact01_zip_notice,
#contact01_add1_notice,
#contact01_add2_notice{
}

.mailform_submit{
}







.footer_float{
}

.footer_float_inner{
}
.footer_float_telbox{
	float : left ;
	width: calc( 100% - 160px );
}
.header_inq{
	float : none ;
	width: 128px ;
	margin : 20px auto 0px ;
}







/** about ====================================== **/

.about_section{
}

.about_fv_superbox{
	padding :160px 40px 100px ;
}

.about_fv_title{
	font-size: 20px ;
}
.about_fv_story{
	font-size: 14px ;
	margin-top : 80px ;
}


.about_inner{
}


.about_item01{
	float :none ;
	padding : 20px ;
}
.about_item02{
	float :none ;
	padding : 20px ;
}
.about_item03{
	float :none ;
	padding : 20px ;
}

.about_item04{
	float :none ;
	padding : 20px ;
}
.about_item05{
	float :none ;
	padding : 20px ;
}

.about_item_title{
	font-size: 20px ;
}

.about_item_story{
	font-size: 18px ;
	padding : 20px ;
	margin-top : 20px ;
}
.about_item_story p{
}
.about_item_back{
}

.about_image01{
}
.about_image01 img{
}

.about_image02{
}
.about_image02 img{
}



.about_section02{
	padding : 100px 40px ;
}


.about_section02_inner{
	font-size: 14px ;
}



.about_section03{
	padding : 100px 40px ;
}


.about_message_superbox{
	width: 100%;
	padding : 80px 20px ;
}

.about_message_titleen{
}

.about_message_title{
	font-size: 20px ;
}
.about_message_story{
	font-size: 14px ;
}

.about_message_story p{
	margin-top : 20px ;
}

.about_message_name{
	font-size: 14px ;
	margin-top : 40px ;
}

.about_message_back{
	bottom : 80px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: 100%;
}

.about_image03{
	top : 0px ;
	margin : 20px auto 0px ;

}
.about_image04{
	float : none ;
	top : 0px ;
	margin : 20px auto 0px ;
}









/** basics ========================================== **/



.basics_header{
	width: 100%;
	height: auto ;
	opacity: 0 ;
}

.basics_header_img{
	position: relative;
	top : auto ;
	right: auto ;
	width: 100% ;
	height: 300px ;
	border-radius: 0px 0px 0px 0px ;
}
.basics_header_img img{
}
.basics_header_title{
	height: auto ;
	margin : 40px auto 0px ;
}
.basics_header_title_inner{
	position: relative;
	top : auto ;
	left: auto ;
	padding : 0px 40px ;
	font-size: 30px ;
	transform: translate(0%,0%);
	text-align: center ;
}



.basics_section{
	padding : 0px 0px 200px ;
}


.basics_item_superbox{
	padding: 20px ;
	margin-top : 40px ;
}

.basics_item_title{
	padding : 10px 20px ;
	font-size: 14px ;
}

.basics_item_story{
	font-size: 14px ;
	margin-top : 20px ;
}


.basics_section02{
	padding : 100px 0px 100px ;
	background-color: rgba(0,128,69,0.2) ;
	z-index: 1 ;
}













/** info =========================== **/

.info_superbox{
	padding: 20px ;
}

.info_titlebox{
}

.info_title_cate{
}
.info_title_date{
}

.info_title{
	font-size: 18px ;
}

.info_storybox{
	font-size: 14px ;
}
.info_storybox p{
}
.info_storybox img{
}
.info_storybox a,
.info_storybox a:link,
.info_storybox a:visited{
}
.info_storybox a:hover{
}




.info_section{
}






.info_index_superbox{
}


.info_index_title{
	font-size: 20px ;
}



.info_pagenation_superbox{
}

.info_pagenation_itembox{
	width: 40px ;
	height: 40px;
	line-height: 38px ;
	font-size: 14px ;
}
.info_pagenation_item_wrap{
}

.info_pagenation_itembox:hover,
.info_pagenation_itembox.active{
}
.info_pagenation_itembox:hover .info_pagenation_item_wrap,
.info_pagenation_itembox.active .info_pagenation_item_wrap{
}




.contact_send_title{
	font-size: 20px ;
}





















}