@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;}
#service05 {background-color: #fffcf5;}
.biz-text {padding: 1rem;}
.box {border:1px solid #156599;	padding: 2rem;}
#service04 dl {background: rgba(22,104,206,.1);}#service04 dl dt {border-bottom: 1px solid #333;	margin-bottom: 1rem;}#service04 dl dd {margin-bottom: 0;	padding: 0 1rem;}
#service05 .box {padding: 2rem;	border-radius: 15px;}#service05 #box01 {background: rgba(241,181,197,.1);}#service05 #box02 {background: rgba(22,104,206,.1);}#service05 #box03 {background: rgba(255, 130, 130,.1);}#service05 #box04 {background: rgba(184,217,160,.1);}#service05 #box05 {background: rgba(235, 168, 52,.1);}#service05 dl dt {border-bottom: 1px solid #333;	margin-bottom: 1rem;}#service05 dl dd {margin-bottom: 0;	padding: 0 1rem;}
@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);}
.contents dl { font-size: 100%;}.contents dt { font-size: 140%;	padding-bottom: 1rem;}}