@charset "UTF-8";
.biz-sec {}
#business { overflow: hidden;}#biz2{ padding: 5vw; background-color: #1ab4ca;}#biz2 .container{ background-color: #fff; border-radius: 30px;}.biz-text-area h2 { position: relative; color: #1ab4ca;}#flow h2{ position: relative; color: #1ab4ca; width: 21rem; padding: 1rem 0; margin: 0 auto; background-image: radial-gradient(#1ab4ca 30%, transparent 30%); background-size: 10px 10px; background-position: bottom; background-repeat: repeat-x;}#flow ul li.bt{ background-color: #ddf4f7; border-radius: 10px; width: 50%; margin: 0 auto;}#flow ul li i{ color: #1ab4ca;}#service header h2{ position: relative; color: #1ab4ca; width: 21rem; padding: 1rem 0; margin: 0 auto; background-image: radial-gradient(#1ab4ca 30%, transparent 30%); background-size: 10px 10px; background-position: bottom; background-repeat: repeat-x;}/*#service header h2:after { content: ""; position: absolute; width: 20%; background-color: #1cb4c9; height: 3px; bottom: -10px; left: 40%;
}*/
#service ul{ padding: 0 3vw; justify-content: center; align-items: center;}#service dl{ padding-bottom: 1rem; border-bottom: solid 1px #ddd;}#service dl dt{ color:#fff; background-color:#fdb292; display: flex; justify-content: center; align-items: center; border-radius:10px;}#service dl dd{ display: flex; justify-content:flex-start; align-items: center;}#service dl dd table th,#service dl dd table td{}
.biz-text-area { padding:0 3.5vw;}.biz-text-area h2{ position: relative; color: #1ab4ca;}.biz-text-area h2{ /*content: ""; position: absolute; width: 20%; background-color: #1cb4c9; height: 3px; bottom: -10px; left: 40%;*/ width: 14rem; padding: 1rem 0; margin: 0 auto; background-image: radial-gradient(#1ab4ca 30%, transparent 30%); background-size: 10px 10px; background-position: bottom; background-repeat: repeat-x;}.biz-text-area .bk{ background-color: rgb(155,155,155,15%); border-radius: 15px; padding:1.5rem; margin-top: 15px;}.biz-text header{ position:relative; background-size: contain; background-position: left center; background-repeat: no-repeat; height: 15vw;}.biz-text header img{ position: absolute; width: 19vw; z-index: 1; top: 0; right: 0;}.biz-text header h3{ position: absolute; top: 4vw; right: 10vw; background-color: #ddf4f7; border-radius: 15px; padding:1.2rem 4rem 1.2rem 1.2rem;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
@media (min-width: 768px){ .biz-text-area { padding:0 3vw; height: 100%; } .biz-text-area h2 { font-size: 200%; } .biz-text-area h3 { font-size: 120%; line-height: 1.8; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}@media (min-width: 1200px){ .biz-text header h3{ padding: 1rem 8rem 1rem 1rem; }}@media (min-width: 1300px){ .biz-text-area { font-size: 1.1rem; }}@media (max-width:991px){ .biz-text header img { top: 1vw; }}@media (max-width: 767px){ .biz-text header{ height:auto; } .biz-text header img{ width: 50vw; margin: 0 auto; display:block; position: relative; top:0; right:0; } .biz-text header h3{ font-size: 120%; position: relative; top:0; right:0; padding: 1rem; } .biz-text-area { padding: 0; } .biz-text-area .bk{ padding:1rem; } #flow ul li.bt{ width: 100%; } #service dl dd{ display: block; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; }
.contents h2 { font-size: 1.6rem;}#system02 {transition: .6s 0s ease-out;}#system03 {transition: .6s 0s ease-out;}}