@charset "utf-8";

/*===============================================
 *	bred-wrapper
===============================================*/
#bread-box{width: 100%;margin-bottom: 4%;}
#bread {max-width: 980px;margin: 0 auto;font-size: 13px;}
#bread li{float: left;font-weight: bold;}
#bread li:nth-child(n + 2) {margin-left: 1.5em;}
#bread a{float: left;color: #202020;position: relative;}
#bread li:first-child a{padding-left: 0;color: #a9894b;font-weight: normal;}
#bread a::after,#bread a::before{content: "";position: absolute;top: 50%;margin-top: -0.5em;border-top: 0.5em solid transparent;border-bottom: 0.5em solid transparent;border-left: 0.5em solid;right: -0.9em;}
#bread a::after{z-index: 2;border-left-color: #f9f8f7;}
#bread a::before{border-left-color: #202020;right: -1.0em;z-index: 1;}
#bread a:hover::after{border-left-color: #f9f8f7;}
#bread .current::after,#bread .current::before{content: normal;}
@media only screen and (max-width: 1024px) {
#bread-box {margin: 0 0 6% 3%;width: 97%;}
}
@media only screen and (max-width: 568px) {
#bread-box{display: none;}
}
/*===============================================
 *	下層メインタイトル
===============================================*/
#sub_mainvisual-wrap {background: url(../img/bg-title_second.jpg) center no-repeat;margin-bottom: 1em;background-size: cover;padding: 73px 0 72px;}
#second-visualcontents{max-width: 410px;margin: 0 auto;width: 100%;position: relative;z-index: 5;}
#second-visualcontents h1 {background: rgba(0,121,184,.8);font-size: 36px;font-weight: bold;color: #fff;text-align: center;letter-spacing: 3px;padding: .25em;text-shadow: 0 0 10px #000;}
#second-visualcontents h1 span {display: block;font-size: 16px;letter-spacing: 1px;text-shadow: none;font-weight: normal;margin-top: 5px;position: relative;}
#second-visualcontents h1 span::before {content: '';position: absolute;top: -5px;left: 50%;width: 80%;height: 3px;background: #f49b2e;transform: translateX(-50%);}
#second-visualcontents::after {content: "";display: block;width: 305px;height: 95px;background-color: rgba(0,200,250,.6);position: absolute;bottom: -20px;left: 205px;right: 0;margin: -6px 0 0 -70px;z-index: -5;}
@media only screen and (max-width: 768px) {
#second-visualcontents h1 {font-size: 32px;}
}
@media only screen and (max-width: 568px) {
#sub_mainvisual-wrap {margin-top: 63px;padding: 40px 0;}
#second-visualcontents {max-width: inherit;margin: 0 auto;width: 60%;}
#second-visualcontents h1 {font-size: 20px;padding: .5em;}
#second-visualcontents h1 span {font-size: 13px;}
#second-visualcontents h1 span:before {height: 2px;bottom: 32px;}
#second-visualcontents::after {width: 185px;height: 55px;bottom: -10px;left: 55%;}
}
/*===============================================
 *	見出し
===============================================*/
.bg-blue_band{background: #0079b8;padding: 30px 0;}
.band-mag{margin-bottom: 30px;}
.bg-blue_band p{color: #fff;text-align: center;font-size: 24px;font-weight: bold;}
@media only screen and (max-width: 568px) {
.bg-blue_band{padding: 15px 0}
.band-mag{margin-bottom: 20px;}
.bg-blue_band p{font-size: 20px;line-height: 1.4;}
}
/*===============================================
 *	Box-shadow
===============================================*/
.bg-shadow{box-shadow: 1px 1px 4px 2px rgb(169 169 169);}
/*-----------------------------------------------
 *	Basic Notebox
-----------------------------------------------*/
.basic-notebox {border-radius: 6px;box-shadow: 0 4px 12px 0 rgb(169 169 169);margin-bottom: 3vw;padding: 30px;}
@media only screen and (max-width: 568px) {
.basic-notebox {margin-bottom: 8vw;padding: 4%;}
}


/*===============================================
 *	abundant-wrap
===============================================*/
.abundant-wrap{padding: 4vw 0;}
.abundant-mag{margin-bottom: 2vw;}
.abundant-contents{background: #fff;border-radius: 10px;}
.abundant-ttlbox{background: #f0922e;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: .5em 1em;}
.abundant-ttl{color: #fff;font-size: 27px;font-weight: bold;letter-spacing: 4px;text-align: center;}
.abundant-inner{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 1.5em;}
.abundant-txt_ttl{border-bottom: #959595 2px dashed;color: #f49b2e;font-size: 20px;font-weight: bold;letter-spacing: 2px;margin-bottom: .75em;padding: .5em 0;position: relative;}
.abundant-txt_ttl::after{content: "";background: url("../img/service/img-abundant_human.png") no-repeat;background-size: contain;display: block;position: absolute;width: 173px;height: 159px;right: 0;bottom: 0;}
.abundant-txt_ttl span{border-left: #f49b2e 16px solid;display: block;padding: .25em 0 .25em .5em;}
/*.ttl-reason_detail {background: #17a5d3;border-radius: 60px;position: relative;margin: 0 auto 1em;top:auto;transform: none;left: auto;}*/
/*.reason-contents {margin-bottom: 0;padding: 4% 3% 3%;}*/
.reason-contents {padding: 4% 3% 3%;}
@media only screen and (max-width: 1024px) {
.abundant-ttl{text-align: left;padding-left: .5em;}
}
@media only screen and (max-width: 768px) {
.abundant-ttl {font-size: 23px;letter-spacing: 1px;}
.abundant-txt_ttl {font-size: 20px;}
.abundant-txt_ttl span {border-left: #f49b2e 13px solid;}
.abundant-txt_ttl::after{right: -10px;}
/*.ttl-reason_detail {font-size: 20px;width: 92%;}
.ttl-reason_detail span {font-size: 26px;}*/
.icon-ok::before {height: 64px;top: -4px;left: 40px;width: 64px;}
}
@media only screen and (max-width: 568px) {
.abundant-wrap {padding: 30px 0 35px;}
.abundant-inner {padding: 1em;}
.abundant-ttl {font-size: 16px;letter-spacing: 0;padding: 5px 0;}
.abundant-txt_ttl {font-size: 16px;}
.abundant-txt_ttl span {border-left: #f49b2e 10px solid;padding: .25em 0 .25em .5em;}
.abundant-txt_ttl::after {height: 101px;width: 112px;}
/*.ttl-reason_detail {font-size: 16px;}
.ttl-reason_detail span {display: block;font-size: 20px;}*/
.icon-ok::before {height: 44px;top: 50%;left: 15px;width: 44px;transform: translateY(-50%);}
.hd-space {padding: 5px 0;width: auto;}
}

/*===============================================
 *	Pager
===============================================*/
.pager .pagination {text-align: center;margin-bottom: 4vw;}
@media only screen and (max-width: 568px) {
.pager .pagination {margin-bottom: 8vw;}
}
.pager .pagination li {display: inline;margin: 0 2px;padding: 0;display: inline-block;width: 50px;height: 50px;text-align: center;position: relative;}
.pager .pagination li.pre,.pager .pagination li.next {background: #007499;color: #fff;}
.pager .pagination li a {vertical-align: middle;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;display: table;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.pager .pagination li.pre a,.pager .pagination li.next a {color: #fff;}
.pager .pagination li a span {display: table-cell;vertical-align: middle;}
.pager .pagination li a:hover,.pager .pagination li a.active {color: #007499;background: #fff;border: #007499 2px solid;animation: animScale 0.4s ease-out;transform-origin: 50% 50%;-webkit-animation: animScale 0.4s ease-out;-webkit-transform-origin: 50% 50%;}
@keyframes animScale {0% {transform: scale(0.8, 0.8);}
40% {transform: scale(1.2, 1.2);}
60% {transform: scale(1, 1);}
80% {transform: scale(1.1, 1.1);}
100% {transform: scale(1, 1);}
}
@-webkit-keyframes animScale {0% {-webkit-transform: scale(0.8, 0.8);}
40% {-webkit-transform: scale(1.2, 1.2);}
60% {-webkit-transform: scale(1, 1);}
80% {-webkit-transform: scale(1.1, 1.1);}
100% {-webkit-transform: scale(1, 1);}
}
@-moz-keyframes animScale {0% {-moz-transform: scale(0.8, 0.8);}
40% {-moz-transform: scale(1.2, 1.2);}
60% {-moz-transform: scale(1, 1);}
80% {-moz-transform: scale(1.1, 1.1);}
100% {-moz-transform: scale(1, 1);}
}
/*===============================================
 *	cv-underlayer
===============================================*/
.cv-underlayer-wrap{padding: 3em 0 4em;margin-bottom: 4em;}
.cv-underlayer_contents{max-width: 980px;margin: 0 auto;}
.cv-underlayer-ttl{color: #ec7589;font-size: 28px;font-weight: bold;letter-spacing: 2px;line-height: 1.4;margin-bottom: 10px;}
.cv-underlayer_subhdttl {background: #17a5d3;border-top-right-radius: 6px;border-top-left-radius: 6px;color: #fff;font-size:30px;font-weight: bold;padding: 8px 0 8px 1em;letter-spacing: 4px;}
.cv-underlayer_box{background: #fff;box-shadow: 0 4px 12px 0 rgb(169 169 169);border-radius: 6px;padding: 0 0 30px;position: relative;}
.cv-underlayer_txt{padding: 2em 0 0 2em; max-width: 580px;}
.btn-contactbox{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-bottom: 1em;position: relative;}
.btn-contactbox > p{background: #17a5d3;border-radius: 100px;color: #fff;font-size: 20px;font-weight: 800;text-align: center;padding-top: 30px;line-height: 1.4;height: 80px;width: 110px;}
.btn-tel_pc {display: block;max-width: 460px;}
.btn-tel_sp {display: none;}
.btn-square {display: block;text-decoration: none;background: #ff8e2a;background: -webkit-linear-gradient(top,  #ff8e2a 0%,#ff8e2a 50%,#e36b00 51%,#e36b00 100%);border-radius: 10px;cursor: pointer;font-size: 30px;font-weight: bold;border-bottom: solid 6px #994700;position: relative;z-index: 20;}
.btn-square a{color: #fff;display: block;padding: 0.5em 1em;position: relative;text-align: center;}
.btn-square a::before{content: "";display: inline-block;background: url("../img/icon-cv-mail.png") left no-repeat;width: 53px;height: 43px;background-size: contain;position: absolute;left: 2em;top: 50%;transform: translateY(-50%);}
.btn-square:active {transform: translateY(6px);border-bottom: none;}
img.icon-cv_free{max-width: 125px;position: absolute;right: 30px;bottom: 20px;z-index: 30;}
img.cv-human{max-width: 347px;position: absolute;right: -10px;bottom: 0;z-index: 10;}
@media only screen and (max-width: 768px) {
.cv-underlayer-ttl {font-size: 24px;text-align: center;}
.cv-underlayer_box {margin: 0 4vw;}
.cv-underlayer_subhdttl {font-size: 24px;}
.cv-underlayer_txt {padding: 1.5em 0 0 1.5em;max-width: 440px;}
.btn-contactbox > p {font-size: 16px;padding-top: 20px;height: 60px;width: 80px;}
.btn-tel_pc {max-width: 350px;}
.btn-square {font-size: 26px;}
.btn-square a::before {width: 43px;height: 33px;left: 1.5em;}
img.icon-cv_free {max-width: 95px;}
img.cv-human {max-width: 257px;}
}
@media only screen and (max-width: 568px) {
.cv-underlayer-wrap {padding: 30px 0 35px;margin-bottom: 8vw;}
.cv-underlayer_box {padding: 0 0 15px;}
.cv-underlayer_txt {padding: 1em 0 0 1em;max-width: initial;}
.cv-underlayer-ttl {font-size: 18px;}
.cv-underlayer_subhdttl {font-size: 18px;font-weight: bold;letter-spacing: 1px;padding: 8px 0 8px .5em;}
.btn-contactbox{margin-bottom: .75em;}
.btn-contactbox > p {font-size: 15px;padding: 2%;height: auto;margin-bottom: .75em;width: 92%;}
/*.btn-tel_sp {color: #fff;display: block;text-decoration: none;background: #f2b6bf;background: -webkit-linear-gradient(top,  #f496a6 0%,#f496a6 50%,#ec7589 51%,#ec7589 100%);border-radius: 10px;cursor: pointer;font-size: 20px;font-weight: bold;border-bottom: solid 4px #820016;line-height: 1;padding: .5em 1.5em;position: relative;max-width: 220px;z-index: 20;}*/
.btn-tel_sp {display: block;position: relative;max-width: 225px;z-index: 20;}
.btn-tel_sp span{display: block;}
.btn-tel_sp span.business-time{font-size: 13px;margin-top: 6px;}
.btn-square {background: #f2b6bf;background: -webkit-linear-gradient(top,  #f496a6 0%,#f496a6 50%,#ec7589 51%,#ec7589 100%);border-bottom: solid 3px #820016;font-size: 14px;max-width: 225px;line-height: 1.4;border-radius: 4px;}
.btn-square a {padding: .75em;}
.btn-square a::before {height: 18px;left: .75em;width: 20px;}
img.icon-cv_free {max-width: 65px;display: block;right: 10px;bottom: 10px;}
img.cv-human {max-width: 140px;right: -5px;z-index: 0;}
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {

}
/*-----------------------------------------------
 *	worries
-----------------------------------------------*/
.worries-contents{background: #fff;border-radius: 10px;margin-bottom: 60px;position: relative;}
.worries-ttlbox{background: #17a5d3;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: .5em 1em;}
.worries-ttl{color: #fff;font-size: 27px;font-weight: bold;letter-spacing: 4px;text-align: center;padding-left: 2em;position: relative;}
.worries-ttl::before{content: "";display: inline-block;background: url("../img/icon-warning_white.png") left no-repeat;height: 39px;width: 43px;background-size: contain;padding-right: .5em;vertical-align: middle;}
.worries-inner{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 1.5em;}
.worries-li li {background: url("../img/icon-warning_pink.png") left center no-repeat;border-bottom: #f39800 2px dashed;padding: 0 0 10px 2.25em;font-size: 20px;line-height: 1.4;margin-bottom: 1em;width: calc(86%/2);}
.worries-li span{color: #ec7589;font-weight: 800;}
.worries-contents::after{content: "";display: block;position: absolute;bottom: -36px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 100px solid transparent;border-right: 100px solid transparent;border-top: #ec7589 36px solid;}
@media only screen and (max-width: 1024px) {
.worries-li li {font-size: 19px;}
}
@media only screen and (max-width: 768px) {
.worries-ttl {font-size: 26px;letter-spacing: 2px;padding-left: 0;}
.worries-li li {font-size: 14px;background-size: 25px;}
}
@media only screen and (max-width: 568px) {
.worries-inner {padding: 1em;}
.worries-ttl {font-size: 17px;padding-left: 2.25em;text-align: left;line-height: 1.4;}
.worries-ttl::before {height: 29px;width: 33px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.worries-li li {width: 89%;}
}

/*-----------------------------------------------
 *	solution-contents
-----------------------------------------------*/
.solution-contents{background: url("../img/service/bg-machine_summary.png") right bottom no-repeat #fff;background-size: contain;border: #ec7589 3px solid;border-radius: 10px;position: relative;margin-bottom: 5vw;}
.solution-box{padding: .75em;}
.solution-ttl{background: #f8ebed;border-radius: 6px;font-size: 35px;font-weight: bold;line-height: 1.4;margin-bottom: .5em;text-align: center;padding: 10px 0;position: relative;}
.solution-ttl span{color: #ec7589;}
.solution-ttl::before{content: "";display: inline-block;background: url("../img/service/icon-machine.png") left no-repeat;height: 82px;width: 98px;background-size: contain;position: absolute;left: 2em;top: 50%;transform: translateY(-50%);}
.solution-txt01{font-size: 30px;font-weight: bold;text-shadow: 1px 1px 0 #fff;letter-spacing: 4px;line-height: 1.4;padding-left: .5em;position: relative;z-index: 5;}
.solution-txt02{color: #ec7589;font-size: 40px;font-weight: bold;text-shadow: 1px 1px 0 #fffd64;letter-spacing: 4px;position: relative;z-index: 5;}
.solution-txt02 span{background: linear-gradient(transparent 40%, #fffd64 40%);padding: 0 .25em;}
.img-summary_human{max-width: 268px;position: absolute;right: 0;bottom: 0;z-index: 0;}
@media only screen and (max-width: 1024px) {
.solution-ttl::before {left: 1em;}
.img-summary_human {max-width: 335px;}
}
@media only screen and (max-width: 768px) {
.solution-ttl {font-size: 24px;text-align: left;padding: .75em 1em .75em 5em;}
.solution-ttl::before {height: 62px;width: 78px;left: 1.5em;top: 35px;}
.solution-txt01 {font-size: 24px;}
.solution-txt02 {font-size: 28px;}
.img-summary_human {max-width: 265px;}
}
@media only screen and (max-width: 568px) {
.solution-contents {margin-bottom: 40px;}
.solution-ttl {font-size: 20px;margin-bottom: 10px;text-align: center;padding: .75em .75em .75em 3em;}
.solution-ttl::before {height: 42px;width: 48px;top: 50%;left: .75em;transform: translateY(-50%);}
.solution-txt01 {font-size: 20px;padding-left: 0;margin-bottom: .5em;}
.solution-txt02 {font-size: 22px;}
.img-summary_human {max-width: 125px;}
}
/*===============================================
 *	Basic Table
===============================================*/
table.basic-tbl{width: 100%;}
table.basic-tbl th{font-weight: bold;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 0;line-height: 1.2;}
table.basic-tbl th:last-child{border-right: 1px solid #ccc;}
table.basic-tbl td{border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top:none;padding: 5px 0;}
table.basic-tbl td:last-child{border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
/*===============================================
 *	Item Table
===============================================*/
table.item-tbl {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-collapse: separate;width: 100%;}
table.item-tbl th {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;vertical-align: middle;position: relative;padding: 10px 0;background: #ec7589;color: #fff;font-size: 20px;font-weight:bold;letter-spacing: 1px;text-align: center;}
table.item-tbl td {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 15px 20px;background: #fff;letter-spacing: 1px;word-break: break-all;text-align: center;width: calc(100%/4);}
table.item-tbl td:nth-of-type(even) {background: #ffebee;}
@media only screen and (max-width: 568px) {
table.item-tbl {margin-bottom: 10px;}
table.item-tbl th {padding: 5px 0;font-size: 16px;}
table.item-tbl td {padding: 10px 0;font-size: 12px;letter-spacing: 0;}
}

/*===============================================
 *	Page-column_wrap
===============================================*/
#page-column_wrap{padding: 4em 0;}
.column-contents {align-items: flex-start;}
.page-columntxtbox{max-width: 630px;}
.page-columntxtbox p{margin-bottom: 1em;}
.page-columntxtbox p:last-of-type{margin-bottom: 0;}
.column-ttl{border-bottom: #959595 2px dashed;font-size: 26px;font-weight: bold;letter-spacing: 1px;padding-bottom: 10px;margin-bottom: 1em;}
.column-ttl span {background: #17a5d3;border-radius: 10px;color: #fff;display: inline-block;height: 40px;font-size: 16px;line-height: 40px;margin-right: 1em;padding: 0 1em;text-align: center;width: 80px;}
img.photo-column{max-width: 310px;}
table.basic-tbl th:last-child {padding: 15px 1em;}
@media only screen and (max-width: 768px) {
.page-columntxtbox{max-width: 390px;}
.column-ttl {font-size: 21px;}
.column-ttl span {display: block;}
img.photo-column {max-width: 290px;padding-top: 3em;}
}
@media only screen and (max-width: 568px) {
#page-column_wrap{padding: 2em 0;}
.column-ttl {font-size: 18px;margin-bottom: 1em;}
img.photo-column {max-width: initial;padding: 0;margin-bottom: 1em;}
.column-ttl span {height: 35px;font-size: 14px;width: 80px;line-height: 35px;margin-bottom: 5px;}
}