@charset "UTF-8";
.logo-area {position: absolute;	top:0;	left: 2rem;}#center-logo {height:0;	width:0%;	text-align: center;}
.logo-area img { width: 8vw;}
#business { overflow: hidden;}
.biz-img {height: 20rem;}
.biz-text h2 {font-size: 140%;	border-bottom:1px solid #222;}
.contents {padding: 5rem 8vw;}.contents h2{ position: relative; overflow: hidden; padding: 1rem 2rem 1rem 130px; border: 2px solid #1668CE;	margin-bottom: 3rem;	background-color: #f5f9ff;}.contents h2:before { position: absolute; top: -150%; left: -100px; width: 180px; height: 300%; content: ''; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); background: #1668CE;}
.contents h2 span { font-size: 40px; font-size: 3rem; position: absolute; z-index: 1; top: 0; left: 0; display: block; padding-top: 3px; padding-left: 30px; color: #fff;}
.contents h4{color: #fff;	font-size: 80%;	background-color: #dc3545;	display: inline-block;	border-radius: 10px;	padding: .5rem 1rem;}
#service01,
#service03,
#service05 {background-color: #fffcf5;}
#service-bg01 {background-color: #b8d9a0;	height: 20rem;}#service-bg01 .biz-img{background-image: url("../img/service01.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}#service-bg02 {background-color: #abd9f2;	height: 20rem;}#service-bg02 .biz-img{background-image: url("../img/service02.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}#service-bg03 {background-color: #f8efd5;	height: 20rem;}#service-bg03 .biz-img{background-image: url("../img/service03.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}#service-bg04 {background-color: #f1b5c5;	height: 20rem;}#service-bg04 .biz-img{background-image: url("../img/service04.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}
.biz-text {padding: 1rem;}
.box {border:1px solid #156599;	padding: 2rem;}
#service01 dl dt {border-bottom: 1px solid #333;	margin-bottom: 1rem;}#service01 dl dd {font-size: 1.2rem;	margin-bottom: 0;	padding: 0 1rem;}#service01 dl dd:before,
#service02 dl dd:before,
#service03 dl dd:before {content: '■';	color: #333;	width: 10px;	margin-right: 5px;}
@media (min-width: 768px){ .biz-text-area { height: 100%; } .biz-text-area h3 { font-size: 140%; } .bg-left h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw 0 3vw 2vw; margin-left: -3vw; width: calc(100% - 3vw);}.bg-right h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw 0 3vw 2vw; margin-left: 3vw; width: calc(100% + 3vw);}
.bg-left h3::after,
.bg-right h3::after { content: ""; display: block; height: 1px; width: 25%; background-color: #fff; margin-top: 1rem;} .bg-left .biz-text { padding: 0 6vw 0 3vw;} .bg-right .biz-text { padding: 0 3vw 0 3vw;} .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 768px){ }@media (min-width: 1200px){ .biz-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ #business > section { padding: 0 3vw; } .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; } .bg-left h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw ; } .bg-right h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw ; } }@media (max-width: 575px){ .index-header::after { bottom: 4vw; }
.contents {padding: 5rem 0;}
.contents h2 { font-size: 1.6rem; padding: 1rem 1rem 1rem 100px;}.contents h2:before { -webkit-transform: rotate(0); transform: rotate(0);}
#service-bg01,
#service-bg02,
#service-bg03 {height: 35rem;}.contents dl { font-size: 100%;}.contents dt { font-size: 140%;	padding-bottom: 1rem;}}