@charset "UTF-8";

.detail_head_wrap {
	max-width: 100%;
	width: 1440px;
	margin: 0 auto;
	background-color: #FFF;
}
.detail_head {
	width: 100%;
	margin: 0 auto 30px;
	text-align: left;
}
.detail_logo {
	display: inline-block;
	vertical-align: middle!important;
}
.detail_logo_caption {
	display: inline-block;
	vertical-align: middle;
	line-height: 26px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-left: 20px;
}
.contents{width:100%; height: auto!important; margin:68px auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.content__kv { margin-bottom: 30px;}
@media screen and (max-width:768px){
	.contents{ margin:42px auto 48px}
	.detail_logo_caption {margin-left: 0;}
}
.contents__inner{
	max-width:100%; width:1440px;
	margin:0 auto;
	position:relative
}
.buttonArea{
	display:-webkit-box; display:-webkit-flex; display: -ms-flexbox; display:flex;
	-webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center;
	align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify;
	justify-content:space-between;
	margin:28px auto 29px;
}
@media screen and (max-width:768px){
	.buttonArea{
		display:block;
		margin:16px auto 23px;
	}
}
.button--screen{ width: 49%;}
@media screen and (max-width:768px){ .button--screen { width:100%;margin-bottom:17px; }}
.button--screen a{
	display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center;
	-webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;
	width:100%
}
.button--screen a img { width:100%;}
.button--document { width:49%;}
@media screen and (max-width:768px){ .button--document{width:100%}}
.button--document a {
	display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
	-webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center;
	align-items:center; -webkit-box-pack:center; -webkit-justify-content:center;
	-ms-flex-pack:center; justify-content:center;
	width:100%
}
.button--document a img { width:100%;}
.content { max-width:1000px; width:calc(100% - 440px)}
@media screen and (max-width:768px){ .content{width:100%}}
.content__headline {
	font-size:30px;
	line-height:45px;
	font-weight:700;
	letter-spacing:.1em;
	text-indent:.1em;
	margin-bottom:57px
}
@media screen and (max-width:768px){
	.content__headline{ font-size:20px; line-height:26px; margin-bottom:34px}
}
.content__inner { font-size:14px;line-height:26px}
.content__inner h2 {
	font-size:20px;
	line-height:26px;
	margin-bottom:20px;
	font-weight: bold;
}
.h2_blue {
	color:#3d9fe8;
	border-left : solid 4px #3d9fe8;
	padding-left: 0.5em;
}
.subtext_bold { font-weight: bold; font-size: 1.2em;}
.color_blue { color:#3d9fe8;}
.font_bold { font-weight: bold;}
.contents_imgbox { margin: 30px 0; text-align: center;}
.background_wh_box { background: #FFF; border: solid 2px #ddd; padding: 20px; margin: 20px 0; }
.maru_contact { width: 100%; text-align: center; border: 1px solid #dcdde4; border-radius: 5px; padding: 20px 0;}
.product_bottom_contact {
	display: block;
	background: #63b2ed;
	border-radius: 5px;
	padding: 8px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	max-width: 200px;
  margin: 15px auto 0;
	transition: .3s;
}
.product_bottom_contact:hover { background: #5acdfa;}
@media screen and (max-width:768px){
	.content__inner h2{ font-size:16px;margin-bottom:27px}
	.subtext_bold { font-size: 1em;}
	.maru_contact { text-align: left; padding: 10px; width: auto;}
}
.content__inner strong{font-weight:700}