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

 Fabnerd home-teaser.css
 2023/06/13
 moat. Design

-------------------------*/
.background {
	width: 100%;
	height: 100vh;
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.border {
	width: 100%;
	height: 6%;
	background-color: #0032b4;
	opacity: 0.7;
}
.div_flex {
	display: flex;
	width: 100%;
	height: 100%;
}
.div_flex .half {
}
.half.left {
	display: flex;
	justify-content: center; /*左右中央揃え*/
	align-items: center;     /*上下中央揃え*/
	width: 40%;
}
.half.left img {
	margin: 0 auto;
}
.half.right {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 50%;
	padding-left: 10%;
}
.top-copy {
	font-size: 1.94em;
	color: #646464;
	margin-bottom: 17px;
}
.half.right .text.top h1 img {
	max-width: 400px;
}
.half.right .text.bottom .p_contact {
	line-height: 1.875em;
}
.span-pc {
    font-size: 1.4em;
    padding-right: 10px;
    line-height: normal;
    vertical-align: bottom;
}
.img_mail {
	position: relative;
	left: 5px;
	vertical-align: middle;
}

.half.right .text.top {
	top: 10.4%;
    position: relative;
}
.half.right .text.bottom {
	position: relative;
    top: -12.8%;
}
.p_h1 {
	font-size: 1.81em;
	margin-top: 23px;
	color: #646464;
}

/*.half.right .ul_companyinfo li {
	line-height: 1.875em;
	position: relative;
}

.half.right .ul_companyinfo {
	margin-bottom: 30px;
}
*//* -----------------
   company
   -----------------*/

.half.left.company {
	width: 40%;
	position: relative;
}
.half.left.company img {
	max-width: 324px;
}
.half.right.wh .company {
	position: relative;
}
.half.right .dl_companyinfo {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.half.left.company .text.top .top-copy {
	font-size: 1.59em;
}
.half.left.company .text.top h1 .p_h1 {
	font-size: 1.45em;
	margin-top: 20px;
}
.half.right .dl_companyinfo dt, .half.right .dl_companyinfo dd {
	line-height: 2.25em;
	position: relative;
}
.half.right .dl_companyinfo dt {
	width: 17%;
}
.half.right .dl_companyinfo dd {
	width: 83%;
}
.half.right .dl_companyinfo dt::after {
	content: "："
}
.half.right .dl_companyinfo img {
	position: relative;
	left: 5px;
	vertical-align: middle;
}
.half.right .company h1 {
	color: #0096df;
	font-size: 1.8em;
	margin-bottom: 45px;
}
.border.bottom {
	position: relative;
}
.a_btn {
	position: absolute;
	display: block;
	bottom: 11%;
}
a .div_btn {
	background-color: #0032b4;
	height: 6%;
	width: 180px;
	border-radius: 10px;
	position: relative;
	display: flex;
}
a .div_btn p {
	color: #FFF;
	width: 50%;
	line-height: 2em;
	text-align: center;
}
a .div_btn .arrow_r {
	width: 58px;
	line-height: 1.4em;
}
.a_btn.sp {
	display: none;
}

.half.right.wh {
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	height: 100%;
	width: 60%;
}



/*-----スマホ向けの記述-----*/
@media screen and (max-width: 470px) {/*ウィンドウ幅が0～470pxの場合にCSSを適用*/
.background.company {
	background-image: none;
}
.div_flex {
	flex-direction: column;
    width: 94%;
    margin: 0 auto;
    position: relative;
}
.div_flex .half {
	width: 100%;
}
.div_flex .half.left img {
	width: 60%;
	margin: 10% auto;
}
.div_flex .half.right .top-copy {
	font-size: 1.14em;
	text-align: center;
	letter-spacing: 0.08em;
}
.half.right {
	padding-left: 0;
	position: relative;
	height: 100%;
	justify-content: center;
}
.span-pc {
	display: none;
}

.half.right.wh {
	width: 100%;
}
.half.right.wh .company {
	margin-left: 0;
}
.half.right .company h1 {
	text-align: center;
	font-size: 1.5em;
}
.half.right h1 img {
	display: block;
	width: 70%;
	margin: 0 auto;
}
.half.right .text.top {
	top: -18%;
}
.half.right .text.top h1 .p_h1 {
	font-size: 1.14em;
	margin-top: 8px;
	text-align: center;
}
.half.right .text.bottom .p_contact {
    line-height: 1.4em;
}
.half.right .text.bottom {
	text-align: center;
    top: -7%;
}
.half.right .ul_companyinfo li {
	line-height: 1.5em;
	font-size: 0.87em;
}
.half.right .ul_companyinfo li img {
	vertical-align: text-bottom;
}
/* -----------
  company
--------------*/
.half.right .dl_companyinfo {
	margin-top: 6%;
	display: block;
}
.half.right .dl_companyinfo dt, .half.right .dl_companyinfo dd {
	text-align: center;
	width: 100%;
	font-size: 0.88em;
	line-height: 1.3em;
}
.half.right .dl_companyinfo dd {
	margin-bottom: 1em;
}
.half.right .dl_companyinfo dt::after {
	content: normal
}
.half.right .dl_companyinfo img {
	width: 120px;
}
.half.left.company {
	display: none;
}
.half.right.wh {
	margin-top: 0;
	padding-left: 0;
}
.a_btn.sp {
	bottom:40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	display: block;
}
.div_btn {
	margin: 0 auto;
}
.a_btn.pc {
	display: none;
}

}