@charset "utf-8";
/* ★charset */

/* 共通
================================================== */
br.forsp{
	display: none;
}
a{
	color: #be004c;
}
#main_second a{
	text-decoration: underline;
}
#main_second a:hover{
	text-decoration: none;
}
.flatBox a:visited{
	color: #8e0017;
}
.flatBox article a:visited{
	color: #333;
}
.flatBox .nextprevBox a:visited{
	color: #be004c;
}
/*
#main_second a:visited{
	color: #de7fa5;
	text-decoration: none;
}
*/
#main_second .colum3 a,
#main_second .colum3 a:hover,
#main_second .colum3 a:visited,
#main_second .colum4 a,
#main_second .colum4 a:hover,
#main_second .colum4 a:visited{
	color: #333;
	text-decoration: none;
}
p{
	font-size: 16px;
	font-size: 1.6rem;
}
hr.gray{
	background: none;
	border: none;
	border-top: 1px solid #ddd;
}
.exp_last{
	margin-bottom: 5%;
}
.super{
	font-size: 10px;
	font-size: 1.0rem;
	vertical-align: super;
}

/* webfontアイコン用 */
.list_border:before,
.list_border:after,
.list_arrow_l > li:before,
.list_arrow_l > li:after,
.colum3:before,
.colum3:after{
	display: block;
	height: 0;
	visibility: hidden;
	content: "\0020";
}
.list_border:after,
.list_arrow_l > li:after,
.colum3:after{
	clear: both;
}

/* icon */
.icon_new{
	display: inline-block;
	margin-left: 4px;
	padding: 3px 6px;
	line-height: 1;
	color: #fff;
	text-indent: 0;
	font-size: 10px;
	font-size: 1.0rem;
	vertical-align: middle;
	background: #be004c;
}
.icon_font{
	display: block;
	font-size: 80px;
	font-size: 8.0rem;
	text-align: center;
	color: #c9c9c9;
}
@media screen and (max-width: 767px){
	.icon_font{
		font-size: 13vw;
	}
}

/* link */
.link_past{
	margin: 4% 0;
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
}
.link_past:before{
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-right: 6px;
	vertical-align: sub;
	content: url(/shared/img/arrow_detail_red.png);
}
.link_arrow{
	margin: 4% 0;
}
.link_arrow:before{
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-right: 6px;
	content: url(/shared/img/arrow_detail_red.png);
}

.txt_link{
	background: url(/shared/img/arrow_detail_red.png) no-repeat right center;
	padding-right: 20px;
}

.blank_link{
	background: url(/shared/img/icon_blank_l_red.png) no-repeat right center;
	padding-right: 20px;
}

/* list */
.list_border{
	zoom: 1;
}
.list_border li{
	position: relative;
	float: left;
	width: 47.5%;
	line-height: 1;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: hidden;
}
.list_border_l li{
	float: none;
	width: 100%;
}

.list_border li a{
	position: relative;
	display: block;
	width: 100%;
	color: #333;
	padding: 20px 0;
	text-decoration: none !important;
	border-bottom: 1px solid #b1b1b1;
	cursor: pointer;
}
.list_border li a:hover{
	color: #be004c;
}
.list_border_l li a{
	border-bottom: 1px solid #b1b1b1 !important;
}
.list_border li:nth-child(odd){
	margin-right: 5%;
}
.list_arrow > li a:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	content: url(/shared/img/arrow_detail_gray.png);
}
.list_arrow > li a:hover:after{
	content: url(/shared/img/arrow_detail_red.png);
}
.list_plus > li li{
	float: none;
	width: 100%;
}
.list_plus > li li:nth-child(odd){
	margin-right: 0;
}
.list_plus > li > a:after,
.list_arrow > .list_plus_li > a:after{
	content: "＋";
	display: block;
	width: 15px;
	height: 15px;
	border: solid 1px #555;
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -8px;
	color: #555;
	line-height: 16px;
	text-align: center;
}
.list_plus > li > a:hover:after,
.list_arrow > .list_plus_li > a:hover:after{
	color: #be004c;
	border: solid 1px #be004c;
	content: "＋";
}
.list_plus .list_arrow{
	display: none;
}
.list_even li:nth-child(even),
.list_even article:nth-child(even),
.list_even dd:nth-of-type(2n){
	background: #f9f9f9;
}
.list_arrow_l > li,
.list_arrow_l > article{
	position: relative;
	width: 100%;
	zoom: 1;
}
.list_arrow_l > li a,
.list_arrow_l > article > a{
	position: relative;
	display: block;
	color: #333;
	padding: 2% 9% 2% 6%;
}
.list_arrow_l > li a:before,
.list_arrow_l > article > a:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.list_arrow_l > li a:hover:before,
.list_arrow_l > article > a:hover:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.list_arrow_l > li a:hover,
.list_arrow_l > article > a:hover{
	color: #fff;
}
.list_arrow_l > li a:after,
.list_arrow_l > article > a:after{
	position: absolute;
	top: 50%;
	right: 5%;
	display: inline-block;
	width: 11px;
	height: 22px;
	margin-top: -11px;
	content: url(/shared/img/arrow_detail_l_red.png);
}
.list_arrow_l > li a:hover:after,
.list_arrow_l > article > a:hover:after{
	content: url(/shared/img/arrow_detail_l_white.png);
}
.dl_normal{
	font-size: 16px;
	font-size: 1.6rem;
}
.floatBox .dl_normal,
.table_normal .dl_normal{
	font-size: 14px;
	font-size: 1.4rem;
}
.floatBox .dl_normal_withimgs{
	width: 77%;
}
.dl_normal dt{
	position: relative;
	width: 12em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
}

.dl_normal_ss dt{
	width: 4em;
}
.dl_normal_s dt{
	width: 8em;
}
.dl_normal_m dt{
	width: 16em;
}
.dl_normal_mm dt{
	width: 18em;
}
.dl_normal_l dt{
	width: 20em;
}

.dl_normal dd{
	margin-top: -3.5em;
	padding: 1em 1em 1em 12em;
	border-bottom: 1px solid #ddd;
}
.dl_normal dd.bdr_black{
	border-bottom: 1px solid #333;
}
.dl_normal_ss dd{
	padding: 1em 1em 1em 4em;
}
.dl_normal_s dd{
	padding: 1em 1em 1em 8em;
}
.dl_normal_m dd{
	padding: 1em 1em 1em 16em;
}
.dl_normal_mm dd{
	padding: 1em 1em 1em 18em;
}
.dl_normal_l dd{
	padding: 1em 1em 1em 20em;
}
.dl_nobdr dt{
	padding: 0.25em 1em;
}
.dl_nobdr dd{
	margin-top: -2em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-bottom: none;
}
/* SP */
@media screen and (max-width: 767px){
	.alternate .list_border li{
		float: none;
		width: 100%;
	}
	.alternate .list_border li:nth-child(odd){
		margin-right: 0;
	}
/* ↓2017.06.13 windage.追加↓ */
	.alternate .dl_normal dt{
		width: 100%;
	}
	.alternate .dl_normal.list_even dt:nth-of-type(2n){
		background: #f9f9f9;
	}
	.alternate .dl_normal dd{
		width: 100%;
		margin-top: 0;
		padding-top: 0;
		padding-left: 1em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* title */
.title_leftbdr{
	line-height: 1.2;
	margin-bottom: 2%;
	font-size: 26px;
	font-size: 2.6rem;
	padding-left: 2%;
	border-left: 2px solid #25b2e2;
}
@media (max-width: 600px) {
	.title_leftbdr{
		font-size: 18px;
	}
}
.title_blue_s{
	line-height: 1.2;
	margin-bottom: 2%;
	font-size: 16px;
	font-size: 1.6rem;
	color: #22b2e2;
	font-weight: bold;
}
.title_black_s{
	line-height: 1.2;
	margin-bottom: 2%;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	font-weight: bold;
}
.title_f14{
	font-size: 14px;
	font-size: 1.4rem;
}
.title_f16{
	font-size: 16px;
	font-size: 1.6rem;
}
.leftbdr_blue:before,
.leftbdr_red:before{
	display: block;
	float: left;
	width: 3px;
	height: 66px;
	margin: 10px 20px 0 -23px;
	content: "";
	background: #00a7df;
}
.leftbdr_red:before{
	background: #cd0052;
}
/* SP */
@media screen and (max-width: 767px){
	.leftbdr_blue span,
	.leftbdr_red span{
		font-size: 3rem !important;
	}
	.leftbdr_blue:before,
	.leftbdr_red:before{
		height: 50px;
		margin: 10px 14px 0 0;
	}
}

/* btn */
.btn_default{
	display: inline-block;
	padding: 20px 65px;
	border: solid 1px #a9a9a9;
	color: #555;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 0 !important;
	position: relative;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	z-index: 10;
	text-decoration: none !important;
}
.btn_default:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: -1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.btn_default:hover:before{
	width: 100%;
}
.btn_default:hover{
	color: #fff;
}
.btn_arrowgray_l:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	content: url(/shared/img/arrow_detail_gray.png);
}
.btn_arrowgray_l:hover:after,
.btn_arrowred:hover:after{
	content: url(/shared/img/arrow_detail_white.png);
}
a.btn_mail {
	color: #555!important;
}
a.btn_mail:hover {
	color: #fff!important;
}
#page_inq-inquiry-service #side_inq-service-form > a{
	color: #fff;
	background-color: #ea98b9;
}
.btn_mail:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 20px;
	height: 13spx;
	margin-top: -6px;
	content: url(/shared/img/mail.png);
}
.btn_mail:hover:after{
	content: url(/shared/img/mail_white.png);
}
.btn_arrowgray_s{
	padding: 16px 55px;
	font-size: 14px;
	font-size: 1.4rem;
}
.btn_arrowgray_s:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	content: url(/shared/img/arrow_detail_gray_s.png);
}
.btn_arrowgray_s:hover:after{
	content: url(/shared/img/arrow_detail_white_s.png);
}
.btn_lightgray{
	color: #cacaca;
	border: 1px solid #cacaca;
}
.btn_white{
	color: #fff;
	border: 1px solid #fff;
}
.btn_red,
.btn_arrowred{
	color: #cb004c;
	border: 1px solid #cb004c;
}
.btn_arrowred:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	content: url(/shared/img/arrow_detail_red.png);
}
.btn_plus:after{
	position: absolute;
	top: 50%;
	right: 6px;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-top: -0.25rem;
	font-size: 2rem;
	font-weight: normal;
	content: "＋";
}
/* IE11に適用 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .btn_plus:after{
		margin-top: 0;
	}
}
.btn_blank:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	width: 16px;
	height: 13px;
	margin-top: -6px;
	content: url(/shared/img/icon_blank_l_red.png);
}
.btn_blank:hover:after{
	content: url(/shared/img/icon_blank_l_white.png);
}
.btn_white_slide{
	position: absolute;
	top: 70%;
	left: 50%;
	margin-left: -88px;
	display: inline-block;
	width: 176px;
	padding: 20px 0;
	border: solid 1px #fff;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 0;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	z-index: 100;
	-webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.btn_white_slide:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: -1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.btn_white_slide:hover:before{
	content: "";
	width: 100%;
}
.btn_white_slide:hover{
	color: #fff;
}
.btn_white_slide:after{
	position: absolute;
	top: 50%;
	right: 6px;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-top: -0.25rem;
	font-size: 2rem;
	font-weight: normal;
	content: "＋";
}
/* SP */
@media screen and (max-width: 767px){
	.btn_white_slide{
		top: auto;
		bottom: 20%;
		width: 146px;
		margin-left: -73px;
		padding: 14px 0;
		font-size: 1.4rem;
	}
	.btn_white_slide:after{
		font-size: 1.6rem;
	}
}

/* TOP
================================================== */
.newsBox{
	position: relative;
	z-index: 10;
}
.news_head{
	font-size: 50px;
	font-size: 5.0rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	font-family: 'Oswald', sans-serif;
}
.news_head_sub{
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	margin: 10px 0 2%;
	text-align: center;
}
.news_list{
	font-size: 16px;
	font-size: 1.6rem;
	width: 900px;
	margin: 0 auto;
}
.news_list_icon{
	position: absolute;
	top: 26px;
	left: 10em;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 6px;
	background: #e0e0e0;
	padding: 5px 6px;
	min-width: 80px;
	text-align: center;
	margin-left: 18px;
	font-weight: bold;
}
.news_list dt{
	position: absolute;
	width: 18em;
	padding-top: 30px;
}
.news_list dd{
	position: relative;
	padding-left: 18em;
	padding-top: 30px;
}
.news_list dd a{
	text-decoration: underline;
	color: #333;
}
.news_list dd a:hover{
	color: #be004c;
}
.news_list_more{
	text-align: center;
	margin: 60px 0 80px;
}
.news_list_more a{
	position: relative;
	display: block;
	width: 180px;
	height: 60px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 18px;
	cursor: pointer;
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	border: solid 1px #be004c;
}
.news_list_more a:before{
	content: "";
	width: 0;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.news_list_more a:hover:before{
	content: "";
	width: 178px;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.news_list_more a span{
	position: relative;
	z-index: 10;
	text-align: center;
}
.news_list_more a span:after{
	position: absolute;
	top: 1px;
	right: -20px;
	display: inline-block;
	width: 8px;
	height: 15px;
	content: url(/shared/img/top/arrow_more_off.png);
}
.news_list_more a:hover{
	color: #fff;
}
.news_list_more a:hover span:after{
	content: url(/shared/img/top/arrow_more_on.png);
}
.top_maincont{
	position: relative;
}
.top_maincont a{
	color: #333;
}
.rightupBox_last{
	margin-top:-15.6%;
}
.rightupBox_top,
.leftupBox_top{
	overflow: hidden;
	height: 43vw;
	position: relative;
}
.rightup_img{
	-webkit-transform: skewY(4.45deg);
	transform: skewY(4.45deg);
	-webkit-transform-origin: top right;
	transform-origin: top right;
	float: right;
	width: auto;
	height: 100%;
}
.leftup_img{
	-webkit-transform: skewY(-4.45deg);
	transform: skewY(-4.45deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	float: left;
	width: auto;
	height: 100%;
}
.leftrightup_titleBox{
	background-color: #ededed;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	font-family: 'Oswald', sans-serif;
}
.rightup_title{
	left: 0;
}
.leftup_title{
	right: 0;
}
.rightup_inner,
.leftup_inner{
	-webkit-transform: skewY(4.45deg);
	transform: skewY(4.45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	text-align: center;
	padding: 8vw 0 0;
}
.leftup_inner{
	-webkit-transform: skewY(-4.45deg);
	transform: skewY(-4.45deg);
	padding: 4vw 0;
	margin-top: 3vw;
}
.leftrightup_titleBox .head{
	position: relative;
	font-size: 42px;
	font-size: 4.2rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 1em auto 0;
}
.leftrightup_titleBox .head_sub{
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	margin: 10px 0 4%;
	text-align: center;
}
.leftrightup_titleBox .head .icon_font{
	font-size: 8.2rem;
	margin-bottom: 1%;
}
.bottomcont{
	position: relative;
	background: url(/shared/img/mask_skew.png) no-repeat;
	background-size: 100% auto;
	padding: 7.7% 0 0;
	margin-top: -7.7%;
}
.bottomcont_left{
	position: relative;
	background: url(/shared/img/mask_skew_left.png) no-repeat;
	background-size: 100% auto;
	padding: 7.7% 0 0;
	margin-top: -15.7%;
}

.colum3{
	overflow: hidden;
	zoom: 1;
	width: 100%;
}
.colum3_item{
	position: relative;
	width: 33.33%;
	height: auto;
	float: left;
}
.colum3_item .inner{
	display: block;
	width: 100%;
	padding-top: 100%;
}
.colum3_item .inner > div{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 16%;
	z-index: 10;
}
.colum3_item .inner img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
.colum3_item .inner h2{
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Oswald', sans-serif;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
}
.colum3_item .inner h2 .icon_font{
	font-size: 10rem;
	margin-bottom: 8%;
	color: #fff;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}
.colum3_item .inner .btn_default{
	color: #fff;
	border: 1px solid #fff;
}
.colum3_item .inner span{
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	margin: 10px 0 6%;
	color: #fff;
	text-align: center;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}


.colum4{
	overflow: hidden;
	zoom: 1;
	width: 100%;
}
.colum4_item{
	position: relative;
	width: 25%;
	height: auto;
	float: left;
}
.colum4_item .inner{
	display: block;
	width: 100%;
	padding-top: 100%;
}
.colum4_item .inner > div{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 16%;
	z-index: 10;
}
.colum4_item .inner img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
.colum4_item .inner h2{
	font-size: 34px;
	font-size: 3.4rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Oswald', sans-serif;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
}
.colum4_item .inner h2 .icon_font{
	font-size: 10rem;
	margin-bottom: 8%;
	color: #fff;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}
.colum4_item .inner .btn_default{
	color: #fff;
	border: 1px solid #fff;
}
.colum4_item .inner span{
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	margin: 10px 0 6%;
	color: #fff;
	text-align: center;
	-webkit-text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

/* min-width以下 */
@media screen and (max-width: 1016px){
	.rightupBox_top,
	.leftupBox_top{
		height: 550px;
	}
	.rightup_inner{
		padding: 90px 0;
	}
	.leftup_inner{
		padding: 50px 0;
		margin-top: unset;
	}
	.colum3_item .inner > div,
	.colum4_item .inner > div{
		top: 10%;
	}
}
/* SP */
@media screen and (max-width: 767px){
	.news_head{
		font-size: 9vw;
	}
	.news_head_sub {
		font-size: 3vw;
	}
	.news_list{
		width: 80%;
		margin: 0 auto;
	}
	.news_list dt {
		position: relative;
		width: 100%;
	}
	.news_list dd{
		width: 100%;
		padding-left: 0;
	}
	.rightupBox_top,
	.leftupBox_top{
		height: 80vh;
	 }
	.landscape .rightupBox_top,
	.landscape .leftupBox_top{
		height: 300vh;
	 }
	.rightup_img,
	.leftup_img{
		width: 100%;
		height: auto;
		float: none;
	}
	.rightup_inner,
	.leftup_inner{
		padding: 10% 0 20%;
	}
	.leftrightup_titleBox{
		width: 100%;
		height: auto;
		padding: 0;
		top: auto;
		bottom: 0;
	}
	#midcont.leftrightup_titleBox{
		padding-bottom: 3.5vh;
	}
	.landscape #midcont.leftrightup_titleBox{
		padding-bottom: 20vh;
	}
	.leftrightup_titleBox .head{
		font-size: 9vw;

	}
	.leftrightup_titleBox .head_sub{
		font-size: 3vw;
	}
	.leftrightup_titleBox .head .icon_font{
		font-size: 15vw;
	}
	.colum3_item,
	.colum4_item{
		display: block;
		width: 100%;
	}
	.colum3_item .inner h2,
	.colum4_item .inner h2{
		font-size: 9vw;
	}
	.colum3_item .inner h2 .icon_font,
	.colum4_item .inner h2 .icon_font{
		font-size: 15vw;
	}
	.colum3_item .inner span,
	.colum4_item .inner h2 .icon_font{
		font-size: 3vw;
	}
}

/* 下層共通
================================================== */
#main_second p{
	line-height: 1.75;
}

/* 技術系第3階層リスト */
.indexBox{
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.indexBox .index_imgBox{
	float: left;
	margin-right: 20px;
	width: 125px;
	height: 92px;
	line-height: 92px !important;
	overflow: hidden;
	text-align: center;
}
.indexBox .index_imgBox img{
	vertical-align: middle;
}
.indexBox > div {
	float: left;
	width: 75%;
	padding-top: 4px;
}
.indexBox h2{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 2%;
}
.indexBox h2 span{
	font-size: 10px;
	font-size: 1.0rem;
}
.indexBox p{
	font-size: 12px;
	font-size: 1.2rem;
}
.link_pdf{
	color: #be004c;
	text-decoration: underline;
}
.link_pdf:after{
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-left: 10px;
	vertical-align: middle;
	content: url(/shared/img/icon_pdf.png);
}
.link_excel{
	color: #be004c;
	text-decoration: underline;
}
.link_excel:after{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	vertical-align: sub;
	content: url(/shared/img/icon_excel.png);
}
.list_arrow_l > article > a:hover .link_pdf{
	color: #fff;
}
.icon_relation,
.icon_renewal,
.icon_solution{
	position: absolute;
	top: -6px;
	right: 0;
	display: block;
	width: 76px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Oswald', sans-serif;
	background: #8c8c8c;
}
.icon_renewal{
	top: -12px;
	right: 8px;
	background: #00a7df;
}
.icon_solution{
	top: -12px;
	right: 8px;
	background: #cd0052;
}
.icon_relation:before,
.icon_renewal:before,
.icon_solution:before{
	position: absolute;
	top: 0;
	left: -7px;
	display: inline-block;
	width: 7px;
	height: 6px;
	content: "";
	background: url(/shared/img/icon_relation.png);
}
.icon_renewal:before{
	background: url(/shared/img/icon_renewal.png);
}
.icon_solution:before{
	background: url(/shared/img/icon_solution.png);
}
/* SP */
@media screen and (max-width: 767px){
	.alternate .indexBox .index_imgBox{
		width: 80px;
		height: 59px;
		margin-right: 10px;
		line-height: 59px !important;
	}
	.alternate .indexBox .index_imgBox img{
		width: 100%;
	}
	.alternate .indexBox .index_imgBox img.vertical{
		width: auto;
		height: 100%;
	}
	.alternate .indexBox > div{
		width: 68%;
	}
	.alternate .indexBox h2{
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* 技術系第4階層タイトル周り */
#main_second p.catch_blue{
	font-size: 16px;
	font-size: 1.6rem;
	color: #22b2e2;
}
.pagetitle{
	line-height: 1.3;
	margin-bottom: 4%;
	font-size: 30px;
	font-size: 3.0rem;
	font-family: 'Oswald', sans-serif;
}
.patent span{
	padding: 0.4em 1em;
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px solid #ddd;
}
#main_second p.maincopy{
	line-height: 1.3;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 1% 3% .5% 3%;
	background: #f1f1f1;
}
#main_second p.lead{
	margin-top: 4%;
	margin-bottom: 4%;
}

/* 各セクションタイトル */
.secondcont h2{
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.4;
}
.secondcont h2 span{
	font-size: 30px;
	font-size: 3.0rem;
	font-family: 'Oswald', sans-serif;
}
.secondcont h2.title_white{
	color: #fff;
}
.secondcont h2.title_big{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10vw 0 0 5vw;
	font-family: 'Oswald', sans-serif;
}
.secondcont h2.title_big span{
	font-size: 40px;
	font-size: 4.0rem;
}
#peo_freshers h2.title_big,
#peo_careers h2.title_big{
	padding: 10vw 0 15vw 5vw;
}
#sol_civil h2.title_big,
#sol_architecture h2.title_big,
#sol_toggle h2.title_big,
#sol_environment h2.title_big,
#sol_mplus h2.title_big,
#sol_estate h2.title_big,
#sol_medical h2.title_big{
	padding: 6vw 0 0 5vw;
}

/* 画像配置 */
/* 1, 1/2, 1/3, 2/3*2, 1/4, 1/5 */
.halfBox,
.onethirdBox,
.twothirdBox,
.onequarterBox,
.onefifthBox{
	display: table;
	width: 100%;
}
.halfBox > div,
.onethirdBox > div,
.twothirdBox > div,
.onequarterBox > div,
.onefifthBox > div{
	position: relative;
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	text-align: center;
}
.processBox > .arrow_process{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.halfBox_top > div,
.onethirdBox_top > div,
.twothirdBox_top > div,
.onequarterBox_top > div,
.onefifthBox_top > div{
	vertical-align: top;
}
.onethirdBox > div{
	width: 33.33333%;
}
.twothirdBox > div{
	width: 66.5%;
}
.twothirdBox > div:first-child{
	width: 33.5%;
}
.twothirdBox.firstcell_l > div:first-child{
	width: 66.5%;
}
.twothirdBox.firstcell_l > div:last-child{
	width: 33.5%;
}
.onequarterBox > div{
	width: 25%;
}
.onequarterBox_mid-2cell > div:nth-of-type(2){
	width: 50%;
}
.onefifthBox > div{
	width: 20%;
}
.halfBox > div:last-child,
.onethirdBox > div:last-child,
.twothirdBox > div:last-child,
.onequarterBox > div:last-child,
.processBox > div{
	border: none;
}
.halfBox > div > .boxtitle,
.onethirdBox > div > .boxtitle,
.twothirdBox > div > .boxtitle,
.halfBox > div > .titleBox,
.onethirdBox > div > .titleBox,
.twothirdBox > div > .titleBox,
.halfBox > div > .titleBox_s,
.onethirdBox > div > .titleBox_s,
.twothirdBox > div > .titleBox_s{
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	left: 0;
}
.oneBox > .titleBox,
.halfBox > div > .titleBox,
.onethirdBox > div > .titleBox,
.twothirdBox > div > .titleBox,
.oneBox > .titleBox p,
.halfBox > div > .titleBox p,
.onethirdBox > div > .titleBox p,
.twothirdBox > div > .titleBox p{
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
}
.boxtitle{
	font-size: 14px;
	font-size: 1.4rem;
}
.halfBox > div:nth-child(n+2) > .boxtitle,
.onethirdBox > div:nth-child(n+2) > .boxtitle,
.twothirdBox > div:nth-child(n+2) > .boxtitle,
.halfBox > div:nth-child(n+2) > .titleBox,
.onethirdBox > div:nth-child(n+2) > .titleBox,
.twothirdBox > div:nth-child(n+2) > .titleBox,
.halfBox > div:nth-child(n+2) > .titleBox_s,
.onethirdBox > div:nth-child(n+2) > .titleBox_s,
.twothirdBox > div:nth-child(n+2) > .titleBox_s{
	margin-left: 4%;
}
.titleBox{
	padding-right: 4%;
}
.halfBox .imgBox,
.onethirdBox .imgBox,
.twothirdBox .imgBox,
.onequarterBox .imgBox,
.onefifthBox .imgBox{
	text-align: center;
}
.anual_past img{
	width: 200px;
	height: auto;
}
.img_vertical{
	width: 51%;
	max-width: 240px;
	height: auto;
}
.img_rect{
	width: 71%;
	max-width: 320px;
	height: auto;
}
.img_horizontal{
	width: 82.4%;
	max-width: 400px;
	height: auto;
}
.img_horizontal_flash{
	width: 82.4%;
	max-width: 400px;
}
.img_horizontal_s{
	width: 50% !important;
	max-width: 240px !important;
	height: auto;
}
.img_horizontal_m{
	width: 70% !important;
	max-width: 320px !important;
	height: auto;
}
.img_horizontal_l{
	width: 82.4%;
	max-width: 560px;
	height: auto;
}
.oneBox{
	text-align: center;
}
.oneBox img{
	width: 50%;
	max-width: 560px;
	height: auto;
}
.oneBox_l img{
	width: 70%;
	max-width: 640px;
}
.oneBox_l2 img{
	width: 80%;
	max-width: 720px;
	height: auto;
}
/* 2020/04/28 Add */
.oneBox_l3 img{
width: 90%;
max-width: 960px;
height: auto;
}
.oneBox_l4 img{
width: 98%;
max-width: 1044px;
height: auto;
}
.oneBox img.img_vertical{
	width: 40%;
	max-width: 400px;
}
.oneBox img.img_horizontal{
	width: 60%;
}
.oneBox .boxtitle{
	margin-bottom: 2%;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
}
.caption{
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
	padding: 0 4%;
}
.caption_textleft{
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	padding: 0 4%;
}

.expBox,
#main_second .expBox p{
	font-size: 14px;
	font-size: 1.4rem;
}
.expBox{
	margin: 0 auto;
}
.expBox.withhorizontal{
	width: 82.4%;
	max-width: 400px;
}
.expBox.withrect{
	width: 71%;
	max-width: 320px;
}
/* next prev */
.nextprevBox{
	line-height: 1;
	margin-bottom: 4%;
	text-align: center;
	padding-top: 2%;
	border-top: 1px solid #ddd;
}
#btn_prev,
#btn_next{
	text-decoration: none !important;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Oswald', sans-serif;
}
#btn_prev{
	margin-right: 20px;
}
#btn_next{
	margin-left: 20px;
}
#btn_prev:before,
#btn_next:after{
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-right: 10px;
	content: url(/shared/img/arrowleft_red.png);
}
#btn_next:after{
	margin-right: 0;
	margin-left: 10px;
	content: url(/shared/img/arrow_detail_red.png);
}
#btn_prev.nolink,
#btn_next.nolink{
	color: #bbb;
}
#btn_prev.nolink:before,
#btn_next.nolink:after{
	content: url(/shared/img/arrowleft_gray.png);
}
#btn_next.nolink:after{
	content: url(/shared/img/arrow_detail_gray.png);
}
.bfrafrBox{
	width: 82.4%;
	margin: 0 auto 4% auto;
	padding: 1% 0;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: #abd9e9;
}
.afrBox{
	background: #88c8df;
}

/* 飛島の技術
================================================== */
.cont_inner{
	margin-bottom: 5%;
}
.table_normal{
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ddd;
	border-spacing: 1px;
}
.table_withimg_s{
	width: 77%;
}
.table_withimg_s2{
	width: 64%;
}
.lead .table_normal{
	width: auto;
}
.table_normal th{
	line-height: 1.2;
	padding: 0.8em 1em;
	font-weight: normal;
	text-align: left;
	background: #f1f1f1;
}
.table_normal th.fb{
	font-weight: bold;
}
.table_horizontal th{
	width: 20%;
}
.table_normal td{
	line-height: 1.57;
	padding: 0.8em 1em;
	background: #ffffff;
}
.table_normal_top th,
.table_normal_top td{
	vertical-align: top;
}
.table_blue th{
	border: 1px solid #92d8f0;
	background: #bde8f6;
}
.table_blue td{
	border: 1px solid #92d8f0;
}
th.blue{
	background: #bde8f6;
}
td.blue{
	background: #dff4fb;
}
p.table_exp{
	margin-top: 2% !important;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
}
.floatBox .img_fltr,
.floatBox .img_fltr_s,
.floatBox .img_fltr_m,
.floatBox .img_fltr_l{
	float: right;
	width: 40%;
	margin-bottom: 3%;
	margin-left: 3%;
}
.floatBox .img_fltr_s{
	width: 20%;
}
.floatBox .img_fltr_m{
	width: 30%;
}
.floatBox .img_fltr_l{
	width: 60%;
}
.floatBox .img_fltl,
.floatBox .img_fltl_ss,
.floatBox .img_fltl_s,
.floatBox .img_fltl_m,
.floatBox .img_fltl_l{
	float: left;
	width: 40%;
	margin-bottom: 3%;
	margin-right: 3%;
}
.floatBox .img_fltl_ss{
	width: 10%;
}
.floatBox .img_fltl_s{
	width: 20%;
}
.floatBox .img_fltl_m{
	width: 30%;
}
.floatBox .img_fltl_l{
	width: 60%;
}
.floatBox .img_fltr img,
.floatBox .img_fltr_s img,
.floatBox .img_fltr_m img,
.floatBox .img_fltr_l img,
.floatBox .img_fltl img,
.floatBox .img_fltl_s img,
.floatBox .img_fltl_m img,
.floatBox .img_fltl_l img{
	width: 100%;
	height: auto;
}
.downloadBox{
	margin: 5% 0;
	font-size: 14px !important;
	font-size: 1.4rem !important;
}
table .downloadBox{
	margin: 0;
}
.downloadBox > p{
	margin-bottom: 1%;
}
.downloadBox > li{
	margin-bottom: 1%;
}
.downloadBox > img{
	float: left;
	margin-right: 4%;
	border: 1px solid #ddd;
}

/* 特長BOX */
.featuresBox{
	margin: 0 -5.55555% 5.55555% -5.55555%;
	padding: 4% 5%;
	background: #f9f9f9;
}
.featuresBox.featuresBox_last{
	margin-bottom: 0;
}
.featuresBox .title_leftbdr{
	margin-bottom: 4%;
}
.titleBox_num{
	display: table;
	width: 100%;
	margin-bottom: 1.5%;
	margin-left: -56px;
}
.titleBox_num h2,
.titleBox_num h3{
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #22b2e2;
	line-height: 1.25;
	padding-left: 16px;
	vertical-align: middle;
}
.titleBox_num .num{
	display: table-cell;
	vertical-align: top;
	width: 38px;
}
.titleBox_num .num span{
	display: block;
	width: 38px;
	height: 38px;
	line-height: 34px;
	text-align: center;
	color: #22b2e2;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'Oswald', sans-serif;
	border: 2px solid #25b2e2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ol_features > li{
	margin-left: 56px;
}
.ul_features{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.625;
}
.ul_features li{
	text-indent: -1.25em;
	padding-left: 1.25em;
}
.ul_features li:before{
	content: "● ";
}
.ul_features li.circle_blue:before{
	color: #25b2e2;
}
.ul_features li.circle:before{
	content: "○ ";
}
.ul_normal,
.ul_circle li{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.86;
}
.table_normal .ul_normal{
	font-size: 14px;
	font-size: 1.4rem;
}
.featuresBox .ul_normal{
	font-size: 14px;
	font-size: 1.4rem;
}
.ul_normal li,
.ul_circle li{
	margin-bottom: 1%;
	text-indent: -1em;
	padding-left: 1em;
}
.featuresBox .ul_normal li{
	margin-bottom: 0;
}
.ul_circle li:before{
	content: "○";
}
.ul_normal li:before{
	content: "?";
}
.ul_normal.nodot li:before,
.ul_normal li.nodot:before{
	content: "";
}
.ol_normal{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.86;
}
.table_normal .ol_normal{
	font-size: 14px;
	font-size: 1.4rem;
}
.ol_normal > li{
	margin-bottom: 1%;
	text-indent: -1.25em;
	padding-left: 1.25em;
	list-style-type: decimal;
	list-style-position: inside;
}
.ol_normal.nonum > li{
	text-indent: 0;
	padding-left: 0;
}
.ol_normal.nonum li{
	list-style-type: none;
}
.ol_normal.nonum .ul_normal li{
	text-indent: -1em;
	padding-left: 1em;
}
.features_lead{
	margin-bottom: 2%;
}
.features_expBox{
	float: left;
	width: 67%;
}
.features_imgBox{
	float: right;
	width: 30%;
}
.features_imgBox img{
	width: 100%;
	height: auto;
}
.floatBox_features_s .features_expBox{
	float: left;
	width: 57%;
}
.floatBox_features_s .features_imgBox{
	float: right;
	width: 40%;
}

/* Keyword BOX */
.keywordBox{
	margin: 5% -5.55555% 0 -5.55555%;
	padding: 4% 5%;
	background: #f9f9f9;
}
.keywordBox.nomt_keywordBox{
	margin: 0 -5.55555% 0 -5.55555%;
}
.keywordBox{
	font-size: 14px;
	font-size: 1.4rem;
}
.keywordBox dt{
	width: 8em;
	line-height: 1.4;
	margin-bottom: 1em;
	padding: 0 0 1em 1em;
	text-align: left;
	font-weight: bold;
}
.keywordBox dd{
	line-height: 1.4;
	margin-top: -3.35em;
	margin-bottom: 1em;
	padding: 0 0 1em 9em;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.keywordBox dd a{
	text-decoration: underline;
}
.keywordBox .ol_normal{
	font-size: 14px;
	font-size: 1.4rem;
}

.bgblueBox{
	padding: 2% 0;
	text-align: center;
	background: #cfebf4;
}

/* 土木 */
#tec_civil{
	background: url(/shared/img/technology/bg_tec_civil.jpg) no-repeat;
	background-size: cover;
}
#tec_architecture{
	background: url(/shared/img/technology/bg_tec_architecture.jpg) no-repeat;
	background-size: cover;
}
#tec_environment{
	background: url(/shared/img/technology/bg_tec_environment.jpg) no-repeat;
	background-size: cover;
}
#tec_general{
	background: url(/shared/img/technology/bg_tec_general.jpg) no-repeat;
	background-size: cover;
}

/* 株主?投資家のみなさまへ
================================================== */
#ir_message{
	background: url(/shared/img/ir/bg_ir_message.jpg) no-repeat;
	background-size: cover;
	padding: 5vw 5vw 6vw 5vw;
}
#ir_news{
	background: url(/shared/img/ir/bg_ir_news.jpg) no-repeat;
	background-size: cover;
	padding: 5vw 5vw 10vw 5vw;
}
#ir_library{
	background: url(/shared/img/ir/bg_ir_library.jpg) no-repeat;
	background-size: cover;
}
#ir_library h2{
	padding: 6vw 5vw 0 5vw;
}
#ir_contents{
	background: url(/shared/img/ir/bg_ir_contents.jpg) no-repeat;
	background-size: cover;
	padding: 5vw 2vw 6vw 2vw;
}
#ir_contents h2{
	padding-left: 3vw;
}

.catchBox{
	float: left;
	padding: 10% 4% 0 8%;
	font-family: YuMincho, 'Yu Mincho', serif;
	font-weight: bold;
	width: 50%;
	box-sizing: border-box;
}
.catchBox > p{
	margin-bottom: 10%;
}
.catchBox .gothic{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.catchBox + .fltr{
	width: 50%;
}

.catchBox + .fltr img{
	width: 100%;
}
#main_second p.catch_message{
	font-size: 34px;
	font-size: 3.4rem;
	/*text-indent: -1.35em;*/
	line-height: 1.3;
}
.secondcont .newsBox{
	margin-top: 2%;
	margin-bottom: 8%;
}
/* IR TOP IRコンテンツ */
/* 3カラム */
.secondcont .colum3{
	margin-top: 5%;
}
.secondcont .colum3_item .inner{
	padding-top: 0;
}
.secondcont .colum3_item .inner > div{
	position: relative;
	top: auto;
	padding: 8% 0;
}
.secondcont .colum3_item .inner h3{
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Oswald', sans-serif;
	color: #333;
}
.secondcont .colum3_item .inner h3 .icon_font{
	font-size: 9rem;
	margin-bottom: 0;
	color: #555;
	-webkit-text-shadow: none;
	text-shadow: none;
}
.secondcont .colum3_item .inner span{
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin: 0 0 18%;
	color: #333;
	text-align: center;
	-webkit-text-shadow: none;
	text-shadow: none;
}
.secondcont .colum3_item:nth-child(odd){
	background: rgba(255, 255, 255, 0.8);
}
.secondcont .colum3_item .btn_arrowgray_s{
	color: #555;
	border: 1px solid #a9a9a9;
}
.secondcont .colum3_item .btn_arrowgray_s:hover{
	color: #fff;
}

/* 4カラム */
.secondcont .colum4{
	margin-top: 5%;
}
.secondcont .colum4_item .inner{
	padding-top: 0;
}
.secondcont .colum4_item .inner > div{
	position: relative;
	top: auto;
	padding: 8% 0;
}
.secondcont .colum4_item .inner h3{
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Oswald', sans-serif;
	color: #333;
}
.secondcont .colum4_item .inner h3 .icon_font{
	font-size: 9rem;
	margin-bottom: 0;
	color: #555;
	-webkit-text-shadow: none;
	text-shadow: none;
}
.secondcont .colum4_item .inner span{
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin: 0 0 18%;
	color: #333;
	text-align: center;
	-webkit-text-shadow: none;
	text-shadow: none;
}
.secondcont .colum4_item:nth-child(odd){
	background: rgba(255, 255, 255, 0.8);
}
.secondcont .colum4_item .btn_arrowgray_s{
	color: #555;
	border: 1px solid #a9a9a9;
}
.secondcont .colum4_item .btn_arrowgray_s:hover{
	color: #fff;
}

.btnbox_2cell{
	margin-top: 8vw;
	padding: 0 3vw;
}
.btnbox_2cell a{
	position: relative;
	display: block;
	float: left;
	width: 47.5%;
	padding: 2px 0 0 10px;
	border: solid 1px #c8c8c8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	line-height: 1.4;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
}
.btnbox_2cell a:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.btnbox_2cell a:hover:before{
	width: 100%;
}
.btnbox_2cell a > div{
	position: relative;
	z-index: 10;
}
.btnbox_2cell a div .icon_font{
	float: left;
	color: #696969;
	margin-right: 8px;
	font-size: 8rem;
}
#main_second .btnbox_2cell a div p{
	float: left;
	margin-top: 12px;
	margin-right: 33px;
	line-height: 1.4;
	font-size: 10px;
	font-size: 1.0rem;
}
.btnbox_2cell a div p span{
	font-size: 25px;
	font-size: 2.5rem;
}
.btnbox_2cell a:first-child{
	margin-right: 5%;
}
.btnbox_2cell a:hover,
.btnbox_2cell a:hover .icon_font{
	color: #fff;
}
.stockprice_btn{
	position: absolute;
	display: block;
	top: -1.5vw;
	right: 2vw;
	padding: 15px 16px 10px;
	border: solid 1px #c8c8c8;
	color: #333;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	background: #fff;
}
.stockprice_btn:before{
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(190, 0, 76, 0.4);
	z-index: 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.stockprice_btn:hover:before{
	width: 100%;
}
.stockprice_btn > div{
	position: relative;
	z-index: 10;
}
.stockprice_btn div .icon_font{
	float: left;
	color: #696969;
	margin-right: 18px;
	font-size: 4rem;
}
#main_second .stockprice_btn > div p{
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.1;
	float: left;
	margin-top: 8px;
	margin-right: 33px;
}
.stockprice_btn > div p span{
	font-size: 16px;
	font-size: 1.6rem;
}
.stockprice_btn > div p:after{
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 11px;
	height: 9px;
	margin-top: -5px;
	content: url(/shared/img/icon_blank_gray.png);
}
.stockprice_btn:hover{
	color: #fff;
}
.stockprice_btn:hover p:after{
	content: url(/shared/img/icon_blank_white.png);
}
.stockprice_btn:hover .icon_font{
	color: #fff;
}
/* min-width以下 */
@media screen and (max-width: 1016px){
	.secondcont .colum3_item .inner > div{
		top: auto;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	#ir_contents{
		padding: 5vw 2vw 8vw 2vw;
	}
	.secondcont .colum3_item .inner span{
		margin: 0 0 5%;
	}
	.secondcont .colum3_item .inner h3 .icon_font{
		font-size: 15vw;
	}
	.secondcont .colum3_item .inner span{
		font-size: 3vw;
	}
	.btnbox_2cell a{
		float: none;
		width: 100%;
	}
	.btnbox_2cell a:first-child{
		margin-right: 0;
		margin-bottom: 5%;
	}
	.secondcont .news_list{
		width: 100%;
	}
	.stockprice_btn{
		position: relative;
		top: auto;
		right: auto;
		width: 60%;
		margin: 0 auto 10% auto;
	}
}

/* IR
================================================== */
/* FAQ */
.ul_faq > li{
	margin-bottom: 4%;
}
.titleBox_faq{
	display: table;
	width: 100%;
	margin-bottom: 1.5%;
}
.titleBox_faq h3,
.titleBox_faq .faq_text{
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #cb3370;
	line-height: 1.25;
	padding-left: 16px;
	vertical-align: middle;
}
.titleBox_faq .faq_text{
	font-weight: normal;
	color: #333;
	line-height: 1.6;
}
.titleBox_faq .faq_q,
.titleBox_faq .faq_a{
	display: table-cell;
	vertical-align: top;
	width: 38px;
}
.titleBox_faq .faq_q span,
.titleBox_faq .faq_a span{
	display: block;
	width: 38px;
	height: 38px;
	line-height: 34px;
	text-align: center;
	color: #cb3370;
	border: 2px solid #cb3370;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'Oswald', sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.titleBox_faq .faq_a span{
	color: #22b2e2;
	border: 2px solid #25b2e2;
}

/* 会社案内
================================================== */
#com_message{
	background: url(/shared/img/company/bg_com_message.jpg) no-repeat;
	background-size: cover;
}
#com_about{
	background: url(/shared/img/company/bg_com_about.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#com_history{
	background: url(/shared/img/company/bg_com_history.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#com_access{
	background: url(/shared/img/company/bg_com_access.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}

.philosopyBox{
	padding: 2% 3%;
}

.visionBox{
	padding: 2% 3%;
	/* border: solid 1px #ddd; */
}

.philosopyBox img,
.visionBox img{
	width: 100%;
	max-width: 980px;
}

.visionBox_market > div > p{
	float: left;
}
.visionBox_market > div > p:first-child{
	width: 43%;
	margin-right: 5%;
}
.visionBox_market > div > p:nth-child(2n){
	width: 52%;
	margin-right: 0;
}
.mapBox{
	width: 80%;
	max-width: 720px;
	margin: 0 auto;
}

.vision_3years{
	position: relative;
	padding-top: 90px;
}

.vision_3years:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border:solid 80px transparent;
	border-top: solid 60px #ddd;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -80px;
}

.vision_3years:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border:solid 80px transparent;
	border-top: solid 60px #fff;
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -80px;
}

.vision_3years h3{
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 5px;
}

.vision_3years h4{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
	font-weight: bold;
}

.vision_3years h4 + ul{
	margin-bottom: 20px;
}

/* 会社案内共通 */
br.br_sp{
	content: "";
	display: none;
}
@media (max-width: 600px) {
	body.page_company.alternate #mainvisual_second .title_mainvisual,
	body.page_company.alternate #mainvisual_second h1.twoline_en,
	body.page_company.alternate .inc_company_sideNav{
		opacity: 0;
		animation-name: lazy;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		transition: 1s all linear;
		transform: translateZ(0);
	}
	@keyframes lazy {
		0%{
			opacity: 0;
		}
		90%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	body.page_company.alternate .withpadding{
		padding: 0 min(9vw, 4rem);
		margin-bottom: 15%;
	}
	body.page_company #main_second p:not(.catch_blue),
	body.page_company #main_second h1,
	body.page_company #main_second h2,
	body.page_company #main_second h3,
	body.page_company #main_second h4,
	body.page_company #main_second h5,
	body.page_company #main_second tr,
	body.page_company #main_second th,
	body.page_company #main_second td,
	body.page_company #main_second dt,
	body.page_company #main_second dd,
	body.page_company #main_second li,
	body.page_company #main_second ul,
	body.page_company #main_second a{
		color: #707070;
	}
	body.page_company #main_second h1{
		margin-bottom: 4rem;
		padding-left: 1rem;
		border-left: 4px solid #25b2e2;
	}
	/* 中央寄せ */
	body#page_com-access.page_company h1,
	body#page_com-code.page_company h1,
	body#page_com-health.page_company h1,
	body#page_com-history.page_company h1,
	body#page_com-humanrights.page_company h1,
	body#page_com-message.page_company h1,
	body#page_com-organization.page_company h1,
	body#page_com-philosophy.page_company h1,
	body#page_com-telework.page_company h1,
	body#page_com-vision.page_company #main_second h1{
		border-left: none;
		padding: 0;
		text-align: center;
		white-space: nowrap;
	}
	body.page_company #main_second h2{
		margin-bottom: 3rem;
	}
	body.page_company h2.underline{
		width: fit-content;
		font-size: clamp(18px, 5.2vw, 20px);
	}
	body.page_company h2.underline::after{
		content: "";
		display: block;
		max-width: 100%;
		margin-top: 1rem;
		border-bottom: 2px solid #25b2e2;
	}
	body.page_company br.br_sp{
		content: "";
		display: block;
		height: 1em;
	}
	body.page_company br.br_sp+br.br_sp{
		display: none;
	}
	body.page_company br.br_none_sp{
		content: "";
		display: none;
	}
	body.page_company .none_sp{
		content: "";
		display: none !important;
	}
	body.page_company .nowrap{
		white-space: nowrap;
	}
	body.page_company .indent_1st{
		display: none;
	}
	body.page_company #contents_second{
		margin-top: 0;
	}
	.page_company #main_second span{
		display: inline-block;
	}
	.pagetitle{
		font-size: clamp(20px, 6.4vw, 24px);
	}
	.title_leftbdr{
		font-size: clamp(16px, 4.8vw, 18px);
	}
	body.page_company #main_second span{
		display: inline-block;
	}
	body.page_company dt{
		padding-left: 1em;
	}
	body.page_company #main_second p,
	body.page_company #main_second li,
	body.page_company #main_second dd{
		font-size: clamp(13px, 4vw, 15px);
	}
	body.page_company #main_second li:nth-of-type(n+2){
		margin-top: 1.5em;
	}
	body.page_company #contents_second dt::before{
		content: "";
		display: inline-block;
		width:0;
		height:0;
		margin-right: 0.5em;
		border-style: solid;
		border-width: 6px 0 6px 9px;
		border-color: transparent transparent transparent #25b2e2;
	}
	/* サイン */
	img[src="/shared/img/company/img_message02.jpg"]{
		max-width: 40vw;
		margin-top: 1rem;
	}
	.issue{
		font-weight: bold;
	}
	.page_company .cont_inner{
		width: 100%;
	}
	.page_company .desc{
		width: fit-content !important;
	}
	.page_company .desc br{
		display: block;
		height: 1em;
	}
	.page_company .table_normal{
		margin-right: auto;
		margin-left: auto;
	}
}
/* Safari対応 */
_:lang(x)+_:-webkit-full-screen-document,
body.page_company br.br_sp+br.br_sp{
	display: block;
}
/* LightBox */
body.page_company .lightboxOverlay{
    max-width: 100%;
}   
@media (max-width: 769px) and (min-width: 768px) {
	body.page_company .lightboxOverlay{
		max-width: unset;
	}
}
body.page_company .lightbox{
	display: flex;
    flex-flow: column-reverse;
    position: fixed;
    top: 25% !important;
    left: 50% !important;
    transform: translate(-50%);
    width: fit-content;
}
@media (max-width: 600px) {
	body.page_company .lightbox{
		min-width: 75vw;
	}
}
body.page_company .lb-outerContainer{
    width: fit-content !important;
    max-width: 60vw;
    height: fit-content !important;
}
@media (max-width: 600px) {
	body.page_company .lb-outerContainer{
		min-width: 100%;
		max-width: 80vw;
		box-sizing: border-box;
	}
	
}
body.page_company .lb-image{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
    max-height: 50vh !important;
}
body.page_company .lb-dataContainer{
    width: 100% !important;
}

/* 麻豆APP「健康経営指標」目標と状況推移 画像 */
img[src="/shared/img/company/img_tobishima_health03.png"]{
	max-width: 1200px;
}

/* 横スクロール */
.info_scroll_horiz{
	display: none;
}
.table_wrap{
    margin-bottom: 5%;
}
@media (max-width: 600px) {
	.table_wrap{
		width: 100%;
		overflow-x: scroll;
	}
	.info_scroll_horiz{
		display: block;
	}
	.alternate .scroll_horiz_sp{
		width: 100%;
		overflow-x: scroll;
	}
	.alternate .scroll_horiz_sp img{
		width: fit-content;
		max-width: 250vw;
	}
}

/* 本社?支店?技術研究所住所 */
@media (max-width: 600px) {
	#page_com-access dt,
	#page_com-access dd{
		padding-left: 0;
		font-size: clamp(10px, 3.8vw, 14px);
	}
	#page_com-access dt{
		font-weight: bold;
	}
}

/* 本社地図?技術研究所地図 */
#page_com-access .mapImg_sp{
	display: none;
}
@media (max-width: 600px) {
	#page_com-access .oneBox,
	#page_com-access .mapImg_sp,
	#page_com-access .ul_features,
	#page_com-access .cont_inner{
		margin-bottom: 4rem;
	}

	#page_com-access .mapImg{
		display: none;
	}
	#page_com-access .mapImg_sp{
		position: relative;
		display: block;
		width: fit-content;
		height: fit-content;
		max-width: 85vw;
		margin-right: auto;
		margin-left: auto;
	}
	#page_com-access .mapImg_sp a{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 4rem;
	}
	#page_com-access .mapImg_sp a img{
		position: relative;
		display: block;
		width: 85vw;
		height: auto;
		max-height: 60vh;
		object-fit: contain;
	}
}

/* 企業行動規範 */
@media (max-width: 600px) {
	#page_com-code #main_second li{
		width: fit-content;
		margin-bottom: 2rem;
		font-weight: bold;
	}
	#page_com-code #main_second li::after{
		content: "";
		display: block;
		width: calc(100% + 2.5rem);
		border-bottom: 2px solid #25b2e2;
		transform: translateX(-2rem);
	}
	body#page_com-code.page_company #main_second li:nth-of-type(n+2){
		margin-top: 4rem;
	}
	#page_com-code #main_second p{
		margin-bottom: 2rem;
	}
}


/* 健康経営 */
#page_com-health #main_second strong{
	font-weight: normal;
}
#page_com-health #main_second .catch_blue strong {
	font-weight: bold;
}
#page_com-health #main_second .topicsImg_sp {
    display: none;
}
#page_com-health #main_second a[data-lightbox] {
	pointer-events: none;
}
#page_com-health #main_second .table_health_sp+.cont_inner {
	margin-top: 5%;
}
#page_com-health #main_second .table_health_sp {
	display: none;
}
@media (max-width: 600px) {
	#page_com-health #mainvisual_second{
		overflow: auto;
	}
	#page_com-health .cont_inner{
		margin-bottom: 4rem;
	}
	#page_com-health #main_second h2{
		font-weight: bold;
	}
	#page_com-health #main_second p{
		margin-bottom: 4%;
	}
	#page_com-health #main_second li{
		margin-bottom: 2rem;
	}
	#page_com-health #main_second a[data-lightbox] {
		pointer-events: auto;
	}
	#page_com-health #main_second strong{
		font-weight: bold;
	}
	#page_com-health #main_second hr.gray{
		margin-bottom: 4rem;
	}
	#page_com-health #main_second .table_normal td.col2{
		color: #ffffff;
	}
	#page_com-health #main_second .floatBox .img_fltr_m{
		float: unset;
		width: 100%;
	}
	#page_com-health #main_second .img_fltr_m a{
		display: block;
		max-width: 60vw;
		margin: 0 auto 4rem;
	}
	#page_com-health #main_second .issue p{
		margin-bottom: 4rem;
	}
	#page_com-health #main_second .certificate p:not(.imgBox),
	#page_com-health #main_second .certificate > div{
		margin-bottom: 4rem;
	}
	#page_com-health #main_second .halfBox > div{
		padding: 0 1rem;
	}
	#page_com-health #main_second .topics,
	#page_com-health #main_second .topics > section{
		margin-top: 4rem;
	}
	#page_com-health #main_second .table_withimg_s2{
		width: 100%;
	}
	#page_com-health #main_second .table_health{
		display: none;
	}
	#page_com-health #main_second .table_health_sp {
		position: relative;
		display: block;
	}
	#page_com-health #main_second .table_health_sp+section {
		margin-top: 4rem;
	}
	#page_com-health #main_second .topicsImg {
		display: none;
	}
	#page_com-health #main_second .topicsImg_sp {
		display: block;
		padding: 0;
	}
	
	
}

/* 会社沿革 */
.page_company .desc br:not(:last-of-type){
	content: "";
	display: none;
}
.img_fltr_s img{
	pointer-events: none;
}
@media (max-width: 600px) {
	#page_com-history .floatBox .img_fltr_s{
		width: 100%;
		margin: 0 auto 2rem;
		float: unset;
	}
	#page_com-history .img_fltr_s a{
		display: block;
		width: 55%;
		margin: 0 auto;
		pointer-events: all;
	}
	#page_com-history .floatBox .img_fltr_s .caption{
		padding: 0;
		text-align: center;
		white-space: nowrap;
		font-size: clamp(9px, 3.2vw, 12px);
	}
	#page_com-history .floatBox .img_fltr_s .caption br{
		content: "";
		display: none;
	}
	#page_com-history .dl_normal_withimgs{
		width: 100%;
	}
	#page_com-history dt{
		padding: 1em 1em 0 0;
		line-height: 1.5;
	}
	body#page_com-history.page_company dd{
		padding-right: 0;
		padding-left: 0.9em;
		line-height: 1.5;
		font-size: clamp(10px, 3.8vw, 14px);
	}
	#page_com-history .cont_inner:nth-of-type(n+2){
		margin-top: 6em;
	}
}

/* 人権基本方針 */
@media (max-width: 600px) {
	#page_com-humanrights #main_second .policy div{
		width: 100% !important; 
		margin: 0 auto 10%;
		padding: 1em !important;
		box-sizing: border-box;
	}
	#page_com-humanrights #main_second div h3{
		max-width: 17em;
		margin: auto;
		box-sizing: border-box;
		font-size: clamp(10px, 3.8vw, 14px) !important;
		font-weight: bold;
	}
}

/* 本社地図 */
#page_com-access .mapBox iframe{
	height: 420px;
}
@media (max-width: 600px) {
	#page_com-access p.caption{
		text-align: left;
	}
	#page_com-access .mapBox{
		width: 100%;
	}
	#page_com-access .mapBox iframe{
		height: 40vh;
		max-height: 480px;
	}
}

/* 社長メッセージ */
#page_com-message h1.pagetitle{
	display: none;
}
@media (max-width: 600px) {
	#page_com-message h1.pagetitle{
		display: block;
	}
}
#page_com-message .message_img_sp{
	position: relative;
	display: none;
	max-width: 60vw;
	margin: 0 auto 4rem;
}
@media (max-width: 600px) {
	#page_com-message .message_img_sp{
		display: block;
	}
	#page_com-message .img_fltr_m{
		display: none;
	}
}
#page_com-message .message_youtube{
	width: 888px;
	height: 480px;
	margin: auto;
}
#page_com-message .message_youtube iframe{
	width: 853px;
	height: 100%;
}
@media (max-width: 600px) {
	#page_com-message .message_youtube{
		position: relative;
		width: 100%;
		height: auto;
		margin: auto;
	}
	#page_com-message .message_youtube::before{
		content: "";
		display: block;
		padding-top: 56.25%;
	}
	#page_com-message .message_youtube iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

/* 会社概要 */
@media (max-width: 600px) {
	body#page_com-outline p,
	body#page_com-outline li,
	body#page_com-outline dd{
		font-size: clamp(10px, 3.8vw, 14px);
	}
	#page_com-outline .table_normal th,
	#page_com-outline .table_normal td{
		display: flex;
		flex-flow: column;
		width: 100%;
		box-sizing: border-box;
	}
	#page_com-outline dl{
		width: 95%;	
		margin: 2rem auto 0;
	}
	#page_com-outline dt,
	#page_com-outline dd{
		display: inline-block;
		padding: 0;
	}
	#page_com-outline dt{
		width: 60%;
	}
	#page_com-outline dd{
		width: 40%;
		margin-bottom: 1rem;
	}
	#page_com-outline .nowrap{
		margin-left: -0.5rem;
	}
	#page_com-outline .tac{
		width: 55%;
		margin: 2rem auto;
	}
}

/* 経営理念 */
#page_com-philosophy img[src="/shared/img/company/tobishima_sprits_sp.png"]{
	display: none;
}
#page_com-philosophy .philosophy_str_sp{
	display: none;
}
@media (max-width: 600px) {
	#page_com-philosophy .cont_inner:nth-of-type(n+2){
		margin-top: 4rem;
	}
	#page_com-philosophy .tac{
		text-align: left !important;
	}
	#page_com-philosophy .tac span{
		width: fit-content;
	}
	#page_com-philosophy #main_second .cont_inner:first-of-type .philosopyBox{
		margin: -20px -20px 0;
	}
	#page_com-philosophy #main_second .cont_inner:last-of-type .philosopyBox{
		margin: -20px -110px 0;
	}
	#page_com-philosophy #main_second .philosopyBox img{
		max-width: 100%;
	}
	#page_com-philosophy #main_second img[src="/shared/img/company/tobishima_sprits.png"],
	#page_com-philosophy #main_second img[src="/shared/img/company/tobishima_motto.png"]{
		display: none;
	}
	#page_com-philosophy #main_second img[src="/shared/img/company/tobishima_sprits_sp.png"]{
		display: block;
		width: 80%;
		max-width: 80vw;
		margin: 0 auto;
	}
	#page_com-philosophy #main_second .philosophy_str_sp{
		display: block;
		margin-bottom: 4rem;
		text-align: center;
		font-family: serif;
		font-weight: bold;
		font-size: clamp(13px, 4vw, 15px);
		color: #000000;
	}
}

/* 麻豆APPの歴史 */
@media (max-width: 600px) {
	#page_com-history .floatBox{
		float: unset;
	}
}

/* テレワークの推進状況 */
@media (max-width: 600px) {
	#page_com-telework h2 {
		border-left: none;
		text-align: center;
	}
	#page_com-telework .subject:nth-of-type(2) span:first-of-type{
		display: block;
	}
	#page_com-telework .subject span:nth-of-type(n+2){
		padding-left: 1rem;
	}
	#page_com-telework #main_second table{
		margin-top: 4rem;
	}
	#page_com-telework #main_second th,
	#page_com-telework #main_second td{
		display: flex;
		flex-flow: column;
		width: 100%;
		box-sizing: border-box;
	}
	#page_com-telework #main_second li{
		width: fit-content;
		margin-bottom: 2rem;
		font-weight: bold;
	}
	#page_com-telework #main_second li::after{
		content: "";
		display: block;
		width: calc(100% + 2.5rem);
		border-bottom: 2px solid #25b2e2;
		transform: translateX(-2rem);
	}
	body#page_com-telework.page_company #main_second li:nth-of-type(n+2){
		margin-top: 4rem;
	}
	#page_com-telework #main_second p{
		margin-bottom: 2rem;
	}
	#page_com-telework #main_second p:last-of-type{
		margin-top: 4rem;
	}

}

/* 経営ビジョン */
#page_com-vision .visionBox_market_description_sp{
	display: none;
	margin-bottom: 4rem;
}

@media (max-width: 600px) {
	#page_com-vision .visionBox{
		padding: 0;
		overflow: hidden;
	}
	#page_com-vision .visionBox_market_description_sp{
		display: block;
	}
	#page_com-vision .visionBox img{
		transform: scale(1.25);
	}
	#page_com-vision .visionBox_market > div > p:first-of-type{
		display: none;
	}
	#page_com-vision .visionBox_market > div > p:last-of-type{
		width: 100%;
		margin-top: 2rem;
	}
	#page_com-vision .vision_3years::before,
	#page_com-vision .vision_3years::after{
		transform: scale(0.5);
	}

	#page_com-vision th,
	#page_com-vision td{
		display: flex;
		flex-flow: column;
		width: 100%;
		box-sizing: border-box;
	}
	#page_com-vision h3{
		font-size: clamp(14px, 4.3vw, 16px);
		letter-spacing: -0.02em;
	}
	#page_com-vision h4{
		font-size: clamp(10px, 3.8vw, 14px);
	}
}
/* SP */

/* 採用情報
================================================== */
#peo_freshers{
	background: url(/shared/img/people/bg_peo_freshers.jpg) no-repeat center;
	background-size: cover;
	padding: 0;
	padding-bottom: 10vw;
}
#peo_careers{
	background: url(/shared/img/people/bg_peo_careers.jpg) no-repeat right;
	background-size: cover;
	padding: 0;
	padding-bottom: 10vw;
}
#peo_handicap{
	background: url(/shared/img/people/bg_peo_handicap.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 10vw;
}
#peo_energy{
	background: url(/shared/img/people/bg_peo_energy.jpg) no-repeat center;
	background-size: cover;
	padding: 0;
}
#peo_energy .leftupBox_mask_white{
	margin-top: 10vw;
}

/* 環境への取り組み
================================================== */

#csr_csrreport{
	background: url(/shared/img/csr/bg_csr_csrreport.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 6vw;
}

#csr_csrreport h2{
	padding: 4vw 0 0 5vw;
}

#csr_contents{
	background: url(/shared/img/csr/bg_env_contents.jpg) no-repeat;
	background-size: cover;
	padding: 5vw 2vw 15vw 2vw;
}
#csr_contents h2{
	padding-left: 3vw;
}
/* サイドメニュー */
@keyframes lazy {
	0%{
		opacity: 0;
	}
	90%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@media (max-width: 480px) and (max-height: 700px) {
	body.alternate .inc_csr_sideNav{
		/* opacity: 0;
		animation-name: lazy;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		transition: 1s opacity linear; */
		transform: translateZ(0);
	}
}

/* 技術研究所
================================================== */
#lab_tour{
	background: url(/shared/img/laboratory/bg_lab_tour.jpg) no-repeat #848484;
	background-size: cover;
	padding: 0;
}
#lab_tour .leftupBox_mask_white{
	margin-top: 20vw;
}
#lab_tour h2{
	padding: 5vw 0 0 5vw;
}
#lab_contents{
	background: url(/shared/img/laboratory/bg_lab_contents.jpg) no-repeat;
	background-size: cover;
	padding: 5vw 2vw 15vw 2vw;
}
#lab_contents h2{
	padding-left: 3vw;
}

/* プロジェクト紹介／麻豆APP績
================================================== */
#res_civil{
	background: url(/shared/img/result/bg_res_civil.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#res_architecture{
	background: url(/shared/img/result/bg_res_architecture.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#res_international{
	background: url(/shared/img/result/bg_res_international.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#res_project{
	background: url(/shared/img/result/bg_res_project.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
/* 地方別リスト */
.areanav li{
	float: left;
	font-size: 1.4em;
	width: 12%;
	min-width: 3em;
}
#main_second .areanav li a{
	text-decoration: none;
	display: block;
	color: #333;
	background: #f1f1f1;
	line-height: 100%;
	text-align: center;
	margin-right: 5px;
	padding: 0.8em 0 0.7em 0;
	border: 1px solid #ddd;
}
#main_second .areanav li a.nolink,
#main_second .areanav li a.nolink:hover,
#main_second .areanav li a.nolink:active{
	color: #999;
	background: #f1f1f1;
}
#main_second .areanav li a:hover,
#main_second .areanav li a:active{
	background: #be004c;
	color: #fff;
}

/* リニューアル／ソリューション
================================================== */
#sol_civil{
	background: url(/shared/img/solution/bg_sol_civil.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#sol_architecture{
	background: url(/shared/img/solution/bg_sol_architecture.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
#sol_mplus{
	background: url(/shared/img/solution/bg_sol_mplus.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 6vw;
}
#sol_estate{
	background: url(/shared/img/solution/bg_sol_estate.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 6vw;
}
#sol_toggle{
	background: url(/shared/img/solution/bg_sol_toggle.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 0;	/* 2017.08.30 Mod */
}
#sol_medical{
	background: url(/shared/img/solution/bg_sol_medical.jpg) no-repeat;
	background-size: cover;
	padding: 0;
	padding-bottom: 6vw;
}
#sol_environment{
	background: url(/shared/img/solution/bg_sol_environment.jpg) no-repeat;
	background-size: cover;
	padding: 0;
}
.togglesolutionBox{
	position: relative;
	width: 700px;
	height: 820px;
	margin: 0 auto 4% auto;
}
.togglesolutionBox > img{
	position: absolute;
	top: 0;
	left: 0;
}
#movie_solution01{
	position: absolute;
	top: 90px;
	left: 344px;
}
#movie_solution02{
	position: absolute;
	top: 421px;
	left: 30px;
}
.toggletecBox{
	display: table;
	width: 100%;
}
.toggletecBox > div{
	position: relative;
	display: table-cell;
	width: 27.33333%;
	padding: 0 3%;
	text-align: center;
}
.toggletecBox > div .titleBox{
	position: absolute;
	top: 0;
	left: 3%;
	width: 94%;
	text-align: left;
}
.title_bgpink,
.title_bgblue,
.title_bggreen,
.title_bggray,
.title_bgviolet{/* 201706001村井 */
	width: 100%;
	line-height: 2em;
	margin-bottom: 2%;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	background: #e12581;
}
.title_bgblue{
	background: #25b2e2;
}
.title_bggreen{
	background: #48be4c;
}
.title_bggray{
	background: #bbb;
}
.title_bgviolet{
	background: #9966cc;/* 201706001村井 */
}
.table_normal_separate{
	border-collapse: separate;
	border-spacing: 0;
}
.table_normal_separate td{
	border: none;
	border-left: 1px solid #ddd;
}
.table_normal_separate td:nth-child(3n){
	border-right: 1px solid #ddd;
}
.table_normal_separate tr:last-child td{
	border-bottom: 1px solid #ddd;
}
.bdrtop_pink{
	border-top: 4px solid #e12581 !important;
}
.bdrtop_blue{
	border-top: 4px solid #25b2e2 !important;
}
.bdrtop_green{
	border-top: 4px solid #48be4c !important;
}
#fla_technology01 video,
#fla_technology02 video,
#fla_technology03 video,
#fla_principle01 video,
#fla_principle02 video,
#fla_principle03 video,
#fla_principle04 video,
#fla_point01 video,
#fla_point02 video,
#fla_ability01 video,
#fla_technique01 video{
	width: 100%;
	height: auto;
}
#fla_technology01,
#fla_technology02,
#fla_technology03{
	width: 82.4%;
	margin: 10em auto 0 auto;
	text-align: center;
}
#fla_principle01{
	display: block;
	width: 80%;
	max-width: 720px;
	min-width: 620px;
	margin: 0 auto 6% auto;
	text-align: center;
}
#fla_principle02,
#fla_principle03,
#fla_principle04{
	width: 82.4%;
	margin: 0 auto;
	text-align: center;
}
#fla_point01,
#fla_point02,
#fla_ability01{
	width: 82.4%;
	margin: 0 auto;
	text-align: center;
	max-width: 400px;
}
#fla_point01{
	margin: 2em auto 0 auto;
}
#fla_point02{
	margin: 4em auto 0 auto;
}
#fla_point01 img,
#fla_point02 img,
#fla_ability01 img{
	width: 100%;
	height: auto;
	text-align: center;
	max-width: 400px;
}
#fla_technique01{
	display: block;
	width: 80%;
	max-width: 720px;
	min-width: 640px;
	margin: 0 auto 4% auto;
	text-align: center;
}
.banner_technique{
	text-indent: 0;
	padding-left: 0;
}
.banner_technique:first-child{
	margin-top: 2%;
	margin-bottom: 2%;
}
.banner_technique img{
	float: left;
	width: 30%;
	height: auto;
	margin-right: 2%;
	vertical-align: top;
}
.banner_technique p{
	float: left;
	width: 68%;
	font-size: 14px;
	font-size: 1.4rem;
}
#video_toggle{
	display: block;
	width: 640px;
	margin: 0 auto 4% auto;
}
.logolinkBox{
	margin-bottom: 4%;
}
.logolinkBox a{
	display: inline-block;
	width: 47.25%;
	line-height: 3em;
	margin-right: 5%;
	text-align: center;
	text-decoration: none !important;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	background: #25b2e2;
}

.logolinkBox a:visited{
	color: #fff;
}

.logolinkBox a:last-child{
	margin-right: 0;
}
.logolinkBox a:hover,
.logolinkBox a:active{
	background: #0f8cd0;
}
/* min-width以下 */
@media screen and (max-width: 1016px){
	.toggletecBox > div .titleBox p{
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* お問い合わせ
================================================== */
#form_inquiry input,
#form_inquiry textarea,
#form_enquete input,
#form_enquete textarea{
	padding: 0.25em 0.5em;
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#form_inquiry .input_l,
#form_enquete .input_l{
	width: 100%;
}
#form_inquiry .input_s,
#form_enquete .input_s{
	width: 40%;
}
#form_inquiry textarea,
#form_enquete textarea{
	width: 100%;
	height: 40%;
	resize: none;
}
#sendbtnBox{
	text-align: center;
}
#sendbtnBox input{
	display: inline-block;
	width: 30%;
	line-height: 3em;
	margin-right: 5%;
	text-align: center;
	text-decoration: none !important;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	border: none;
	background: #25b2e2;
	cursor: pointer;
}
#sendbtnBox input:last-child{
	margin-right: 0;
}
#sendbtnBox input#btn_reset{
	background: #bbb;
}
#sendbtnBox input:hover,
#sendbtnBox input:active{
	background: #0f8cd0;
}
#sendbtnBox input#btn_reset:hover,
#sendbtnBox input#btn_reset:active{
	background: #999;
}

.table_rank caption{
	background: #f1f1f1;
	padding: 20px;
}

.table_rank .num th{
	width: 20%;
	text-align: center;
}

.table_rank_list .no{
	width: 20%;
}

.table_rank_list .cont{
	width: 40%;
}

.table_rank_list th{
	text-align: center;
}



/* 130周年記念コンテンツ
================================================== */
.aniversary_bannerBox{
	padding-left: 25px;
	border-left: 5px solid #cbb676;
}
.aniversary_bannerBox > ul > li{
	margin-bottom: 5px;
	background: #d6c283;
}
.aniversary_bannerBox > ul > li a{
	display: block;
	width: 100%;
	height: 70px;
}
#ani_imgBox_main{
	position: relative;
	width: 710px;
	height: 670px;
	margin: 0 auto 2% auto;
}
#ani_imgBox_main li{
	position: absolute;
	top: 0;
	left: 0;
	width: 710px;
}
#ani_imgBox_main li > div{
	margin-bottom: 20px;
	padding: 10px;
	background: #222;
}
#ani_imgBox_main .img_main{
	line-height: 1;
	margin-bottom: 8px;
	text-align: center;
}
#ani_imgBox_main .img_caption{
	line-height: 1;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
}
#ani_imgBox_thumb{
	width: 710px;
	line-height: 1;
	margin: 0 auto 6% auto;
	padding: 10px 10px 4px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#ani_imgBox_thumb li{
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	cursor: pointer;
}
#ani_imgBox_thumb li:nth-child(12n){
	margin-right: 0;
}
.imglink a{
	cursor: pointer;
}
/* SP */
@media screen and (max-width: 767px){
	br.forsp{
		display: inline;
	}
	.aniversary_bannerBox{
		padding-left: 0;
		border-left: none;
	}
	.aniversary_bannerBox >h2 img{
		width: 100%;
		height: auto;
	}
	.aniversary_bannerBox > ul > li a{
		height: auto;
	}
	.aniversary_bannerBox li img:first-child{
		width: 40.3%;
	}
	.aniversary_bannerBox li img:last-child{
		width: 59.7%;
	}
	.floatBox .img_fltr_s.ani_img_message{
		float: none;
		text-align: center;
		width: 50%;
		margin-top: 6%;
		margin-right: auto;
		margin-left: auto;
	}
	.floatBox .ani_exp_message{
		float: none;
		width: 100%;
	}
}

/* ダウンロード
================================================== */
.down_expBox{
	padding: 3%;
	background: #e7f5f9;
}

/* CSR
================================================== */
.policyBox{
	width: 80%;
	max-width: 720px;
	margin: 0 auto 6% auto;
	padding: 4% 5%;
	border: 2px solid #5c991a;
	box-sizing: border-box;
	/* background: url(/shared/img/csr/bg_policy_mark.gif) no-repeat center center; */
}

#csr_repo h3{
	font-size: 20px;
	font-size: 2.0rem;
}

#csr_repo h3 .label_labo{
	font-size: 12px;
	font-size: 1.2rem;
}

/* プレスリリース
================================================== */
.news_date{
	margin: -2% 0 4% 0;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
}
.dl_normal .news_list_icon{
	top: 12px;
	left: 11.5em;
}

/* 技術研究所
================================================== */

.w_auto{
	width: auto!important;
}

.label_labo{
	display: inline-block;
	padding: 10px;
	font-size: 1.4rem;
	border-radius: 4px;
	background: #0cbac1;
	color: #fff;
}

/* 防災のトビシマ
================================================== */

#bousai_cycle{
	background: url(/shared/img/bousai/bg_bousai_cycle.jpg) #f2f9ff no-repeat;
	background-size: 100% auto;
}

@media screen and (min-width: 768px){
	#bousai_cycle h2.title_big{
		padding-top: 6vw;
	}
}

#bousai_cycle .leftupBox_mask_white{
	margin-top: 0;
}

#bousai_cycle figure{
	text-align: center;
}

#page_bousai #sol_toggle{
	padding-bottom: 0;
}

@media screen and (max-width: 767px){
		#bousai_cycle figure img{
			width: 100%;
	}
}

#bousai_tec{
	background: url(/shared/img/bousai/bg_bousai_technology.jpg) #f2f9ff no-repeat;
	background-size: cover;
}

#bousai_cont{
	background: #f1f1f1;
  padding: 5vw 2vw 8vw 2vw;
}

#page_bousai .relat{
	background: #f1f1f1;
}

#page_bousai-news .news_list{
	width: 100%;
}

#page_bousai-news .news_list dt{
	width: 10em;
}

#page_bousai-news .news_list dd{
	padding-left: 10em;
}
.ol_bousai {
	
}
.ol_bousai li{
	position: relative;
	color: #333;
	padding: 0 9% 40px 120px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 40px;
}
.ol_bousai li:before{
	position: absolute;
	top: 50%;
	left: -0.2em;
	margin-top: -0.2em;
	font-size: 150px;
	line-height: 0;
}
.ol_bousai h3{
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 20px;
	font-weight: bold;
}

#page_bousai-cycle .icon-prepare:before{
	color:#7eaa39;
}
#page_bousai-cycle .icon-rehabilitation:before{
	color:#b79f2c;
}
#page_bousai-cycle .icon-response:before{
	color:#d069ab;
}
#page_bousai-cycle .icon-mitigation:before{
	color:#346d91;
}

/* singleCont
================================================== */
#page_single #contents_second{
	min-height: 0;
	padding: 60px 0 140px;
}

#page_single #contents_second > div{
	width: 80%;
}


/* 404
================================================== */
#page_404 #contents_second{
	min-height: 0;
	padding: 60px 0 140px;
}

#page_404 #contents_second > div{
	width: 57%;
}

#page_404 h2{
	font-size: 5.0rem;
	line-height: 0.8;
}

#page_404 h2 span{
	font-size: 2.0rem;
}

#page_404 #contents_second li{
	list-style-type: disc;
}

/* SP */
@media screen and (max-width: 767px){
	#page_404 #contents_second > div{
		width: 80%;
	}

	#page_404 h2{
		font-size: 3.6rem;
		line-height: 1.0;
	}
}

/* サイトマップ
================================================== */

#page_sit-sitemap #main_second{
	padding-left: 0;
}

#page_sit-sitemap #main_second h3{
	line-height: 1.2;
	margin-bottom: 4%;
	font-size: 22px;
	font-size: 2.2rem;
	padding-left: 2%;
	border-left: 2px solid #25b2e2;
}

#page_sit-sitemap #main_second h3 + h3{
	margin-top: 8%;
}
#page_sit-sitemap #main_second a{
	color: #333;
	text-decoration: none;
}
#page_sit-sitemap #main_second a:hover,
#page_sit-sitemap #main_second a:active{
	color: #be004c !important;
}
#page_sit-sitemap #main_second a:visited{
	color: #787878;
}
#page_sit-sitemap #main_second .twoline > div{
	float: left;
	width: 47.5%;
	margin-right: 5%;
}
#page_sit-sitemap #main_second .twoline > div:nth-child(2n){
	margin-right: 0;
}
#page_sit-sitemap #main_second .flatBox ul{
	margin-bottom: 8%;
}
#page_sit-sitemap #main_second .flatBox ul ul{
	margin-top: 2%;
	margin-bottom: 0;
}
#page_sit-sitemap #main_second li{
	margin-bottom: 3%;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 16px;
	font-size: 1.6rem;
}
#page_sit-sitemap #main_second li li{
	margin-bottom: 1.5%;
}
#page_sit-sitemap #main_second li:before{
	content: "?";
}
/* SP */
@media screen and (max-width: 767px){
	#page_sit-sitemap #main_second .twoline > div{
		float: none;
		width: 100%;
		margin-right: 0;
	}
}

/* 隣接マージン系
================================================== */
.pagetitle + .patent{
	margin-top: -2%;
	margin-bottom: 3%;
}
.halfBox > div > .boxtitle + .imgBox,
.onethirdBox > div > .boxtitle + .imgBox,
.twothirdBox > div > .boxtitle + .imgBox,
.halfBox > div > .titleBox_s + .imgBox,
.onethirdBox > div > .titleBox_s + .imgBox,
.twothirdBox > div > .titleBox_s + .imgBox{
	margin-top: 2em;
}
.halfBox > div > .titleBox + .imgBox,
.onethirdBox > div > .titleBox + .imgBox,
.twothirdBox > div > .titleBox + .imgBox{
	margin-top: 5em;
}
.indexBox p + p,
.caption + .imgBox,
.boxtitle + .halfBox,
.boxtitle + .onethirdBox,
.boxtitle + .twothirdBox,
p + .halfBox,
p + .oneBox,
a + .caption,
img + .caption,
.ul_features > li + li,
.ul_features + .features_lead,
p + .title_blue_s,
p + .title_black_s,
p + .ul_normal,
p + .ol_normal,
.titleBox_num + .title_blue_s,
p + .table_normal,
.table_exp + p,
.halfBox + .title_black_s,
.oneBox + .ul_normal,
.title_f16 + .ol_normal{
	margin-top: 2%;
}
div + .featuresBox,
.halfBox + .halfBox,
.halfBox + .oneBox,
.halfBox + .onethirdBox,
.onethirdBox + .onethirdBox,
.onethirdBox + .oneBox,
.halfBox + .ul_normal,
.oneBox + .boxtitle,
.oneBox + div,
.features_imgBox .caption + .imgBox,
.ol_features + .oneBox,
.ol_features + .halfBox,
.ol_features + .onethirdBox,
.ol_features + .twothirdBox,
.ol_features > li + li,
.ol_features + .title_black_s,
.table_normal + div,
.table_normal + p,
table + table,
.table_normal + .title_black_s,
table + section,
.ul_features + .title_blue_s,
.ul_normal + div,
p + .floatBox,
.floatBox + .cont_inner,
hr.gray + section,
hr.gray + div,
.flatBox + .cont_inner,
.ol_normal + .title_black_s,
.title_leftbdr + .title_black_s,
.anual_past + .anual_past{
	margin-top: 4%;
}
.title_blue_s + .ul_features,
.title_blue_s + .ul_normal{
	margin-bottom: 2%;
}
.title_leftbdr + .downloadBox,
.title_black_s + .downloadBox{
	margin-top: 1%;
}


.list_arrow_l > li .noLink,
.list_arrow_l > article > .noLink{
	pointer-events:none;
	padding: 2% 9% 2% 6%;
}

.list_arrow_l > li .noLink:before,
.list_arrow_l > article > .noLink:before,
.list_arrow_l > li .noLink:after,
.list_arrow_l > article > .noLink:after{
	display: none;
}


/* SP */
@media screen and (max-width: 767px){
	.container{
		overflow: hidden;
	}
	.alternate img{
		width: 100%;
	}
	.slick-slider{
		width: 200%;
		margin-left: -50%;
	}
	.arrow_prev,
	.arrow_next{
		width: auto!important;
	}
	#header_second img{
		width: auto;
	}
	.alternate #mainvisual_second > img{
		width: 180%;
		margin-left: -40%;
	}
	.alternate #breadcrumbs{
		display: none;
	}
	.catchBox{
		float: none;
		width: 100%;
	}
	.catchBox + .fltr{
		float: none;
		margin-top: 0;
		margin-bottom: 10%;
		width: 100%;
	}
	.alternate #mainvisual_second h1,
	.alternate #mainvisual_second .title_mainvisual{
		text-align: center;
		margin-top: 5vh;
		width: 100%;
		right: 0;
	}
	
	#main_second p.catch_message{
		font-size: 2.4rem;
	}
	
	#contents_second{
		margin-top: -10%;
	}

	.secondcont h2{
		padding: 10vw 0!important;
	}
}

/* TOP　緊急のお知らせ */
.idx-urgent {
    display: flex;
    align-items: center;
    width: 1100px;
    margin: 0 auto 80px;
    border: 2px solid #e0e0e0;
}

.idx-urgent-head {
    display: inline-block;
    width: 250px;
    padding: 38px 30px;
    background-color: #fafafa;
    text-align: center;
    color: #d00052;
    font-weight: bold;
    font-size: 1.6rem;
}
.idx-urgent-head-icon {
    display: inline-block;
    width: 24px;
    margin-right: 5px;
    vertical-align: middle;
}
.idx-urgent-tit {
    display: inline-block;
    width: calc(100% - 250px);
    padding: 30px 50px;
    color: #d00052;
    font-size: 1.6rem;
}
.idx-urgent-tit a.rt_cf_href {
    transition: opacity .4s;
    text-decoration: underline;
}
.idx-urgent-tit a.rt_cf_href:hover { opacity: .5; }
@media screen and (max-width: 767px) {
    .idx-urgent {
        width: 90%;
        flex-flow: row wrap;
    }
    .idx-urgent-head {
        width: 100%;
        padding: 20px;
    }
    .idx-urgent-head-icon { width: 24px !important; }
    .idx-urgent-tit {
        width: 100%;
        padding: 20px;
    }
}

/* SOLUTIONSブロック　調整 */
#solution_link .colum4_item .inner > div {
	top: 50%;
	transform: translateY(-50%);
}
#solution_link .colum4_item .inner > div > h2 {
	padding-top: 0;
}

/* 202304トップページ改修 */
@media (max-width: 767px) {
	.leftup_inner:has(.icon-investor){
		padding-top: 0;
	}
	.leftup_inner:has(.icon-investor) h2{
		margin-top: 0;
		padding-top: 0;
	}
}
@media (max-width: 767px) {
	.top_maincont br.br_sp{
		display: block;
	}
}
@media (max-width: 1536px) and (min-width: 768px){
	
	.colum4_item a[href="/csr/"] h2{
		font-size: 2.9vw;
	}
}

/* /202304トップページ改修 */

/* 202306 ニュース?IRレスポンシブ化*/
.news-detail .bclo-col02 .bclo-imgLink .bclo-imgWrap, .bclo-col03 .bclo-imgLink .bclo-imgWrap, .bclo-col04 .bclo-imgLink .bclo-imgWrap {
	background-color: inherit;
}
@media (max-width: 767px) {
	#page_ir-schedule h1,#page_ir-notice h1, #page_ir-disclosure h1,#page_ir-requestpurchase h1,#page_ir-dividend h1,#page_ir-faq h1,#page_ir-procedure h1,#page_ir-news h1, .news-detail .pagetitle  {
		margin-top: 10px;
	}
	.page_ir-requestpurchase-tableText.ml40 {
		margin-left: 0;
	}
	.page_ir-requestpurchase-table.ml40 {
		margin-left: 0;
	}
	#page_ir-newsTemp .bclo-imgWrap  {
		width: 100%;
	}
	#page_ir-newsTemp .bclo-col02 .pure-u-1-2 {
		padding-right: 0;
		padding-left: 0;
	}
	#mainvisual_second img {
		backface-visibility: inherit;
		vertical-align: inherit;
		max-width: inherit;
	}
	.news-detail .bclo-col01 .bclo-imgLink .bclo-imgWrap {
		width: 100%;
	}
	.news-detail .bclo-col02 .pure-u-1-2 {
		padding-right: 0;
		padding-left: 0;
	}
	.news-detail .bclo-col03 .pure-u-1-3,
	#page_ir-newsTemp .bclo-col03 .pure-u-1-3,
	.news-detail .bclo-col04 .pure-u-1-4,
	#page_ir-newsTemp .bclo-col04 .pure-u-1-4 {
		padding-right: 0;
    	padding-left: 0;
	}
	.news-detail .bclo-col03 .bclo-textWrap,
	#page_ir-newsTemp .bclo-col03 .bclo-textWrap,
	.news-detail .bclo-col04 .bclo-textWrap,
	#page_ir-newsTemp .bclo-col04 .bclo-textWrap {
		margin-left: 10px;
	}
	.news-detail .bclo-leftImage-lg .pure-u-1-2:first-child,
	#page_ir-newsTemp .bclo-leftImage-lg .pure-u-1-2:first-child {
		padding-right: 0;
		padding-left: 0;
	}
	.news-detail .bclo-leftImage-lg .pure-u-1-2:last-child,
	#page_ir-newsTemp .bclo-leftImage-lg .pure-u-1-2:last-child {
		padding-right: 0;
		padding-left: 0;
	}
	.news-detail .bclo-leftImage-sm .pure-u-1-3,
	#page_ir-newsTemp .bclo-leftImage-sm .pure-u-1-3 {
		padding-right: 0;
	}
	.news-detail .bclo-leftImage-sm .pure-u-2-3,
	#page_ir-newsTemp .bclo-leftImage-sm .pure-u-2-3 {
		padding-left: 0;
	}
	.news-detail .bclo-leftImage-sm .pure-u-2-3 .bclo-textWrap,
	#page_ir-newsTemp .bclo-leftImage-sm .pure-u-2-3 .bclo-textWrap {
		margin-left: 10px;
	}
	.news-detail .bclo-rightImage-sm .pure-u-2-3,
	#page_ir-newsTemp .bclo-rightImage-sm .pure-u-2-3 {
		padding-right: 0;
	}
	.news-detail .bclo-rightImage-sm .pure-u-1-3,
	#page_ir-newsTemp .bclo-rightImage-sm .pure-u-1-3 {
		padding-left: 0;
	}
	.news-detail .bclo-rightImage-sm .pure-u-2-3 .bclo-textWrap,
	#page_ir-newsTemp .bclo-rightImage-sm .pure-u-2-3 .bclo-textWrap {
		margin-right: 10px;
	}
	.news-detail .btn_default {
		line-height: inherit !important;
	}
	#page_inq-inquiry-service #main_second,
	#page_inq-inquiry #main_second,
	#page_inq-service #main_second {
		margin-top: 20px;
	}
	.news-detail .bclo-col02 .bclo-imgLink .bclo-imgWrap .bclo-imgWrap-inner img {
		max-height: inherit;	
	}
}

/* 202306 ニュース?IRレスポンシブ化*/

/* 202312 経営ビジョン刷新 */
@media (max-width: 768px) {
	body#page_com-vision .cont_inner:nth-of-type(n+2) {
	  margin-top: 10rem;
	}
  }
  
  .visionBox {
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
  }
  @media (max-width: 768px) {
	.visionBox {
	  width: 100%;
	}
  }
  
  .bar_gradient {
	position: relative;
	display: block;
	width: 100%;
	height: 1rem;
	margin-top: 1rem;
	background-image: linear-gradient(white, #808080);
  }
  
  body#page_com-vision .vision_brand_story {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: clamp(640px, 60vw, 1280px);
	height: auto;
	background-image: url("/shared/img/company/tobishima_vision_2024.png");
	background-size: contain;
	background-repeat: no-repeat;
	aspect-ratio: 1489/422;
  }
  @media (max-width: 768px) {
	body#page_com-vision .vision_brand_story {
	  width: 100%;
	}
  }
  body#page_com-vision .vision_brand_story p {
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
	font-family: serif;
	font-weight: bold;
	color: #052f61;
	text-align: center;
	font-size: clamp(24px, 2.8vw, 60px);
	line-height: 1.2;
	letter-spacing: -0.03em;
  }
  @media (max-width: 768px) {
	body#page_com-vision .vision_brand_story p {
	  font-size: clamp(16px, 4vw, 24px);
	  line-height: 1.4;
	  letter-spacing: 0;
	  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
  }
  body#page_com-vision .vision_brand_story p span {
	position: relative;
	display: inline-block;
	z-index: 1;
  }
  body#page_com-vision .vision_brand_story p span::before {
	content: "";
	position: absolute;
	bottom: 0.2em;
	left: 50%;
	transform: translateX(-50%);
	width: 103%;
	height: 0.3em;
	background-color: #e0f0fa;
	z-index: -1;
  }
  body#page_com-vision .vision_brand_story p span:first-child::before {
	width: 100%;
	left: 48%;
  }
  
  #main_second p.story {
	width: -moz-fit-content;
	width: fit-content;
	margin: 2rem auto 0 0;
	line-height: 1.4;
	font-size: 25px;
	font-family: serif;
	color: #2A2A2A;
	font-weight: bold;
	word-break: auto-phrase;
  }
  @media (max-height: 700px) {
	#main_second p.story {
	  letter-spacing: -0.075em;
	}
  }
  #main_second p.story .br_sp {
	height: unset;
  }
  
  @media (max-width: 600px) {
	body.page_company.alternate .withpadding {
	  padding: 0 min(5vw, 4rem);
	}
  }
  
  .value_wrap {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: clamp(640px, 60vw, 1280px);
	margin: 0 auto;
	font-weight: bold;
	font-family: serif;
  }
  .value_wrap:nth-child(n+2) {
	margin-top: 5rem;
  }
  @media (max-width: 768px) {
	.value_wrap:nth-child(n+2) {
	  margin-top: 3rem;
	}
  }
  @media (max-width: 768px) {
	.value_wrap {
	  width: 100vw;
	  margin-right: calc(50% - 50vw);
	  margin-left: calc(50% - 50vw);
	  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
  }
  
  .value_title_wrap {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	height: -moz-fit-content;
	height: fit-content;
	padding: 0.5rem 0 0.5rem 12.5%;
  }
  @media (max-width: 768px) {
	.value_title_wrap {
	  padding: 0.25rem 0 0.25rem 12.5%;
	}
  }
  
  .value_title_skew {
	position: absolute;
	top: 0;
	left: -5%;
	display: flex;
	width: 75%;
	height: 100%;
	transform: skewX(-33deg);
	z-index: -1;
  }
  @media (max-width: 768px) {
	.value_title_skew {
	  width: 125%;
	}
  }
  
  .value_title_bg_left {
	width: 15%;
	height: 100%;
	background-color: #00A3E0;
  }
  @media (max-width: 768px) {
	.value_title_bg_left {
	  width: 10%;
	}
  }
  
  .value_title_bg_right {
	width: 85%;
	height: 100%;
	background-color: #052F61;
  }
  @media (max-width: 768px) {
	.value_title_bg_right {
	  width: 90%;
	}
  }
  
  .value_title_text {
	font-weight: bold;
	font-size: clamp(24px, 1.55vw, 36px);
	color: white !important;
  }
  @media (max-width: 1366px) {
	.value_title_text {
	  font-size: clamp(18px, 1.55vw, 26px);
	}
  }
  @media (max-width: 768px) {
	.value_title_text {
	  font-size: clamp(16px, 4.5vw, 20px) !important;
	}
  }
  
  .value_content {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 1rem 2rem 3rem 3rem;
	background-color: #F2F2F2;
	font-weight: bold;
  }
  @media (max-width: 768px) {
	.value_content {
	  padding: 1rem 10vw 3rem;
	}
  }
  @media (max-height: 700px) {
	.value_content {
	  padding: 1rem 5vw 3rem;
	}
  }
  
  .value_subtitle {
	font-size: clamp(22px, 1.5vw, 32px);
	font-weight: bold;
	color: #0154AF !important;
  }
  @media (max-width: 768px) {
	.value_subtitle {
	  margin-top: 1.5rem;
	  text-align: center;
	  font-size: clamp(16px, 5.3vw, 22px) !important;
	}
  }
  
  p.value_text {
	font-size: clamp(19px, 1.4vw, 32px);
	letter-spacing: -0.05em;
	word-break: auto-phrase;
	padding-left: 1.5em;
	text-indent: -1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: black !important;
  }
  p.value_text span {
	display: inline-block;
	text-indent: 0;
  }
  p.value_text span:first-of-type {
	margin-right: 0.5em;
  }
  @media (max-width: 768px) {
	p.value_text {
	  text-indent: -0.75em;
	}
  }
  @media (max-width: 600px) {
	p.value_text {
	  text-indent: -1em;
	}
  }
  @media (max-width: 1919px) {
	p.value_text br {
	  content: "";
	  display: none;
	}
  }
  
  p.value_text_sp {
	display: none;
	margin-top: 1.5rem;
	font-size: clamp(13px, 4vw, 16px);
	letter-spacing: 0;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  }
  @media (max-height: 700px) {
	p.value_text_sp {
	  letter-spacing: -0.3vw;
	}
  }
  
  .vision_state-of-mind hr {
	display: none;
  }
  @media (max-width: 768px) {
	.vision_state-of-mind hr {
	  display: block;
	  width: 33vw;
	}
  }
  
  .vision_state-of-mind_wrap {
	--state-of-mind_fontsize_pc: clamp(14px, 1.3vw, 26px);
	--state-of-mind_fontsize_sp: clamp(13px, 4vw, 15px);
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 4rem;
	width: clamp(640px, 60vw, 1280px);
	height: auto;
	margin: 0 auto;
	font-family: serif;
  }
  @media (max-width: 768px) {
	.vision_state-of-mind_wrap {
	  gap: 4rem;
	  width: 100%;
	  margin-top: 4rem;
	}
  }
  
  .state-of-mind_content {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: clamp(1rem, 0.5vw, 3rem);
	width: 100%;
  }
  @media (max-width: 768px) {
	.state-of-mind_content {
	  flex-flow: column;
	  align-items: stretch;
	}
  }
  
  .state-of-mind_content_left {
	flex-basis: calc(59% - 12px);
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
  }
  @media (max-width: 768px) {
	.state-of-mind_content_left {
	  flex-basis: 100%;
	}
  }
  
  .state-of-mined_header {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 75%;
  }
  
  body.page_company #main_second .state-of-mind_content_num {
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: -0.5em;
	left: -0.5em;
	width: 1.2em;
	height: 1.2em;
	padding-top: 0.1em;
	background-color: white;
	border: 1.2px solid black;
	border-radius: 50%;
	line-height: 1 !important;
	text-align: center;
	font-weight: bold;
	font-size: calc(var(--state-of-mind_fontsize_pc) * 1.2);
	z-index: 30;
  }
  @media (max-width: 768px) {
	body.page_company #main_second .state-of-mind_content_num {
	  font-size: calc(var(--state-of-mind_fontsize_sp) * 1.2);
	}
  }
  
  body.page_company #main_second .state-of-mind_content_title {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 88%;
	padding: 0.4em;
	line-height: 1;
	font-weight: bold;
	font-size: var(--state-of-mind_fontsize_pc);
	white-space: nowrap;
	text-align: center;
	z-index: 20;
  }
  body.page_company #main_second .state-of-mind_content_title::before {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 12px transparent;
	border-right: solid 12px #052f61;
  }
  body.page_company #main_second .state-of-mind_content_title::after {
	position: absolute;
	top: 50%;
	right: calc(-1.2em + 1px);
	transform: translateY(-50%) scaleY(1.0313);
	content: "";
	border-width: calc(0.4em + var(--state-of-mind_fontsize_pc) * 0.5) 0 calc(0.4em + var(--state-of-mind_fontsize_pc) * 0.5) 1.2em;
	border-style: solid;
	border-color: transparent;
  }
  @media (max-width: 768px) {
	body.page_company #main_second .state-of-mind_content_title::after {
	  border-width: calc(0.6em + var(--state-of-mind_fontsize_sp) * 0.5) 0 calc(0.6em + var(--state-of-mind_fontsize_sp) * 0.5) 1.2em;
	}
  }
  @media (max-width: 768px) {
	body.page_company #main_second .state-of-mind_content_title {
	  width: calc(97% - 12px);
	  padding: 0.6em 0.6em 0.6em calc(0.6em + 12px);
	  font-size: var(--state-of-mind_fontsize_sp);
	  color: black;
	}
  }
  
  body.page_company #main_second .title_1 {
	background-color: #bddcff;
  }
  body.page_company #main_second .title_1::after {
	border-left-color: #bddcff;
  }
  
  body.page_company #main_second .title_2 {
	background-color: #7ab9fe;
  }
  body.page_company #main_second .title_2::after {
	border-left-color: #7ab9fe;
  }
  
  body.page_company #main_second .title_3 {
	background-color: #3896fe;
	color: white;
  }
  body.page_company #main_second .title_3::after {
	border-left-color: #3896fe;
  }
  
  body.page_company #main_second .title_4 {
	background-color: #0154af;
	color: white;
  }
  body.page_company #main_second .title_4::after {
	border-left-color: #0154af;
  }
  
  body.page_company #main_second .state-of-mind_content_objective {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 7.5em;
	border: 1px solid #0154af;
	margin: -0.5em 0 0 12px;
	padding: 2em 1.5em 1.5em;
	z-index: 10;
  }
  body.page_company #main_second .state-of-mind_content_objective p {
	font-size: var(--state-of-mind_fontsize_pc);
	line-height: 1.2 !important;
	word-break: auto-phrase;
	letter-spacing: -0.05em;
	color: black;
  }
  @media (max-width: 768px) {
	body.page_company #main_second .state-of-mind_content_objective p {
	  width: 100%;
	  margin: auto;
	  font-weight: bold;
	  line-height: 1.5 !important;
	}
  }
  body.page_company #main_second .state-of-mind_content_objective span {
	display: inline-block;
  }
  @media (max-width: 768px) {
	body.page_company #main_second .state-of-mind_content_objective {
	  width: calc(97% - 12px);
	  padding: 1em 3em;
	}
  }
  
  .arrow_gray {
	flex-basis: 5%;
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: stretch;
	gap: 16px;
	margin: 0 0 calc(16px + 0.5em) 12px;
  }
  @media (max-width: 768px) {
	.arrow_gray {
	  transform: rotate(90deg);
	  margin: auto;
	}
  }
  
  .arrow_gray_parts {
	position: relative;
	display: flex;
	justify-content: center;
	transform: scaleX(0.75);
  }
  .arrow_gray_parts span {
	width: 24px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
  }
  .arrow_gray_parts span:last-child {
	margin-left: -27px;
  }
  
  .parts_top span {
	border-color: #97999b transparent transparent;
	transform: rotate(45deg);
  }
  
  .parts_bottom span {
	border-color: #bbbcbc transparent transparent;
	transform: rotate(135deg);
  }
  
  .state-of-mind_target_wrap {
	flex-basis: 40%;
	position: relative;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	padding: 2.5rem;
	border-radius: 9999px;
	background-color: #00a3e0;
  }
  @media (max-width: 768px) {
	.state-of-mind_target_wrap {
	  flex-basis: 100%;
	  width: 95%;
	  margin: auto;
	}
  }
  
  .state-of-mind_target {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	background-color: #e0f0fa;
	white-space: nowrap;
	text-align: center;
	font-size: var(--state-of-mind_fontsize_pc);
	letter-spacing: -0.05em;
  }
  @media (max-width: 768px) {
	.state-of-mind_target {
	  padding: 0.5rem 0;
	  font-weight: bold;
	  color: black;
	}
  }
  
  .state-of-mind_target_year {
	font-size: clamp(10px, 1vw, 16px);
  }
  @media (max-width: 768px) {
	.state-of-mind_target_year {
	  font-size: calc(var(--state-of-mind_fontsize_sp) * 0.8);
	  letter-spacing: 0;
	}
  }
  /* /202312 経営ビジョン刷新 */