@charset "utf-8";

/* ***********************************
 *
 *  Ire's CSS Reset & Base
 *
 * *********************************** */
/* Reset margin, padding, border
 * *********************************** */

html, body,h1, h2, h3, h4, h5, h6,a, p, span,em, small, strong,sub, sup,mark, del, ins, strike,abbr, dfn,blockquote, q, cite,code, pre,ol, ul, li, dl, dt, dd,div, section, article,main, aside, nav,header, hgroup, footer,img, figure, figcaption,address, time,audio, video,reason, iframe,details, summary,fieldset, form, label, legend,table, caption,tbody, tfoot, thead,tr, th, td {margin:0;padding:0;border:0;}
/*------------- setting ------------- */
@font-face {font-family: 'akrobat';src: url("fonts/Akrobat-ExtraBold.eot");src: url("fonts/Akrobat-ExtraBold.eot?iefix") format("eot"), url("fonts/Akrobat-ExtraBold.woff") format("woff"), url("fonts/Akrobat-ExtraBold.ttf") format("truetype");}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.display_none {display: none !important;}
.is-hover-fade {-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
.is-hover-fade:hover {opacity: 0.7;}
.sp-on {display: none;}

.wrapper {overflow: hidden;}
section {z-index: 0;}
/*------------- mixin ------------- */
/* Typography
 * *********************************** */
html { font-size:62.5%;}
body {font-size:1.6rem;line-height:1.4;}
* {/*font-family:inherit;*/font-size:inherit;line-height:inherit;}
a,a:visited {color:inherit;}

/* Layout
 * *********************************** */

article,aside,footer,header,nav,section,main {display:block;}
* {box-sizing:border-box;}
*:before,*:after {box-sizing:inherit;}

/* Elements
 * *********************************** */

table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
img,video {max-width:100%;}
img {border-style:none;vertical-align:bottom;}
blockquote,q {quotes:none;}
blockquote:after,blockquote:before,q:after,q:before {content:"";content:none;}

/* Attributes & states
 * *********************************** */
[hidden] {display:none !important;}
[disabled] {cursor:not-allowed;}
:focus:not(:focus-visible) {outline:none;}


/*==================================================
Wide use class
==================================================*/

/* align */
.taC { text-align:center !important;}
.taR { text-align:right !important;}
.taL { text-align:left !important;}

/* float */
.fl { float:left;}
.fr { float:right;}
.cl { clear:both;}
.clearfix:after { content:""; display:block; clear:both; height:0;}
.clearfix { display:inline-block;}
.clearfix { display:block;}

/* margin-bottom */
.mb00 { margin-bottom:0px !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb65 { margin-bottom:65px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.mb110 { margin-bottom:110px !important;}
.mb120 { margin-bottom:120px !important;}



/* padding-right */
.pdr00 { padding-right:0 !important;}
.pdr10 { padding-right:10px !important;}
.pdr20 { padding-right:20px !important;}
.pdr25 { padding-right:25px !important;}
.pdr30 { padding-right:30px !important;}
.pdr40 { padding-right:40px !important;}

/* link */
a:hover img.op { opacity:0.60; filter:alpha(opacity=60);}
a { outline:none; text-decoration:none;}
hr { color:#fff; background-color:#fff; height:1px; padding:0; border:0;}

/* function */
.swap {}
.hidden { display:none;}
.imgheight { font-size:0; line-height:0;}
.pos-base { position:relative;}
.sp-slides a:hover {
opacity:1;
}
.chushaku1{font-size: 70%;color: #cecece;}
@media only screen and (max-width:768px) {
  .chushaku1{font-size: 2vw;color: #cecece;padding: 30px 2% 10px;}
}

/*** h2斜線ボーダー
*******************************************/
.BDRS {line-height:1;display:inline-block;position:relative;z-index:90; text-align: center}
.BDRS::before {content:"";width:100%;height:10px;
-webkit-background-size:4px 4px;
-moz-background-size:4px 4px;
background-size:4px 4px;
background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #faedd9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #faedd9), color-stop(.75, #d3d2d2), color-stop(.75, transparent), to(transparent));
background-image:-webkit-linear-gradient(-45deg, #faedd9 25%, transparent 25%, transparent 50%, #faedd9 50%, #faedd9 75%, transparent 75%, transparent);
background-image:-moz-linear-gradient(-45deg, #faedd9 25%, transparent 25%, transparent 50%, #faedd9 50%, #faedd9 75%, transparent 75%, transparent);
background-image:-ms-linear-gradient(-45deg, #faedd9 25%, transparent 25%, transparent 50%, #faedd9 50%, #faedd9 75%, transparent 75%, transparent);
background-image:-o-linear-gradient(-45deg, #faedd9 25%, transparent 25%, transparent 50%, #faedd9 50%, #faedd9 75%, transparent 75%, transparent);
background-image:linear-gradient(-45deg, #faedd9 25%, transparent 25%, transparent 50%, #faedd9 50%, #faedd9 75%, transparent 75%, transparent);
position:absolute;
top:0.7em;
left:0;
z-index:-1;
}
.center{text-align: center}


/* ***********************************
 *
 *   MAIN
 *
 * *********************************** */


body {
font-size:16px; font-size:1.6em;
letter-spacing: 0.05em;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 600; color: #222
}

#main {width: 100%; position: relative; overflow: hidden;}
@media only screen and (min-width:1000px) {
#main{margin: auto}}
header h1{position:relative;width:100%;
/*background:rgba(220,220,220,1);*/ background-color: #180614; z-index:1000; border-bottom: 2px #fff solid}
header #logo {top:0px; vertical-align:middle; text-align:center}
header #logo img{width:180px}
@media screen and (max-width:640px){
header{ z-index:100000}
header #logo {position:absolute; vertical-align:middle}
header #logo img{width:140px; margin: auto}
}

/* common */
hr {color:#a5a6a6;background-color:#a5a6a6;margin:0;}
a {-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;opacity:1;}
a:hover {opacity:0.45;}




/*/////////////////////////////////////////////////
///////////////////////////////////////////////////
///////////////////////////////////////////////////
//////////////////////////////////////////////////*/

.pc{display: block;}
.sp{display: none;}
@media screen and (max-width:640px) {
.pc{display: none;}
.sp{display: block;}
}

.headFixed {top:0;left:0;z-index:100;width:100%;padding:8px 5%;box-shadow:0 4px 6px rgba(0, 0, 0, .1);background:#fff;position: fixed !important;display:flex;}
.head_logo {}
.head_logo img {width:240px;height:auto}
.head_nav {}
.head_nav img {width:auto;height:100%}
.head_nav a {display:block;height:38px}

 /** 最初だけ左寄せ */
.flex-item:first-child{margin-right: auto;}


.app_area{padding:0; margin-top:30px;border-radius: 5px;border:2px solid #a49653;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(175,203,194,.4);box-shadow:0 2px 4px 0 rgba(175,203,194,.4);background-color:#fff;position: relative;}
.app_area_cover{position: absolute; background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;border-radius: 5px; text-align: center; color: #eeff20;padding: 55px;
font-size: 150%;letter-spacing:3px;}
.app_area_cover2{position: absolute; background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;border-radius: 5px; text-align: center;color: #eeff20;padding: 85px;
font-size: 200%;letter-spacing:3px;}


.app_item{display: flex;width: 90%;margin:10px auto 20px}
.app_item_in,.app_item_in2{display: flex;align-items: center}
.app_item_in span{display: block;width:80%;margin-left: 9px}
.app_item_in2 span{display: block;width:50%;margin-left: 9px}

.app_item_in:first-child {margin-right: 28px}
.app_item_in img{width: 100%;height: auto}

@media screen and (max-width:980px) {
.app_item{display: flex;width: 100%;margin: 40px auto 0}
.app_item_in span{display: block;margin-bottom: 10px}
.app_item_in:first-child {margin-right: 40px}
}
@media screen and (max-width:640px) {
.app_area{margin-top:20px;}
.app_item_in,.app_item_in2{display: block;}

.app_item{margin: 5px auto 5px;padding: 0 10px}
.app_item_in span{display: none}
.app_item_in:first-child {margin-right: 15px}
.app_item_in img{width: 100%;height: auto}

.head_logo img {width:140px;height:auto;margin-top: 5px;}
.headFixed {padding:8px 1%;}
.head_nav img {width:80px;height:auto}
.head_nav a {height:auto}

.app_area_cover,.app_area_cover2{padding:5vh;font-size:5.0vw;}


}

.subTitle{color:#270000;font-size:140%;text-align: center; margin: 20px 0 0;}
.subTitle3{color:#270000;font-size:100%;text-align: center; margin: 20px 0 0;}

.subTitle2{color:#270000;font-size:105%;letter-spacing: 3px;margin: 0 0 10px; }
.subTitle2:before{content:'＼ ';}
.subTitle2:after{content:' ／';}



.kv{background-image: url("../img/bg.jpg");background-repeat: no-repeat; background-position: top center; background-color: #fff; background-size: cover;padding:20px 0 120px;margin-top: 30px !important;}
.kv__wrap {display:flex;max-width:1200px;flex-wrap:wrap;align-items:center;margin:0 auto}

.kv__info {width:45%;margin:100px 0 0 3%;text-align:left}
.kv_logo{width:85%;margin:20px 0 20px 0}
.kv_logo img {width:90%;height:auto}
.kv_cap{margin:3px 0; padding: 5px 15px; font-size: 27px; background-color: #fffacd; color: #270000; letter-spacing:4px;display: inline-block;}
.kv_lead{width:100%;font-size: 90%;letter-spacing: 2px; line-height:1.7; padding-top:10px;}
.kv__info__img {display:none}
.kv_img {width:46%;margin-top:50px;margin-left:auto}
.kv_img img {width:100%;height:auto}

.shingan{position:absolute; top:140px;width:100px;left:44%;}
.txb2{font-size: 130%;}
#svi{background-color: #222; height:auto;}
#svi .inner{max-width: 1200px; margin: auto;}
#svi .flex-container {display: flex;width:100%;max-width: 1400px;margin:0 auto 40px; color: #111; font-size: 160%;font-weight:bold; }
#svi .flex-item2 {margin: 20px auto;padding: 25px 10px;box-sizing: border-box;text-align: center; background-color: #e4c136;width: 30%;letter-spacing: 2px;
background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
-webkit-background-clip: text;color: transparent;border:1px solid #e2d06e;}

.mar{background:linear-gradient(transparent 70%, #f1eda5 70%);}


@media screen and (max-width:640px){
.subTitle2{font-size:4.0vw;}
.kv_cap{margin:3px 0; padding: 5px 5px; font-size:5.2vw; letter-spacing:2px;}
.kv_lead{font-size:3.8vw; padding:20px 2% 10px;margin: auto;}

.kv{background-image: url("../img/bg_sp.jpg");background-size: cover;padding:50px 0 0;}
.kv__wrap {max-width:100%;}
.kv__info {width:100%;margin:10px 3% 0;text-align:center}
.kv_logo{width:90%;margin:20px auto 10px}
.kv_logo img {width:85%;height:auto}

.kv_img {width:90%;margin-top:70px;margin:auto}
.kv_img img {margin: 30px 0;}

.txb2{font-size: 113%;}
.shingan{position:absolute; top:15vh;width:20vw;left:80%;}
.mr10{margin-right: 10px;display: inline;}

.subTitle3{font-size:4.0vw; margin:10px 0 0;}
.subTitle{font-size:4.0vw;margin:10px 0 0;}
#svi .flex-container {display:block;padding: 10px 0; margin-top: 30px;}
#svi .flex-item2 {padding:10px 5px ;font-size: 70%;width:96%;letter-spacing: 1px;margin: 10px auto;}

}






/* h2////////////////////////////////////////////////*/
#model h2,#bland h2,#appraisal h2,#voice h2,#flow h2 {position: relative;padding: 0 5px;text-align: center;font-size:160%; width: 300px; margin: auto; margin-bottom: 20px !important;}
#model h2:before,#bland h2:before,#appraisal h2:before,#voice h2:before,#flow h2:before{position: absolute;top: calc(50% - 1px);left: 0;width: 100%; height:1px;content: '';background: #000;}
#model h2 span,#bland h2 span,#appraisal h2 span,#voice h2 span{position: relative;padding: 0 1em; background: #fff;}
#flow h2 span {position: relative;padding: 0 1em; background: #fdfbf7;}

@media screen and (max-width:640px) {
  #model h2,#bland h2,#appraisal h2,#voice h2,#flow h2 {padding: 0 5px;font-size:6.0vw; width: 90%; margin: auto;}
}
  


/* businessmodel & bland & flow & appraisal////////////////////////////////////////////////*/
#model {position:relative;padding:20px 0 20px;}
#bland {position:relative;padding:20px 0 70px;background-image:url(../img/about_bg.png); background-size:contain;background-position: center;}
#voice {position:relative;padding:10px 0 70px;}
#appraisal {position:relative;padding:10px 0 70px;}
#flow{position:relative;padding:80px 0 70px;background-color: #fdfbf7;}

#model .inner,#bland .inner,#flow .inner{margin:0 auto; padding:45px 0}
#appraisal .inner {margin:0 auto; padding:0}
#voice .inner {margin:0 auto;text-align: center;}

#model .txt {text-align:center; max-width:900px; margin:auto}
#bland .txt,#flow .txt,#appraisal .txt,#voice .txt {text-align:center; max-width:900px; margin:auto;line-height: 1.8;}
#voice .txt p{text-align:left; max-width:900px; margin:auto;line-height: 1.8;font-size: 100%;border-top: 1px solid #ccc;margin: 10px 0 0;padding:20px 0;}

#model p{ font-size:110%;padding: 50px 0; line-height: 1.6;}
#bland p,#flow p,#appraisal p,#voice p{ font-size:110%;padding: 30px 0 ;}

#bland img,#appraisal img,#voice img,#flow img{margin: 30px 0;}
#voice img{margin: 30px auto;width: 100%;max-width: 1200px;}







#appraisal .flex-container {display: flex;width:100%;max-width: 1400px;margin: auto;}
#appraisal .flex-item2 {margin: 10px auto;padding: 5px 10px;box-sizing: border-box;text-align: center;}
#appraisal .flex-item2 .mcho{padding:10px 0 0;font-size: 90%;}

.mar{background:linear-gradient(transparent 70%, #f1eda5 70%);}


#voice .flex-container {display: flex;width:100%;max-width: 1400px;margin: auto;position: relative;}
#voice .flex-item2 {margin: 10px auto;padding: 5px 30px;box-sizing: border-box;text-align: center;border-right: 1px solid #ccc;}
#voice .flex-item2:last-child {border-right:none;}
#voice .flex-item2 img{width: 120px;margin:20px 0 10px;}
#voice .flex-item2 .mcho{padding:20px 20px;font-size:100%;color:#fff;background-color: #b79d51;position: relative;display: inline-block;width: 100%;margin:10px 0 0;}
#voice .flex-item2 .mcho:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 15px solid transparent;border-top: 15px solid #b79d51;}

#voice h3{opacity: 0.9; text-align: left;font-size:30px !important;letter-spacing: 8px;font-family: "akrobat";position:absolute;z-index: 10000000000000000;margin:-10px 0 0;}
.pink{color: #f21c67;}
.blue{color: #3571b9;}



@media screen and (max-width:640px) {
#model {padding:40px 0 10px;}
#model .inner {margin:0 auto; padding:20px 0 0}
#model p{ font-size:100%;padding:20px 5%;text-align: left;line-height: 1.8;text-align: justify;  text-justify: inter-ideograph;}
#model h2{padding: 0 5px;font-size:6.0vw; width: 90%; margin: auto;}
#model img{padding:30px 2% 2% ;}


#bland {padding:10px 0 30vh;background-image:url(../img/about_bg.png); background-size:contain;background-position: center;}
#appraisal {padding:10px 0 10vh;margin: auto;}
#appraisal .inner {margin:0 auto; padding:0;}
#bland p{ font-size:90%;padding:20px 0 ;}
#appraisal p{ font-size:100%;padding:20px 5% ;text-align: left;text-align: justify;  text-justify: inter-ideograph;}
#flow {position:relative;padding:10px 0 70px;}
#flow img{width: 96%;margin:30px auto;}
#appraisal .flex-container {display:block; padding: 0 5%;}
#appraisal .flex-item2 {padding: 15px 0px;}
#appraisal .flex-item2 .mcho{padding:10px 0 0;font-size: 90%;}
#voice .flex-container {display: block;padding: 0 5%;}
#voice .inner {margin:0 auto; padding:0}
#voice .flex-item2 {border-right: none;padding: 5px 0;}
#voice img{padding: 0 2%;}


}














/* buy ////////////////////////////////////////////////*/
.buy {position: relative;padding-top: 78px;padding-bottom: 218px;margin-top: -200px;}
.contents {position: relative;overflow: hidden;margin: 10% 0 0;padding: 120px 0 300px; margin-top: -180px;}
.contents:before {content: '';position: absolute;top: 0;left: 0;width: 120%;height: 80%;margin: 3% -10% 0;background: #120701;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);z-index: -1;
background-image: url("../img/buy_img01.png");background-repeat: no-repeat; background-position:left; background-size:contain;}
.buy .inner {position: relative;width:50%; max-width:760px;margin: 0 0 0 48%;padding: 30px 0;}

.buy h2 { width:100%;text-align: right;margin-right: 400px;font-style: italic;
background:-moz-linear-gradient(right, #000, rgba(0, 0, 0, 0));
background:-webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0));
background:linear-gradient(to left, #f0e68c, rgba(0, 0, 0, 0));}
.buy h2 span{font-size:320%;letter-spacing: 0.55vw;margin-bottom: 2.43vw; padding-right: 30px;}

.buy h3 {color: #3571b9;opacity: 0.9; text-align:right;font-size: 220px !important;letter-spacing: 8px;font-family: "akrobat";margin: -40px 20px -40px 0;position:relative;}
.sell h3{color: #f21c67;opacity: 0.9; text-align: left;font-size: 220px !important;letter-spacing: 8px;font-family: "akrobat";margin: -40px 0 -40px 20px;position:relative;}





.buy_main li,.sell_main li{list-style: none; margin: 0 0 30px 0; background-color: #ffffff;color: #272000;padding: 20px;border-radius: 5px;}
.buy_main img{width: 20px !important;}
.buy_main p{font-size:95%;line-height: 1.6;}
.text-headding {color: #fff;text-align: center;font-size:150%; padding: 0 0 0px; border-bottom:1px #fff solid;margin-bottom: 20px;letter-spacing: 3px;}
.text-headding span{font-size: 200%;vertical-align:middle;}
.circle{display: inline-block;width:30px;height: 30px;border-radius: 50%;text-align:center;line-height: 30px;border: 1px solid #270000; margin-right:10px;}
.point_ti{font-size:160%; margin-bottom:10px; font-feature-settings: "palt";}
.point_ti span{background:linear-gradient(transparent 70%, #ff6 70%);}

/* sell ////////////////////////////////////////////////*/
.sell {position: relative;padding-top: 78px;padding-bottom: 218px;margin-bottom: 120px;}
.contents2 {position: relative;overflow: hidden;padding: 80px 0 200px;margin-top: -360px;}
.contents2:before {content: '';position: absolute;top: 0;left: 0;width: 120%;height: 80%;margin: 2% -10% 0;background: #b39e57;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);z-index: -1;
background-image: url("../img/buy_img02.png");background-repeat: no-repeat; background-position:right; background-size:contain;}
.sell .inner {position: relative;width: 50%;max-width:760px;margin: 0 0 0 5%;padding: 30px 0;}

.sell_main li{list-style: none; margin: 0 0 30px 0;}
.sell_main img{width: 20px !important;}
.sell_main p{font-size:95%;line-height: 1.6;}

.sell h2 { width:100%;text-align: left;padding-left:30px;font-style: italic;
background:-moz-linear-gradient(left, #000, rgba(0, 0, 0, 0));
background:-webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0));
background:linear-gradient(to right, #f0e68c, rgba(0, 0, 0, 0));}
.sell h2 span{font-size:320%;letter-spacing: 0.55vw;margin-bottom: 2.43vw; padding-right: 30px;}


@media screen and (min-width:1200px) {
.buy .inner {position: relative;width:50%; max-width:100%;margin: 0 0 0 45%;padding: 30px 0;}
.sell .inner {position: relative;width: 50%;max-width:100%;margin: 0 0 0 5%;padding: 30px 0;}
}

@media screen and (max-width:1200px) {
.contents:before{background-size: cover;}
.contents2:before{background-size: cover;}
}





@media screen and (max-width:760px) {
.buy h3 {font-size:26.0vw !important;margin: -140px 4% -20px 0;position:relative;}
.sell h3{font-size:26.0vw !important;margin: -80px 0 -20px 4%;position:relative;}


.buy h2 span{font-size:6.0vw;}
.buy .inner {position: relative;width:94%;margin:0 3%;}
.buy_main p{font-size:3.3vw;}
.contents {margin: 10% 0 0;padding: 120px 0 350px; margin-top: -180px;}
.contents:before{height:70%;background-image: url("../img/buy_img01s.png");background-position:left; background-size:cover;}
.contents2:before {background-image: url("../img/buy_img02s.png");background-position:left; background-size:cover; background-position:left; }
.buy_main li,.sell_main li{list-style: none; margin: 0 0 10px 0; background-color:rgba(255, 255, 255, 0.9);color: #272000;padding:20px;}

.circle{display: inline-block;width:30px;height: 30px;border-radius: 50%;text-align:center;line-height: 30px;border: 1px solid #270000; margin-right:10px;}
.point_ti{font-size:4.8vw; margin-bottom:10px; font-feature-settings: "palt";}
.point_ti span{background:linear-gradient(transparent 70%, #ff6 70%);}

.sell {position: relative;padding-top: 78px;padding-bottom: 200px;margin-bottom: 0px;}
.sell h2 span{font-size:6.0vw;}
.sell .inner {position: relative;width:94%;margin:0 3%;}
.sell_main p{font-size:3.8vw;}
.text-headding {color: #250d00; border-bottom:1px #250d00 solid;}

}



/* cv ////////////////////////////////////////////////*/


/*cv_area*/
#cv_area{ background-color: #444;padding:30px 0;}
.cv_area{max-width:880px;margin:auto; margin-bottom: 30px;}
.cv_area_tx1{line-height:1;font-size:2.2rem;letter-spacing:.1em;position:relative;width:100%;color:#047760;text-align:center;font-weight:700}
.cv_area_tx1:before{content:'＼';margin-right:11px}
.cv_area_tx1:after{content:'／';margin-left:9px}
.cv_area_bt{margin:20px auto; text-align: center}
.cv_area_bt>a{line-height:1;font-size:2.2rem;letter-spacing:.05em;display:block;position:relative;padding:24px 27px;border-radius:10px;-webkit-box-shadow:0 3px 0 0 #250d00;box-shadow:0 3px 0 0 #d85419;background-color:#eb6101;color:#fff;
font-weight:700;text-decoration:none;-webkit-transition:background-color .25s cubic-bezier(.215,.61,.355,1);transition:background-color .25s cubic-bezier(.215,.61,.355,1)}

html:not(.is-mobile)
.cv_area_bt>a:hover{background-color:#f58452;color:#fff;text-decoration:none}
.cv_area_bt>a:after{top:50%;right:20px;content:'';position:absolute;width:12px;height:12px;margin-top:-9px;border-right:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

@media screen and (max-width:768px) {
.cv_area{width:96%;padding:2%;}
.cv_area_tx1{line-height:1;font-size:140%;line-height: 140%; margin-top: 15px}
.cv_area_bt>a{width: 90%; margin: auto;font-size:4.3vw; line-height: 140%; padding: 10px 10px 10px 0 }
}

@media screen and (max-width:640px) {
.cv_area{width:96%;padding:2%;}
.cv_area_tx1{line-height:1;font-size:6vw;line-height: 140%; margin-top: 15px}
.cv_area_bt>a{width: 90%; margin: auto;font-size:4.3vw; line-height: 140%; padding: 10px 10px 10px 0 }
}





/* footer ////////////////////////////////////////////////*/
.footer {padding:10px 0 30px;background:#000;text-align:center;letter-spacing:.1rem}
.footer a{color: #fff;}
.footer a:hover{color: #c0c0c0;}
.footer_logo {margin:20px 0 10px;}
.footer_logo img{width: 260px !important;}

.footerList {display:flex;justify-content:center;margin-top:10px;}
.footerList__item {font-size:80%;margin-left:16px}

.service {display:flex;justify-content:center;margin-top:10px;}
.service_item {font-size:100%;margin:0 10px;border: 1px solid #8d7536; padding:7px 30px;}
.gotop {right:26px;display:block; margin:-30px 2% 0 0 !important;text-align: right; position: absolute;}

a.out{color: #fff;}
a.out[href^="http"]:after,
a.out[href^="//"]:after {
margin: 0 0 0 3px;
font-family: "Font Awesome 5 Free";
content: '\f35d';
font-weight: 900;}


@media screen and (max-width:640px) {
.footer {padding:20px 0 50px;}
.footer_logo img{width: 50% !important;}
.footerList__item {font-size:110%;margin-left:16px}

.service_item {font-size:2.8vw;margin:0 1%;border: 1px solid #8d7536; padding:7px 1%;}
.footerList__item {font-size:2.2vw;margin-left:2%}

}

.coverbg{background-color: rgba(0, 0, 0, 1);position: absolute}