@charset "UTF-8";
@media screen and (min-width: 768px),print {
#contentsmain{background: url('../images/business03/main-back.jpg')no-repeat top center;padding: 47px 0 217px;margin-bottom: -160px;}
#contentsmain .inner-Box{margin: 0 auto;padding: 33px 0 33px 0;width: 686px;text-align: center;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);background: #fff;}
#contentsmain .inner-Box span.en{color: #07767e;font-size: 14px;text-transform: uppercase;font-weight: 500;letter-spacing: 0.7px;display: block;margin-bottom: -5px;}
#contentsmain .inner-Box h2{font-size: 26px;letter-spacing: 1.3px;color: #07767e;margin-bottom: 12px;position: relative;}
#contentsmain .inner-Box h2::before{ content: ""; width: 42px; height: 1px; background: #07767e; position: absolute; bottom: 0; left: 50%; margin-left: -21px; }
#contentsmain .inner-Box p{ font-size: 18px; letter-spacing: 0.9px; font-weight: 700; line-height: 40px; }

#contents00{background: #fff;margin: 0 auto;width: 1200px;padding: 61px 220px 81px 220px;}
#contents00 p{ font-size: 16px; letter-spacing: 0.8px; line-height: 34px; }

#contents01{}
#contents01 .inner-Box1{background: #f9f9f9;padding: 87px 0 90px;}
#contents01 .inner-Box1 .inbox{ width: 900px; margin: 0 auto; position: relative; }
#contents01 .inner-Box1 h2{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;position: relative;margin-bottom: 10px;}
#contents01 .inner-Box1 h2::before{content: "";height: 1px;width: 90px;background: #07767e;position: absolute;left: -100px;top: 16px;}
#contents01 .inner-Box1 p{font-size: 16px;letter-spacing: 0.8px;line-height: 34px;margin-bottom: 23px;}
#contents01 .inner-Box1 figure{}

#contents01 .inner-Box2{padding: 103px 0 103px;}
#contents01 .inner-Box2 .inbox{ width: 900px; margin: 0 auto; position: relative; }
#contents01 .inner-Box2 h2{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;position: relative;margin-bottom: 10px;}
#contents01 .inner-Box2 h2::before{content: "";height: 1px;width: 90px;background: #07767e;position: absolute;left: -100px;top: 16px;}
#contents01 .inner-Box2 p{font-size: 16px;letter-spacing: 0.8px;line-height: 34px;margin-bottom: 23px;}
#contents01 .inner-Box2 figure{}

#contents01 .inner-Box3{background: #f9f9f9;padding: 87px 0 90px;}
#contents01 .inner-Box3 .inbox{ width: 900px; margin: 0 auto; position: relative; }
#contents01 .inner-Box3 h2{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;position: relative;margin-bottom: 10px;}
#contents01 .inner-Box3 h2::before{content: "";height: 1px;width: 90px;background: #07767e;position: absolute;left: -100px;top: 16px;}
#contents01 .inner-Box3 p{font-size: 16px;letter-spacing: 0.8px;line-height: 34px;margin-bottom: 23px;}
#contents01 .inner-Box3 figure{}

#contents01 .inner-Box4{padding: 103px 0 103px;}
#contents01 .inner-Box4 .inbox{ width: 900px; margin: 0 auto; position: relative; }
#contents01 .inner-Box4 h2{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;position: relative;margin-bottom: 10px;}
#contents01 .inner-Box4 h2::before{content: "";height: 1px;width: 90px;background: #07767e;position: absolute;left: -100px;top: 16px;}
#contents01 .inner-Box4 p{font-size: 16px;letter-spacing: 0.8px;line-height: 34px;margin-bottom: 23px;}
#contents01 .inner-Box4 figure{}

#contents02{width: 1100px;margin: 0 auto;text-align: center;padding-top: 30px;}
#contents02 h3{font-size: 18px;font-weight: 700;letter-spacing: 0.9px;line-height: 30px;margin-bottom: 20px;}
#contents02 ul{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 102px;}
#contents02 ul li:nth-child(1){margin: 0 auto 54px;}
#contents02 ul li:nth-child(2){ float: left; margin-right: 50px; }
#contents02 ul li:nth-child(3){ float: left; }

#contentsbottom{position: relative;left: 20px;margin-bottom: 120px;}
#contentsbottom ul{width: 930px;margin: 0 auto;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsbottom ul li{width: 270px;float: left;margin-right: 40px;position: relative;padding-bottom: 31px;}
#contentsbottom ul li::before{content: url('../images/index/contents01-pl.svg');position:  absolute;top: 128px;right: -59px;z-index: 1;}
#contentsbottom ul li:nth-child(3){ margin-right: 0; }
#contentsbottom ul li:nth-child(3)::before{ content: ""; }
#contentsbottom ul li figure{position: relative;top: -3px;left: -30px;margin-bottom: -30px;}
#contentsbottom ul li h4{color: #07767e;font-size: 18px;letter-spacing: 0.9px;font-weight: 700;margin-bottom: 8px;}
#contentsbottom ul li h4 span{ font-size: 12px; letter-spacing: 1.2px; display: block; }
#contentsbottom ul li .text2{font-size: 12px;letter-spacing: 0.6px;line-height: 22px;margin-bottom: 26px;}
#contentsbottom ul li  .btn a{width: 120px;height: 31px;font-size: 12px;font-weight: 500;letter-spacing: 1.2px;display: block;padding: 1px 0 0 7px;border-bottom: 1px solid #1a1a1a;position: absolute; bottom:0; left: 0;}
#contentsbottom ul li  .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 2px;right: 10px;}


}
@media screen and (max-width: 767px) {

#contentsmain{background: url('../images/business03/sp-main-back.jpg')no-repeat top center; background-size: 100% auto; padding: 6.1vw 0 28.3vw;margin-bottom: -20.9vw;}
#contentsmain .inner-Box{margin: 0 4vw;padding: 4.3vw;text-align: center;box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);background: #fff;}
#contentsmain .inner-Box span.en{color: #07767e;font-size: 1.8vw;text-transform: uppercase;font-weight: 500;letter-spacing: 0.3vw;display: block;margin-bottom: 0.3vw;}
#contentsmain .inner-Box h2{font-size: 5.8vw;letter-spacing: 0.3vw;color: #07767e;margin-bottom: 1.6vw;position: relative;}
#contentsmain .inner-Box h2::before{content: "";height: 1px;background: #07767e;position: absolute;bottom: 0;left: 50%;margin-left: -5vw;width: 10vw;}
#contentsmain .inner-Box p{font-size: 3.4vw;letter-spacing: 0.3vw;font-weight: 700;line-height:1.6;}

#contents00{background: #fff;margin: 0 4vw;padding: 9vw 4vw 4vw;}
#contents00 p{ font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; }

#contents01{}
#contents01 .inner-Box1{background: #f9f9f9;padding: 11.3vw 0 11.7vw;}
#contents01 .inner-Box1 .inbox{position: relative;padding: 4vw 4vw 4vw;}
#contents01 .inner-Box1 h2{font-size: 4.5vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;margin-bottom: 1.3vw;padding-left: 10vw;}
#contents01 .inner-Box1 h2::before{content: "";height: 1px;background: #07767e;position: absolute;left: -3vw;top: 3.1vw;width: 8vw;}
#contents01 .inner-Box1 p{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.0vw;padding-left: 10vw;}
#contents01 .inner-Box1 figure{ margin-bottom: 4vw; }

#contents01 .inner-Box2{background: #fff;padding: 11.3vw 0 11.7vw;}
#contents01 .inner-Box2 .inbox{position: relative;padding: 4vw 4vw 4vw;}
#contents01 .inner-Box2 h2{font-size: 4.5vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;margin-bottom: 1.3vw;padding-left: 10vw;}
#contents01 .inner-Box2 h2::before{content: "";height: 1px;background: #07767e;position: absolute;left: -3vw;top: 3.1vw;width: 8vw;}
#contents01 .inner-Box2 p{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.0vw;padding-left: 10vw;}
#contents01 .inner-Box2 figure{ margin-bottom: 4vw; }

#contents01 .inner-Box3{background: #f9f9f9;padding: 11.3vw 0 11.7vw;}
#contents01 .inner-Box3 .inbox{position: relative;padding: 4vw 4vw 4vw;}
#contents01 .inner-Box3 h2{font-size: 4.5vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;margin-bottom: 1.3vw;padding-left: 10vw;}
#contents01 .inner-Box3 h2::before{content: "";height: 1px;background: #07767e;position: absolute;left: -3vw;top: 3.1vw;width: 8vw;}
#contents01 .inner-Box3 p{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.0vw;padding-left: 0vw;}
#contents01 .inner-Box3 figure{ margin-bottom: 4vw; }
#contents01 .inner-Box3 figure.photo{ margin: 0 20vw; }

#contents01 .inner-Box4{background: #fff;padding: 11.3vw 0 11.7vw;}
#contents01 .inner-Box4 .inbox{position: relative;padding: 4vw 4vw 4vw;}
#contents01 .inner-Box4 h2{font-size: 4.5vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;margin-bottom: 1.3vw;padding-left: 10vw;}
#contents01 .inner-Box4 h2::before{content: "";height: 1px;background: #07767e;position: absolute;left: -3vw;top: 3.1vw;width: 8vw;}
#contents01 .inner-Box4 p{font-size: 3.6vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.0vw;padding-left: 10vw;}
#contents01 .inner-Box4 figure{ margin-bottom: 4vw; }

#contents02{margin: 0 4vw;text-align: center;padding-top: 3.9vw;}
#contents02 h3{font-size: 4.5vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 2.6vw;}
#contents02 ul{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 13.3vw;}
#contents02 ul li:nth-child(1){margin: 0 auto 4vw;}
#contents02 ul li:nth-child(2){margin-bottom: 4vw;}
#contents02 ul li:nth-child(3){  }






#contentsbottom ul{ margin-bottom: 6vw; display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsbottom ul li{position: relative;padding: 0 4vw;padding-top: 14vw;padding-bottom: 24vw;border-bottom: 1px dotted;}
#contentsbottom ul li:nth-child(4){ margin-right: 0; }
#contentsbottom ul li figure{margin-bottom: 4vw;width: 40vw;position: absolute;top: 22vw;right: 0vw;}
#contentsbottom ul li h4{color: #07767e;font-size: 4.6vw;letter-spacing: 0.5vw;font-weight: 700;margin-bottom: 4vw;}
#contentsbottom ul li h4 span{font-size: 3.6vw;letter-spacing: 0.3vw;margin-right: 2vw;}
#contentsbottom ul li .text2{font-size: 3.3vw;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.4vw;margin-right: 39vw;min-height: 32vw;}
#contentsbottom ul li  .btn a{height: 12vw;font-size: 3.4vw;font-weight: 500;letter-spacing: 0.3vw;display: block;padding: 3.1vw 0 0 4.9vw;border: 1px solid #1a1a1a;left: 4vw;width: 92vw;position: absolute;bottom: 5vw;}
#contentsbottom ul li  .btn a::before{content: url('../images/index/arr.svg');position: absolute;top: 3.3vw;right: 3.3vw;}


}