@charset "utf-8";

/*
Theme Name:スマートフォン用テーマ【110】
Author: saito
Description: サイト固有の「modification」を変更
Version:1.0
*/

*, *:after, *::before {margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
html, body {height:100%;margin:0;padding:0;position:relative;
font-family:"Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "MS Pゴシック", Arial, Verdana, sans-serif;
font-size:14px;
line-height:23px;
font-weight:400;
color:#212121;
background-color:#fff;
-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ul {list-style:none;}


/* ------------------ */
/*- clearfix
----------------------*/

*:after {display:block;clear:both;}
element {zoom:1;}
element:after {content:"";}

#main_container section,
#main_article .main_section blockquote,
.cf {zoom:1;}

#main_container section:after,
#main_article .main_section blockquote:after,
.cf:after {content:""; display:block; clear:both;}

.cr {clear:both;}


/**************************************************
 modification
****************************************************/

a {color:#212121;text-decoration:underline;}
a:hover {text-decoration:none;}


/* ------------------ */
/*- site color
----------------------*/

#head-container {background-color:#583e29;}
#main-container h3 {/*color:#e71a0f;*/border-left:#6d4c33 solid 5px;}

#main-container h2:before {background-color:#451f0e;}
#copyright {background-color:#6d4c33;}


/* second color */
#main-tap {background-color:#f3aa31;}
#bottom-tap {background-color:rgba(243,170,49,0.9);}



/**************************************************
 header
****************************************************/

#head-container {width:100%;height:64px;position:relative;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
}
#head-container > div {width:100%;height:60px;position:relative;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
#head-container > div,
#head-container > div #humberger,
#page-top a,
#theme-switch a {
background:#fff;
background:-moz-linear-gradient(top, #ffffff 10%, #e4e4e4 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#e4e4e4));
background:-webkit-linear-gradient(top, #ffffff 10%,#e4e4e4 100%);
background:-o-linear-gradient(top, #ffffff 10%,#e4e4e4 100%);
background:-ms-linear-gradient(top, #ffffff 10%,#e4e4e4 100%);
background:linear-gradient(to bottom, #ffffff 10%,#e4e4e4 100%);
}
#head-container > div h1,
#head-container > div #humberger {position:absolute;}

/* logo */
#head-container > div h1 {top:0;bottom:0;left:15px;}

#head-container > div h1 a {
    width: 77vw;
    height: 100%;
    display: block;
    text-indent: -9999px;
    background: url(img/logo_2.png) no-repeat 0;
    background-size: 100%;
}

/* humberger */
#head-container > div div#humberger {top:10px;right:15px;cursor:pointer;
width:40px;height:40px;
border:1px solid #b8b8b8;
border-radius:4px;
box-shadow:0 1px 0 #fff;
}
#head-container > div :hover#humberger {
background: #c2c2c2;
background: -moz-linear-gradient(top, #c2c2c2 0%, #dadada 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(100%,#dadada));
background: -webkit-linear-gradient(top, #c2c2c2 0%,#dadada 100%);
background: -o-linear-gradient(top, #c2c2c2 0%,#dadada 100%);
background: -ms-linear-gradient(top, #c2c2c2 0%,#dadada 100%);
background: linear-gradient(to bottom, #c2c2c2 0%,#dadada 100%);
}
#head-container > div :hover#humberger span {background-color:#999;}

#humberger span {width:24px;height:3px;display:block;background-color:#9e9e9e;position:absolute;left:7px;
border-radius:2px;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
}
#humberger .hbg-top {top:11px;}
#humberger .hbg-middle {top:17px;}
#humberger .hbg-bottom {top:23px;}



/**************************************************
 main
****************************************************/

@media screen and (max-width:666px) {

.section {margin-left:15px;margin-right:15px;}

}
@media screen and (min-width:667px) {

.section {width:300px;margin-left:auto;margin-right:auto;}

}

.section {padding-bottom:30px;}


#main-container h2 {width:100%;margin-bottom:18px;padding:0 15px;font-weight:900;font-size:1.22em;line-height:40px;color:#fff;text-align:center;position:relative;z-index:1;
background:url(img/h2.png) repeat-x 0 0;background-size:40px 100%;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#main-container h2:before {content:'';width:100%;height:4px;position:absolute;z-index:2;bottom:-4px;left:0;right:0;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
}

#main-container h3 {margin-bottom:10px;padding-left:10px;font-weight:700;}

.fs-small {font-size:0.9em !important;line-height:1.5em !important;}
.fs-xsmall {font-size:0.8em !important;line-height:1.5em !important;}
.fs-xxsmall {font-size:0.7em !important;line-height:1.5em !important;}
.pt_20 {padding-top:20px;}
.grey {color:#5a5a5a;}



/* ------------------ */
/*- main image
----------------------*/
@media screen and (max-width:666px) {

#main-image {width:100%;}

}
@media screen and (min-width:667px) {

#main-image {width:300px;}

}
#main-image {margin:0 auto;text-align:center;padding-bottom:0;}
#main-image img {width:100%;display:block;}


/* ------------------ */
/*- main tap
----------------------*/

@media screen and (min-width:667px) {

#main-tap p {width:300px;margin:0 auto;}

}

#main-tap {padding:15px 15px 13px;position:relative;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);
}
#main-tap > img {width:294px;height:21px;display:block;margin:0 auto 10px;}

#main-tap a {height:74px;display:block;overflow:hidden;padding-top:15px;position:relative;background:url(img/main-tap-btn.png) repeat-x 0 0 #fff;z-index:1;
background-size:100% 74px;
border-radius:12px;
box-shadow:0 1px 4px rgba(0,0,0,0.5);
}
#main-tap a:hover {opacity:0.8;}
#main-tap a span.tap-left,
#main-tap a span.tap-right {width:18px;height:74px;display:block;position:absolute;z-index:2;top:0;
background-size:18px 74px !important;
}
#main-tap a span.tap-left {background:url(img/main-tap-btn-left.png) repeat-x 0 0;left:0;}
#main-tap a span.tap-right {background:url(img/main-tap-btn-right.png) repeat-x 0 0;right:0;}

#main-tap a img {width:278px;height:46px;display:block;margin:0 auto;position:relative;z-index:3;}

/* ------------------ */
/*- 利用規約
----------------------*/
#top-policy {
    font-size: .8em;
    background: #f8e8c7;
    margin-bottom: 20px;
}

#top-policy .section {
    padding: 10px 0;
}

/* ------------------ */
/*- about
----------------------*/
@media screen and (max-width:666px) {

#about {width:100%;}
#about li {background-size:100% 1px !important;}
#about li:nth-child(4) p {top:42%;}

}
@media screen and (min-width:667px) {

#about {width:320px;}
#about li:nth-child(4) p {top:63px;}

}

#about {margin:0 auto 20px; border-top:3px solid #333; padding-top:20px;}
#about img {width:100%;display:block;position:relative;z-index:1;}
#about li {background:url(img/about-bg.png) repeat-y 50% 0;background-size:320px 1px;position:relative;}
#about li:before {content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:transparent;}

#about li:nth-child(3),
#about li:nth-child(5),
#about li:nth-child(6) {font-size:0.7em;line-height:1.4em;}
#about li:nth-child(8) {font-size:0.5em;line-height:1.3em;}

#about li:nth-child(3) div,
#about li:nth-child(5) div {margin:0 8.8%;padding:3px 2.7% 8px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f9edff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9edff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f9edff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f9edff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f9edff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f9edff 100%);
}

#about li:nth-child(3) span,
#about li:nth-child(5) span,
#about li:nth-child(6) span {display:block;line-height:1.2em !important;font-size:0.8em;padding-top:5px;color:#5a5a5a;}

#about li:nth-child(6) p,
#about li:nth-child(7) p {position:absolute;z-index:2;}

#about li:nth-child(6) p {right:11.5%;left:11.5%;top:44%;}

#about li:nth-child(8) {background:url(img/about-bg2.png) repeat-y 50% 0;background-size:320px 1px;position:relative;padding:2px 11% 0;}



/* ------------------ */
/*- reason
----------------------*/
#reason {background:url(img/bg-dot-1.png) repeat 0 0;background-size:4px 4px;}
#reason .section {padding-bottom:10px;}

#reason li {display:block;margin-bottom:8px;padding:10px 10px 10px 44px;position:relative;background-color:#fff;line-height:1.3em;font-size:1.2em;font-weight:700;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
border-bottom:1px solid #49210f;
}
#reason li span {display:block;font-weight:300;color:#5a5a5a;padding-top:3px;}
#reason li img {width:44px;height:35px;display:block;position:absolute;top:3px;left:-12px;}


/* ------------------ */
/*- flow
----------------------*/

#flow {padding-bottom:0 !important;}

#flow ul.cf {width:291px;margin:0 auto 10px;}
#flow ul.cf li {float:left;margin-right:2px;}
#flow ul.cf li img {width:48px;height:159px;display:block;}
#flow ul.cf li:last-child {margin:0;}
#flow ul.cf li:last-child img {width:41px;display:block;}

#flow p img {width:290px;height:24px;display:block;margin:0 auto 10px;}
#flow p.fs-xsmall {margin-bottom:20px;}



/* ------------------ */
/*- bx-border
----------------------*/
.bx-border {border:4px solid #e2e2e2;}
.bx-border > div {border:2px solid #ccc;padding:10px 15px;}
.bx-border h4 {margin-bottom:10px;padding-bottom:5px;font-weight:700;border-bottom:1px dotted #ccc;}
.bx-border h4 span {font-size:1.2em;}
.bx-border img {float:right;width:80px;height:auto;display:block;
box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.bx-border ul {padding-bottom:5px;padding-right:100px;font-size:0.9em;line-height:1.5em;}
.bx-border ul li {font-size:0.9em;line-height:1.5em;border-bottom:1px dotted #d7d7d7;margin-bottom:5px;padding-bottom:5px;padding-left:20px;background:url(img/icon-check.png) no-repeat 2px 2px;background-size:9px 9px}

.bx-border p {font-size:0.8em;line-height:1.5em;}



/* ------------------ */
/*- support
----------------------*/

@media screen and (max-width:666px) {

#about {width:100%;}

}
@media screen and (min-width:667px) {

#about {width:320px;}
#support > img:last-child {width:320px;margin:0 auto;}

}

h2#support-tit {background:url(img/bg-dot-2.png) repeat 0 0;background-size:4px 4px;
padding:0 5px;font-size:1.15em;
border-top:0;
}
h2#support-tit:before {display:none;}

#support {margin:0 auto;}
#support > div {padding:15px;background-color:#fff;border:5px solid #e2e2e2;}
#support > div img {width:290px;height:auto;margin:0 auto;}
#support > div img:first-child {margin-bottom:15px;}

#support h2 {margin-bottom:0;}
#support img {width:100%;display:block;}



/* ------------------ */
/*- company
----------------------*/
@media screen and (max-width:479px) {

#company .company-bnr li p {font-size:0.7em !important;line-height:1.4em;}

}
@media screen and (max-width:666px) {

#company dl dt {width:25%;}
#company dl dd {width:75%;}
#company .company-bnr li p {margin-top:-22px;}

}
@media screen and (min-width:667px) {

#company dl dt {width:80px;}
#company dl dd {width:218px;}
#company .company-bnr li p {margin-top:-25px;}

}

#company dl {width:100%;margin-bottom:20px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background-color:#f7f7f7;font-size:0.9em;}
#company dl dt,
#company dl dd {float:left;display:block;padding:4px 6px;border-top:1px solid #d7d7d7;}
#company dl dt {font-weight:700;font-size:0.9em;}
#company dl dd {background-color:#fff;border-left:1px solid #d7d7d7;}

#company .company-pay {margin-bottom:10px;text-align:center;
background: #c4deff;
background: -moz-linear-gradient(top, #c4deff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4deff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #c4deff 0%,#ffffff 100%);
background: -o-linear-gradient(top, #c4deff 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #c4deff 0%,#ffffff 100%);
background: linear-gradient(to bottom, #c4deff 0%,#ffffff 100%);
}
#company .company-pay > div {width:100%;height:110px;text-indent:-9999px;
border:1px solid #2380dd;
background:url(img/company-pay.png) no-repeat 50% 0;
background-size:290px 110px;
}

#company .fs-xsmall {margin-bottom:20px;color:#5a5a5a;}

#company .company-bnr li {width:49%;position:relative;border:1px solid #d7d7d7;color:#5a5a5a;text-align:center;}
#company .company-bnr li img {width:140px;height:58px;display:inline-block;position:relative;z-index:1;}

#company .company-bnr li:first-child {float:left;}
#company .company-bnr li:last-child {float:right;}
#company .company-bnr li p {font-size:0.75em;line-height:1.45em;text-align:left;position:absolute;top:50%;left:50%;z-index:2;
margin-left:-15px;margin-right:8px;
}

#company .thumb {margin-bottom:20px;}
#company .thumb img {width:100%;display:block;}


/* company-gsl */
#company .company-gsl {
min-height:38px;
padding:20px 30px 20px 70px;
display:block;
border:1px solid #d7d7d7;
color:#5a5a5a;
font-size:0.75em;
line-height:1.45em;
background:url(https://commonuploadfile.com/img/gsl.gif) no-repeat 20px 50%;
background-size:30px 38px;
}



/* ------------------ */
/*- popularity
----------------------*/
#popularity {
	margin-bottom: 30px;
}
.popularity_h2 {
	font-size: 1em!important;
}
.popularityBox {
	border: 1px solid #8a705c;
	padding: 10px;
	margin: 0 10px 10px;
}
.popularityBox_ttl {
	display: flex;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8a705c;
}
.popularityBox_img {
	width: 64px;
	height: 68px;
}
.popularityBox_h3 {
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	line-height: 20px;
}
.popularityBox_h3 span {
	color: #FFF;
	background: #8a705c;
	padding: 7px;
	line-height: 40px;
}
.popularityBox_txt {
	line-height: 20px;
}

/* アコーディオン表示 */
.grad-btn {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #FFF;
	background: #8a705c;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
}
.grad-btn::before {
  content: "＋ 続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 95px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "－ 閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}




/* ------------------ */
/*- post-list
----------------------*/

.post-list {
font-size:0.9em;
line-height:1.5em;
}

/* archive list */
.post-list.archive-list .post {
margin-bottom:15px;
padding:15px 15px 0;
border:4px solid #d3d3d3;
}
.post-list.archive-list .post .thumb {
float:left;
margin:0 15px 15px 0;
}
.post-list.archive-list .post .thumb img {
width:50px;
height:auto !important;
display:block;
border:3px solid #fff;
box-shadow:0 1px 1px rgba(0,0,0,0.2);
}
.post-list.archive-list .post h4 {
font-weight:700;
font-size:1.1em;
line-height:1.5em;
margin-bottom:10px;
}
.post-list.archive-list .post p.exc {
clear:both;
border-top:1px dotted #d3d3d3;
padding-top:12px;
}

/* wp_page_numbers */
#wp_page_numbers {
margin:-15px 0 30px;
padding:0 15px;
}
#wp_page_numbers ul {
text-align:center;
}
#wp_page_numbers ul li {
display:inline-block;
margin:0 3px 6px;
}
#wp_page_numbers ul li a {
display:block;
padding:5px 10px;
line-height:20px;
text-decoration:none;
border:1px solid #d3d3d3;
}
#wp_page_numbers ul li a:hover {
background-color:#f0f0f0;
}
#wp_page_numbers ul li.active_page a {
background-color:#d3d3d3;
color:#fff;
font-weight:700;
}


/* top list */
.post-list ul li {
position:relative;
border-bottom:1px dotted #d7d7d7;
}
.post-list ul li:nth-child(even) {
background-color:#f7f7f7;
}
.post-list ul li a {
display:block;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 25px;
position:relative;
}
.post-list ul li a:before {
content:'\f0da';
font-family: FontAwesome;
position:absolute;
margin-top:-6px;
top:50%;
left:10px;
}
.post-list ul li.post_notfound {
padding-bottom:20px;
}
.post-list .detail {
padding:10px 0;
text-align:right;
font-size:0.9em;
}
.post-list .detail:before {
content:'\f144';
font-family: FontAwesome;
margin-right:4px;
}




/* ------------------ */
/*- knowledge
----------------------*/
#knowledge {
	margin-bottom: 30px;
}
.knowledge_h2 {
	font-size: 1em!important;
}
.knowledgeBox {
	border: 1px solid #8a705c;
	padding: 10px;
	margin: 0 10px 10px;
}
.knowledgeBox_ttl {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8a705c;
	background:url(/sp/img/popularity_icon01.png) no-repeat right top;
	background-size: 13%;
}
.knowledgeBox_ttl2 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8a705c;
	background:url(/sp/img/popularity_icon02.png) no-repeat right top;
	background-size: 15%;
}
.knowledgeBox_h3 {
	font-size: 15px;
	color: #6d4c33;
	font-weight: bold;
	line-height: 35px;
	padding-left: 5px;
	border-left: 9px solid #8a705c;
}
.knowledgeBox_h3 span {
	color: #FFF;
	background: #8a705c;
	padding: 7px;
	line-height: 40px;
}
.knowledgeBox_txt {
	line-height: 20px;
}





/**************************************************
 org-mobile
****************************************************/

body#org-mobile #header,
body#org-mobile #sideContent,
body#org-mobile #footContent,
body#org-mobile #footer_sp,
body#org-mobile .pageContent .contactBox {
display:none !important;
}
body#org-mobile #body,
body#org-mobile #bodyContent {
float:none;
width:100% !important;
}
body#org-mobile .pageTitle,
body#org-mobile .pageContent .newsContent {
background:none;
}
body#org-mobile .pageContent .newsContent h2,
body#org-mobile .pageContent .post {
border:none;
}


body#org-mobile .pageTitle {
font-size:1.1em;
line-height:1.4em;
margin:20px 0 0 0;
}
body#org-mobile .pageTitle strong {
margin:0 15px;
padding:0 0 0 10px;
font-weight:700;
color:#212121;
border-left:#054db7 solid 5px;
}

body#org-mobile .pageContent .newsContent h2 {
padding:0;
min-height:inherit !important;
font-size:1em;
}
body#org-mobile .pageContent .post {
padding:0 15px !important;
}
body#org-mobile .pageContent .post p {
padding-left:0;
padding-right:0;
color:#222;
}

body#org-mobile .pagerDetail {
height: auto;
margin: 0;
padding:0 15px 30px;
}
body#org-mobile .pagerDetail .left,
body#org-mobile .pagerDetail .right {
width:45%;
background:none;
position:relative;
}
body#org-mobile .pagerDetail .left {
float:left;
padding-left:15px;
text-align:left;
line-height:1.6em;
}
body#org-mobile .pagerDetail .right {
float:right;
padding-right:20px;
text-align:right;
}
body#org-mobile .pagerDetail .right .meta-nav {
background:none;
padding:0;
line-height:1.6em;
}


body#org-mobile .pagerDetail .left .meta-nav:before {
  position:absolute;top:0;left:0;
    content: "\f137";
    font-family: FontAwesome;
}
body#org-mobile .pagerDetail .right .meta-nav:before {
  position:absolute;top:0;right:0;
    content: "\f138";
    font-family: FontAwesome;
}




/**************************************************
 page [html]
****************************************************/

.page {padding-top:20px;}
.page p,
.page li {font-size:0.9em;line-height:1.5em;}
.page ul,
.page ol {padding-left:20px;}
.page ul {list-style:disc;}
.page ol > li {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #d7d7d7;}
.page ol > li:last-child {border-bottom:none;}
.page ol > li ul {padding-top:5px;margin:0;}
.page ol > li ul li {margin:0;}

.page .bx {background-color:#f4f4f4;border:1px solid #d7d7d7;padding:20px;
border-radius:12px;
}
.page p,
.page ul,
.page ol {margin-bottom:10px;margin-bottom:10px;}

.page h4 {margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #999;font-weight:700;padding-top:10px;}
.page h4:first-child {padding-top:0;}




/**************************************************
 page [img]
****************************************************/

#page #main-container {padding-top:20px;}
.imglist li {position:relative;}
.imglist li:before {content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:transparent;}
.imglist img {width:100%;display:block;}

.alert {margin-bottom:15px;line-height:1.6em;}





/**************************************************
 form
****************************************************/

#form h2 {margin:0;padding-top:7px;padding-bottom:7px;}
#form h2 img {width:250px;height:auto !important;display:block;}
#form h3 {margin:0 15px 15px;}

#form table.tbl01 {width:100%;margin-bottom:30px;}
#form table.tbl01 th,
#form table.tbl01 td {clear:both;display:block;text-align:left;}
#form table.tbl01 tr:first-child th {border-top:none;}
#form table.tbl01 th {position:relative;padding:15px 15px 6px 57px;border-top:1px dotted #ccc;line-height:1.5em;}
#form table.tbl01 td {padding:0 15px 15px;}
#form td {zoom:1;}
#form td:after {content:""; display:block; clear:both;}

#form table.tbl01 td label {margin-right:10px;}
#form table.tbl01 td label input {margin-right:3px;}

#form .must,
#form .option {color:#fff;font-size:0.8em;font-weight:900;line-height:1.3em;padding:2px 6px;border-radius:3px;position:absolute;top:18px;left:15px;}
#form .must {background-color:#e50012;}
#form .option {background-color:#959595;}

#form .txt01 {font-weight:700;font-size:0.9em;}

#form textarea,
#form input {background-color:#fbfaea;}

#form textarea {width:100%;border:1px solid #ccc;padding:3px 1%;font-size:1.1em;border-radius:0;}


#form input[type="text"],
#form input[type="url"],
#form input[type="search"],
#form input[type="email"] {width:30%;max-width:100%;border:1px solid #ccc;padding:3px 1%;font-size:1.1em;border-radius:0;}
#form .fieldS {width:20% !important;}
#form .fieldM,
#form .fieldL {width:100% !important;}

#form div.name01,
#form div.name02 {width:48.5%;}
#form div.name01 {float:left;}
#form div.name02 {float:right;}

#form .caution {background-color:#fff1f2;color:#e50012;border:1px solid #e50012;border-radius:4px;font-size:0.9em;line-height:1.55em;font-weight:700;padding:6px 10px;}

#form .balloon01 {padding-top:5px;}

#form .agree {font-size:0.95em;}
#form .agree a {color:#0765db;}

#form .arrow,
#form .boxBtns {text-align:center;}

#form .arrow {margin-top:-30px;margin-bottom:10px;}

#form .boxBtns {width:300px;margin:0 auto 20px;padding-top:10px;padding-bottom:5px;background:url(img/bg-dot-1.png) repeat 0 0;background-size:4px 4px;}
#form .boxBtns input {width:252;height:55px;margin:0 auto;}
#form .boxBtns input:hover {opacity:0.8;}

#form .boxPrivacy {background-color:#f7f7f7;font-size:0.85em;line-height:1.5em;}
#form .boxPrivacy .mark {display:none;}
#form .boxPrivacy .boxTxt {padding:15px 15px 15px 83px;
background:url(img/img_mark01.png) no-repeat 30px 50%;
background-size:33px 34px;
}
#form .boxPrivacy .boxTxt .copy {font-weight:700;margin-bottom:8px;}






/**************************************************
 footer
****************************************************/

@media screen and (max-width:479px) {

#copyright {font-size:0.6em;}

}
@media screen and (min-width:480px) {

#copyright {font-size:0.8em;}

}

#foot-container {text-align:center;}

#foot-nav,
#foot-privacy,
#theme-switch {background-color:#f7f7f7;margin-bottom:2px;}

#page-top a:hover,
#theme-switch a:hover {background: #eee;}

/* page-top */
#page-top {position:relative;font-size:0.9em;border-top:1px solid #d7d7d7;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}
#page-top a {display:block;padding:10px;font-weight:700;text-decoration:none;color:#5a5a5a;
border-bottom:2px solid #fff;
}
#page-top a i {margin-right:4px;}

/* nav */
#foot-nav {padding:20px 5px;font-size:0.8em;line-height:1.5em;}
#foot-nav ul li {display:inline-block;}
#foot-nav ul li + li:before {content:"|";margin-left:6px;margin-right:6px;font-size:0.85em;font-weight:300;color:#5a5a5a;}

/* privacy */
@media screen and (min-width:667px) {

#foot-privacy p {width:300px;margin:0 auto;}

}
#foot-privacy {padding:20px 15px;font-size:0.8em;line-height:1.5em;text-align:left;}
#foot-privacy p {min-height:34px;padding-left:45px;background:url(https://commonuploadfile.com/img/privacy/privacy-mark.png) no-repeat 1px 50%;background-size:34px 34px;}

/* switch */
@media screen and (min-width:667px) {

#theme-switch a {width:300px;margin:0 auto;}

}
#theme-switch {padding:15px 15px;font-size:0.9em;}
#theme-switch a {display:block;padding:10px;font-weight:700;font-size:1em;color:#5a5a5a;text-decoration:none;
border:2px solid #fff;
box-shadow:0 0 2px rgba(0,0,0,0.5);
border-radius:12px;
}

#page .section #theme-switch a {width:auto !important;text-align:center;}


/* copyright */
#copyright {padding:13px 13px 98px;color:#fff;line-height:1.5em;}


/* ------------------ */
/*- bottom-tap
----------------------*/
@media screen and (min-width:667px) {

#bottom-tap p {width:300px;margin:0 auto;}

}

.cbp-spmenu-push-toleft #bottom-tap {right:240px;}

.fix {bottom:0 !important;}

#bottom-tap {width:100%;padding:15px 15px 10px 15px;position:fixed;bottom:-90px;right:0;z-index:100;
transition:all 0.3s ease;line-height: 1;
}
#bottom-tap p {min-height:55px;padding-right:85px;background-image:url(img/bottom-tap-icon.png);background-position:100% 0;background-repeat:no-repeat;background-size:75px 55px;}
#bottom-tap a {height:54px;display:block;overflow:hidden;padding-top:8px;position:relative;background:url(img/bottom-tap-btn.png) repeat-x 0 0 #fff;z-index:1;
background-size:100% 54px;
border-radius:12px;
box-shadow:0 1px 4px rgba(0,0,0,0.5);
}
#bottom-tap a:hover {opacity:0.8;}
#bottom-tap a span.tap-left,
#bottom-tap a span.tap-right {width:18px;height:54px;display:block;position:absolute;z-index:2;top:0;
background-size:18px 54px !important;
}
#bottom-tap a span.tap-left {background:url(img/bottom-tap-btn-left.png) repeat-x 0 0;left:0;}
#bottom-tap a span.tap-right {background:url(img/bottom-tap-btn-right.png) repeat-x 0 0;right:0;}

#bottom-tap a img {width:192px;height:37px;display:block;margin:0 auto;position:relative;z-index:3;}


/**************************************************
 push menu
****************************************************/

/* body */
.push-base {
overflow-x:hidden;
position:relative;
left:0;

-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.cbp-spmenu.cbp-spmenu-open {
right:0px;
}
.cbp-spmenu-push-toleft {
left:-240px;
}

/* ------------------ */
/*- slide nav
----------------------*/
.cbp-spmenu {width:240px;height:100%;position:fixed;right:-240px;top:0;z-index:1000;
background-color:#313131;
transition:all 0.3s ease;
}
.cbp-spmenu:before {content:'';width:5px;position:absolute;top:0;bottom:0;left:0;z-index:9999;
background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
}
.cbp-spmenu ul li {padding-bottom:1px;background-color:#5a5a5a;position:relative;}
.cbp-spmenu ul li i {position:absolute;top:50%;left:15px;margin-top:-9px;}
.cbp-spmenu ul li.current a {background-color:#505050;}
.cbp-spmenu ul li a {width:100%;display:block;padding:15px 15px 15px 32px;
border-bottom:1px solid #131313;
background-color:#313131;
color:#fff;
text-decoration:none;
}
.cbp-spmenu ul li a:hover {background-color:#505050;}



/**************************************************
 AREA
****************************************************/

.section-tit:before {background-color:#6c4c35 !important;}
.n-area-bx dl dt {color:#6c4c35;}
#area .section h3:before {background-color:#6c4c35;}


/* ------------------ */
/*- .n-area-bx
----------------------*/

.section-tit {
line-height:inherit !important;
margin-bottom:20px !important;
margin-left:15px !important;
margin-right:15px !important;
padding-left:0 !important;
padding-bottom:15px !important;
padding-top:20px !important;
border-bottom:none;
color:#333 !important;
font-size:1.3em !important;
font-weight:700 !important;
position:relative !important;
background:none !important;
}
.section-tit:before,
.section-tit:after {
content:'' !important;
height:3px !important;
position:absolute !important;
top:inherit !important;
bottom:0 !important;
}
.section-tit:before {
width:120px !important;
left:0 !important;
z-index:2 !important;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.2) !important;
}
.section-tit:after {
background-color:#b0b0b0 !important;
left:0 !important;
right:0 !important;
z-index:1 !important;
box-shadow:inset 0 1px 1px rgba(0,0,0,0.2) !important;
}

@media screen and (max-width:666px) { .n-area-bx {margin-left:15px;margin-right:15px;} }
@media screen and (min-width:667px) { .n-area-bx {width:300px;margin-left:auto;margin-right:auto;} }

h2.gradient {text-align:left !important;}

.n-area-bx {padding-bottom:30px;}

.n-area-bx dl dt {
padding:15px 15px 0;
font-weight:700;
font-size:1.15em;
border-top:3px solid #e2e2e2;
border-left:3px solid #e2e2e2;
border-right:3px solid #e2e2e2;
border-radius:3px 3px 0 0;
}
.n-area-bx dl dd {
margin-bottom:10px;
padding:5px 15px 15px;
font-size:0.95em;
line-height:1.6;
border-bottom:3px solid #e2e2e2;
border-left:3px solid #e2e2e2;
border-right:3px solid #e2e2e2;
border-radius:0 0 3px 3px;
}
.n-area-bx .thumb {
float:right;
margin-left:20px;
margin-bottom:20px;
}
.n-area-bx .thumb img {
width:80px;
height:auto !important;
}
.n-area-bx .content {
font-size:0.95em;
line-height:1.6;
}


/* .n-area-cv */
@media screen and (max-width:666px) {
.n-area-cv {margin-left:15px;margin-right:15px;}
.n-area-cv:before {top:55%;}
.n-area-cv a {top:65%;}
}
@media screen and (min-width:667px) {
.n-area-cv {width:300px;margin-left:auto;margin-right:auto;}
.n-area-cv:before {top:88px;}
.n-area-cv a {top:110px;}
}

.n-area-cv:last-child {
margin-bottom:50px;
}
.n-area-cv {
margin-bottom:20px;
position:relative;
}
.n-area-cv > img {
width:100%;
display:block;
position:relative;
z-index:1;
}
.n-area-cv:before {
content:'';
width:114px;
height:15px;
margin-left:-57px;
display:block;
background:url(img/conversion-arrow.png) no-repeat 0 0;
background-size:100% 100%;
position:absolute;
left:50%;
z-index:2;
-webkit-animation-name:updown;
-webkit-animation-property:-webkit-transform;
-webkit-animation-duration:500ms;
-webkit-animation-timing-function:ease;
-webkit-animation-iteration-count:infinite;
-webkit-transform-origin:center bottom;
}
@-webkit-keyframes updown {
25%{-webkit-transform:translateY( 3px );}
}
.n-area-cv a {
margin-left:-132px;
width:264px;
height:55px;
display:block;
overflow:hidden;
padding-top:10px;
background:url(img/conversion-btn.png) no-repeat 0 0;
background-size:100% 100%;
line-height:16px;
font-size:0.95em;
text-align:center;
text-decoration:none;
position:absolute;
left:50%;
z-index:2;
border-radius:8px;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
color:#fff;
transition:all 0.3s ease;
}
.n-area-cv a span {
font-weight:700;
}
.n-area-cv a:hover {
opacity:0.9;
}

/* #area */
#area .section h3:before {
content:'';
width:5px;
display:block;
position:absolute;
left:15px;
top:8px;
bottom:8px;
}
#area .section h3 {
padding:5px 15px 5px 28px;
display:block;
border:1px solid #d3d3d3;
font-size:1.0em;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
border-radius:3px;
position:relative;
}



#area .section ul {
padding:15px 5px 10px 15px;
border:3px solid #d7d7d7;
}
#area .section ul li:last-child {padding-right:0;}
#area .section ul li:last-child:before {display:none;}

#area .section ul li {
float:left;
margin-bottom:3px;
padding-right:20px;
font-size:0.85em;
line-height:1.5;
position:relative;
}
#area .section ul li + li:before {
content:'';
width:1px;
background-color:#eee;
position:absolute;
top:3px;
right:10px;
bottom:3px;
}


#trouble {
  background: #fbf2e1;
  margin: -15px auto 25px;
  padding-bottom: 0;
}
#trouble .case {
  border-bottom: 3px solid #333;
  padding: 15px;
}
#trouble .case .top {
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#trouble .case .top span {
  flex-basis: 25px;
  height: 25px;
  background: #6d4c33;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#trouble .case .top p {
  flex-basis: 90%;
  font-size: 15px;
}
#trouble .case .bottom {
  background: #fff;
  box-shadow: 1px 1px 1px rgba(50,50,50,0.3);
  padding: 10px;
}
#trouble .case .bottom p {
  line-height: 1.5em;
}

#service {
  margin-bottom: 25px;
  padding-bottom: 0;
}
#service .intro {
  line-height: 1.5em;
  margin: 0 0 20px;
}
#service ul {
}
#service ul .sub {
  background: url(img/tit_bg.png);
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.1em;
  margin: 0 -15px;
  padding: 6px 12px;
}
#service ul .detail {
  line-height: 1.5em;
  padding: 10px 0;
}

.infoArea01 ul li .img {
  vertical-align:  -webkit-baseline-middle;
  padding:  0 11px 0 0;
  display:  inline-block;
}
.infoArea01 ul li .img img {
  width:  30px;
  height: auto;
}

.cvBtn01.pc {
  display:none;
}

.cvBtn02.sp {
  display:block!important;
  text-align:center!important;
}

.relate {
  width:  96%;
  margin:  0 auto 15px;
}
.relate h3 {
  border-left:  none!important;
  margin:  0 0 0!important;
}

/* ------------------ */
/*- policy
----------------------*/
.top-policy__Kiyaku{
  margin-top: -10px;
  font-size: 10px;
}
.top-policy__txt{
  font-size: 11px;
  margin-top: -20px;
  line-height: 1.5;
}
.privacy{
  margin-left: 10px;
}
.bottomPrivacy{
	color: #fff;
	font-size: 10px;
}