@charset "utf-8";

/*===============================================
 *	bred-wrapper
===============================================*/
#bred-box{width: 100%;margin: 20px 0 30px;}
#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: #35bcc3;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: 768px) {
#bread li:first-child a{padding-left: 1em;}
}
@media only screen and (max-width: 568px) {
#bred-box{display: none;}
}
/*===============================================
 *	下層タイトル
===============================================*/
#sub_mainvisual-wrap {background: url(../img/bg-title_second.jpg) center no-repeat;border-bottom: #336bb6 5px solid;margin-bottom: 80px;background-size: cover;}
#second-visualcontents{max-width: 1200px;height: 230px;display: table;text-align: center;margin: 0 auto;position: relative;width: 100%;}
#second-visualcontents h1 {display: table-cell;font-size: 36px;font-weight: bold;color: #336bb6;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;text-align: center;letter-spacing: 3px;position: relative;vertical-align: middle;z-index: 5;}
#second-visualcontents h1 b{display: block;font-size: 16px;padding: 0 2em;position: relative;margin-top: 1.5em;text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;}
#second-visualcontents h1 b:before {content: '';position: absolute;top: -15px;display: inline-block;width: 50px;height: 2px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #336bb6;border-radius: 2px;}
#second-visualcontents img {width: 340px;position: absolute;left: 0;bottom: -80px;z-index: 1;}
@media only screen and (max-width: 768px) {
#sub_mainvisual-wrap {margin-bottom: 50px;}
#second-visualcontents {height: 160px;}
#second-visualcontents img {left: 2%;bottom: -50px;width: 200px;}
}
@media only screen and (max-width: 568px) {
#sub_mainvisual-wrap {border-bottom: #336bb6 3px solid;margin-top: 60px;margin-bottom: 30px;}
#second-visualcontents {height: 110px;}
#second-visualcontents img {bottom: -20px;width: 120px;}
#second-visualcontents h1 {font-size: 28px;}
#second-visualcontents h1 b{font-size: 14px;}

}
@media only screen and (max-width: 320px) {
#second-visualcontents h1 {font-size: 18px;}
}
/*===============================================
 *	box title
===============================================*/
.bluebox-normal_ttl{background: #346bb6;color: #fff;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 3px;padding: 5px 0 10px 0;}
.bluebox-normal_ttl em{color: #f1e33f;}
.greenbox-normal_ttl{background: #34b699;color: #fff;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 3px;padding: 5px 0 10px 0;}
@media only screen and (max-width: 768px) {
.bluebox-normal_ttl,.greenbox-normal_ttl {font-size: 28px;}
}
@media only screen and (max-width: 568px) {
.bluebox-normal_ttl,.greenbox-normal_ttl {font-size: 16px;padding-bottom: 5px;letter-spacing: 1px;}
}
/*===============================================
 *	Dimensional title
===============================================*/
.ttl-dimensional{background: url("../img/bg-ttl_head_pc.png") left center no-repeat;color: #fff;height: 120px;line-height: 120px;font-size: 34px;font-weight: bold;text-shadow: 1px 1px 0 #0e5a65;margin-bottom: 30px;padding: 10px 0 0 20px;}
.ttl-dimensional em {color: #f1e33f;font-size: 40px;letter-spacing: 1px;}
.fl-dimensional{display: flex;align-items: center;}
.fl-dimensional span{display: block;padding-left: 20px;line-height: 1.2;}
@media only screen and (max-width: 768px) {
.ttl-dimensional {background: url(../img/bg-ttl_head_tab.png) left center no-repeat;background-size: contain;font-size: 28px;padding: 10px 10px 0 10px;}
.ttl-dimensional em {font-size: 36px;}
}
@media only screen and (max-width: 568px) {
.ttl-dimensional {background: url(../img/bg-ttl_head_sp.png) left center no-repeat;background-size: contain;font-size: 18px;height: 90px;line-height: 90px;margin-bottom: 10px;padding: 10px 5px 0 5px;}
.ttl-dimensional em {font-size: 20px;}
.fl-dimensional span {padding-left: 10px;padding-top: 5px;}
}
@media only screen and (max-width: 320px) {
.ttl-dimensional {font-size: 18px;}
.ttl-dimensional em {font-size: 22px;}
}
/*===============================================
 * Secondary title
===============================================*/
.secondary-ttl {color: #009db3;font-size: 36px;font-weight: bold;text-shadow: 1px 1px 0 #fff;border-bottom: solid 10px #b2e0eb;position: relative;margin-bottom: 40px;}
.secondary-ttl:after {position: absolute;content: " ";display: block;border-bottom: solid 10px #009db3;bottom: -10px;left: 0;width: 20%;}
@media only screen and (max-width: 768px) {
.secondary-ttl {font-size: 32px;}
}
@media only screen and (max-width: 568px) {
.secondary-ttl {border-bottom: solid 8px #b2e0eb;font-size: 23px;margin-bottom: 20px;}
.secondary-ttl:after {border-bottom: solid 8px #009db3;bottom: -8px;}
}
@media only screen and (max-width: 375px) {
.secondary-ttl {font-size: 19px;}
}
@media only screen and (max-width: 320px) {
.secondary-ttl {font-size: 20px;}
.secondary-ttl {border-bottom: solid 7px #b2e0eb;}
.secondary-ttl:after {border-bottom: solid 7px #009db3;bottom: -7px;width: 30%;}
}
/*===============================================
 * picture-container
===============================================*/
.picture-container{margin-bottom: 6%;}
.picture-field{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin-bottom: 5%;}
.photo-field{max-width: 380px;}
.txt-fieldgroup{max-width: 570px;}
.subhd-fieldgroup{margin-bottom: 30px;}
.txt-descriptionbox p{margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
.photo-field {max-width: 240px;}
.txt-fieldgroup {max-width: 420px;}
.subhd-fieldgroup {margin-bottom: 15px;}
}
@media only screen and (max-width: 568px) {
.photo-field {max-width: inherit;margin-bottom: 20px;}
.txt-fieldgroup {max-width: initial;}    
.txt-descriptionbox p {margin-bottom: 10px;}
}
/*===============================================
 * picture-insetbox
===============================================*/
.picture-insetbox{margin-bottom: 3%;}
.picture-inset_ttl{color: #009db3;font-size: 36px;font-weight: 700;margin-bottom: 10px;}
.txt-insetbox p{margin-bottom: 20px;}
.txt-insetbox p:last-of-type{margin-bottom: 0;}
img.fl_r{float: right;margin-left: 20px;}
img.fl_l{float: left;margin-right: 20px;}
@media only screen and (max-width: 768px) {
.picture-inset_ttl {font-size: 32px;}
}
@media only screen and (max-width: 568px) {
.picture-insetbox{margin-bottom: 5%;}
.picture-inset_ttl {font-size: 20px;}
.txt-insetbox p {margin-bottom: 10px;}
img.fl_r {margin-left: 10px;}
img.fl_l {margin-right: 10px;}
}
@media only screen and (max-width: 375px) {
.picture-inset_ttl {font-size: 17px;}
}
@media only screen and (max-width: 320px) {
.picture-inset_ttl {font-size: 18px;}
}
/*===============================================
 *	cv-wrap
===============================================*/
.cv-wrap{background: url("../img/arrow-cv_top.png") center top no-repeat #009db3;padding: 60px 0;position: relative;margin-bottom: 60px;}
.cv-wrap::after{content: "";background: url(../img/arrow-cv_bottom.png) center bottom no-repeat;background-size: contain;height: 35px;width: 380px;position: absolute;bottom: -52px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.cv-contents{max-width: 900px;margin: 0 auto;}
.cv-catch_txt{color: #fff;font-size: 34px;font-weight: 700;margin-bottom: 10px}
.cv-box{background: #fff;border-radius: 6px;padding: 30px;position: relative;}
.cv-txt{max-width: 560px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cv-subhd_ttl{background: #346bb6;color: #fff;font-size:26px;font-weight: bold;text-align: center;margin-bottom: 25px;width: 100%;}
.cv_cheapest-txt{font-size: 28px;font-weight: 900;color: #f39800;letter-spacing: 0;position: relative;padding: 0 45px 0 55px;margin-bottom: 10px;}
.cv_cheapest-txt b{font-size: 34px;padding-left: 5px;}
.cv_cheapest-txt span{font-size: 12px;font-weight: normal;}
.cv_cheapest-txt::before{content: '';display: inline-block;width: 48px;height: 52px;background-image: url("../img/bg-emp_lf.png");background-size: contain;vertical-align: middle;position: absolute;left: 0;top: -10px;}
.cv_cheapest-txt::after{content: '';display: inline-block;width: 48px;height: 52px;background-image: url("../img/bg-emp_rt.png");background-size: contain;vertical-align: middle;position: absolute;right: 0;top: -10px;}
.cv-wrap .phonebox{max-width: 335px;}
.cv-wrap .contactbox{max-width: 210px;}
img.cv-woman{max-width: 292px;position: absolute;right: 10px;bottom: 0;}
@media only screen and (max-width: 768px) {
.cv-wrap {padding: 50px 0 30px;}
.cv-contents {margin: 0 4%;}
.cv-catch_txt {font-size: 26px;}
.cv-box {padding: 20px;}
.cv-txt {max-width: 450px;}
.cv-subhd_ttl {font-size: 24px;padding: 5px 0 2px;}
.cv_cheapest-txt {font-size: 20px;}
.cv_cheapest-txt b {font-size: 30px;}
.cv-wrap .phonebox {max-width: 255px;}
.cv-wrap .contactbox {max-width: 180px;}
img.cv-woman {max-width: 220px;}
}
@media only screen and (max-width: 568px) {
.cv-wrap {padding: 40px 0 20px;background-size: 70%;margin-bottom: 40px;}
.cv-wrap::after{height: 35px;width: 70%;bottom: -38px;}
.cv-catch_txt {font-size: 16px;margin-bottom: 5px;}
.cv-box {padding: 15px;}
.cv-subhd_ttl {font-size: 16px;margin-bottom: 10px;}
.cv_cheapest-txt {font-size: 17px;padding: 0 14px 0 16px;margin: 0 auto 5px;}
.cv_cheapest-txt b {font-size: 20px;}
.cv_cheapest-txt::before,.cv_cheapest-txt::after {width: 17px;height: 19px;top: 0;}
.cv-wrap .cv_cheapest-txt::after {right: 0;}
.cv-wrap .cv_cheapest-txt::before {left: 0;}
.cv-wrap .phonebox {margin-bottom: 10px;}
.cv-wrap .phonebox,.cv-wrap .contactbox {max-width: 230px;}
img.cv-woman {max-width: 120px;right: 0;}
}
@media only screen and (max-width: 375px) {
.cv-wrap .cv_cheapest-txt b {font-size: 20px;}
.cv-wrap .phonebox,.cv-wrap .contactbox {max-width: 210px;}
img.cv-woman {max-width: 110px;}
}
@media only screen and (max-width: 320px) {
.cv-box {padding: 10px;}
.cv-subhd_ttl {font-size: 15px;}
.cv_cheapest-txt {font-size: 14px;}
.cv_cheapest-txt b {font-size: 18px;}

.cv-wrap .cv_cheapest-txt {font-size: 15px;padding: 0 22px 0 27px;}
.cv-wrap .phonebox,.cv-wrap .contactbox {max-width: 180px;}
img.cv-woman {max-width: 100px;}
}
/*===============================================
 *	cv-fieldwrap
===============================================*/
.cv-fieldwrap{background: #009db3;border-radius: 6px;padding: 40px;}
.cv-field-ttl{background: #009db3;color: #fff;font-size: 28px;padding: 5px 0 5px 1em;letter-spacing: 1px;}
.cv-fieldbox{background: #fff;border-radius: 6px;padding: 30px;position: relative;}
.cv-txt{max-width: 560px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cv-fieldwrap .cheapest-price_txt {font-size: 32px;}
.cv-fieldwrap .cheapest-price_txt b {font-size: 38px;}
.cv-fieldwrap .phonebox{max-width: 335px;}
.cv-fieldwrap .contactbox{max-width: 210px;}
img.cv-field_woman{max-width: 292px;position: absolute;right: 10px;bottom: 0;}
@media only screen and (max-width: 768px) {
.cv-fieldwrap{padding: 20px;}
.cv-field-ttl {font-size: 26px;}
.cv-fieldbox {padding: 20px;}
.cv-txt {max-width: 450px;}
.cv-fieldwrap .cheapest-price_txt {font-size: 24px;padding: 0 45px 0 45px;}
.cv-fieldwrap .cheapest-price_txt b {font-size: 32px;}
.cv-fieldwrap .phonebox {max-width: 255px;}
.cv-fieldwrap .contactbox {max-width: 180px;}
img.cv-field_woman {max-width: 220px;}
}
@media only screen and (max-width: 568px) {
.cv-fieldwrap{padding: 10px;}
.cv-field-ttl {font-size: 16px;padding: 5px 0 5px 5px;letter-spacing: 1px;}
.cv-fieldbox {padding: 15px;}
.cv-fieldwrap .cheapest-price_txt {font-size: 18px;padding: 0 30px 0 35px;}
.cv-fieldwrap .cheapest-price_txt b {font-size: 25px;}
.cv-fieldwrap .cheapest-txt::before, .cv-fieldwrap .cheapest-txt::after {width: 22px;height: 24px;}
.cv-fieldwrap .cheapest-txt::after {right: 0;}
.cv-fieldwrap .cheapest-txt::before {left: 0;}
.cv-fieldwrap .phonebox {margin-bottom: 10px;}
.cv-fieldwrap .phonebox,.cv-fieldwrap .contactbox {max-width: 230px;}
.cv-fieldwrap .cheapest-price_txt {padding: 0 25px 0 25px;}
img.cv-field_woman {max-width: 115px;right: 0;}
}
@media only screen and (max-width: 375px) {
.cv-field-ttl {font-size: 15px;letter-spacing: 0;}
.cv-subhd_ttl {font-size: 15px;}
.cv-fieldwrap .cheapest-price_txt {font-size: 15px;}
.cv-fieldwrap .cheapest-price_txt b {font-size: 21px;}
.cv-fieldwrap .phonebox,.cv-fieldwrap .contactbox {max-width: 210px;}
img.cv-field_woman {max-width: 105px;}
}
@media only screen and (max-width: 320px) {
.cv-fieldwrap {margin-bottom: 10px;}
.cv-fieldbox {padding: 10px;}
.cv-subhd_ttl {font-size: 13px;}
.cv-fieldwrap .cheapest-txt {font-size: 14px;padding: 0 18px 0 23px;}
.cv-fieldwrap .cheapest-price_txt b {font-size: 17px;}
.cv-fieldwrap .phonebox,.cv-fieldwrap .contactbox {max-width: 170px;}
img.cv-field_woman {max-width: 90px;}
}
/*===============================================
 *	Price Other Table
===============================================*/
table.row01-tbl {margin-bottom: 5px;}
table.row01-tbl th{background: #dceaf0;color: #346bb6;font-weight: bold;text-align: center;font-size: 20px;}
table.row01-tbl th span{color: #282828;font-size: 16px;}
table.row01-tbl th.subhd-txt{background: #ecf8fd;color: #282828;font-size: 18px;}
table.row01-tbl td{background: #fff;color: #f25d5e;font-weight: bold;font-size: 20px;padding: 5px 1em;text-align: center;}
table.row01-tbl td span{font-size: 14px;}
table.altar-tbl {margin-bottom: 5px;}
table.altar-tbl tr:nth-child(even){background-color:#dceaf0;}
table.altar-tbl tr:nth-child(odd){background-color:#fff;}
table.altar-tbl th{background: #5ea1ba;color: #fff;font-weight: bold;text-align: center;font-size: 16px;}
table.altar-tbl th span{font-size: 14px;}
table.altar-tbl td{color: #f25d5e;font-weight: bold;text-align: center;font-size: 20px;padding: 7px 0;}
table.altar-tbl th:first-child{background: #7da7b8;}
table.altar-tbl td:first-child{color: #282828;font-size: 18px;}
@media only screen and (max-width: 768px) {
table.row01-tbl th {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
table.row01-tbl th {font-size: 16px;width: 45%;}
table.row01-tbl th.subhd-txt{font-size: 15px;}
table.row01-tbl th span {font-size: 13px;}
table.row01-tbl td {font-size: 16px;padding: 5px .5em;}
table.row01-tbl td span{font-size: 13px;}
table.altar-tbl th {font-size: 16px;}
table.altar-tbl td:first-child {font-size: 16px;}
table.altar-tbl td {font-size: 18px;}
table.altar-tbl th span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.row01-tbl th,table.row01-tbl td {font-size: 15px;}
table.altar-tbl th {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.row01-tbl th.subhd-txt{font-size: 14px;}
table.row01-tbl th,table.row01-tbl td {font-size: 14px;}
table.altar-tbl th {font-size: 14px;}
table.altar-tbl td:first-child {font-size: 14px;}
table.altar-tbl td:first-child span {font-size: 12px;}
table.altar-tbl td {font-size: 16px;}
}
/*===============================================
 *	buddhist-tbl 仏壇クリーニング
===============================================*/
table.buddhist-tbl {margin-bottom: 5px;}
table.buddhist-tbl tr:nth-child(even){background-color:#dceaf0;}
table.buddhist-tbl tr:nth-child(odd){background-color:#fff;}
table.buddhist-tbl th {background: #5ea1ba;border: solid 1px #ccc;color: #fff;font-weight: bold;text-align: center;font-size: 16px;}
table.buddhist-tbl th span{font-size: 14px;}
table.buddhist-tbl td {border: solid 1px #ccc;color: #f25d5e;font-weight: bold;text-align: center;font-size: 18px;padding: 7px 0;}
table.buddhist-tbl th:first-child{background: #7da7b8;}
table.buddhist-tbl td:first-child{color: #282828;font-size: 18px;}
@media screen and (max-width: 640px) {
table.buddhist-tbl tr:nth-child(even){background-color:none;}
table.buddhist-tbl tr:nth-child(odd){background-color:none;}
table.buddhist-tbl th {border-bottom: none;}
table.buddhist-tbl td{background-color:#fff;border-bottom: none;padding: 7px 10px;}
table.buddhist-tbl .last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
table.buddhist-tbl {width: 94%;}
table.buddhist-tbl .thead {display: none;}
table.buddhist-tbl tr {width: 100%;}
table.buddhist-tbl td {display: block;text-align: right;width: 100%;}
table.buddhist-tbl td:first-child {background: #5ea1ba;color: #fff;font-weight: bold;text-align: center;}
table.buddhist-tbl td:before {content: attr(data-label);color: #363636;font-size: 14px;float: left;font-weight: bold;margin-right: 10px;}
}
/*===============================================
 *	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: #009db3;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);}
@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;}
}
/*===============================================
 *	Definition
===============================================*/
.definition-dl{margin-bottom: 30px;}
.ttl-definition_full{border-left: #346bb6 5px solid;font-size: 20px;font-weight: bold;padding-left: 3px;margin: 0 0 15px 0;text-shadow: 1px 1px 0 #fff;}
.ttl-definition_full:first-letter {color: #346bb6;font-size: 28px;}
.ttl-definition_full span{display: block;border-left: #346bb6 3px solid;border-bottom: #346bb6 3px solid;padding-left: 10px;}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 568px) {
.definition-dl{margin-bottom: 10px;}
.ttl-definition_full {font-size: 17px;width: 94%;line-height: 1.3;}
.ttl-definition_full:first-letter {font-size: 20px;}
}
@media only screen and (max-width: 320px) {
.ttl-definition_full {font-size: 15px;width: 90%;}
.ttl-definition_full:first-letter {font-size: 18px;}
}
/*-----------------------------------------------
 *	Blue_band_thin
-----------------------------------------------*/
.bg-blue_band_thin{background: #346bb6;padding: 20px 0 15px;position: relative;z-index: 0;}
.band-ttl_thin{max-width: 980px;margin: 0 auto;text-shadow: 1px 1px 0 #103971;color: #fff;font-size: 34px;font-weight: bold;text-align: center;}
.band-ttl_thin em{color: #f1e33f;}
@media only screen and (max-width: 768px) {
.bg-blue_band_thin {padding: 20px 15px 15px;}
.band-ttl_thin {font-size: 28px;line-height: 1.2;}
}
@media only screen and (max-width: 568px) {
.bg-blue_band_thin {padding: 10px 0 10px 10px;}
.band-ttl_thin {font-size: 130%;}
}
@media only screen and (max-width: 375px) {
.band-ttl_thin {font-size: 120%;}
}
@media only screen and (max-width: 320px) {
.band-ttl_thin {font-size: 15px;}
}
/*===============================================
 *	consultation-wrap
===============================================*/
#consultation-wrap{margin-bottom: 20px;}
#consultation-wrap .fl-right{margin:0 auto;}
#consultation-wrap img.photo-consultation{margin-left: 40%;max-width: 692px;z-index: 0;}
.consultation-ttl{font-size: 40px;font-weight: bold;margin-bottom: 10px;text-align: center;}
.consultation-ttl span{color: #009db3;font-size: 46px;}
.consultation-box {max-width: 1180px;position: relative;}
.consultation-txtbox{background: rgba(233,242,247,.8);max-width: 490px;position: absolute;top: 20%;left:0;width: 100%;z-index: 5;}
.consultation-txtbox ul{padding: 20px;}
.consultation-txtbox ul li{background: url("../img/service/icon-check.png") left center no-repeat;background-size: 30px;font-size: 20px;font-weight: 700;padding: 5px 0 5px 40px;}
.consultation-txtbox ul li span{color: #346bb6;display: block;}
@media only screen and (max-width: 768px) {
.consultation-ttl {font-size: 34px;}
.consultation-ttl span {font-size: 36px;}
.consultation-txtbox {max-width: 570px;}
.consultation-txtbox {left: 0;position: relative;margin: -100px 4% 50px auto;max-width: 575px;}
.consultation-txtbox ul li {background-size: 24px;font-size: 20px;}
#consultation-wrap img.photo-consultation {margin-left: 0;max-width: 512px;}
}
@media only screen and (max-width: 568px) {
#consultation-wrap{margin-bottom: 40px;}
#consultation-wrap .fl-right {background-size: 140px;margin:0 auto 20px;}
.consultation-txtbox {margin: -40px auto 0;max-width: initial;width: 94%;}
.consultation-ttl {font-size: 24px;line-height: 1.4;margin-bottom: 0;}
.consultation-ttl span {font-size: 28px;}
.consultation-txtbox ul {padding: 15px 5px 15px 15px;}
.consultation-txtbox ul li {background-size: 20px;font-size: 16px;padding-left: 25px;}
}
@media only screen and (max-width: 568px) {
.consultation-txtbox ul li {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
.consultation-ttl {font-size: 20px;}
.consultation-ttl span {font-size: 22px;}
}
/*===============================================
 *	Solution-wrap
===============================================*/
#solution-wrap{background-image:url(../img/arrow-cv_top.png),url(../img/bg-solution_pc.jpg);background-repeat:no-repeat,no-repeat;background-position:top center,left top;background-size: auto,cover;}
.solution-contents {max-width: 980px;margin: 0 auto;padding: 60px 0;width: 100%;}
.solution-ttl{color: #fff;font-size: 50px;font-weight: bold;text-align: center;letter-spacing: 1px;}
.solution-ttl em{color: #f1e33f;font-size: 60px;padding-top: .4em;position: relative;padding: 0.3em 0;background-repeat: repeat-x;background-size: .95em 0.4em;background-position: top left;background-image: -webkit-gradient(radial,center center,0,center center,1.5,from(#f1e33f),color-stop(0.5,#f1e33f),color-stop(0.9,transparent),to(transparent));background-image: -webkit-radial-gradient(center center, 0.13em 0.13em, #f1e33f, #f1e33f 95%, transparent 95%, transparent);background-image: radial-gradient(0.13em 0.13em at center center, #f1e33f, #f1e33f 95%, transparent);}
ul.solution-list{padding: 20px;}
ul.solution-list li{background: url("../img/icon-chk_yellow.png") left center no-repeat;background-size: 30px;color: #fff;font-size: 30px;padding: 10px 0 10px 40px;letter-spacing: 1px;}
ul.solution-list li b{color: #f1e33f;font-size: 36px;font-weight: normal;background:linear-gradient(transparent 70%, #e6855e 50%);padding: 0 5px;}
@media only screen and (max-width: 768px) {
#solution-wrap{background-image:url(../img/arrow-cv_top.png),url(../img/bg-solution_tab.jpg);}
.solution-contents {padding: 60px 0 40px;width: 95%;}
.solution-ttl {font-size: 40px;}
.solution-ttl em {font-size: 50px;}
ul.solution-list li {font-size: 24px;}
ul.solution-list li b {font-size: 28px;}
}
@media only screen and (max-width: 568px) {
.solution-contents {padding: 60px 0 20px;}
.solution-ttl {font-size: 24px;}
.solution-ttl em {font-size: 30px;}
ul.solution-list {padding: 10px 0;}
ul.solution-list li {background-size: 18px;font-size: 16px;padding: 10px 0 10px 24px;}
ul.solution-list li b {font-size: 18px;padding: 0 3px;}
}
@media only screen and (max-width: 375px) {
.solution-ttl {font-size: 22px;}
.solution-ttl em {font-size: 26px;}
ul.solution-list li {letter-spacing: 0;}
ul.solution-list li b {font-size: 17px;}
}
@media only screen and (max-width: 320px) {
ul.solution-list li {font-size: 15px;}
.solution-ttl {font-size: 20px;}
.solution-ttl em {font-size: 24px;}
ul.solution-list li b {font-size: 16px;}
}
/*===============================================
 *	area-wrap
===============================================*/
#area-wrap {background-image:url("../img/bg-area_bottom02.png"),url("../img/bg-area_top02.png"),url("../img/bg-blue_triangle.png");background-repeat:no-repeat,no-repeat,repeat;background-position:bottom left,top right,top left;background-color:#e4f3f9;padding: 5% 0 1%;border-top: #b1d0e4 4px solid;border-bottom: #b1d0e4 4px solid;position: relative;}
#area-wrap::before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:0;left:0;}
#area-wrap::after{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;bottom:0;left:0;}
.area-bluebox{background:url("../img/bg-note.png") bottom left repeat #fff;border: #346bb6 10px solid;margin-bottom: 20px;}
.areabox-contents{padding: 20px 30px;}
.area-ttl{background: #346bb6;color: #fff;font-size: 26px;font-weight: bold;padding: 0 0 5px;text-align: center;letter-spacing: 1px;}
ul.area-list{display: flex;justify-content: flex-start;flex-wrap: wrap;}
ul.area-list li{position:relative;width: 175px;}
ul.under-list li{text-align: center;font-size: 16px;font-weight: 800;width: 100px;}
ul.area-list li::before {display: block;content: '';position: absolute;top: .8em;left: 0;width: 6px;height: 6px;background-color: #3498db;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
ul.area-list li a{display: block;padding: 5px 10px 5px 13px;}
ul.area-list li a:hover{text-decoration: underline;}
@media only screen and (max-width: 768px) {
.areabox-contents {padding: 20px;}
.area-ttl {font-size: 28px;padding: 20px 20px 5px;}
ul.area-list li {padding-left: 0;width: 105px;}
}
@media only screen and (max-width: 568px) {
#area-wrap {background-size: 50%;padding: 30px 0 10px;}
#area-wrap::before{height:1px;}
#area-wrap::after{height:1px;}
.areabox-contents {padding: 0;}
.area-bluebox{border: #346bb6 5px solid;margin-bottom: 20px;}
.area-ttl {font-size: 18px;padding: 3px 10px 5px;}
ul.area-list li {font-size: 14px;padding-left: 0;width: 33.3%;box-sizing: border-box;}
ul.under-list li{font-size: 16px;border: #ccc 1px solid;border-right:0;border-top:0;}
ul.area-list li::before {display: none;}
ul.area-list li {border: #ccc 1px solid;border-right:0;border-top:0;}
ul.area-list li a {
  padding: 10px 5px 10px 5px;
  font-weight: 600;
  text-decoration: underline;
  color: #1246a0;
  /* border: #e8e8e8 1px solid; */
  /* background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff; */
  background: #fff url(../img/arrow-basic.png) 97% no-repeat;
  background-size: 6px;
  box-shadow: inset 1px 1px 1px #fff;
}
}
@media only screen and (max-width: 375px) {
ul.area-list li {font-size: 13px;}
ul.under-list li{font-size: 15px;}
}
@media only screen and (max-width: 320px) {
ul.area-list li {font-size: 14px;width: 50%;}
ul.under-list li{font-size: 15px;width: 33.3%;}
}
/*===============================================
 *	Page-column_wrap
===============================================*/
#page-column_wrap{background:url(../img/bg-page_column_pc.jpg) top center no-repeat;background-size: cover;}
.column-contents {max-width: 980px;margin: 0 auto;padding: 60px 0;width: 100%;}
.column-ttl{font-size: 26px;font-weight: bold;letter-spacing: 1px;}
.column-ttl span {background: #009db3;color: #fff;display: block;height: 40px;font-size: 18px;line-height: 40px;padding: 0 1em 0 1em;text-align: center;margin: 0 0 1% 30px;position: relative;width: 100px;}
.column-ttl span:before {content: '';border-width: 20px 30px 20px 0;border-style: solid;border-color: transparent #009db3 transparent transparent;position: absolute;top: 0;left: -30px;}
.column-ttl span:after {content: '';border-radius: 50%;background: #fff;height: 14px;position: absolute;top: calc(50% - 7px);left: -8px;width: 14px;}
img.photo-column{max-width: 343px;}
@media only screen and (max-width: 768px) {
#page-column_wrap{background:url(../img/bg-page_column_tab.jpg) top center no-repeat;background-size: cover;}
.column-contents {padding: 30px 0;width: 95%;}
.column-ttl {font-size: 21px;}
img.photo-column {max-width: 240px;}
}
@media only screen and (max-width: 568px) {
.column-contents {padding: 30px 0 10px;}
.column-ttl {font-size: 20px;margin-bottom: 1em;}
img.photo-column{max-width: 120px;}
.column-ttl span {height: 35px;font-size: 16px;width: 80px;line-height: 35px;}
.column-ttl span:before {left: -25px;}
.column-ttl span:before {border-width: 18px 25px 17px 0;}
}
@media only screen and (max-width: 375px) {
.column-ttl {font-size: 18px;}
}
@media only screen and (max-width: 320px) {
.column-ttl span {font-size: 14px;}
.column-ttl span:before {border-width: 18px 25px 17px 0;}
}
/*===============================================
 *	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: #f39801;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: #f39801;background: #fff;border: #f39801 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);}
}

/*===============================================
 *  page_navi
===============================================*/
.page_navi ul {display: flex;justify-content: space-between;padding: 0px 10px;}
.page_navi ul li {margin-top: 60px;}
.page_navi ul li a {color: #346bb6;font-weight: bold;}
@media only screen and (max-width: 568px) {
  .page_navi ul li {margin-top: 30px;}
}