@charset "utf-8";

/* 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 ------------- */

.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;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
/* Elements
 * *********************************** */

table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none !important;}
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;}



a img { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } 
a:hover img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}


/*////////////////////////////////////////////////////////////////////////////////*/
body {font-size:100%; font-size:1.6em;letter-spacing:0.05em;line-height:1.8;font-weight:nomal;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600; color:#333
}

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

.tex-gold {color:#a0870c;}
.tex-gold2 {color:#ca203e;font-size:110%;}
.tex-gold3 {color:#a0870c;font-size:110%;}
.red{color:#dd262b; font-size:120%;}
.red2{color:#dd262b;font-weight:bold;}
.tx_big1{font-size: 140%;margin: 0 5px;}
.tx_big2{font-size: 110%;color: #dd0005;padding: 0px 3px;margin: 2px 0 0;background-color:#faff93;}
.tx_small1{font-size:30%;}

.marker8{  background:linear-gradient(transparent 90%, #fff360 90%);}
.mar{background:linear-gradient(transparent 70%, #f1eda5 70%);}
.marker7{  background:linear-gradient(transparent 0%, #fff89f 0%);}


.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:260px;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;}


h2 {font-size:32px;font-weight:nomal;}
h2 span {font-size:48px;}

@media screen and (max-width:640px){
h2 {font-weight:bold;font-size:20px;}
h2 span {font-size:26px;}
}
/*////////////////////////////////////////////////////////////////////////////////*/
.kv{background-color: #0a0a0b; }
.kv_pc {display:flex;max-width:1200px;flex-wrap:wrap;align-items:center;margin:0 auto}
.kv_tx {width:50%;margin:70px 0 0 4%;text-align:left}
.kv_img {width:46%;margin-top:50px;margin-left:auto}
@media screen and (max-width:768px){.kv_pc {height: 40px;}}



.subti{text-align:center;font-size:170%;padding:30px 0 10px;}
.subti:before{content:'＼ ';}
.subti:after{content:' ／';}
.subti2{text-align:center;font-size:100%;padding:10px 0px 5px;}
.subti2:before{content:'＼ ';}
.subti2:after{content:' ／';}

@media screen and (max-width:768px){
.subti{text-align:center;font-size:3.8vw;padding:10px 0 5px;}
}
.chushaku1{font-size: 70%;color: #cecece;}
@media only screen and (max-width:768px) {
  .chushaku1{font-size: 2vw;color: #cecece;padding: 30px 2% 10px;}
}

/* cv ////////////////////////////////////////////////*/
#cv_area{ background-color:#efefef;padding:30px 0;}
.cv_area{max-width:800px;margin:auto; margin-bottom:30px;}
@media screen and (max-width:768px) {
.cv_area{width:96%;padding:0 2%;margin-bottom:10px;}
}
@media screen and (max-width:640px) {
.cv_area{width:96%;padding:0 2%;}
}
.app_area{padding:0;border-radius:5px;border:2px solid #a49653;-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) {
#cv_area{ background-color:#efefef;padding:20px 0 10px;}
.app_area{margin-top:20px;padding: 10px 0;}
.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:150px;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;}
}



/*//////////////////////////////////*/
/* about ///////////////////////////////////
/////////////*/
#about {position:relative;padding:50px 0 50px;color:#fff;background:#111 url(../img/intro_bg.png) no-repeat top center; background-size:contain;
  border-top:5px solid;
  border-image:linear-gradient(to right, #c4a64a 0%, #fdfd00 100%);
  border-image-slice:1;}
#about .inner {margin:0 auto; padding:45px 0 0}
#about .txt {text-align:center; max-width:1000px; margin:auto}
#about h2{font-size:220%;font-weight:600;letter-spacing:2px;margin-bottom:50px;line-height:1.5;}
#about h2 span {font-size:130%;color:#efcf9e;}
#about p{ font-size:120%; line-height:1.8;padding:0 0 50px; letter-spacing:2px;}
.catch {position:relative;width:100%;height:450px;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;margin-bottom:59px;margin-top:50px;;}
.catch h1 {text-indent:-9999px;}


.intro_logo{max-width:600px; padding:0 0 50px;}
.intro_img{max-width:700px;width:100%;}

.intro_area{position:relative;display:block;width:100%; max-width:400px;margin:auto;}
.intro_l{float:left;width:50%;text-align:left;}
.intro_r{float:right;width:30%;}



.pict01 {position:absolute;left:0%;bottom:-380px;max-width:300px;width:30%;}
.pict02 {position:absolute;right:0%;bottom:-680px;max-width:300px;width:30%;}


@media screen and (max-width:1000px) {
#about {background-image:none;padding:10px 0;}
.pict01,.pict02{display:none;}
#about .inner {padding:20px 2% 0}
#about .box {position:static;left:auto;top:auto;text-align:center;padding-top:0;}
#about .txt {position:static;padding:40px 0 0;min-width:inherit; margin:auto}
#about .txt p {font-size:140%; line-height:180%;margin-bottom:20px; padding:15px 2% 20px;}
.intro_logo{width:90%;padding:0 0 20px;}
#about .intro_img{margin-bottom: 50px;}
}

@media screen and (max-width:640px) {
#about {background-image:none;padding:10px 0;}
#about h2{font-size:6.2vw; margin:20px 0;line-height:1.5; }
#about .txt p {font-size:4.3vw; line-height:180%;}
}



.gradient {text-align:center;z-index:1010;position:inherit;background:linear-gradient(to top,#fffdec 58%,#111 42%);}
.pv_img{margin-bottom:-230px;}

/*  ///////////////////////////////////////////
////features
/*  ////////////////////////////////////////////////*/

/* features */
#features{background:#fffdec;/*background:#f1ecd8 url(../img/feature_bg.png) no-repeat; background-size:contain;background-position:top center;*/
  padding:120px 0 20px;border-bottom:5px solid;
  border-image:linear-gradient(to right, #c4a64a 0%, #fdfd00 100%);
  border-image-slice:1;}
#features h2{margin-bottom:30px;text-align: center;}
.features .row{flex-wrap:wrap;justify-content:center;display:flex;}
.features .col {width:100%;max-width:380px; padding:2%;background-color:#fff;margin:5px 5px 10px;border:1px solid #dedebc;border-radius:5px;}
.features .col2 {width:100%;max-width:570px;padding:2%;background-color:#fff;margin:5px 5px 10px;border:1px solid #dedebc;border-radius:5px;}
/* 
.features .col:nth-child(3) {margin-right:0;}
.features .col2:nth-child(2) {margin-right:0px;} 
.features .col:nth-child(4) {max-width:570px;}
.features .col:last-child{max-width:570px;}
.features .col:not(:last-child) {}
*/

.features.h3 {font-size:160%}
.features {padding:70px 0 100px;}
.features .inner {max-width:1280px;margin:0 auto;}

.features .col .photo {width:100%;margin:0 auto;max-width:320px;}
.features .col2 .photo {width:100%;margin:50px 0px 0 20px;min-height:240px;max-width:220px;float:right;}
.features .col .photo img,.features .col2 .photo img{border-radius:5px;}

.features .col h3 {font-weight:bold;font-size:140%;margin:20px 0 10px;text-align:center;}
.features .col2 h3 {font-weight:bold;font-size:140%;margin:50px 0 10px;text-align:center;}
.features .col p {font-size:100%;line-height:1.6;padding:0 10px;text-align:justify;margin-bottom:28px;}
.features .col2 p {font-size:100%;line-height:1.6;padding:0 10px;text-align:justify;margin-bottom:28px;}

.feat_ball { position:absolute;display:inline-block;margin:-2em 0 1.5em -2em;  padding:0 5px;width:90px;height:90px;line-height:90px;text-align:center;color:#FFF;
  font-size:20px;font-weight:bold;  background:#d1b470;border-radius:50%;box-sizing:border-box;}
.feat_ball:before {  content:"";position:absolute;bottom:-8px;right:-8px;margin-top:-15px;border:15px solid transparent;border-left:15px solid #d1b470;
  z-index:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

@media screen and (max-width:1170px) {
  .features .col {max-width:680px;}
  .features .col2 {max-width:680px;} 
}

@media screen and (max-width:990px) {
#features {padding:120px 14%;}
#features h2{margin-bottom:0px;}

.features .col {width:100%;margin:0px 0 50px ; padding:5%; display: flex;flex-direction: column; }
.features .col2 {width:100%;margin:0px 0 30px ; padding:5%; display: flex;flex-direction: column; }
.features .col h3,.features .col2 h3 {padding:0px 2% 10px;margin:30px 0 10px;text-align:center;font-size:5.5vw;}

.features .col p,.features .col2 p {font-size:3.8vw;line-height:1.8;padding:0;margin-bottom:20px;}
.feat_ball {margin:-2.5em 0 1.5em -1em;width:80px;height:80px;font-size:16px;line-height: 80px;}

.features .inner {width:auto;padding:0 2%;}
.features .center_title {width:171px;margin:0 auto 37px;}
.features .row {display:block;}

.features .col .photo,.features .col2 .photo{width:100%;margin:0 auto;max-width:320px;order: 2;}
.features .col .photo img,.features .col2 .photo img{border-radius:5px;}

.order1 {  order: 1;}
.order2 {  order: 2;}
.order3 {  order: 3;}
.order4 {  order: 4;}
}

@media screen and (max-width:640px) {
#features {padding:10px 2% 0;}
#features h2{margin:40px 0 20px;}
.features {padding:20px 0 100px;}
.features .col h3,.features .col2 h3 {font-size:6.5vw;}
}



















.animate {opacity:0;transition:all 1s ease;}
.animate.fadeInRight {transform:translateX(100px);}
.animate.fadeInLeft {transform:translateX(-100px);}
.animate.fadeInUp {transform:translateY(100px);}
.animate.fadeIn0 {transform:translateY(0px);}
.animate.delay-1 {transition-delay:.3s;}
.animate.delay-2 {transition-delay:.6s;}
.animate.delay-3 {transition-delay:.9s;}
.animate.delay-4 {transition-delay:1.2s;}
.animate.on {opacity:1;transform:translate3d(0,0,0);}





/*  ///////////////////////////////////////////
////reasons
/*  ////////////////////////////////////////////////*/
#reason {margin-top:0px;padding:140px 0;position:relative;text-align:center;background-image:url(../img/reason_bg.png); background-size:contain;}
/* .colorChange{  transition :all 500ms;color:#111}
.colorChange.active {transition :all 500ms;color:#fff;background-image:url(../img/reason_bg.png); background-size:contain;} */
#reason h2{margin-bottom:40px;text-align: center;}

.circle {position:relative;width:200px;height:200px;border:1px #866e1c solid;border-radius:50%;margin:0 auto;}
.circle-inner {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#ba9927;}
.circle-inner p{font-size:160%;width:200px;margin:15px;color:#00002b;}
.circle-inner span{display:block;font-size:140%;line-height:1;}

.reason_item {display:inline-block;letter-spacing:normal;padding:0px;width:180px;}
.reason_item {margin:0 10px;}
.reason_item-inn {color:#fff;padding:0px 0;}

#reason .container{background-color:#fff;max-width:1200px;padding:0px;position:relative;width:100%;margin:70px auto;}
#reason .container_waku{border:1px solid #d3c89e;border-radius:10px;padding:50px 80px 80px;}
    
#reason h3{font-size:260%;text-align:center; padding:20px 0 10px;letter-spacing:4px;max-width:1200px;margin:0 -80px 50px;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,  0px 1px 0 #FFF,0-1px 0 #FFF,  -1px 0 0 #FFF, 1px 0 0 #FFF;
background:rgb(157,156,75);background:linear-gradient(90deg, rgba(157,156,75,0) 0%, rgba(186,159,2,1) 10%, rgba(255,247,158,1) 20%, rgba(255,251,213,1) 38%, rgba(255,255,255,1) 51%, rgba(255,250,209,1) 65%, rgba(250,240,146,1) 80%, rgba(194,169,19,1) 90%, rgba(172,158,39,0) 100%);}
.dots span {position:relative;}
.dots span::before {content:"・";position:absolute;top:-1em;left:0; }



#reason h4{text-align:center;font-size:230%;padding:10px 0 30px;line-height:1.6}
.kakomi {max-width:90%;min-width:80%;margin:auto;	padding:0 30px;	position:relative;}
.kakomi::before, .kakomi::after {	content:'';	width:15px;	height:100%;	position:absolute;}
.kakomi::before {	border-left:solid 4px #666;	border-top:solid 1px #666;	border-bottom:solid 1px #666;	top:0;	left:0;}
.kakomi::after {	border-right:solid 4px #666;	border-top:solid 1px #666;	border-bottom:solid 1px #666;	top:0;	right:0;}

#reason .txt{max-width:600px;margin:auto;}
#reason .txt2{max-width:800px;margin:60px auto 60px;text-align:justify;}

#reason h5{text-align:center;font-size:150%;padding:20px 0 30px;text-align:left;}
#reason .reason_no{margin:0px 0 0px ;color:#9f974a;font-size:80%;letter-spacing:-1px;font-family:trajan-pro-3, serif;}
#reason .tx_02{font-size:160%;text-align:center;padding:30px 0 10px;}
.size80{width:80%;margin: auto;}
/*01*/
.box1 {margin:70px 0 80px;position:relative;}
.box1 .box_img {float:right;margin-left:-340px;width:100%;}
.box1 .box_img > div {margin-left:340px;}
.box1 .box_tx {float:left;position:relative;width:300px;line-height:1.7;text-align:left;}

/*02*/
.box2 {margin:0 0 64px;position:relative;}
.box2 .box_tx {float:right;position:relative;width:300px;text-align:left;}
.box2 .box_img {float:left;margin-right:-340px;width:100%;}
.box2 .box_img > div {margin-right:340px;}

.f_img1 > div {float:left;margin:0 1% 0 0;width:24.25%;text-align:center;font-size:90%;margin-bottom:50px;}
.f_img1 > div:nth-child(2) {margin:0 1% 0 0;}
.f_img1 > div:last-child {float:right;margin:0;}
.f_img1 > div img {display:inline-block;width:100%;padding:10px 0;}

.f_img2{max-width: 740px;margin: auto;}
.f_img2 > div {float:left;margin:0 1% 0 0;width:32.66%;text-align:center;font-size:90%;margin-bottom:50px;}
.f_img2 > div:nth-child(2) {margin:0 1% 0 0;}
.f_img2 > div:last-child {float:right;margin:0;}
.f_img2 > div img {display:inline-block;width:100%;padding:10px 0;}


@media screen and (max-width:767px) {
.reason_ {margin-top:48px;padding-bottom:120px;position:relative;text-align:center;}
.reason_item {display:inline;padding:4px;letter-spacing:normal;width:136px;}
.reason_item:first-child {display:block;margin:0 auto 16px;}
.reason_item:last-child {margin-left:0;}
.reason_item-inn {padding:0;}

#reason {margin-top:0px;padding:40px 2%;position:relative;text-align:center;background:#fff;}
#reason h2{margin-bottom:-130px;text-align: center;}
#reason h3{font-size:7vw;padding:0px 0 20px;width:108%;margin:0 -4%;line-height: 1.4;
  background:rgb(157,156,75);background:linear-gradient(90deg, rgba(186,159,2,1) 0%, rgba(255,247,158,1) 10%, rgba(255,251,213,1) 35%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 55%, rgba(255,250,209,1) 65%, rgba(250,240,146,1) 90%, rgba(194,169,19,1) 100%);}
#reason h4{font-size:6.2vw;line-height: 1.8;}
#reason .container{margin:20px auto;}
#reason .container_waku{border:1px solid #d3c89e;border-radius:10px;padding:50px 4% 20px;}
#reason h5{padding:10px 0 10px;}
#reason h5 p{font-size:6vw;text-align:center;}
#reason .tx_02{font-size:5vw;text-align:center;padding:30px 0 10px;}
#reason .txt{max-width:600px;margin:auto;}
#reason .txt2{width:100%;}
#reason .reason_no{margin:-30px 0 0px ;padding:20px 0 5px;font-size:80%;letter-spacing:1px;}



.box1 .box_img {display:block;width:100%;float:none;margin-left:0px;}
.box1 .box_img > div {margin-left:0px;}

.box1 .box_img img {width:100%;}
.box1 .box_tx {display:block;}

.box2 {margin:0 0 20px;position:relative;}
.box2 .box_img {display:block;width:100%;float:none;margin-right:0px;}
.box2 .box_img > div {margin-right:0px;}

.box2 .box_img img {width:100%;}
.box2 .box_tx {display:block;width:100%;margin-top: 30px;}


#reasons .container{width:100%;padding:20px 2%;}
.reason_tibg{background:url(../img/change_tibg.png) no-repeat top center; text-align:center;background-size:cover;font-size:5.5vw;height:auto;
 padding:15px 0 10px;letter-spacing:0px;}
.kakomi {max-width:100%;margin:30px auto 0;	padding:1% 5%;	position:relative;}
.kakomi::before {	border-left:solid 3px #666;	}
.kakomi::after {	border-right:solid 3px #666;}
.box1 {margin:30px 0 20px;position:relative;}
.box1 .box_tx,.box2 .box_tx {float:none;width:100%;padding:0 0 30px;}
.box_tx p,.txt2{font-size: 3.8vw;}
}



/*  ///////////////////////////////////////////
////お客様の声
/*  ////////////////////////////////////////////////*/

#voice0 {margin-top:0px;padding:136px 0;position:relative;text-align:center;background:#faf5eb}
#voice0 .container{max-width:1200px;padding:10px;position:relative;width:100%;margin:0px auto;text-align:left;}
#voice0 h2{margin-bottom: 40px;}

.v_box {background:#f7f2e1;padding:16px;position:relative;}
.v_box:not(:last-child) {margin-bottom:20px;}

.v_box_in {background:#fff;border:1px solid #111;padding:32px 48px;}

.voice_face {width:200px;}
.voice_face img {border:4px solid #f7f2e1;border-radius:50%;display:block;;margin:0 auto;}

.v_box:nth-child(odd) .voice_face {float:left;}
.v_box:nth-child(even) .voice_face {float:right;}
.v_box:nth-child(odd) .voice_area {margin-left:240px;}
.v_box:nth-child(even) .voice_area {margin-right:240px;}

.product {font-size:120%;font-weight:bold;display:inline-block;margin:0;line-height:1;}
.product span {font-size:160%;vertical-align:sub;}
.personal {display:inline-block;font-size:100%;line-height:1;padding:7px 12px;float:right;}
#voice0 h3{border-top:1px dashed #CCC;font-size:26px;font-weight:bold;line-height:1.6;margin:12px 0 20px;padding-top:16px;}

.fa-quote-left:before {  content:"\f10d";bottom:10px;position:relative;margin-right:10px;}
.fa-quote-right:before {  content:"\f10e";top:10px;position:relative;margin-left:10px;}


@media screen and (max-width:767px) {
#voice0 {padding:60px 0;}
.voice_face {width:20%; }
.v_box {background:#f7f2e1;padding:3px;position:relative;}
.v_box:nth-child(odd) .voice_face {margin:0 20px 0 10px;}
.v_box:nth-child(even) .voice_face {float:left;margin:0 20px 10px 10px;}
.v_box_in {background:#fff;border:1px solid #111;padding:20px 5% 40px;text-align: justify;}
.v_box:nth-child(odd) .voice_area {margin-left:0px;}
.v_box:nth-child(even) .voice_area {margin-right:0px;}
.v_box:not(:last-child) {margin-bottom:10px;}
.product {margin-top:10px;}

#voice0 h3{font-size:5.5vw;margin:20px 0 30px;padding-top:30px;text-align: center;}
.voice_area p{font-size:3.8vw;float:none;}
.personal {display:block;font-size:100%;line-height:1;padding:7px 0;float:none;}

}




/*  ///////////////////////////////////////////
////鑑定士 appraiser
/*  ////////////////////////////////////////////////*/

.bold1{font-weight:bold !important;font-size:80%;border-top:1px dotted #888;padding:20px 0 0;margin-top: 10px;}

#appraiser {padding:120px 0 40px;}
#appraiser .appraiser_area {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;max-width:76.47%;margin:0 auto 120px;counter-reset:discussion 0;min-width:960px; }


#appraiser .appraiser_area .card {width:25.57%; }
#appraiser .appraiser_area .card:nth-child(1), #appraiser .appraiser_area .card:nth-child(3) {-webkit-transform:translateY(-60px);transform:translateY(-60px); }
#appraiser .appraiser_area .h_area {position:relative; }
#appraiser .appraiser_area .card__img .img {overflow:hidden;padding-top:360px; }
#appraiser .appraiser_area .card__img::before {display:none; }

#appraiser h2{padding:30px 0 40px !important;margin:0 0 0;text-align: center;}
#appraiser h3{padding:0 0 100px;max-width:800px; margin:auto;}
#appraiser h4{font-family:'Noto Serif JP'serif;font-weight:500;font-size:30px;letter-spacing:0.09em;overflow:hidden;position:absolute;top:-30px;left:20px;width:114px;}
#appraiser h4 span {float:right;padding:10px 0;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;background-color:#fff;margin-right:3px;line-height:1.8; }

#appraiser h4 {width:88px;right:-14px;bottom:0;top:inherit;left:inherit;font-size:28px;padding-right:14px; }
#appraiser h4 .name {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-right:0;padding:36px 0 46px;word-break:keep-all; }
#appraiser h4 .num {width:auto;float:none;margin-right:0;padding:36px 0 40px;background-color:transparent;line-height:1; position:absolute;right:0;top:0;font-family:'Cormorant Garamond', serif;font-weight:600;font-size:14px;letter-spacing:0.06em;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;line-height:1;width:26px;padding-bottom:40px;background-color:#fff; }
#appraiser h4 .num span {font-size:14px;line-height:1;position:absolute;right:0;bottom:14px;margin:6px 0 0;padding:0;font-family:'Libre Caslon Display', serif;position:absolute;right:0;bottom:20px;margin-top:8px;font-family:'Libre Caslon Display', serif;font-size:13px;line-height:1; }
#appraiser h4 .num::after {display:none; }

#appraiser p{line-height:1.8; letter-spacing:1px;}
#appraiser .title_up{ font-size:110%; background:#796509;color:#fff;padding:5px 20px;margin:auto !important;text-align:center;width:160px;}

.card__img {position:relative;width:100%;margin-bottom:30px;overflow:hidden; }
.card__img::before {position:absolute;right:0;bottom:0;content:"";display:block;width:54px;height:40px;background-color:#fff;z-index:1; }
.card__img .img {height:0;padding-top:63.63%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-transition:all .4s ease;transition:all .4s ease; }



@media only screen and (max-width:1023px) {
#appraiser .appraiser_area{max-width:inherit;min-width:inherit; } 
#appraiser .appraiser_area {-ms-flex-wrap:nowrap;flex-wrap:nowrap; }
#appraiser .appraiser_area .card {width:auto;margin:0 3.8vw 30px; }
#appraiser .appraiser_area .card:nth-child(1), #appraiser .appraiser_area .card:nth-child(3) {-webkit-transform:none;transform:none; }
}

@media only screen and (max-width:767px) {
#appraiser h3{padding:0 4% 100px;max-width:800px; margin:auto;font-size: 3.8vw;}
#appraiser .appraiser_area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:calc(100% - 16vw);margin-bottom:0;min-width:inherit; } 
#appraiser .appraiser_area {position:relative;display:block;max-width:inherit; }
#appraiser p{font-size: 3.8vw;padding-bottom: 20px;}
.bold1{font-size: 3.5vw !important;}

.card {width:100%;margin-bottom:50px; } 
.card__img {margin-bottom:20px; } 
.card__img::before {width:40px;height:30px; } 

#appraiser h4 {width:65px;right:0;font-size:22px;padding-right:0;background-color:#fff;}
#appraiser h4 .num {width:19px;padding-bottom:30px;font-size:10px;padding:25px 5px 34px 0;} 
#appraiser h4 .num span {font-size:11px;bottom:14px; font-size:11px;padding:0px 5px 0px 0; }
#appraiser h4 span {padding-top:0; }

}










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

@media screen and (max-width:640px) {
#flow h2 {padding:0 5px;font-size:6.0vw; width:90%; margin:auto;}
}
#flow{position:relative;padding:80px 0 70px;background-color:#fdfbf7;}
#flow .inner{margin:0 auto; padding:45px 0}
#flow .txt{text-align:center; max-width:900px; margin:auto;line-height:1.8;}
#flow p{ font-size:110%;padding:30px 0 ;}
#flow img{margin:30px 0;}




@media screen and (max-width:640px) {
#flow {position:relative;padding:10px 0 0px;}
#flow img{width:96%;margin:30px auto;}
}







/* ↓締め */
#perorate {background:url(../img/bg-perorate.jpg) no-repeat center top;position:relative;padding:140px 0 180px;}
.perorate-catch {font-size:300%;color:#fff;margin-left:10%;text-shadow:3px 3px 0 #000, -1px -1px 0 #000,-1px 1px 0 #000, 1px -1px 0 #000,  0px 1px 0 #000,0-1px 0 #000,  -1px 0 0 #000, 1px 0 0 #000;}

@media screen and (max-width:767px) {
#perorate {background:url(../img/bg-perorate_sp.jpg) no-repeat center top;background-size:auto 280px;position:relative;padding:88px 0 108px;}
.perorate-catch img {height:82px;width:183px;}
.perorate-catch {font-size:6vw;color:#fff;margin-left:8%;line-height: 1.5;}

}
/* ↑締め */







/*FAQ*/
#faq{width:100%; background-color:#fff; padding:100px 0;}
#faq h2{text-align: center;}
#faq .inner{width:96%;max-width:1200px; padding:0 2%; margin:auto; }
.qa{margin-left:-15px; color:#808000; padding-right:5px}
.qa2{margin-left:0px; color:#b90000; padding-right:5px}

.cp_actab {position:relative;overflow:hidden;width:100%;margin:0 auto; font-size:100%; line-height:170%}

@media only screen and (max-width:767px) {
  #faq{ padding:40px 0}
.cp_actab {position:relative;overflow:hidden;width:100%;margin:0 auto; font-size:3.8vw; line-height:170%}}
.cp_actab input {position:absolute;z-index:-1;opacity:0;}
.cp_actab label {position:relative;display:block;padding:20px 40px 20px 40px;cursor:pointer;margin:10px 0 0 ;background:#efefef;}
/* :checked */
.cp_actab input:checked ~ .tab_tx {max-height:800px;}
/* Icon */
.cp_actab label::after {line-height:3;position:absolute;top:0;right:0;display:block;width:3em;height:3em;-webkit-transition:all 0.35s;transition:all 0.35s;text-align:center;}
.cp_actab input[type=checkbox] + label::after {content:'+';}
.cp_actab input[type=checkbox]:checked + label::after {transform:rotate(315deg);}

.tab_tx {overflow:hidden;max-height:0;-webkit-transition:max-height 0.35s;transition:max-height 0.35s;color:#333333;background:#f2f2f2;}
.tab_tx p {margin:1em;}
.tx_pd {padding:10px 30px 30px}
.tab_tx_in{ margin:20px 0;}






/* ↓全額補償 */
#message {background:repeating-linear-gradient(-45deg, #333, #333 20px, #222 40px, #222 10px);padding:30px 15%;font-size:90%;}
.message_area {background:#fff;border:1px solid #ccc;padding:40px 40px ;max-width: 1200px;}
#message h2{font-size:180%;margin:0 0 50px -50px;text-align: center;}
#message h2 img{width:60px; margin-right:10px;}
#message h3{font-size:130%;margin:20px 0 10px;}

@media screen and (max-width:767px) {
#message {padding:5%;}
.message_area {background:#fff;border:1px solid #ccc;padding:20px 5%;position:relative;}
#message h2{font-size:6vw;margin:10px 0 20px;}
#message h2 img{width:60px;display:block;margin:auto;}
#message h3{font-size:4.8vw;line-height: 1.5;margin-bottom: 15px;}
.message_area p{font-size: 3.8vw;}
}













/* 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.0vw;margin:0 1%;border:1px solid #8d7536; padding:7px 1%;}
.footerList__item {font-size:1.8vw;margin-left:2%}

}

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



#container2 {margin:0;padding:16px 0 20px 0;font-size:16px;letter-spacing:0.05em;text-align:left;line-height:1.7;text-align:center;}
#container2 .box {position: relative; border:1px solid #e2d06e;}
#container2 .box .thing{position: absolute;bottom:12px;right:5px;border:1px solid #fff;padding:3px 10px;font-size:13px;
background-color:#ea8e13;display:inline-block;font-weight:bold;color: #fff;}
#container2 .parent {display:flex; justify-content:center;margin:30px 0;text-align:left;width: 90%;margin: 0 5%;flex-wrap:nowrap}
#container2 .left {width:30%;height:auto;margin:1%;font-size:15px; line-height:1.6;}
#container2 .right{width:30%;height:auto;margin:1%;}
#container2 .parent .name{font-size:15px; height:120px;line-height: 1.5;padding-top: 10px;letter-spacing: 1px;}
#container2 .parent .price{font-size:20px;padding-bottom: 10px;color: #e10000;}
#container2 .parent .tx_small{font-size:11px;line-height: 1.3;}
#container2 .left img,#container2 .right img{width:100%;}


@media(max-width:1100px){
  #container2 .parent {flex-wrap:wrap}
  #container2 .parent .name{height:100px;}

}

@media(max-width:640px){
#container2 {padding:0;}
#container2 .parent {display:block; justify-content:center;margin:30px 6%;}
#container2 .left {width:100%;height:auto;margin:10px 0 30px;font-size:15px; line-height:1.6;}
#container2 .right{width:100%;height:auto;margin:0%;}
#container2 .parent .name{height:auto;}

}