@charset "utf-8";
/* 下層専用css */

/*==================================
	common
==================================*/

/* pankuzu */
.breadcrumb-area {margin-left: auto;}
.pankuzu { padding: 50px 0; right: 120px; display: flex;margin-left: auto;}
.pankuzu li { font-size: 1.2rem; max-width: 300px; color: #e9e2d2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pankuzu li a { display: inline-block; color: #e9e2d2;}
.pankuzu li:nth-child(n+2):before { padding: 0 10px; content: "-";}
@media screen and (max-width: 899px) {
.pankuzu {}
.pankuzu li { font-size: 1.3rem; max-width: 200px;}
}
@media screen and (min-width: 750px) {}
@media screen and (max-width: 749px) {
.pankuzu {padding: 40px 0;justify-content: flex-end;}
.pankuzu li {font-size: .8rem;}
.pankuzu li:nth-child(n+2):before { padding: 0 5px;}
}

.faxnum { pointer-events: none; display: inline-block;}
#contents ul,
#contents li,
#contents dl,
#contents dt,
#contents dd,
#contents p { font-weight: 300;}
#contents .ffmin { font-weight: 400;}

/* para */
#contents .parallax img { width: 100%;}


@media screen and (min-width: 750px) {
#contents {padding: 360px 0 200px;}
#contents .flx {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;}	
#contents .pageTit .titArea {font-size: 4rem;margin: 80px 0 120px;line-height: 2.4;}	
#contents .contentsMain .secTit .titArea,
#contents .contentsMain .contTit  {font-size: 3rem;line-height: 2.4;}	
#contents .contentsMain .secTit .en { font-size: 1.2rem; padding-bottom: 60px;}
#contents .contentsMain .secTxt {font-size: 1.6rem;line-height: 3.4;}	
#contents .contentsMain .block {margin: 200px 0;}
#contents .contentsMain .block .box {width: 90%;margin: 80px 0 80px auto;}
#contents .contentsMain .block .box .boxInner {display: flex;justify-content: space-between;}
#contents .contentsMain .block .box .planName {font-size: 2.8rem;margin-bottom: 40px;}
#contents .contentsMain .block .box.notes .boxTit {padding-left: 50px;}

}
@media screen and (max-width: 749px) {
#contents {padding: 200px 0 120px;}
#contents .pageTit .titArea {font-size: 2.8rem;margin: 40px 0 20px;line-height: 2;}
#contents .contentsMain .secTit .titArea,
#contents .contentsMain .contTit  {font-size: 2.2rem;line-height: 2;}
#contents .contentsMain .secTit .en {font-size: .8rem; padding-bottom: 30px;}
#contents .contentsMain .secTxt {font-size: 1.2rem;line-height: 2;margin-bottom: 60px;}	
#contents .contentsMain .block .box .planName {font-size: 1.8rem;margin-bottom: 20px;}
}
.paraBg {position: relative;width: 100%;clip-path: inset(0 0 0 0);}
.paraBg .mainBg {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;}

@media screen and (min-width: 750px) {
.paraBg {height: 70vh;}
#service .paraBg .mainBg {background-image: url("../img/service/service_main.jpg");}
#concept .paraBg .mainBg {background-image: url("../img/concept/concept_main.jpg");}
#strength .paraBg .mainBg { background-image: url("../img/strength/strength_main.jpg");}
#company .paraBg .mainBg { background-image: url("../img/company/company_main.jpg");}
#recruit .paraBg .mainBg { background-image: url("../img/recruit/recruit_main.jpg");}
}
@media screen and (max-width: 749px) {
.paraBg {height: 70vh;}
#service .paraBg .mainBg {background-image: url("../img/service/service_main_sp.jpg");}
#concept .paraBg .mainBg {background-image: url("../img/concept/concept_main_sp.jpg");}
#strength .paraBg .mainBg { background-image: url("../img/strength/strength_main_sp.jpg");}
#company .paraBg .mainBg { background-image: url("../img/company/company_main_sp.jpg");}
#recruit .paraBg .mainBg { background-image: url("../img/recruit/recruit_main_sp.jpg");}
}






/*==================================
	concept
==================================*/
#concept .conceptBg {background:url("../img/concept/concept_bg.jpg") no-repeat center top;background-size: 100% auto;}
#concept .contentsMain .imgArea {position: relative;}
#concept .contentsMain .imgArea img {width: 100%;}
#concept .contentsMain .valueStep dl {display: flex;align-items: baseline;}
#concept .contentsMain .valueStep dl dd .tit,
#concept .contentsMain .valueStep dl dd .txt {display: block;}

@media screen and (min-width: 750px) {
#concept .contentsMain .contTit {padding: 160px 0 80px;}
#concept .contentsMain .imgArea {margin-top: 160px;}
#concept .contentsMain .imgArea .img01 {width: 46%;}	
#concept .contentsMain .imgArea .img02 {width: 46%;position: absolute;top: 210px;right: 0;}
#concept .contentsMain .imgArea .img03 {width: 34%;margin: 120px 0 0 120px;}
#concept .contentsMain .imgArea .conceptTxt {width: 46%;margin-left: auto;margin-top:-12.5%;line-height: 3.4;}
#concept .contentsMain .value {margin-bottom: 100px;}
#concept .contentsMain .valueBox {display: flex;justify-content: space-between;align-items: center; margin-top: 80px;}
#concept .contentsMain .valueStep dl {margin-bottom: 60px;}	
#concept .contentsMain .valueStep dl:last-of-type {margin-bottom: 0;}
#concept .contentsMain .valueStep dl dt {font-size: 1rem;}
#concept .contentsMain .valueStep dl dd {margin-left: 70px;}
#concept .contentsMain .valueStep dl dd .tit {font-size: 2.4rem;}
#concept .contentsMain .valueStep dl dd .txt {margin-top: 25px;}	
#concept .contentsMain .conceptSummary {margin: 200px 0 0;}
#concept .contentsMain .conceptSummary .boxInner {display: flex;justify-content: space-between;align-items: center;}
#concept .contentsMain .conceptSummary .boxInner .summaryImg {width: 49%;}
#concept .contentsMain .conceptSummary .boxInner .summaryImg img {width: 100%;}
#concept .contentsMain .conceptSummary .boxInner .summaryTxt {width: 40%; font-size: 2.4rem;line-height: 2.4;}
#concept .contentsMain .conceptSummary .scene01 img,
#concept .contentsMain .conceptSummary .scene02 img,
#concept .contentsMain .conceptSummary .scene03 img {width: 100%;}	
#concept .contentsMain .conceptSummary .scene01 {width: 37%;margin: 220px 0 0 44%;}
#concept .contentsMain .conceptSummary .scene02 {width: 30%;margin: 110px 0 0 6%;}	
#concept .contentsMain .conceptSummary .scene03 {width: 43%;margin: -180px 0 0 51%;}
#concept .contentsMain .conceptSummary figcaption {font-size: 1.4rem;margin-top: 20px;}
}


@media screen and (max-width: 749px) {
#concept .contentsMain .contTit {padding:60px 0 40px;}
	
#concept #contents .contentsMain .contTit {font-size: 1.8rem;}
#concept .contentsMain .imgArea .img01 {width: 46%;}	
#concept .contentsMain .imgArea .img02 {width: 40%;margin-left: auto;margin-top: -10%;}
#concept .contentsMain .imgArea .img03 {width: 30%;margin: -10% 0 0 12%;}
#concept .contentsMain .imgArea .conceptTxt {margin: 40px 0 0 12%;font-size: 1rem;line-height: 2;}
#concept .contentsMain .value {margin-top: 100px;}
#concept .contentsMain .valueStep dl {margin-top: 40px;}
#concept .contentsMain .valueStep dl dt {font-size: .8rem;}
#concept .contentsMain .valueStep dl dd {margin-left: 4%;}
#concept .contentsMain .valueStep dl dd .tit {font-size: 1.8rem;}
#concept .contentsMain .valueStep dl dd .txt {font-size: 1rem;margin-top: 15px;}
#concept .contentsMain .conceptSummary .boxInner .summaryTxt {line-height: 2;margin: 60px 0;}
#concept .contentsMain .conceptSummary figure {margin: 0;}
#concept .contentsMain .conceptSummary figure figcaption {font-size: 1rem;margin-top: 10px;}
#concept .contentsMain .conceptSummary .scene01 {width: 70%;margin: 0 0 40px auto;}
#concept .contentsMain .conceptSummary .scene02 {width: 60%;margin: 0 0 40px 0;}	
#concept .contentsMain .conceptSummary .scene03 {width: 60%;margin-left:auto;}		
}


/* svg animation */
#concept .contentsMain .valueBox .svg-wrapper {width: 100%;}
#concept .contentsMain .valueBox .svg-wrappersvg {width: 100%;height: auto;display: block;}
text { font-family:"fot-tsukuaoldmin-pr6n", sans-serif;font-size: 1.2rem;fill: #c8bfb1;text-anchor: middle;}
#concept .contentsMain .valueBox .strokeAnim {fill: none;stroke: #606966;stroke-width: 1;stroke-dasharray: 1000;stroke-dashoffset: 1000;opacity: 0;}

.draw .e1 {animation: draw 1s ease forwards 0s;}
.draw .e2 {animation: draw 1s ease forwards 0.6s;}
.draw .e3 {animation: draw 1s ease forwards 1.2s;}
.draw .line {animation: draw 0.8s ease forwards 1.8s;}
.draw .arrow {animation: draw 0.5s ease forwards 2.4s;}

@keyframes draw {
to {stroke-dashoffset: 0;opacity: 1;}
}
@media screen and (min-width: 750px) {
#concept .contentsMain .valueBox .svg-wrapper {max-width: 500px;}
}
@media screen and (max-width: 749px) {
#concept .contentsMain .valueBox .svg-wrapper {margin: 40px 0;}	
text {font-size: 1rem;}
}


/*==================================
	service
==================================*/
#service #contents .contentsMain .block .planName {border-bottom: 1px solid #606966;}
#service .contentsMain .plan .boxInner .txtArea .planList {display: flex;justify-content: space-between;flex-wrap: wrap;}
#service .contentsMain .plan .boxInner .txtArea .planList li {border: 1px solid #606966;text-align: center;margin-bottom: 10px;}
#service .contentsMain .plan .notes {font-size: 1.4rem;line-height: 2;margin-top: 20px;}
#service .contentsMain .price .boxInner .priceBox .planBox {background: #4b5451;} 
#service .contentsMain .price .boxInner .priceBox .planBox table, 
#service .contentsMain .price .boxInner .priceBox .planBox table td,
#service .contentsMain .price .boxInner .priceBox .planBox table th {border-collapse: collapse;border: 1px solid #606966;}
#service .contentsMain .price .boxInner .priceBox .planBox table {width: 100%;}
#service .contentsMain .price .boxInner .priceBox .planBox table th {background:#606966;font-weight: normal;}
#service .contentsMain .price .boxInner .priceBox .planBox table tr td:last-of-type {text-align: right;}
#service .contentsMain .price .boxInner .priceBox .planBox table tr th:first-of-type {border-right: 1px solid #717976;text-align: left;} 
#service .contentsMain .price .boxInner .priceBox .planBox table tr th:last-of-type {text-align: right;}


#service .contentsMain .faq .accordion { max-width: 1080px; margin: 0 0 0 auto; border-bottom: solid 1px #49514e;}
#service .contentsMain .faq .accordion dt { font-size: 2rem; padding: 50px 50px 50px 0;border-top: solid 1px #49514e; position: relative; cursor: pointer;}
#service .contentsMain .faq .accordion dt:before,
#service .contentsMain .faq .accordion dt:after{ width: 15px; height: 1px; top: 20px; right: 30px; bottom: 0; position:absolute; content:""; margin:auto; background:#ddd6cb;}
#service .contentsMain .faq .accordion dt:after{ transform:rotate(-90deg); transition:transform 0.3s;}
#service .contentsMain .faq .accordion dt.open:after{transform:rotate(0deg);}
#service .contentsMain .faq .accordion dd { display:none; text-align: left; padding: 0 0 40px 0; margin-left: 0; line-height: 2;}
#service #contents .contentsMain .block .box .boxTit {position: relative;}
#service #contents .contentsMain .block .box.notes .boxTit:before {content: "";height: 1px;display: inline-block;background-color:#606966;position: absolute;top: calc(50% - 2px);left: 0;}

@media screen and (min-width: 750px) {
#service #contents .contentsMain .block .planBlock {margin: 160px 0 160px;}
#service #contents .contentsMain .block .planName {padding-bottom: 30px;font-size: 2.8rem;}
#service .contentsMain .contTit {margin: 160px 0 80px;}
#service .contentsMain .plan .boxInner .imgArea {width:49.10%;} 
#service .contentsMain .plan .boxInner .imgArea img {width: 100%;}
#service .contentsMain .plan .boxInner .txtArea {width:43.30%;} 
#service .contentsMain .plan .boxInner .txtArea .txt {line-height: 2.4;}
#service .contentsMain .plan .boxInner .txtArea .planList {margin-top:50px;}
#service .contentsMain .plan .boxInner .txtArea .planList li {min-width: 48%;padding: 5px 0;}
#service .contentsMain .plan .boxInner .otherList {line-height: 2.4;width: 33.33%;}	
#service .contentsMain .price .boxInner {gap: 20px;}
#service .contentsMain .price .boxInner .boxwrap {width: 48%;}
#service .contentsMain .price .boxInner .boxwrap.wide {width: 60%;}
#service .contentsMain .price .boxInner .priceBox {flex: 1;display: flex;flex-direction: column;height: 100%;}
#service .contentsMain .price .boxInner .priceBox .planBox {padding: 50px;flex: 1;display: flex;flex-direction: column;justify-content: space-between;}	
#service .contentsMain .price .boxInner .priceBox .planBox .price {margin: 40px 0;}
#service .contentsMain .price .boxInner .priceBox .planBox .price .number {font-size: 4rem;letter-spacing: 0.4rem;}
#service .contentsMain .price .boxInner .priceBox .planBox .txt {font-size: 1.4rem;line-height: 2;letter-spacing: 0.07rem;}
#service .contentsMain .price .box .priceTxt {margin: 50px 0 0;font-size: 1.4rem;line-height: 2;}		
#service .contentsMain .price .boxInner .priceBox .planBox table td,
#service .contentsMain .price .boxInner .priceBox .planBox table th {font-size: 1.3rem;padding: 10px;}
#service .contentsMain .price .boxInner .priceBox .planBox table td {padding: 15px;}	
#service .contentsMain .price .boxInner .priceBox .planBox table tr th:first-of-type {padding-left: 15px;} 
#service .contentsMain .price .boxInner .priceBox .planBox table tr th:last-of-type {padding-right: 15px;}
	
#service .contentsMain .price .boxInner .boxwrap .notes {font-size: 1.2rem;margin-top: 40px;}
#service .contentsMain .price .box .notes {font-size: 1.4rem;line-height: 2;}
#service #contents .contentsMain .block .box.notes .boxTit:before {width: 30px;}
#service #contents .contentsMain .block .box .boxTit {font-size: 2.2rem;margin-bottom: 40px;}
#service .contentsMain .block.faq {margin-bottom: 0;}
#service .contentsMain .faq .accordion {margin-top: 100px;}
}

@media screen and (max-width: 749px) {
#service #contents .pageTit .titArea .ffmin {letter-spacing: 0.26em;}
#service #contents .contentsMain .block .planBlock {margin: 80px 0 80px;}
#service #contents .contentsMain .block .planName {padding-bottom: 20px;font-size: 2rem;margin-bottom: 40px;}
#service .contentsMain .contTit {padding:80px 0 40px;}
#service .contentsMain .secTit {margin: 80px 0 40px;}
#service .contentsMain .block {margin: 100px 0;}
#service .contentsMain .price .priceBox {margin-bottom: 40px;}
#service .contentsMain .price .priceBox .planBox {padding: 30px 6%;}	
#service .contentsMain .price .priceBox .planBox .price .number {font-size: 2.8rem;letter-spacing: 0.4rem;}
#service .contentsMain .price .priceBox .planBox .txt {font-size: 1rem;margin-top:5px;}
#service .contentsMain .plan .box {margin: 60px 0;}
#service .contentsMain .plan .box:first-of-type {margin-top: 20px;}
#service .contentsMain .plan .boxInner .imgArea {margin: 40px 0;}
#service .contentsMain .plan .boxInner .txtArea .planList li {width: 48%;padding: 6px;font-size: 1.2rem;}
#service .contentsMain .plan .boxInner .txtArea .planList li:nth-last-child(-n+2) {margin-bottom: 0;} 
#service .contentsMain .plan .boxInner .txtArea .txt {margin: 40px 0;line-height: 2;}
#service .contentsMain .plan .boxInner .otherList {line-height: 2;width: 100%;}
#service .contentsMain .plan .notes {font-size: 1rem;}
#service .contentsMain .price .box .priceTxt,
#service .contentsMain .price .box .notes {font-size: 1rem;}
#service .contentsMain .price .box .priceTxt {margin-bottom: 10px;}
#service #contents .contentsMain .block .box.notes .boxTit:before {width: 10px;}
#service #contents .contentsMain .block .box.notes .boxTit {padding-left: 20px;font-size: 1.6rem;}
#service #contents .contentsMain .block .box .boxTit {font-size: 1.8rem;margin-bottom: 20px;}	
#service .contentsMain .price .boxInner .priceBox .planBox table {font-size: 1.2rem;}	
#service .contentsMain .price .boxInner .priceBox .planBox table td {padding: 10px;}	
#service .contentsMain .price .boxInner .priceBox .planBox table tr th {padding: 10px;} 
#service .contentsMain .price .priceBox .planBox .price {margin: 40px 0;}
#service .contentsMain .block.faq {margin-bottom: 0;}	
#service .contentsMain .faq .accordion dt { font-size: 1.6rem; padding: 25px 50px 15px 0; margin-top: 10px;}
#service .contentsMain .faq .accordion dt:before,
#service .contentsMain .faq .accordion dt:after{ top: 10px;right: 10px;}
#service .contentsMain .faq .accordion dd {font-size:1.2rem;}
}



/* orthTable */
.orthTable { border-top: solid 1px #454d4a;}
.orthTable dt { padding: 15px 0 0 0; line-height: 1.8;}
.orthTable dd { padding: 15px 0; border-bottom: solid 1px #454d4a; line-height: 1.8;}
@media screen and (min-width: 750px) {
.orthTable { display: flex; flex-wrap: wrap;}
.orthTable dt,
.orthTable dd { padding: 25px 0; border-bottom: solid 1px #454d4a;}
.orthTable dt { width: 28%;}
.orthTable dd { width: 72%;}
}

/* list */
.list_kome {}
.list_kome li { font-size: 1.2rem; text-indent: -15px; margin-left: 15px; letter-spacing: 0.08em; line-height: 2;}
.list_kome li:before { content: "＊"; margin-right: 2px;}
.list_kome li .example { text-indent: -30px; margin-left: 30px; letter-spacing: 0.08em; line-height: 1.8;}
.list_kome li .example:before { content: "(例)"; margin-right: 5px;}
.list_maru {}
.list_maru li { text-indent: -25px; margin-left: 25px; letter-spacing: 0.08em;}
.list_maru li:before { content: "●"; margin-right: 5px;}
@media screen and (min-width: 750px) {
.list_kome li { font-size: 1.4rem;}
}

/*==================================
	strength
==================================*/
body#strength {}
body#strength #contents { padding-bottom: 100px;}
body#strength #contents .inner {/* max-width: 998px;*/}
body#strength #contents .pageTit .titArea { /*margin: 25px 0; font-size: 2rem; line-height: 1.8;*/}
body#strength .contentsMain.mt { margin-top: 80px;}
body#strength #contents .contentsMain .block {margin-left: auto; margin-right: auto;}
body#strength #contents .contentsMain .secTit {line-height: 2;}
body#strength #contents .contentsMain .txtArea .txt { line-height: 2.4;}
body#strength #contents .contentsMain .block .liststyle { margin-top: 40px; display: grid; grid-template-columns: 45% 45%; column-gap: 10%; row-gap: 30px;}
body#strength #contents .contentsMain .block .liststyle li img { width: 100%;}
body#strength #contents .contentsMain .block .liststyle li .listitem { font-size: 1.2rem; letter-spacing: 0.05em; text-indent: -20px; display: block; margin-left: 20px;}
body#strength #contents .contentsMain .block .liststyle li {}
body#strength #contents .contentsMain .block .liststyle li .listitem { font-size: 1.2rem;}
body#strength #contents .contentsMain .block .liststyle li .listitem:before { content: "●"; margin-right: 5px;}
body#strength #contents .contentsMain .block .liststyle li .img { margin-bottom: 10px;}
body#strength #contents .contentsMain .block .otherbox {border: solid 1px #454d4a;}
body#strength #contents .contentsMain .block .otherbox .txt {text-align: center; }

@media screen and (min-width: 750px) {
body#strength #contents { padding-bottom: 200px;}
body#strength .contentsMain .contTit {margin: 160px 0 80px;}
body#strength #contents .pageTit .titArea { margin: 80px 0 120px 0; font-size: 3.8rem;}
body#strength .contentsMain.mt { margin-top: 150px;}
body#strength #contents .contentsMain .block { margin-top: 150px;}
body#strength #contents .contentsMain .block .en.mb { padding-bottom: 60px;}
body#strength #contents .contentsMain .block .secTit { font-size: 2.6rem; line-height: 2;}
body#strength #contents .contentsMain .secTit { line-height: 2.4;font-size: 3rem;}
body#strength #contents .contentsMain .block .box { /*padding-left: 8%;*/}
body#strength #contents .contentsMain .block .box .boxInner { display: flex;margin: 100px 0;}
body#strength #contents .contentsMain .block .box .planName { font-size: 2.4rem; margin-bottom: 40px;}
body#strength #contents .contentsMain .block .liststyle {margin-top: 60px;}
body#strength #contents .contentsMain .block .liststyle li .listitem { font-size: 1.4rem;}
body#strength #contents .contentsMain .block .otherbox { padding: 30px 0;align-items: center;}
body#strength #contents .contentsMain .block .otherbox .txt {border-right: solid 1px #454d4a; width: 245px; font-size: 2rem; border-bottom: 0;}
body#strength #contents .contentsMain .block .otherbox .liststyle { padding-left: 60px; margin-top: 0; width: calc( 100% - 245px); row-gap: 20px;grid-template-columns: auto;}
body#strength #contents .contentsMain .block .otherbox .liststyle .listitem { font-size: 1.6rem;}
}
@media screen and (max-width: 749px) {
body#strength #contents .pageTit .titArea .ffmin {letter-spacing: 0.16em;}
body#strength #contents .contentsMain .block { margin-top: 100px;}
body#strength #contents .contentsMain .contTit {padding: 60px 0 40px;}
body#strength #contents .contentsMain .contTit .ffmin {letter-spacing: 0.18em;}
body#strength #contents .contentsMain .secTit {line-height: 2;font-size: 2.2rem;}
body#strength #contents .contentsMain .block .secTit { font-size: 2.2rem; line-height: 2;padding-bottom: 40px;}
body#strength #contents .contentsMain .block .en.mb { margin-bottom: 30px;}
body#strength #contents .contentsMain .block .otherbox { padding: 0 5% 30px 5%; margin: 60px 0 100px;  align-items: center;}
body#strength #contents .contentsMain .block .otherbox .txt { font-size: 1.8rem; padding: 20px 0; text-align: center; border-bottom: solid 1px #454d4a;}
body#strength #contents .contentsMain .block .otherbox .liststyle { margin-top: 20px; width: 100%; grid-template-columns: 1fr; row-gap: 10px;}
body#strength #contents .contentsMain .block .otherbox .liststyle .listitem { font-size: 1.4rem;}
body#strength #contents .contentsMain .txtArea .txt {font-size:1.2rem;line-height: 2;}
}
@media screen and (min-width: 1000px) {
body#strength #contents .pageTit .titArea { font-size: 4rem;}
body#strength #contents .contentsMain .block .liststyle { grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 50px;}
}

/* concierge */
body#strength #contents .contentsMain .block.concierge {}
body#strength #contents .contentsMain .block.concierge .itoshima .img { margin-top: 25px;}
@media screen and (min-width: 750px) {
body#strength #contents .contentsMain .block.concierge .itoshima .img { margin-top: 50px;}
}

/* ordermade */
body#strength #contents .ordermade .boxInner { margin-top: 90px;}
body#strength #contents .ordermade .boxInner .number { width: 125px;}
body#strength #contents .ordermade .boxInner .txtbox .planName { margin-bottom: 40px; line-height: 1;}
body#strength #contents .ordermade .boxInner .midashi { margin-top: 40px;}
body#strength #contents .ordermade .boxInner .timeschedule { margin-top: 30px; position: relative;}
body#strength #contents .ordermade .boxInner .timeschedule:before { position: absolute; width: 100%; content: "";}
body#strength #contents .ordermade .boxInner .timeschedule li { position: relative;}
body#strength #contents .ordermade .boxInner .timeschedule li:before { width: 10px; height: 10px; border-radius: 10px; left: 0; content: ""; background: #e9e2d2; position: absolute;}
body#strength #contents .ordermade .boxInner .timeschedule .time { margin-bottom: 10px; display: block;}
@media screen and (min-width: 1000px) {
body#strength #contents .ordermade .boxInner .txtbox { width: calc( 100% - 125px);}
body#strength #contents .ordermade .boxInner .timeschedule { margin-top: 70px; display: flex; justify-content: space-between;}
body#strength #contents .ordermade .boxInner .timeschedule:before { top: -25px; border-top: solid 1px #414a47;}
body#strength #contents .ordermade .boxInner .timeschedule li:before { top: -30px;}
}
@media screen and (max-width: 999px) {
body#strength #contents .ordermade .boxInner .number { margin-bottom: 10px;}
body#strength #contents .ordermade .boxInner .timeschedule { height: 320px;}
body#strength #contents .ordermade .boxInner .timeschedule:before { top: 0; border-left: solid 1px #e9e2d2; min-height: 320px;}
body#strength #contents .ordermade .boxInner .timeschedule li { margin-bottom: 40px; padding-left: 40px; min-height: 60px;}
body#strength #contents .ordermade .boxInner .timeschedule li:nth-last-child(1) { margin-bottom: 0;}
body#strength #contents .ordermade .boxInner .timeschedule li:before { top: 0; left: -5px;}
}

@media screen and (min-width: 750px) {
body#strength #contents .ordermade .boxInner .number {font-size: 1.2rem;margin-top: 5px;}
body#strength #contents .ordermade .boxInner .timeschedule .time {font-size:1.2rem;}
}

/* service */
body#strength #contents .contentsMain .block.service { margin-bottom: 0;}
body#strength #contents .contentsMain .block.service .secTit {}
body#strength #contents .contentsMain .block.service .boxInner { margin-bottom: 40px;}
body#strength #contents .contentsMain .block.service .boxInner .planName { margin-bottom: 10px; line-height: 1.8; letter-spacing: 0.15em;}
body#strength #contents .contentsMain .block.service .boxInner .txtArea { line-height: 1.8; letter-spacing: 0.05em;}
body#strength #contents .contentsMain .block.service .boxInner .ph img { max-width: 324px;}

@media screen and (min-width: 750px) {
body#strength #contents .contentsMain .block.service .secTit { /*padding-bottom: 100px;*/}
body#strength #contents .contentsMain .block.service .boxInner { margin-bottom: 80px;}
body#strength #contents .contentsMain .block.service .boxInner .ph { margin-right: 50px;}
body#strength #contents .contentsMain .block.service .boxInner .ph img { width: 250px;}
}
@media screen and (min-width: 1000px) {
body#strength #contents .contentsMain .block.service .boxInner .ph { margin-right: 100px;}
body#strength #contents .contentsMain .block.service .boxInner .ph img { width: 324px;}
body#strength #contents .contentsMain .block.service .boxInner .planName { margin-bottom: 20px; line-height: 2.4;}
}

@media screen and (max-width: 749px) {
body#strength #contents .ordermade .boxInner .number {font-size: 1rem;}	
body#strength #contents .ordermade .boxInner .txtbox .planName {margin: 30px 0 40px;}
body#strength #contents .ordermade .boxInner .timeschedule {margin-left: 6%;}
body#strength #contents .contentsMain .block.service .boxInner {margin-bottom: 80px;}
body#strength #contents .contentsMain .block.service .boxInner:last-of-type {margin-bottom: 0;}
body#strength #contents .contentsMain .block.service .boxInner .planName {margin: 20px 0;line-height: 2;font-size: 1.8rem;}
}


/*==================================
	company
==================================*/
body#company #contents { padding-bottom: 100px;}
body#company #contents .inner {}
body#company #contents .pageTit .titArea { /*margin: 25px 0; font-size: 2rem; line-height: 1.8;*/}
body#company .contentsMain.mt { margin-top: 80px;}
body#company #contents .contentsMain .block { margin-top: 80px; margin-left: auto; margin-right: auto;}

body#company #contents .contentsMain .block .en.mb { margin-bottom: 20px;}
body#company #contents .contentsMain .block .secTit { font-size: 1.3rem; line-height: 1.8;}
body#company #contents .contentsMain .secTit { padding-bottom: 20px; line-height: 1.8;}
body#company #contents .contentsMain .secTxt { line-height: 2;}
body#company #contents .contentsMain .office {}
body#company #contents .contentsMain .office .box .boxInner.mt { margin-top: 50px;}
body#company #contents .contentsMain .office .box .midashi { margin-bottom: 20px; font-size: 1.8rem;}
body#company #contents .contentsMain .office .box .orthTable { width: 100%;}
body#company #contents .contentsMain .office .box .orthTable dt {}
body#company #contents .contentsMain .office .box .orthTable dd { letter-spacing: 0.1em;}
body#company #contents .contentsMain .overview {}
body#company #contents .contentsMain .overview .overviewList { position: relative;}
body#company #contents .contentsMain .overview .overviewList:before { height: calc(100% - 40px); position: absolute; content: ""; top: 0; border-left: solid 1px #414a47;}
body#company #contents .contentsMain .overview .overviewList li { padding-bottom: 40px; letter-spacing: 0.1em; position: relative;}
body#company #contents .contentsMain .overview .overviewList li:before { width: 10px; height: 10px; border-radius: 10px; left: 0; content: ""; background: #e9e2d2; position: absolute; top: auto; bottom: auto;}
body#company #contents .contentsMain .overview .overviewList li:first-child:before { top: 0;}
body#company #contents .contentsMain .overview .overviewList li:last-child { padding-bottom: 0;}
body#company #contents .contentsMain .overview .overviewList li .date {}
body#company #contents .contentsMain .overview .overviewList li .txt {}

@media screen and (min-width: 750px) {
body#company #contents { padding-bottom: 200px;}
body#company #contents .pageTit .titArea { margin: 50px 0 120px 0; font-size: 3.8rem;}
body#company .contentsMain.mt { margin-top: 150px;}
body#company #contents .contentsMain .block { margin-top: 150px;margin-bottom: 0;}
body#company #contents .contentsMain .block .en.mb { margin-bottom: 60px;}
body#company #contents .contentsMain .block .secTit { font-size: 2.6rem; line-height: 1.8;}
body#company #contents .contentsMain .secTit { line-height: 2;}
body#company #contents .contentsMain .secTxt { line-height: 3;}
/*body#company #contents .contentsMain .block .box { padding-left: 8%;}*/
body#company #contents .contentsMain .block .box .boxInner { display: flex;}
body#company #contents .contentsMain .office .box .boxInner.mt { margin-top: 100px;}
body#company #contents .contentsMain .office .box .midashi {  width: 200px;}
body#company #contents .contentsMain .office .box .orthTable { width: calc( 100% - 200px);}
body#company #contents .contentsMain .office .box .orthTable dt { width: 32%;}
body#company #contents .contentsMain .office .box .orthTable dd { width: 68%;}
body#company #contents .contentsMain .overview .overviewList:before { height: calc(100% - 14px);}
body#company #contents .contentsMain .overview .overviewList li { padding-bottom: 50px;}
}
@media screen and (min-width: 1000px) {
body#company #contents .pageTit .titArea { font-size: 4.6rem;}
body#company #contents .contentsMain .block .liststyle { grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 30px;}
body#company #contents .contentsMain .office .box .midashi { font-size: 2.4rem; width: 280px;}
body#company #contents .contentsMain .office .box .orthTable { width: calc( 100% - 280px);}
body#company #contents .contentsMain .overview {}
body#company #contents .contentsMain .overview .overviewList {}
body#company #contents .contentsMain .overview .overviewList:before { left: 200px;}
body#company #contents .contentsMain .overview .overviewList li:before { left: 196px;}
body#company #contents .contentsMain .overview .overviewList li { padding-left: 290px;}
body#company #contents .contentsMain .overview .overviewList li .date { position: absolute; left: 0; top: 0;}
body#company #contents .contentsMain .overview .overviewList li .txt {}
}
@media screen and (max-width: 999px) {
body#company #contents .contentsMain .overview .overviewList:before { top: 8px; height: calc(100% - 60px);}
body#company #contents .contentsMain .overview .overviewList li { padding-left: 20px;}
body#company #contents .contentsMain .overview .overviewList li:before { top: 8px; left: -5px;}
body#company #contents .contentsMain .overview .overviewList li:first-child:before { top: 8px;}
body#company #contents .contentsMain .overview .overviewList li .date { margin-bottom: 5px;}

}
@media screen and (max-width: 749px) {
body#company #contents .contentsMain .office .box {margin-top: 20px;}
body#company #contents .contentsMain .office .box .orthTable {font-size: 1.2rem;}
body#company #contents .contentsMain .overview .overviewList {margin-top:20px;font-size: 1.2rem;}
}
/*==================================
	recruit
==================================*/
body#recruit #contents { padding-bottom: 100px;}
body#recruit #contents .pageTit .titArea { /*margin: 25px 0; font-size: 2rem; line-height: 1.8;*/}
body#recruit .contentsMain.mt { margin-top: 80px;}
body#recruit #contents .contentsMain .block { margin-top: 80px; margin-left: auto; margin-right: auto;}
body#recruit #contents .contentsMain .block .en.mb { margin-bottom: 20px;}
body#recruit #contents .contentsMain .block .secTit { font-size: 1.3rem; line-height: 1.8;}
body#recruit #contents .contentsMain .secTit { padding-bottom: 20px; line-height: 1.8;font-size: 3rem;}
body#recruit #contents .contentsMain .secTxt { line-height: 2;}
body#recruit #contents .contentsMain .block .box {margin-bottom: 0;width: 90%;margin-left: auto;}
body#recruit #contents .contentsMain .block .box .boxInner { margin-top: 100px;}
body#recruit #contents .contentsMain .block .box .boxInner .lead { font-size: 2.2rem;}
body#recruit #contents .contentsMain .block .box .boxInner .txtArea { line-height: 2.5;}
body#recruit #contents .contentsMain .block .box .boxInner .link.normal { margin-top: 40px; line-height: 1.8;}
body#recruit #contents .contentsMain .block .box .boxInner .mt { margin-top: 10px;}

@media screen and (min-width: 750px) {
body#recruit #contents { padding-bottom: 200px;}
body#recruit #contents .pageTit .titArea { /*margin: 50px 0 120px 0; font-size: 3.8rem;*/}
body#recruit .contentsMain {margin-top: 20px;}
body#recruit .contentsMain.mt { margin-top: 160px;}
body#recruit #contents .contentsMain .block { margin-top: 150px;margin-bottom: 0;}
body#recruit #contents .contentsMain .block .en.mb { margin-bottom: 40px;}
body#recruit #contents .contentsMain .block .secTit { font-size: 2.6rem; line-height: 1.8;}
body#recruit #contents .contentsMain .secTit { padding-bottom: 60px; line-height: 2;}
body#recruit #contents .contentsMain .secTxt { line-height: 3;}
body#recruit #contents .contentsMain .block .box .boxInner .link.normal { margin-top: 100px;}
body#recruit #contents .contentsMain .block .box .boxInner .mt { margin-top: 20px;}
}
@media screen and (min-width: 1000px) {
body#recruit #contents .pageTit .titArea { font-size: 4.6rem;}
body#recruit #contents .contentsMain .block .liststyle { grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 30px;}
body#recruit #contents .contentsMain .block .box .boxInner { margin-top: 80px; display: flex;}
body#recruit #contents .contentsMain .block .box .boxInner .lead { font-size: 2.4rem; width: 20%;}
body#recruit #contents .contentsMain .block .box .boxInner .txtArea { width: 80%;}
}
@media screen and (max-width: 999px) {
body#recruit #contents .contentsMain .block .box {width: 100%;}	
body#recruit #contents .contentsMain .block .box .boxInner .lead {margin-bottom: 30px;width: 20%;}
body#recruit #contents .contentsMain .block .box .boxInner .txtArea {width: 80%;}
}
@media screen and (max-width: 749px) {
body#recruit #contents .contentsMain .secTit {padding-bottom: 40px;font-size: 2.2rem;}
body#recruit #contents .contentsMain .block .box .boxInner .lead {width: auto;}
body#recruit #contents .contentsMain .block .box .boxInner .txtArea { line-height: 2;font-size: 1.2rem;width: 100%;}
}



/*==================================
	post 投稿
==================================*/

.postDetail .detailBox {border-top: 1px solid #454d4a;}
.postDetail .detailBox p {margin: 20px 0;line-height: 2;}
.postDetail .detailBox img {width: 100%;}

@media screen and (min-width: 750px) {
.postDetail .detailBox {padding: 40px 0;margin-top: 40px;}
}
@media screen and (max-width: 749px) {	
.postDetail .detailBox {padding: 40px 0;}
}

/*==================================
	news
==================================*/
@media screen and (min-width: 750px) {
#news .newsTable {width: 90%;margin-left: auto;margin-top: 60px;}	
#news .newsTable .link.normal {margin: 100px 0 0 auto;}
#news .postDetail .link.normal {margin: 100px 0 0 auto;}	
}
@media screen and (max-width: 749px) {
#news .newsTable .link {margin-top: 40px;}
}
.nav-below { display:flex; justify-content:space-between; align-items:center; gap:1rem; align-items:flex-start;}
.nav-below .link.normal a { display:inline-flex; align-items:center; gap:.5em; text-decoration:none; }


/* 前：左矢印になるよう180度回転 */
.nav-below .prev .arrow .ico { transform: rotate(180deg); }

/* 任意：中央の「一覧に戻る」を小さめに */
.nav-below .nav-list a { font-size: 0.95em; }
@media screen and (max-width: 749px) {
.nav-below {align-items:center;}
}


/* 1215キャンペーン */
#campaign2512 .line {text-decoration: underline;}
#campaign2512 .contactBtn {background: #38413e;border-radius: 50px;text-align: center;}
#campaign2512 .contactBtn a {color: #FFF;font-weight: bold;}
#campaign2512 .lineBtn {background: #399a39;max-width: 390px;border-radius: 5px;}
#campaign2512 .lineBtn a {color: #FFF;text-align: center;font-weight: bold;}
#campaign2512 .lineBtn a .icon {background: url(https://duskin-mcmm.jp/lib/img/common/icon_line.svg) no-repeat center left; background-size: 18px auto;padding-left: 30px;}
#campaign2512 .campaign {background:#FFF;}
#campaign2512 .campaignTit {width: 90%;margin: 0 auto;}
#campaign2512 .campaign .benefit--full {grid-column: 1 / -1; /* PC時に1列ぶち抜き */}

@media screen and (min-width: 750px) {
#campaign2512 .tit {font-size: 3rem;letter-spacing: 0.8rem;}
#campaign2512 .contactBtn {width:70%;margin: 40px auto 0!important;}
#campaign2512 .contactBtn a {padding: 30px;}
#campaign2512 .contactBtn a .ico {vertical-align: middle;}
#campaign2512 .lineBtn a {padding: 20px;}
#campaign2512 .campaign {padding: 80px;margin: 80px 0;}
#campaign2512 .campaign .benefits__grid {display: grid;grid-template-columns: repeat(4, 1fr); gap: 24px;margin-top:40px;}
#campaign2512 .campaign .benefit--2 {grid-column: span 2;}
}
	
@media screen and (max-width: 749px) {
#campaign2512 .tit {font-size: 2.4rem;}
#campaign2512 .contactBtn {margin: 20px auto 0;}
#campaign2512 .contactBtn a {padding: 20px 25px;line-height: 1.4;}
#campaign2512 .contactBtn a .ico {vertical-align: middle;line-height: 1.4;}
#campaign2512 .lineBtn a {padding: 15px;line-height: 1.4;}
#campaign2512 .campaign  {padding: 8%;margin: 8% 0;}
#campaign2512 .campaign .benefits__grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin-top:20px;}
#campaign2512 .campaign .benefit--2{grid-column: span 2; }
}




/*==================================
	story
==================================*/
#life-stories .storyList .link figure {margin: 0;}
#life-stories .storyList .link figure img {width: 100%;height: auto;}
#life-stories .storyList .link .txtArea {display: flex;justify-content: space-between;align-items: center;}
#life-stories .storyList .link .txtArea .storyitem .date {display: block;}
#life-stories .storyList .link a:hover {text-decoration: none;}

@media screen and (min-width: 750px) {
.single-life-stories #contents .pageTit .titArea {margin-bottom: 50px;}
.single-life-stories #contents .customer {margin: 50px 0;}
.single-life-stories #contents .wp-block-image {margin: 50px 0;}
.single-life-stories #contents .note {font-size: 1.2rem;}
#life-stories .storyList {margin: 60px 0 160px;}
#life-stories .storyList .link {margin-bottom: 80px;}
#life-stories .storyList .link:last-child {margin-bottom: 0;}
#life-stories .storyList .link a {justify-content: space-between;align-items: stretch;}
#life-stories .storyList .link a::after {display: none;}
#life-stories .storyList .link figure {width: 28.5%;}
#life-stories .storyList .link .txtArea {width: 64%;border-top: solid 1px #454d4a;}
#life-stories .storyList .link .txtArea .storyitem {width: 82.74%;}
#life-stories .storyList .link .txtArea .storyitem .date {margin: 25px 0;font-size: 1.2rem;}
#life-stories .contentsMain .link.normal {margin: 100px 0 0 auto;}	
}
@media screen and (max-width: 749px) {
.single-life-stories #contents .pageTit .titArea {margin-bottom: 20px;}
.single-life-stories #contents .customer {margin: 40px 0;}
.single-life-stories #contents .wp-block-image {margin: 40px 0;}
.single-life-stories #contents .note {font-size: 1.2rem;}
#life-stories .storyList .link a {display: block;padding: 40px 0;}
#life-stories .storyList .link figure img {width: 100%;height: auto;}
#life-stories .storyList .link .txtArea {padding-top: 30px;}
#life-stories .storyList .link .txtArea .storyitem {display:block;width: 86%;}
#life-stories .storyList .link .txtArea .storyitem .date {margin-bottom: 10px;font-size: 1rem;}
#life-stories .contentsMain .link.normal {margin-top: 40px;}
}

 

/* form */
input,
textarea,select { width: 100%; max-width: 1000px; padding: 15px;background: #e9e2d2; border-radius: 5px;border: 1px solid #e9e2d2;}
textarea { height: 180px;}
input[type=checkbox] { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5);}
@media screen and (max-width: 749px) {
input,
textarea,select { padding: 15px;}
textarea { height: 100px;}
}

/*==================================
	contact
==================================*/
body#contact {}
body#contact .secTxt a {display: inline;}
body#contact .secTxt .pagelink {text-decoration: underline;}
.formBox { max-width: 1200px;margin-top: 100px;}
.formBox .formTable {margin-bottom: 80px;}
.formBox .formTable dt {margin-bottom: 5px;}
.formBox .formTable dd { margin-bottom: 40px;}
.formBox .formTable dd:last-child {margin-bottom: 0;}
.formBox .formTable dt {}
.formBox .formTable dt .req { font-size: .8rem; margin-left: 5px;}
.formBox .formTable dd {}
.formBox .formTable dd .hyphen { padding: 0 10px; text-align: center;}
.formBox .formTable dd.telbox input,
.formBox .formTable dd.zipbox input,
.formBox .formTable dd.birthbox select { width: 300px; max-width: 100%;}
.formBox .formTable dd.birthbox select:first-of-type {width: 25%;}
.formBox .formTable dd.birthbox select {margin-right: 20px;}
.formBox .formTable dd .zip {width: 200px;}
.formBox .formTable dd.post p {display: flex;align-items: baseline;}
.formBox .agree,
.formBox .link,
.formBox .formBtnArea { }
.formBox .agree .pagelink {text-decoration: underline;}
.formBox .agree input { width: 20px; margin-right: 12px;}
.formBox input.prev {background: none;border: none;padding: 0;text-align: left;color: #e9e2d2;min-width: 110px;text-decoration: underline;cursor: pointer;}
.formBox .agree label{ vertical-align: text-top;}
.formBox .agree a {display: inline;}
.formBox .link { margin-top: 70px;}
.formBox .link.top {display:block;}

@media screen and (min-width: 750px) {
body#contact .contentsMain {margin-top: 20px;}
.formBox .formTable {display: grid;grid-template-columns: 240px 1fr;}
}
@media screen and (max-width: 749px) {
.formBox {margin-top: 40px;}
.formBox .formTable { font-size: 1.2rem; display: block;margin-bottom: 40px;}
.formBox .formTable dt {}
.formBox .formTable dd { margin-bottom: 20px;}
.formBox .formTable dd input { width: 100%;}
.formBox .formTable dd.telbox input { width: 100%;}
.formBox .formTable dd .hyphen { width: 8%; padding: 0; display: inline-block;}
.formBox .agree { font-size:1.2rem;}
.formBox .link {margin-top: 60px;}
.formBox .formTable dd.birthbox select:first-of-type {width: 27%;}
.formBox .formTable dd.birthbox select {margin-right: 4%;}
.formBox .formTable dd .zip {width: 100%;}
@supports (-webkit-touch-callout: none) {
select {
-webkit-appearance: none;
border-radius: 0;
color: #767676;
border-radius: 5px;
}
}
}

.link .wpcf7-confirm,
.link .wpcf7-submit {border:0;cursor:pointer;-webkit-text-fill-color: #3a4340;opacity: 1;}
.link.submit {max-width:300px;}
/* 親にアイコンを出す */
.link.normal.submit{
  position: relative;
}


/* 親の ::after でSVGを背景画像として表示 */
.link.normal.submit::before{
  content:"";
  position:absolute;
  right: 8%;
  top:50%;
  transform: translateY(-50%);
  width:16px;
  height:16px;
  background: no-repeat center / contain
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a4340' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='M15 16l4-4'/><path d='M15 8l4 4'/></svg>");
  pointer-events:none;
}
.wpcf7-spinner {position: absolute;}
.wpcf7-not-valid-tip {color: #ffb900;}

@media screen and (min-width: 750px) {
.link .wpcf7-confirm, .link .wpcf7-submit {padding: 25px 0;width:300px;font-size:1.4rem;letter-spacing: 0.06rem;color: #3a4340;}
/*.link .wpcf7-confirm::after,
.link .wpcf7-submit::after {background-color:#454d4a; bottom:-10px; content:""; height:1px; left:0;position:absolute; transform:scale(0,1); transform-origin:left top;transition:transform .3s; width:100%;}*/
.link .wpcf7-confirm:hover::after,
.link .wpcf7-submit:hover::after {transform:scale(1,1);}
}
@media screen and (max-width: 749px) {
.link .wpcf7-confirm,
.link .wpcf7-submit {font-size:1.2rem;padding:20px 0;width: 100%;min-width: 160px;}
}
.link .wpcf7-confirm:hover + .arrow svg,
.link .wpcf7-submit:hover + .arrow svg {transform: translateX(4px);}
.check {margin-bottom: 80px;}


/*==================================
	privacy
==================================*/
#privacy-policy .contentsMain .block .box .boxInner {display: block;}
#privacy-policy .contentsMain .block .box .boxInner .info {border:1px solid #454d4a;}

@media screen and (min-width: 750px) {
#privacy-policy #contents .contentsMain .block {margin: 100px 0;}
#privacy-policy #contents .contentsMain .block:last-of-type {margin-bottom: 0;}
#privacy-policy #contents .contentsMain .block:last-of-type .box {margin-bottom: 0;}
#privacy-policy .contentsMain .block .box .boxInner  {font-size: 1.4rem;line-height: 2.4;}
#privacy-policy .contentsMain .block .box .boxInner .txt {margin-bottom: 40px;}
#privacy-policy .contentsMain .block .box .boxInner .info {padding: 40px;margin-top: 100px;}
}
@media screen and (max-width: 749px) {
#privacy-policy .contentsMain .block .box {margin: 20px 0;}
#privacy-policy .contentsMain .block .box .boxInner  {font-size: 1.2rem;line-height: 2;}
#privacy-policy .contentsMain .block .box .boxInner .txt {margin-bottom: 40px;}
#privacy-policy .contentsMain .block .box .boxInner .info {padding: 20px 4%;margin-top: 40px;}
}

/*==================================
	guide-line
==================================*/
#guide-line .contentsMain .block {margin:60px 0 0;}
.normalTable { max-width: 1000px; display: flex; flex-wrap: wrap; margin-left: auto; border-top: solid 1px #454d4a;}
.normalTable dt,
.normalTable dd { padding: 30px 0; border-bottom: solid 1px #454d4a;}
.normalTable dt { width: 34%;}
.normalTable dd { width: 66%;}
.normalArea { max-width: 900px; margin: 0 auto;}
@media screen and (max-width: 899px) {
.normalTable dt,
.normalTable dd { padding: 20px 0 20px 5%;}
.normalTable dt { width: 140px;}
.normalTable dd { width: calc( 100% - 140px);}
.normalTable.wide dt { width: 160px;}
.normalTable.wide dd { width: calc( 100% - 160px);}
}
@media screen and (max-width: 749px) {
#guide-line .contentsMain .block {margin: 40px 0 0;}
.normalTable {}
.normalTable.wide dt { width: 80px; padding: 20px 0;}
.normalTable.wide dd { width: calc( 100% - 80px);}
}

.page-404 .txt {margin: 40px 0;}