@charset "utf-8";



/*-----------------------------------------------*/
.bg_top01{
	position: relative;
	padding: 0 0 200px;
	margin-bottom: -100px;
}
@media screen and (max-width: 767px) {
.bg_top01{
	padding: 0 15px 200px;
	margin-bottom: 0;
}
	
}
.bg_top01::after{
	    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    height: 100%;
    width: 50%;
	background: url("../img/top/img_01.png") right center no-repeat;
}
@media screen and (max-width: 767px) {
.bg_top01::after{
	top: inherit;
    bottom: -20px;
    right: 0;
    background-size: cover;
    height: 40%;
    width: 100%;
	/*background: url("../img/top/img_01.png") right center no-repeat;*/
}
}
.bg_top02{
	background: url("../img/top/bg_01.png") center top no-repeat;
	background-size: cover;
	padding: 200px 0 90px;
}
@media screen and (max-width: 767px) {
.bg_top02{
	padding: 40px 15px;
}
	
}

@media screen and (max-width: 767px) {
.col_2.concept > .left_area{
    float: left;
    width: 48%;	
} 

.col_2.concept > .right_area{
    float: right;
    width: 48%;	
} 
}

.f_tate{
		-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	-ms-column-gap: 0;
	column-gap: 0;
	display: inline-block;

}
.btn_000 {
	padding-top: 90px;
	border-bottom: #222 1px solid;
	position: relative;
}
@media screen and (max-width: 767px) {
.btn_000 {
	padding-top: 0;
}
}
.btn_000::after {
	    content: "";
position: absolute;
    right: 10px;
    bottom: -1px;
    width: 1px;
    height: 30px;
    transform: skewX(35deg);
	border-right: #222 1px solid;
}
.btn_000 a{
	display: block;
    text-align: right;
    padding: 5px 40px;
	font-size: 1.6rem;
	line-height: 1;
}

.btn_001 a{
	display: block;
    text-align: right;
    padding:20px 5px 10px;
	font-size: 1.6rem;
	line-height: 1;
	border-bottom: #222 1px solid;
}
@media screen and (max-width: 767px) {
.btn_001 a{
    padding:0px 5px 10px;
	font-size: 1.4rem;
}
}
.bnr_box01 .left_area,
.bnr_box01 .right_area{
	position: relative;
}

.bnr_box01 .left_area::before,
.bnr_box01 .right_area::before{
	position: absolute;
	content: "";
	border-left: #222 1px solid;
	width: 1px;
	height: 150px;
	top: 42px;
	left: 0;
}

@media screen and (max-width: 767px) {
.bnr_box01 .left_area::before,
.bnr_box01 .right_area::before{
	top: 26px;
	height: 80px;
}
}

.list_01 dt{
	float: left;
	width: 18%;
}
.list_01 dd{
	float: right;
	width: 82%;
}
.border_box{
	border: #434343 1px solid;
	padding: 40px;
}
@media screen and (max-width: 767px) {
.border_box{
	padding:20px;
}
}

.main_img_area {}
.main_img_area .left_area {
	float: left;
	width: 90%;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.main_img_area {}
.main_img_area .left_area {
	float: none;
	width: 100%;
}
}
.main_img_area .right_area {
	float: right;
	width: 10%;
	box-sizing: border-box;
	padding: 70px 0;
}
@media screen and (max-width: 767px) {
.main_img_area .right_area {
	float: none;
	width: 100%;
	padding: 15px; 
}
}

.box {
	text-align: center;
}
.exp {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	-ms-column-gap: 0;
	column-gap: 0;
	display: inline-block;
	height: 500px;
	letter-spacing: 6px;
	text-align: left;
	font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.exp {
	-webkit-writing-mode:horizontal-tb;
	-moz-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode:horizontal-tb;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	-ms-column-count: auto;
	column-count: auto;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	-ms-column-gap: 0;
	column-gap: 0;
	display: inline-block;
	height: auto;
	letter-spacing: 2px;
	text-align: left;
	font-size: 2.0em;
}}
.exp02 {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	-ms-column-gap: 0;
	column-gap: 0;
	display: inline-block;
	height: auto;
	letter-spacing: 6px;
	text-align: left;
}
.column_area {

}
.bg_main {
	background-color: #dcdcdc;
}
.scrollBox01 {
	overflow: auto;
}
@media screen and (max-width: 767px) {
	.scrollBox01 {
		overflow: auto;
	}
}
.blog_area_top_01 {
	background-color: #fff;
	border: 1px solid #bbbbbb;
	padding: 15px;
	max-height: 240px;
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	.blog_area_top_01 {
		max-height: 200px;
		margin-bottom: 20px;
		padding: 15px;
	}
}
.blog_area_top_02 {
	background-color: #fff;
    border-bottom: 1px solid #116845;
/*	border: 1px solid #bbbbbb;
	padding: 30px;
	margin-bottom: 30px;*/
	max-height: 170px;
}
@media screen and (max-width: 767px) {
	.blog_area_top_02 {
		max-height: 200px;
/*		margin-bottom: 30px;
		padding: 15px;*/
	}
}

.bg_pick_up{position: relative;z-index: 1;}

.pickup_out{clear: both;text-align: left;}
.pickup_out > .left_area{width: 42%;float: left;}
.pickup_out > .right_area{width: 58%;float: right;z-index: 2;}
.pickup_out > .left_area > .right_area{float: right;width: 430px;margin: 0 70px 0 0;position: relative;}

.pickup_out > .left_area > .right_area p{margin-bottom: 20px;font-size: 1.6rem;}

@media screen and (max-width: 767px) {
.pickup_out > .left_area{width: 100%;float: none;}
.pickup_out > .right_area{width: 100%;float: none;z-index: 2;}
.pickup_out > .left_area > .right_area{float: none;width: 100%;margin:0 0 0 0;position: relative;padding: 0 15px;}
}


.bg_pick_up_tit{color: #116845;font-size: 4.2rem;position: absolute;left: -200px;top: -100px;height: 800px;}

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

.bg_pick_up_tit{font-size: 2.0rem;font-weight: bold;position: relative;left: 0px;top: 0px;height: auto;margin-bottom: 20px;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr;
writing-mode: horizontal-tb;
}

}

@media screen and (max-width: 767px) {
.bg_pick_up_tit{font-size: 1.8rem;}

	.top_u_txt {
		padding-bottom: 20px;
		height: auto;
	}
}


.top_pickup_down{background-color: #e6f0ec;z-index: 0;padding: 200px 0 90px;margin: -100px 0 0 0;text-align: center;}

.top_pickup_tit_2{color: #116845;font-size: 4.2rem;}
.top_pickup_tit_sub{font-size: 2.4rem;margin-bottom: 60px;}

@media screen and (max-width: 767px) {
.top_pickup_down{padding: 30px 15px 30px;margin: 0px 0 0 0;text-align: left;}
.top_pickup_tit_2{font-size: 2.4rem;}
.top_pickup_tit_sub{font-size: 1.8rem;margin-bottom: 30px;}
}


.bg_top_white {
	position: absolute;
	left: 0;
	bottom: 60px;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.8);
	padding: 30px;
	/*	border: #2d2d2d 1px solid;
*/
}
.bg_top_white_1 {
	background: rgba(255, 255, 255, 1);
	padding: 60px 20px;
}
@media screen and (max-width: 767px) {
	.bg_top_white {
		padding: 15px;
		position: relative;
		left: 0;
		bottom: auto;
		top: 0;
	}
}



/*slider css　トップスライダー
-------------------------------------*/
.wideslider_outer {
	position: relative;
	min-height: 370px;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}



@media screen and (max-width : 767px ) {
.wideslider_outer {
	position: relative;
	min-height: auto;
}

.wideslider_outer .slide_txt {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 20px;
	margin: 0;
}

}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}

.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {
	background: #fff url(../img/top/arrow_l.png) no-repeat 95% center;
}
.slider_next {
	background: #fff url(../img/top/arrow_r.png) no-repeat 5% center;
}


/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


.topslider_outer {position: relative;}


.topslider_in{position: relative;width: 87.5%;float: left;}

.top_copy_box{width: 12.5%;float: right;background:#fff;color: #116845;
background-size: auto 100%;font-size: 2.4rem;
    display: flex;
    justify-content: center;
}




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

.topslider_outer {position: relative;width: 100%;}
.topslider_in{position: relative;width: 100%;float: none;}
.top_copy_box{width: 100%;float: none;background: none;padding: 6% 0;text-align: center;}

}


.slide figure img{
border: 1px solid #000;
    overflow: hidden;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 15px;}

/**/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}