@charset "UTF-8";

/* HTML 5 elements
---------------------------------------- */
html {
-webkit-text-size-adjust: none;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
display: block;
margin: 0;
padding: 0;
}

/* reset
---------------------------------------- */
* {
margin: 0px;
padding: 0px;
}

img {
max-width: 100%;
height: auto;
padding: 1px;
margin: 0;
border: 1px solid #eaecec;
background-color: #fff;
}

.bgnone {
padding: 0;
margin: 0;
border: none;
background: none;
}

ul,li{
list-style-type: none;
margin: 0;
}

table {
width: 100%;
margin: 1.5% 0 2%;
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
padding: 10px 0;
margin: 10px 0;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border: none;
border-top: #d6d6d6 1px solid;
}

br {
padding: 0;
margin: 0;
font-size: 1px;
line-height: 1;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* 要素
-------------------------------------------------------------- */
section {
margin: 0 0 0;
}
.home section {
margin: 5% 0 5%;
}

article {
padding: 0;
margin: 0;
}

p {
padding: 0;
margin: 0 0;
}
.contein p {
padding: 10px 0;
}

/* form
-------------------------------------------------- */
input,select,textarea {
width: 80%;
font-weight: normal;
font-size: 1rem;
line-height: 1.3;
padding: 5px;
margin: 10px auto;
border: 1px solid #c3c3c3;
font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Helvetica', 'ＭＳ Ｐゴシック', 'sans-serif';
}
input[type="text"],
input[type="email"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
width: 15px;
min-width: 15px;
height: 15px;
margin: 5px 5px 5px 0;
}

.subm {
text-align: right;
}
input[type="submit"] {
width: 250px;
font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Helvetica', 'ＭＳ Ｐゴシック', 'sans-serif';
cursor: pointer;
padding: 2% 0;
margin: 1% auto;
text-align: center;
border: none;
border-bottom: 1px solid #e39307;
color: #fff;
font-size: 1.2rem;
letter-spacing: 0.05em;
font-weight: bold;
background: #ffae01;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover {
filter:alpha(opacity=68);
opacity: 0.68;
}

div.wpcf7 {
font-family: 'Meiryo', 'Helvetica', 'ＭＳ Ｐゴシック', 'sans-serif';
}
.wpcf7-form {
padding: 20px 0 40px;
}
.wpcf7 b {
color: red;
}

.wpcf7-form > div {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
border-bottom: 3px solid #f3f3f3;
}
.wpcf7-form > div.wpcf7-display-none { border:none; }

.wpcf7-form > div > div:first-child {
-webkit-flex: 0.3;
flex: 0.3;
padding: 15px 0 15px 0;
font-weight: bold;
}
.wpcf7-form > div > div:first-child + div {
-webkit-flex: 0.7;
flex: 0.7;
padding: 15px 5px 15px 15px;
background: #fff;
}
.wpcf7-form .callback {
display: block;
width: 180px;
padding: 8px;
margin: 15px 0 5px;
border-radius: 7px;
-webkit-border-radius: 7px;
background: #f8eed2;
}
.wpcf7-form .callback + .radio-callback {
padding: 20px 0 5px 15px;
}
.wpcf7-form .callback + .radio-callback label {
padding: 0 15px 0 0;
}
.wpcf7-form .checkbox-101 .first {
display: block;
}
.wpcf7-form .checkbox-101 .last .zandaka {
}
.wpcf7-form .wpcf7-form-control-wrap.zandaka input {
width: 30%;
}
.wpcf7-form .houhou .wpcf7-list-item {
display: block;
}

span.wpcf7-list-item {
margin: 0;
}
span.wpcf7-list-item label {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start; /* Safari */
justify-content: flex-start;
}
.wpcf7-form .houhou .wpcf7-list-item:nth-child(5) {
position: relative;
}
.wpcf7-form .houhou .wpcf7-list-item:nth-child(5):after {
margin: -3px 0 0 20px;
display: block;
font-size: 0.8rem;
color: red;
content: '※査定をご希望の方は必ず住所の町名・番地までご記入ください';
}

@media screen and (max-width: 720px) {
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
width: 25x;
min-width: 25px;
height: 25px;
margin: 5px 5px 5px 0;
}
.wpcf7-form > div > div:first-child {
line-height: 1.4;
font-size: 0.9rem;
}
.wpcf7-form .rei {
display: block;
}
.wpcf7-form-control-wrap.zandaka + small {
display: block;
}
}


/* body
-------------------------------------------------- */
body{
padding: 0;
margin: 0;
font-size: 100%;
line-height: 1.8;
letter-spacing: 0.00em;
color: #37312b;
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
}

h1 {
padding: 0;
margin: 0;
}
h1.homeH1 {
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
color: #7a693b;
font-size: 0.7rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 0;
margin: 0 auto;
text-align: left;
position: absolute;
top: 5px;
left: 5px;
}

header:not(#head) {
text-align: center;
background-size: 100%;
background-position: 0 5px;
background-repeat: no-repeat;
background-image: url(images/h1_bg.png);
}

header:not(#head) h1 {
padding: 3% 0;
font-size: 1.8rem;
font-weight: 800;
color: #443322;
}

h2 {
padding: 1% 0;
margin: 3% auto 1%;
font-size: 1.3rem;
line-height: 1.5;
font-weight: 800;
position: relative;
}

body:not(.home) h2 {
padding: 1% 0;
margin: 3% auto 1%;
font-size: 1.3rem;
line-height: 1.5;
color: #795c0e;
font-weight: 800;
border-bottom: solid 3px #f1e2ba;
position: relative;
}
body:not(.home) h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #bb942c;
bottom: -3px;
width: 20%;
}

h3 {
padding: 1% 0;
margin: 2% auto 1%;
font-size: 1.3rem;
line-height: 1.3;
border-bottom: 1px solid #000;
display: block;
}
h3.type001 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
color: #133053;
padding: 1em;
margin: 4% 0 1%;
background: #f3f3f3;
border-bottom: none;
}
h3.type001 span {
width: 90px;
text-align: center;
padding: 1% 0;
font-size: 0.8rem;
letter-spacing: 0.05em;
display: block;
margin: 0 1% 0 0;
color: #fff;
background: rgba(19,48,83,1);
}

h3.type002 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
color: #856511;
padding: 0 0 0;
margin: 4% 0 1%;
background: none;
border-bottom: none;
background: #fbf7eb;
}
h3.type002 span {
width: 90px;
padding: 1em 0;
margin: 0 1em 0 0;
text-align: center;
font-size: 0.8rem;
display: block;
color: #fff;
background: #d19d16;
}

a {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #407dbe;
text-decoration: none;
}
article a {
text-decoration: underline;
}
a:hover {
filter:alpha(opacity=78);
opacity: 0.78;
text-decoration: none;
}
a.setOK { color: #00a63f; pointer-events: none; }

.blo {display: block;}

/* more
-------------------------------------------------------------- */
.more001 {
min-width: 75px;
padding: 8px 20px 8px;
color: #fff;
text-decoration: none;
display: inline-block;
border-bottom: 2px solid #786121;
background: #bb942c;
}
.more001:hover {
filter:alpha(opacity=100);
opacity: 1;
background: #e2b539;
}

.more002 {
min-width: 75px;
padding: 12px 20px;
margin: 0;
text-decoration: none;
display: inline-block;
font-size: 1rem;
letter-spacing: 0.1rem;
/*
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
*/
font-weight: 800;
font-size: 1.2rem;
line-height: 1;
color: #fff;
background: #f19f00;
border-bottom: 2px solid #eb7f00;
}
.more002 span {
line-height: 1.4;
font-size: 0.9rem;
}
.more002:hover {
filter:alpha(opacity=100);
opacity: 1;
border-bottom: 2px solid #333;
background: rgba(19,48,83,1);
}

.more003 {
color: #37312b;
font-weight: 800;
font-size: 0.83rem;
display: inline-block;
}

.more004 {
font-weight: 800;
display: inline-block;
padding: 2px 10px 1px 28px;
letter-spacing: 0.05em;
background-size: 12px;
background-image: url(images/arrow006.svg);
background-position: 13px 7px;
background-repeat: no-repeat;
}
.more004:hover {
color: #2cace7;
filter:alpha(opacity=100);
opacity: 1;
}



/* font
-------------------------------------------------- */
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?df3lzh');
src: url('fonts/icomoon.eot?df3lzh#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?df3lzh') format('truetype'),
url('fonts/icomoon.woff?df3lzh') format('woff'),
url('fonts/icomoon.svg?df3lzh#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-arrow001:before {
content: "\e900";
}
.icon-arrow002:before {
content: "\e901";
}
.icon-arrow003:before {
content: "\e902";
}
.icon-arrow004:before {
content: "\e903";
}
.icon-arrow005:before {
content: "\e904";
}
.icon-home:before {
content: "\e905";
}
.icon-info001:before {
content: "\e906";
}



/* PCとスマホで表示切り替え
-------------------------------------------------------------- */
.pc {
display: block;
}
.sma {
display: none;
}

/* header
-------------------------------------------------------------- */
header {
width: 100%;
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
color: #443322;
}

#head {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 8000;
position: relative;
border-top: 2px solid #dcb345;
border-bottom: 1px solid #ebebeb;
background: #fff;
}
#head:before {
width: 1103px;
z-index: -1;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 8px 10px rgba(0,0,0,0.08);
box-shadow: 0 8px 10px rgba(0,0,0,0.08);
}
.head_in {
z-index: 1;
width: 1103px;
padding: 0;
margin: 0 auto 0;
text-align: left;
position: relative;
color: #6c5823;
background: #fff;
position: relative;
}
.logo {
display: block;
margin-top: 22px;
margin-right: 6%;
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
color: #7a693b;
line-height: 1;
letter-spacing: 0;
}
.logo strong {
letter-spacing: -0.06em;
font-size: 1.6rem;
}
.logo b {
letter-spacing: -0.04em;
font-size: 1.6rem;
}
.logo small {
margin: 0;
display: block;
font-size: 0.6rem;
font-weight: 700;
}
.logo img {
}
.info {
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
color: #fff;
background: #7a693b;
}

#head .icon-arrow001 {
color: #be9834;
}
#head .infoBox {
width: 20%;
min-width: 20%;
padding: 7px 0;
margin: 0 1.5% 0;
font-weight: 600;
}
#head .infoBox > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
#head .infoBox div {
font-size: 1rem;
}
#head .infoBox div span {
font-size: 0.95rem;
}

#head .numBox {
width: 30%;
min-width: 30%;
padding: 7px 0 0;
font-weight: 800;
}
#head .numBox a {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
-webkit-align-items: center; /* Safari */
align-items: center;
}
#head .numBox a div:nth-child(1) {
width: 15%;
min-width: 15%;
margin: 0 0 -2%;
}
#head .numBox div {
letter-spacing: 0.05rem;
font-size: 0.72rem;
}
#head .numBox .imgBox {
width: 60px;
}
#head .numBox a .freeNum {
font-size: 2.4rem;
letter-spacing: 0.03rem;
line-height: 1;
color: #ad8007;
}

#head .info {
display: block;
padding: 10px 25px 10px;
line-height: 1.2;
font-size: 0.67rem;
letter-spacing: 0.04rem;
font-weight: 800;
text-align: center;
margin-left: auto;
}
#head .info span.icon-info001 {
font-size: 1.4rem;
}
#head .info div {
padding: 2px 0 0;
white-space:nowrap;
}
#head .info div span {
display: block;
}

@media screen and (max-width: 720px) {
#head:before,
.head_in {
width: 100%;
justify-content: space-between;
align-items: center;
}
}


header.mini {
}



/* key_wrapper
-------------------------------------------------------------- */
.key_wrapper {
margin: 0 auto 0;
overflow: hidden;
background: linear-gradient(to bottom, #f3f3f3 0%, #fff 70%);
background: -webkit-linear-gradient(top, #f3f3f3 0%, #fff 70%);
}
.keyvisi {
margin: 0 auto;
position: relative;
}
.keyvisi a {
width: 1103px;
height: 260px;
overflow: hidden;
margin: 0 auto;
}
@media screen and (max-width: 650px) {
.keyvisi a {
width: 100%;
height: auto;
}
.keyvisi a img {
width: 100%;
min-width: 100%;
height: auto;
}
}


.gNav {
border-top: 5px solid #bb942c;
-webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.15);
box-shadow: 0 4px 6px rgba(0,0,0,0.15);
background: linear-gradient(to bottom, #fefefe 0%, #f3f3f3 100%);
background: -webkit-linear-gradient(top, #fefefe 0%, #f3f3f3 100%);
}
.gNav ul {
width: 1103px;
margin: 0 auto;
}
@media screen and (max-width: 720px) {
.gNav ul {
width: 100%;
}
}
.gNav ul li {
width: 100%;
text-align: center;
}
.gNav ul a {
padding: 10% 0;
font-size: 1.2rem;
font-weight: 500;
display: block;
color: #443322;
border-right: 1px solid #dddddd;
}
.gNav ul .current-menu-item a {
color: #fff;
filter:alpha(opacity=100);
opacity: 1;
border-right: 1px solid #bb942c;
background: #bb942c;
}
.gNav ul a:hover {
color: #fff;
filter:alpha(opacity=100);
opacity: 1;
border-right: 1px solid #bb942c;
background: #bb942c;
}

.home .gNav ul a {
padding: 5% 0;
font-size: 1.05rem;
}



/* mainArea
-------------------------------------------------------------- */
#mainArea {
width: 1103px;
margin: 0 auto 0;
}
@media screen and (max-width: 720px) {
#mainArea {
width: 100%;
}
}

/* .wrapper
-------------------------------------------------------------- */
.wrapper {
width: 1103px;
margin: 14px auto 30px;
position: relative;
z-index: 1000;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row-reverse; /* Safari */
flex-direction: row-reverse;
}
@media screen and (max-width: 720px) {
.wrapper {
width: 100%;
}
.home .wrapper {
margin: 0 auto 30px;
}
}

.contein {
width: 100%;
padding: 0;
margin: 0 0 5%;
margin-left: auto;
font-size: 1rem;
position: relative;
}

.sideArea {
width: 224px;
min-width: 224px;
margin: 0 3% 2% 0;
}
@media screen and (max-width: 720px) {
}


/* TOP
-------------------------------------------------------------- */
.home [class^="cont"] h3.lineTitle {
padding: 1.8% 1%;
color: #fff;
border: none;
border-top: 3px solid #7b3700;
-webkit-text-shadow : 0 0px 4px rgba(123,55,0,0.5), 0 4px 8px rgba(0,0,0,0.05);
text-shadow : 0 0px 4px rgba(123,55,0,0.5), 0 4px 8px rgba(0,0,0,0.05);
background: #e3a328;
background: linear-gradient(#e3a328, #f0ba52);
}
.home [class^="cont"] h3.lineTitle a {
color: #fff;
}

.cont001 {
padding: 0 0 0;
margin: 0 0 5%;
}
.cont001 > header:not(#head) h1 {
padding: 0.7em 0;
font-size: 1.5rem;
letter-spacing: -0.03em;
}
@media screen and (max-width: 720px) {
.cont001 > header:not(#head) {
margin: 0 0 0;
background: none;
background: linear-gradient(#f9f6e8, #fff);
}
.cont001 > header:not(#head) h1 {
padding: 0.5em 0 0.4em;
font-size: 1.3rem;
letter-spacing: -0.04em;
}
}

.cont001 > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.cont001 > .flex_list li {
width: 33.3%;
min-width: 200px;
display: block;
}
.cont001 > .flex_list li > a {
height: 188px;
overflow: hidden;
display: block;
padding: 0 0 0;
margin: 0 5% 0 0;
border-top: 3px solid #6c6249;
position: relative;
}
.cont001 > .flex_list li:nth-child(3n) > a {
padding: 0 0 0 0;
}
.cont001 > .flex_list .imgBox {
position: absolute;
top:0;
left:0;
right:0;
margin: 0 auto;
}
.cont001 > .flex_list .imgBox + h2 {
width: 100%;
height: 65px;
padding: 0 0 0;
margin: 0 0 0;
font-size: 1.2rem;
font-weight: 800;
color: #1a1a1a;
line-height: 1.2;
text-align: center;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
position: absolute;
bottom: 15px;
left:0;
right:0;
margin: 0 auto;
background: rgba(255,255,255,0.75);
}
.cont001 > .flex_list .imgBox + h2 span {
width: 100%;
display: block;
text-align: center;
text-shadow: #fff 3px 0px 5px, #fff 0px 3px 5px, #fff -3px -3px 5px;
filter:
dropshadow(color=#fff,offX= 0,offY=-3)
dropshadow(color=#fff,offX= 3,offY= 0)
dropshadow(color=#fff,offX= 0,offY= 3);
}

.cont002 .aboutLeaseBack {
display: flex;
flex-direction: column;
}
.cont002 .coment {margin: 10px 0; }
.cont002 .coment div:nth-child(1) {
min-width: 184px;
}
.cont002 .coment div:nth-child(2) p {
padding: 0;
margin: 1.5% 0 2% 2%;
}
.cont002 .pc_bold {
font-weight: 800;
}
@media screen and (max-width: 720px) {
.cont002 .aboutLeaseBack .coment {
order: 1;
}
.cont002 .aboutLeaseBack .imgBox {
order: 2;
}
.cont002 .aboutLeaseBack .coment02 {
order: 3;
margin: 0 0 15px;
font-size: 0.8rem;
}
.cont002 .aboutLeaseBack .coment02 p {
padding: 5px;
}
.cont002 .coment div:nth-child(1) {
min-width: 100px;
}
}


.cont003 > .flex_list {
padding: 2.3% 0 0.5%;
border-bottom: 1px dashed #ddca96;
}
.cont003 > .flex_list:nth-child(1) {
padding: 0 0 2%;
}
.cont003 > .flex_list:last-child {
padding: 2% 0 0;
border: none;
}
.cont003 > .flex_list div:nth-child(1) {
width: 24%;
min-width: 24%;
margin: 0 0 2%;
}
.cont003 > .flex_list div:nth-child(1) img {
max-width: 90%;
}
.cont003 h2 {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
color: #856511;
padding: 0 0 0;
margin: 0;
-webkit-align-items: center; /* Safari */
align-items: center;
background: none;
}
.cont003 h2.long {
letter-spacing: -0.08em;
}
.cont003 h2 span {
width: 100px;
display: block;
padding: 0.4em;
text-align: center;
margin: 0 1% 0 0;
font-size: 1rem;
color: #fff;
background: #d19d16;
}

.cont004 {
}
.cont004 ul {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.cont004 ul li {
width: 49%;
min-width: 50%;
}
.cont004 article > a {
display: block;
margin: 0 3% 3% 0;
color: #353535;
text-decoration: none;
border-top: 3px solid #ffb000;
}
.cont004 ul li:nth-child(2n) article > a {
}
.cont004 dl {
display: block;
margin: 0 0 0;
border-left: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.cont004 dt {
padding: 3%;
background: #fff;
}
.cont004 dt span {
margin-top: 12px;
margin-left: auto;
}
.cont004 dt h2 {
width: 100%;
height: 48px;
overflow-y: hidden;
padding: 0 2% 0 0;
margin: 0;
text-align: left;
font-size: 1.1rem;
color: #353535;
background: none;
}
.cont004 dd {
padding: 3% 3% 0;
background: #f3f3f3;
}

.cont004 .subtitle {
height: 56px;
padding: 4% 3% 0;
overflow-y: hidden;
line-height: 1.4;
color: #e31b0e;
font-size: 0.95rem;
font-weight: 800;
}

.cont004 dd p {
padding: 0;
font-size: 0.85rem;
line-height: 1.6;
}
.cont004 dd > div:nth-child(1) {
margin: 0 3% 0 0;
position: relative;
}
.cont004 dd > div:nth-child(2) {
width: 30%;
min-width: 30%;
height: 120px;
overflow: hidden;
position: relative;
}
.cont004 dd > div:nth-child(2) img {
max-width: 90%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
}
.cont004 dd .more {
width: 100px;
padding: 7px 0;
margin: 0 0 6%;
font-size: 0.8rem;
text-align: center;
color: #fff;
position: absolute;
bottom: 0;
right: 0;
background: #f28738;
}
.cont004 article > a:hover .more {
background: #ffb000;
}


.cont005 {
}
.cont005 > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.cont005 > .flex_list li {
width: 33%;
min-width: 33%;
}
.cont005 > .flex_list li a {
padding: 0 15px 0 0;
margin: 0 0 15px;
display: block;
color: #353535;
text-decoration: none;
}
.cont005 > .flex_list li a h2 {
width: 100%;
height: 40px;
overflow: hidden;
padding: 0 0 0;
margin: 4% 0 2%;
text-align: left;
font-size: 1rem;
line-height: 1.3;
color: #353535;
background: none;
}
.cont005 dd.flex_list {
position: relative;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.cont005 dd.flex_list div:nth-child(1) {
padding: 0 0 0 5%;
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
color: #fff;
letter-spacing: 0.1rem;
line-height:1;
}
.cont005 li:nth-child(1) dd.flex_list { background:#f28738; }
.cont005 li:nth-child(2) dd.flex_list { background:#f1a14c; }
.cont005 li:nth-child(3) dd.flex_list { background:#f1c84c; }
.cont005 li:nth-child(4) dd.flex_list { background:#66a830; }
.cont005 li:nth-child(5) dd.flex_list { background:#96b727; }
.cont005 li:nth-child(6) dd.flex_list { background:#78bc9a; }

.cont005 dd.flex_list .imgBox {
height: 120px;
overflow: hidden;
padding: 0.7em;
margin-left: auto;
}
.cont005 dd.flex_list .imgBox {
max-width: 120px;
}
.cont005 dd p {
padding: 0;
font-size: 0.8rem;
}


.cont006 .wrappBox {
min-height: auto;
margin: 0 auto;
border-top: 3px solid #333;
background-position: 0 0;
background-size: 55%;
background-repeat: no-repeat;
background-image: url(images/adachi002.png);
}
.cont006 .wrappBox .white {
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.2) 80% , rgba(255,255,255,1) 95% );
}
.cont006 h4 {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
padding: 0 0 0 0;
margin: 4% 0 0 28%;
line-height: 1.4;
font-size: 1.8rem;
letter-spacing: -0.03em;
text-shadow: 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff, -2px 2px 2px #fff, -2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff;
}
.cont006 p,
.cont006 .intex {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-weight: bold;
padding: 0.5% 2% 0.5% 30%;
line-height: 1.7;
font-size: 0.85rem;
text-shadow:
2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff,-2px 2px 2px #fff, -2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff, -2px -2px 2px #fff;
}
.cont006 .text001 {
padding: 1% 2% 0 0;
}
.cont006 .text001 .intex {
padding: 0.5% 2% 0.5% 28%;
display: block;
}
.cont006 .text001 .intex .demo {
padding-left: 2%;
font-weight: bold;
font-size: 1rem;
}
.cont006 .text002 {
padding: 0 2% 0;
background: #fff;
}
.cont006 .text002 p {
padding: 1.5% 2% 1.5% 0;
}
.cont006 .sign {
padding: 0;
margin: 0 2% 3%;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
border-bottom: 1px solid #333;
}
.cont006 .sign p {
padding: 0;
}
.cont006 .sign div {
width: 30%;
text-align: right;
}

@media screen and (max-width: 720px) {
.cont006 .wrappBox {
background-position: -10% 0;
background-size: 60%;
}
.cont006 .wrappBox .white {
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.2) 60% , rgba(255,255,255,1) 75% );
}
.cont006 h4 {
font-size: 1.6rem;
margin: 6% 0 0 32%;
}
.cont006 .text001 {
padding: 1.5% 2% 0 2%;
}
.cont006 .text002 {
padding: 0 2% 0;
}
.cont006 .text002 p {
padding: 1.5% 0 1.5% 0;
}
}
@media screen and (max-width: 550px) {
.cont006 .wrappBox {
background-position: -10% 0;
background-size: 50%;
}
.cont006 h4 {
font-size: 1.3rem;
margin: 30px 10px 0 120px;
}
.cont006 .text001 {
padding: 0 2% 0 2%;
padding-top: 40px;
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.7) 20% , rgba(255,255,255,1) 75% );
}
.cont006 p,
.cont006 .text001 .intex {
padding: 1.5% 0 1.5%;
font-size: 0.8rem;
}
.cont006 p.intex {
padding: 3% 0 3% 0;
}
.cont006 .sign {
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
}
.cont006 .sign div {
width: 100%;
text-align: right;
}
.cont006 .sign div {
min-width: 130px;
}
}


.cont007 {
}
.cont007 > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
}
.cont007 > .flex_list li {
width: 32%;
min-width: 32%;
}
.cont007 > .flex_list li a {
height: 100%;
display: block;
text-decoration: none;
border: 1px solid #d5d5d5;
border-top: 3px solid #d5d5d5;
}
.cont007 .imgBox {
padding: 4% 0 4% 6%;
background: #f3f3f3;
}
.cont007 .imgBox img {
width: 90%;
margin: 0 auto;
border: 1px solid #fff;
}
.cont007 dt > div:nth-child(1) {
padding: 4% 4% 0;
font-size: 0.75rem;
font-weight: bold;
color: #8a8a8a;
}
.cont007 dt > h2 {
width: 100%;
min-height: 40px;
max-height: 40px;
overflow: hidden;
padding: 0 4% 0;
margin: 4% 0 4%;
text-align: left;
font-size: 1rem;
line-height: 1.3;
color: #353535;
background: none;
}
.cont007 dt > .more {
padding: 3% 0;
color: #fff;
font-weight: 800;
margin: 1px;
text-align: center;
background: #ffae01;
}
.cont007 > .flex_list li a:hover .more {
background: #e25a03;
}


.cont008 {
height: 630px;
padding: 0 0 0;
position: relative;
}
.cont008 header:not(#head) h1 {
padding-top: 7px;
}

.cont008 > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: center; /* Safari */
justify-content: center;
border: 4px solid #dedede;
margin: 0 0 2%;
position: absolute;
top: 240px;
left: 0;
background: #fffef8;
}
.cont008 > .flex_list li {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
width: 25%;
min-width: 25%;
padding: 2em 0 2em;
line-height: 1.5em;
text-align: center;
font-size: 1.1rem;
position: relative;
letter-spacing: -0.03em;
font-weight: 800;
display: block;
color: #6c6249;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.cont008 > .flex_list li:nth-child(4),
.cont008 > .flex_list li:nth-child(8)
{
border-right: none;
}


.cont008 > .flex_list li:nth-child(5),
.cont008 > .flex_list li:nth-child(6),
.cont008 > .flex_list li:nth-child(7),
.cont008 > .flex_list li:nth-child(8)
{
border-bottom: none;
}
.cont008 > .flex_list li span {
font-size: 1.5rem;
}
.cont008 > .flex_list li .toku {
font-family: initial;
width: 48px;
height: 48px;
padding: 10px 0 0;
overflow: hidden;
text-align: center;
font-size: 0.8rem;
font-weight: 400;
line-height: 1;
color:#fff;
border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
position: absolute;
top: -24px;
left: 0;
right: 0;
margin: 0 auto;
background: #025f75;
}
.cont008 > .flex_list li .toku b {
padding: 2px 0 0;
font-weight: 800;
font-size: 1.1rem;
display: block;
}

.cont008 > .flex_list li br {
line-height: 0.5em;
}

.cont008 a.more {
width: auto;
display: block;
padding: 10px 0;
margin: 0 auto;
text-align: center;
font-size:1.2rem;
font-weight: bold;
color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
background: #ffae01;
}


.cont009 {
}
.cont009 > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
}
.cont009 > .flex_list li {
width: 48%;
min-width: 48%;
margin-right: 3%;
margin-bottom: 25px;
border-top: 3px solid #e2a31e;
}
.cont009 > .flex_list li a {
height: 100%;
display: block;
text-decoration: none;
color: #353535;
position: relative;
background: #f9f9f9;
border-bottom: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
background: linear-gradient(to bottom, #fff , #f9f9f9 95%));
background: -webkit-linear-gradient(top, #fff , #f9f9f9 95%);
}
.cont009 > .flex_list li:nth-child(2n) {
margin-right: 0;
}
.cont009 dl .imgBox {
width: 28%;
min-width: 28%;
text-align: center;
}
.cont009 dl img {
max-width: 85%;
}
.cont009 dl dt {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
padding: 2% 2% 2%;
font-weight: 800;
margin: 0 0 3%;
background: #fbf7eb;
}
.cont009 dl dt span {
font-size: 1.3rem;
}
.cont009 dl dd .k {
font-weight: 800;
font-size: 0.93rem;
}
.cont009 dl dd p {
padding: 0 15px 45px 0;
line-height: 1.6;
font-size: 1rem;
}
.cont009 .more {
width: 100px;
padding: 6px 0;
text-align: center;
position: absolute;
color: #fff;
bottom: 0;
right: 0;
background: #e2a31e;
}
.cont009 .m30 dl dd .k { /* 近藤様　*/
letter-spacing: -0.05em;
}

.cont010 {
}
.cont010 > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.cont010 > .flex_list li {
width: 33.3%;
min-width: 33.3%;
}

.cont010 > .flex_list li.flowT {
padding: 3%;
margin: 10px 0 0;
border-top: 3px solid #025f75;
background:#f4f4f4;
}


.cont010 > .flex_list li > div {
padding: 0 7px 7px;
}

.cont010 > .flex_list li p {
padding: 0;
margin: 0 0 0;
line-height: 1.5;
font-size: 0.9rem;
}
.cont010 > .flex_list li.flowT p {
padding: 0;
margin: 5% 0 0;
line-height: 1.8;
font-size: 1rem;
}
.cont010 > .flex_list li h2 {
width: 100%;
padding: 12px 0 12px 3px;
margin: 10px 0 0;
text-align: center;
font-size: 0.9rem;
letter-spacing: -0.03em;
line-height: 1.3;
color: #353535;
border-top: 3px solid #025f75;
background: #f4f4f4;
}


/* flex_list
-------------------------------------------------------------- */
.flex_list {
display: -webkit-flex; /* Safari */
display: flex;
}
.flex_list_alignLeft {
display: -webkit-flex; /* Safari */
display: flex;
align-items: left;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
margin: 0;
position: relative;
}
.flex_list_alignLeft > div {
-webkit-flex: 1;
flex: 1;
padding: 0 1%;
}

.flex_list_alignLeft_4_6 > div {
-webkit-flex: 0.4; flex: 0.4;
}
.flex_list_alignLeft_4_6 > div + div {
-webkit-flex: 0.6; flex: 0.6;
}
.flex_list_alignLeft_5_5 > div {
-webkit-flex: 0.45; flex: 0.45;
}
.flex_list_alignLeft_5_5 > div + div {
-webkit-flex: 0.55; flex: 0.55;
}
.flex_list_alignLeft_6_4 > div {
-webkit-flex: 0.6; flex: 0.6;
}
.flex_list_alignLeft_6_4 > div + div {
-webkit-flex: 0.4; flex: 0.4;
}
.flex_list_alignLeft_3_7 > div {
-webkit-flex: 0.3; flex: 0.3;
}
.flex_list_alignLeft_3_7 > div + div {
-webkit-flex: 0.7; flex: 0.7;
}
.flex_list_alignLeft_1_9 > div {
-webkit-flex: 0.1; flex: 0.1;
}
.flex_list_alignLeft_1_9 > div + div {
-webkit-flex: 0.9; flex: 0.9;
}
.flex_list_alignLeft_2_8 > div {
-webkit-flex: 0.2; flex: 0.2;
}
.flex_list_alignLeft_2_8 > div + div {
-webkit-flex: 0.8; flex: 0.8;
}
.flex_list_alignLeft_8_2 > div {
-webkit-flex: 0.8; flex: 0.8;
}
.flex_list_alignLeft_8_2 > div + div {
-webkit-flex: 0.2; flex: 0.2;
}
.flex_list_alignLeft_7_3 > div {
-webkit-flex: 0.7; flex: 0.7;
}
.flex_list_alignLeft_7_3 > div + div {
-webkit-flex: 0.3; flex: 0.3;
}



/* category
-------------------------------------------------------------- */
.category h2 {
}
.category h2 a {
color: #795c0e;
text-decoration: none;
}

/* 専門家紹介 */
.category.body_cat_id2 {
}
.member > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
}
.member > .flex_list li {
width: 48%;
min-width: 48%;
margin-right: 3%;
margin-bottom: 20px;
}
.member > .flex_list li a {
height: 100%;
display: block;
text-decoration: none;
color: #353535;
position: relative;
background: #f9f9f9;
border-left: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
background: linear-gradient(to bottom, #fff , #f9f9f9 95%));
background: -webkit-linear-gradient(top, #fff , #f9f9f9 95%);

}
.member > .flex_list li:nth-child(2n) {
margin-right: 0;
}
.member dl .imgBox {
width: 28%;
min-width: 28%;
text-align: center;
}
.member dl img {
max-width: 85%;
border: 1px solid #fff;
}
.member dl dt {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
padding: 2% 2% 2%;
border-top: 3px solid #bb942c;
font-weight: 800;
margin: 0 0 3%;
background: #fbf7eb;
}
.member dl dt span {
font-size: 1.3rem;
}
.member dl dd .k {
font-weight: 800;
font-size: 0.93rem;
}
.member dl dd p {
padding: 10px 10px 20px 0;
line-height: 1.6;
font-size: 0.9rem;
}
.member dl dd .more {
width: 100px;
padding: 6px 0;
text-align: center;
position: absolute;
color: #fff;
bottom: 0;
right: 0;
background: #e2a31e;
}
.member .m30 dl dd .k { /* 近藤様　*/
letter-spacing: -0.05em;
}

@media screen and (max-width: 720px) {
.member > .flex_list li {
width: 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.member dl dd p {
padding: 0 10px 25px 0;
font-size: 1rem;
}
}

/* リースバックの活用パターン */
.category.body_cat_id3 {

}
.category.body_cat_id3 .caseBox {
padding: 3% 0 1.5%;
border-bottom: 1px solid #d5d5d5;
}
.category.body_cat_id3 .caseBox a {
text-decoration: none;
color: #37312b;
}
.category.body_cat_id3 .caseBox a:hover .title {
color: #856511;
}
.category.body_cat_id3 .caseBox .title {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
color: #856511;
padding: 0 0 0;
margin: 0;
border: none;
-webkit-align-items: center; /* Safari */
align-items: center;
background: none;
}
.category.body_cat_id3 .caseBox .title:after { display: none;}
.category.body_cat_id3 .caseBox .title span {
width: 100px;
height: 100%;
display: block;
padding: 1% 0;
margin: 0 1% 0 0;
font-size: 1rem;
text-align: center;
border: none;
color: #fff;
background: #d19d16;
}

/* 事例 */
.category.body_cat_id4 {
}
.category.body_cat_id4 .caseBox {
background: #f3f3f3;
border-left: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
background: linear-gradient(to bottom, #fff , #f9f9f9 95%);
background: -webkit-linear-gradient(to bottom, #fff , #f9f9f9 95%);
}
.category.body_cat_id4 .caseBox .flex_list {
}
.category.body_cat_id4 .caseBox .imgBox {
width: 23%;
min-width: 23%;
}
.category.body_cat_id4 .caseBox .imgBox img {
max-width: 90%;
border: 3px solid #fff;
}
.category.body_cat_id4 .caseBox .type010 {
padding: 0;
margin: 2% auto 1%;
font-size: 1.3rem;
line-height: 1.3;
border: none;
border-top: 3px solid #7b6d47;
display: block;
}
.category.body_cat_id4 .caseBox .type010 a {
padding: 2.3% 3%;
color: #353535;
text-decoration: none;
background:#fbf7eb;
}
.category.body_cat_id4 .caseBox .type010 a:hover {color: #e2b539;}

.category.body_cat_id4 .caseBox .type010 a span.icon-arrow003 {
margin-left: auto;
}
.category.body_cat_id4 .caseBox .text {
padding: 0 2em 1em 0;
}
.category.body_cat_id4 .caseBox .text h4 {
color: #e31b0e;
}
.category.body_cat_id4 .caseBox .case_text {
padding: 7px 0;
}

@media screen and (max-width: 720px) {
.category.body_cat_id4 .caseBox .text {
padding: 0 3px 6px 0;
}
.category.body_cat_id4 .caseBox .text h4 {
line-height: 1.4;
padding: 3px 0 0;
}
.category.body_cat_id4 .caseBox .case_text {
line-height: 1.3;
}

}


/* お客様の声 */
.category.body_cat_id5 {

}
.category.body_cat_id5 .caseBox {
padding: 3% 0 1.5%;
}
.category.body_cat_id5 .caseBox a {
text-decoration: none;
color: #37312b;
}
.category.body_cat_id5 .caseBox a:hover .title {
color: #856511;
}
.category.body_cat_id5 .caseBox .title {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
color: #856511;
padding: 0 0 0;
margin: 0 0 1.7%;
-webkit-align-items: center; /* Safari */
align-items: center;
background: none;
}
.category.body_cat_id5 .caseBox .title:after {
display: none;
}
.category.body_cat_id5 .caseBox .title span {
width: 100px;
display: block;
padding: .5em 0;
margin: .1em .4em .1em 0;
text-align: center;
font-size: 1rem;
letter-spacing: 0.1em;
color: #fff;
background: #d19d16;
}
.category.body_cat_id5 .imgBox {
width: 20%;
min-width: 20%;
text-align: left;
padding: 10px 0;
}

/* よくある質問 */
.category.body_cat_id6 {
}
.category.body_cat_id6 h2.title {
color: #695839;
padding: 0.5em;/*文字周りの余白*/
line-height: 1.3;/*行高*/
vertical-align: middle;/*上下中央*/
border-bottom: 2px solid #d6c392;
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
background: #fbe9ba;/*背景色*/
}
.category.body_cat_id6 h2.title:before {
content: '●';
color: white;
margin-right: 8px;
}
.category.body_cat_id6 h2:after { display: none; }

/* 用語集 */
.category.body_cat_id9 {
}

/* TVに取材されました */
.category.body_cat_id7 {
}
.category.body_cat_id7 article > h3 {
padding: 3% 3%;
margin: 2% auto 0;
border: none;
border-top: 3px solid #7b6d47;
border-bottom: 1px solid #f2e9d0;
-webkit-align-items: center; /* Safari */
align-items: center;
background: #fbf7eb;
}
.category.body_cat_id7 article > h3 .date {
font-size: 1rem;
letter-spacing: 0.03em;
}
.nakami {
padding: 1% 2% 2%;
margin: 0 0 2em;
border-radius: 6px;
background: #f9f9f9;
}
.nakami > .imgBox img {
border: 2px solid #fff;
}
.key_box {
padding: 2% 3% 1%;
margin: 0.5em 0 1em;
border-radius: 6px;
background: #fff;
}
.key_box h4 {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
padding: 0 0 0.3em;
display: block;
border-bottom: 1px solid #37312b;
font-size: 1.3rem;
font-weight: 800;
}
.key_box p {
}
.category.body_cat_id7 .flex_list_wrapp {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-align-items: stretch; /* Safari */
align-items: stretch;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.category.body_cat_id7 .md_inflexBox {
width: 49.5%;
min-width: 49.5%;
margin: 0 0 0.5em;
border: 1px solid #eee9dc;
background: #fff;
}
.category.body_cat_id7 .md_inflexBox .imgBox {
padding: 4% 0 4%;
text-align: center;
background: #f6f4ee;
}
.category.body_cat_id7 .md_inflexBox .imgBox img {
width: 90%;
max-width: 350px;
margin: 0 auto;
border: 2px solid #fff;
}
.category.body_cat_id7 .md_inflexBox p {
padding: 2% 5%;
font-size: 0.88rem;
}


/* single
-------------------------------------------------------------- */
.single .type002 {
padding: 1% 0;
margin: 2% auto 1%;
text-align: center;
font-size: 1.3rem;
line-height: 1.3;
border: none;
color: #e31b0e;
}

.single .type003 {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
color: #856511;
padding: 0 0 0;
margin: 4% 0 1%;
background: none;
border-bottom: none;
background: #fbf7eb;
}
h3.type003 span {
width: 90px;
padding: 1em 0;
margin: 0 1em 0 0;
text-align: center;
font-size: 0.8rem;
display: block;
color: #fff;
background: #d19d16;
}

.single.body_cat_id4 .imgBox {
width: 23%;
min-width: 23%;
padding-top: 2%;
padding-right: 1%;
float: left;
background: #fff;
}
.single.body_cat_id4 .caseBox .text > h2:first-child {
margin: 3% auto 1% 23%;
}


.single h2 {
}
.single h2 a {
text-decoration: none;
}
.kansouBox {
margin: 20px 0;
border: 3px solid #f8eed2;
color: #695839;
font-weight:bold;
background: #fffef8;
}
.single.body_cat_id4 .kansouBox .imgBox {
padding-top: 4%;
padding-right: 1%;
padding-left: 1%;
float: right;
background: none;
}
.kansouBox h3 {
padding: 2% 0 2% 4%;
margin: 0;
color: #695839;
border: none;
background: #f8eed2;
}
.kansouBox .text {
padding: 3%;
}
.kansouBox .imgBox {
padding: 2% 4% 2% 0;
}

.kaisetsuBox {
margin: 20px 0;
border: 3px solid #f4f4f4;
font-weight:bold;
background: #fff;
}
.single.body_cat_id4 .kaisetsuBox .imgBox {
padding-top: 4%;
padding-right: 2%;
padding-left: 3%;
float: left;
background: none;
}

.kaisetsuBox h3 {
padding: 2% 0 2% 4%;
margin: 0;
border: none;
background: #f4f4f4;
}
.kaisetsuBox .text {
padding: 3%;
}
.kaisetsuBox .imgBox {
padding: 2% 2% 2% 4%;
}

/* 専門家紹介 */
.single.body_cat_id2 .main_prof {
margin: 0 4%;
}
.single.body_cat_id2 .main_prof .imgBox {
width: 28%;
min-width: 28%;
text-align: left;
padding: 1.5% 0 0;
}
.single.body_cat_id2 .main_prof .imgBox img {
max-width: 90%;
}
.single.body_cat_id2 .main_prof .card {
padding: 2em 2em;
margin: 2% 0;
border: 1px solid #eae5cf;
background: #fcfaf2;
}
.single.body_cat_id2 .main_prof .card h4 {
display: block;
font-weight: 400;
}
.single.body_cat_id2 .main_prof .card hr {
border-top: #eae5cf 1px solid;
padding: 0 0 .8em;
margin: .6em 0 0;
}

.single.body_cat_id2 .main_prof .messe {
margin: 4% 0;
}
.single.body_cat_id2 .main_prof .messe h3 {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
padding: 0.25em 0;
position: relative;
border: none;
background: none;
}
.single.body_cat_id2 .main_prof .messe h3:after {
content: "";
margin: 0.6em 0 0;
display: block;
height: 4px;
background: -webkit-linear-gradient(to right, rgb(240, 226, 186), transparent);
background: linear-gradient(to right, rgb(240, 226, 186), transparent);
}


/* お客様の声 */
.single.body_cat_id5 .imgBox {
width: 20%;
min-width: 20%;
text-align: left;
padding: 10px 0 0;
}

/* 活用事例 */
.single.body_cat_id4 .caseBox .type002 {
background: none;
display: block;
}


/* page 固定ページはTOPを上書きするので書かない
-------------------------------------------------------------- */
.page-id-6 { /* 会社紹介　*/
}
.page-id-6 .aisatsu .imgBox {
max-width: 230px;
margin: 2% 2% 0 0;
float: left;
}
.page-id-6 .aisatsu .re {
margin: 0 0 5px;
}
.page-id-6 .aisatsu .re br {
display: none;
}

@media screen and (max-width: 720px) {
.page-id-6 .aisatsu .imgBox {
max-width: 100px;
}
.page-id-6 .aisatsu .re {
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0;
display: block;
margin: 0 0 -20px;
}
.page-id-6 .aisatsu .re br { display: inherit; }
.page-id-6 .aisatsu .btn01,
.page-id-6 .aisatsu .btn02 {
width:80%;
font-size: 0.8rem;
display: block;
margin: 0 0 5px;
}
}

/* 404 search tag
-------------------------------------------------------------- */
.tag section,
.error404 section,
.search section {
margin: 0 0 2%;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}

.tag .post,
.error404 .post,
.search .post {
padding: 1% 2% 2%;
margin: 2% 0;
background: #fff;
}

/* sideArea
-------------------------------------------------------------- */
.sideArea {
}
.sideArea .infoBox {
background: #fffef8;
}
.sideArea .infoBox .tel {
margin: 3px 0 -3px;
text-align: center;
-webkit-justify-content: center; /* Safari */
justify-content: center;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.sideArea .infoBox .tel div:nth-child(1) {
width: 15%;
padding: 7px 0 0;
}
.sideArea .infoBox .tel div:nth-child(2) {
font-size: 1.6rem;
line-height: 1;
font-weight: 500;
color: #ad8007;
}
.sideArea .infoBox .tel + div {
font-size: 0.85rem;
margin: 0 0 7px;
text-align: center;
color: #77622a;
}

.sideArea .infoBox .info001 {
width: 90%;
padding: 7px 0;
margin: 5px auto 13px;
font-size: 1.3rem;
border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-justify-content: center; /* Safari */
justify-content: center;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.sideArea .infoBox .info001:hover {
background: #ffb000;
}
.sideArea .infoBox .info-line {
display: inline-block;
margin: 0 auto;
}
.sideArea .infoBox .info-line img {
border: none;
padding: 0;
background-color: transparent;
}

.sideArea .mainMenu {
border-top: 3px solid #f2e9d0;
background: #f8eed2;
}
.sideArea .mainMenu a {
padding: 8% 0 8% 10%;
border-bottom: 3px solid #fff;
color: #8e6924;
font-size: 1.09rem;
line-height: 1.2;
letter-spacing: 0.01em;
font-weight: 700;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.sideArea .mainMenu a span {
margin: -2% 1.8% 0 0;
font-size: 1.4rem;
color: #dca064;
}
.sideArea .mainMenu .s_qa a {
}
.sideArea .mainMenu .tv a {
letter-spacing: -0.05em;
}
.sideArea .mainMenu a:hover {
filter:alpha(opacity=100);
opacity: 1;
color: #fff;
background: #ebbb8a;
}
.sideArea .mainMenu a:hover span {
color: #fff;
}

.sideArea .subMenu {
margin: 7px 0 0;
border: 3px solid #f8eed2;
background: #fffef8;
}
.sideArea .subMenu a {
padding: 6% 0 6% 10%;
color: #695839;
font-weight: 700;
font-size: 0.83rem;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
color: #695839;
}
.sideArea .subMenu a:first-child {
padding: 10% 0 6% 10%;
}
.sideArea .subMenu a:last-child {
padding: 6% 0 10% 10%;
}

.sideArea .subMenu a:hover {
filter:alpha(opacity=100);
opacity: 1;
background: #f8eed2;
}

.sideArea .subMenu02 { /* 用語集リンクとか入れる部分　*/
margin: 10px 0 0;
border: 3px solid #f3f3f3;
background: #fff;
}
.sideArea .subMenu02 a {
padding: 6% 0 6% 10%;
color: #68717c;
font-weight: 700;
font-size: 0.83rem;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.sideArea .subMenu02 a:hover {
filter:alpha(opacity=100);
opacity: 1;
background: #f3f3f3;
}

/*　問合せボタン　info001
-------------------------------------------------------------- */
.info001 {
display: block;
text-align: center;
border: 3px solid #fff;
color: #fff6c3;
font-weight: 800;
box-shadow: 0 0px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4);
background: #f55726;
}
.info001 a {
text-decoration: none;
}
.info001:hover {
filter:alpha(opacity=100);
opacity: 1;
background: #f55726;
}
.info001 > div {
padding: 15px 0;
}

/* 問合せメニュー
-------------------------------------------------------------- */
.info_menu001 {
padding: 0;
border-top: 3px solid #675e47;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: linear-gradient(#ededed, #fff 45%);
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
}
.info_menu001 > .imgBox {
width: 145px;
min-width: 145px;
overflow: hidden;
position: relative;
background: #fff;
}
.info_menu001 > .imgBox img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.info_menu001 > .imgBox + div {
width: 52%;
padding: 13px 25px 20px;
margin: 0 0 -7px;
}

.info_menu001 .appeal {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.info_menu001 .appeal > div {
padding: 5px 7px;
text-align: center;
font-size: 0.8rem;
font-weight: bold;
color: #181818;
border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
}
.info_menu001 .appeal > div span {
font-size: 1.1rem;
}
.info_menu001 .tel {
padding: 5px 0;
text-decoration: none;
-webkit-align-items: center; /* Safari */
align-items: center;
}
.info_menu001 .tel b {
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-size: 3rem;
letter-spacing: 0.05rem;
line-height: 1.4;
color: #ad8007;
}
.info_menu001 .time {
text-align: center;
color: #fff;
font-weight: 800;
font-size: 1.2rem;
background:#ffb000;
}
.info_menu001 .go {
padding: 0 0 0 20px;
margin: 18px 0;
text-align: center;
border-left: 1px solid #eaeaea;
}
.info_menu001 .go p {
padding: 0;
margin: 0 0 15px;
line-height:1.2;
font-weight: 400;
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
}
.info_menu001 .go .info001 {
width: 190px;
min-width: 190px;
text-decoration: none;
margin: 0 auto;
background: rgba(19,48,83,1);
}
.info_menu001 .go .info001:hover {
background: #f55726;
}

/* menuType001
-------------------------------------------------------------- */
.menuType001 {
padding: 2%;
margin: 0 0 2em;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
background: #f4f4f4;
}
.menuType001 > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.menuType001 > .flex_list > div {
width: 24%;
}
.menuType001 a {
padding: 10px 0;
margin: 0 auto;
text-decoration: none;
display: block;
text-align: center;
font-weight: 800;
font-size: 1.1rem;
color: #fff;
border: 2px solid #fff;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
box-shadow: 0 3px 3px rgba(0,0,0,0.1);
background: #bb942c;
}
.menuType001 a span {
margin: 0 3px 0 0;
}
.menuType001 a:hover {
filter:alpha(opacity=100);
opacity: 1;
background: rgba(19,48,83,1);
}

@media screen and (max-width: 720px) {
.menuType001 {
padding: 2% 0;
margin: 0 0 10px;
}
.menuType001 > .flex_list > div {
width: 24.5%;
min-width: 24.5%;
}
.menuType001 a {
height: 50px;
line-height: 48px;
padding: 0;
margin: 0;
font-size: 0.9rem;
letter-spacing: -0.03em;
}
.menuType001 .two a {
padding: 7px 0 0;
line-height: 1.2;
}
.menuType001 a span {
margin: 0;
font-size: 0.73rem;
}
}

.menuType002 {
padding: 7px 3px;
margin: 0;
background: -webkit-linear-gradient(left, #fff, #eee5ba 25%, #eee5ba 75%, #fff);
background: linear-gradient(to right, #fff, #eee5ba 25%, #eee5ba 75%, #fff);
}
.menuType002 > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.menuType002 > .flex_list > div {
width: 25%;
}
.menuType002 a {
height: 44px;
line-height: 42px;
padding: 0 0;
margin: 0 2px;
text-decoration: none;
display: block;
text-align: center;
font-weight: 800;
font-size: 0.85rem;
color: #fff;
border: 2px solid #fff;
border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.1);
box-shadow: 0 3px 3px rgba(0,0,0,0.1);
background: rgba(19,48,83,1);
}
.menuType002 .two a {
padding: 4px 0 0;
line-height: 1.2;
}
.menuType001 a:hover {
filter:alpha(opacity=100);
opacity: 1;
background: rgba(19,48,83,1);
}


/* よくある質問
-------------------------------------------------------------- */
.yokuaru001 {
padding: 0 0 0;
margin: 1% 0 3%;
background: #fffef8;
}
.yokuaru001 dt {
}
.yokuaru001 dt h2 {
padding: 10px 0;
margin: 0;
line-height: 1;
color: #fff;
font-size: 1.2rem;
text-align: center;
border: none;
background: #ffb000;
}
.yokuaru001 dd {
padding: 2%;
border-bottom: 4px solid #e2e2e2;
border-left: 4px solid #e2e2e2;
border-right: 4px solid #e2e2e2;
}
.yokuaru001 dd > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.yokuaru001 dd > .flex_list li {
min-width: 33%;
}
.yokuaru001 dd > .flex_list li a {
color: #50371e;
display: block;
font-weight: 600;
font-size: 1.05rem;
letter-spacing: -0.03em;
padding: 0 0 10px 0;
}
.yokuaru001 dd > .flex_list li:nth-child(2) a,
.yokuaru001 dd > .flex_list li:nth-child(5) a,
.yokuaru001 dd > .flex_list li:nth-child(6) a,
.yokuaru001 dd > .flex_list li:nth-child(7) a
{
letter-spacing: -0.06em;
}
.yokuaru001 dd > .flex_list li a:hover {
color: #ffb000;
text-decolation: underline;
}
.yokuaru001 dd > .flex_list span.icon-arrow002 {
color: #ffb000;
}

/* 枠
-------------------------------------------------------------- */
.waku001 {
padding: 3% 3%;
margin: 3% 0 5%;
border: #dbd8cf 1px solid;
background: #faf8f0;
}
.waku001 > h3 {
margin: 1% 0;
}

.waku002 {
padding: 20px 25px;
border: 1px solid #e9e9e9;
background: #fbfbfb;
}

.waku003 {
padding: 3% 4% 2%;
margin: 0 0 0;
background-size: 150px;
background-image: url(images/bg_syasen.svg);
background-position: 0 0;
background-repeat: repeat;
}

.waku004 {
padding: 3% 4% 2%;
margin: 0 0 0;
background-size: 150px;
background-image: url(images/bg_syasen_yel.svg);
background-position: 0 0;
background-repeat: repeat;
}

/* table
-------------------------------------------------------------- */
.style001 {
font-size: 0.83rem;
margin: 0 0 3%;
line-height: 1.3;
font-family: 'Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.style001 .topLabel {
padding: 12px 3px;
color: #000;
font-weight: bold;
border: #fff 1px solid;
background: #efefef;
}
.style001 th {
padding: 10px 3px;
color: #fff;
font-weight: normal;
border: #fff 1px solid;
border-right: #e9e8e4 1px solid;
border-bottom: #e9e8e4 1px solid;
background: #325270;
}
.style001 td {
padding: 10px 3px;
border: #fff 1px solid;
border-right: #e9e8e4 1px solid;
border-bottom: #e9e8e4 1px solid;
}
.style001 td small {
font-size: 0.8rem;
letter-spacing: -0.05rem;
}

.style001 th a.block {
display: block;
}
.style001 img {
max-width: 100%;
height: auto;
padding: 0;
margin: 0;
border: none;
background-color: #fff;
}
.style002 {
margin: 0 0 5%;
font-size: 1rem;
background: #f9f7f2;
}
.style002 th {
padding: 2% 1%;
border-bottom: #fff 2px solid;
background: #efe7d0;
}
.style002 td{
padding: 8px 0 8px 15px;
border-bottom: #fff 2px solid;
}

.style003 {
margin: 0 0 5%;
font-size: 1rem;
background: #fbf9f9;
}
.style003 th {
padding: 2% 1%;
border-bottom: #fff 2px solid;
background: #f7ebd1;
}
.style003 td{
padding: 8px 0 8px 15px;
border-bottom: #fff 2px solid;
}

@media screen and (max-width: 720px) {
.style001 {
font-size: 0.7rem;
}
.style001 td small {
font-size: 0.6rem;
}
}

/* カラム内装飾
-------------------------------------------------------------- */
.red {
color: #d24223;
}

.ol {
color:#f49417;
}

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

/* footer
-------------------------------------------------------------- */
.footWrapper {
background: linear-gradient(#ededed, #fff 45%);
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
}

.footNav {
background:#6c6249;
}
.footNav ul {
width: 1103px;
margin: 0 auto 0;
}
@media screen and (max-width: 720px) {
.footNav ul {
width: 100%;
}
}


.footNav ul li {
display: block;
margin: 0 2% 0 0;
}
.footNav ul a {
padding: 15px 10px;
margin: 0 0;
font-size: 0.9rem;
display: block;
color: #fff;
}

.foot_nav_main {
width: 1103px;
margin: 0 auto 0;
padding: 3% 0 3%;
}
@media screen and (max-width: 720px) {
.foot_nav_main {
width: 100%;
}
}

.foot_nav_main .logoBox {
width: 22%;
min-width: 22%;
display: block;
color: #37312b;
}
.foot_nav_main .logoBox img {
max-width: 85%;
}
.foot_nav_main .logoBox div {
font-size: 1rem;
margin: 0 0 0 2%;
font-weight: 800;
}

.foot_nav_main .info_menu001 {
width: 78%;
min-width: 78%;
padding: 0;
border: 0;
box-shadow:none;
-webkit-box-shadow:none;
background: none;
background: none;
}
.foot_nav_main .info_menu001 > div:first-child {
width: 65%;
}

.foot_nav_main .info_menu001 .appeal {
width: 100%;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.foot_nav_main .info_menu001 .appeal > div {
width: 28%;
padding: 1% 0;
text-align: center;
letter-spacing: 0.03em;
font-size: 1rem;
}
.foot_nav_main .info_menu001 .appeal > div:nth-child(3) {
width: 38%;
}

.foot_nav_main .info_menu001 .tel b {
font-size: 3.7vw;
letter-spacing: 0.1em;
whtie-space: nowrap;
}
@media screen and (min-width: 1600px) {
.foot_nav_main .info_menu001 .tel b {
font-size: 60px;
}
}
.foot_nav_main .info_menu001 .go {
padding: 3% 0 0 3%;
margin-left: 3%;
text-align: center;
border-left: 1px solid #eaeaea;
}

/* align
-------------------------------------------------------------- */
.alignright { float: right; margin-left: 2%; }
.right { text-align: right; margin-right: 2%;}

.alignleft { float: left; margin-right: 2%; margin-bottom: 1%; }

@media screen and (max-width: 720px) {
.alignright { float: right; margin-left: 3%; }
.alignleft { float: left; margin-right: 3%; margin-bottom: 1%; }
img.alignright { max-width: 35%; }
img.right { max-width: 35%;}
}

.page-id-148 .alignright { /* 選ばれる理由*/
margin-top: 20px;
}

/* goTop
-------------------------------------------------------------- */
.goTop {
z-index:9999;
position: fixed;
bottom: 15px;
right: 0;
}
.goTop a {
width: 90px;
height:50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
font-size: 0.7rem;
line-height: 1.1;
margin: 0;
font-weight: bold;
background: rgba(19,48,83,0.8);
}
.goTop a.more::before{
width: 4px;
height: 4px;
top: 5px;
left: 18px;
border-top: 3px solid #25B9A8;
border-right: 3px solid #25B9A8;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.goTop a.line-btn {
display: none;
margin-bottom: 10px;
white-space: nowrap;
background: rgba(6,199,85,0.9);
line-height: 1.3;
}
@media screen and (max-width: 720px) {
.goTop a.line-btn {
display: flex;
}
}



/* breadcrumb
-------------------------------------------------------------- */
.breadcrumb {
width: 1103px;
font-family: "メイリオ" , Meiryo, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ;
padding: 10px 0 0;
margin: 0 auto;
font-size: 0.71rem;
letter-spacing: 0.03em;
position: relative;
}
@media screen and (max-width: 720px) {
.breadcrumb {
width: 100%;
}
}
.breadcrumb a {
font-family: "メイリオ" , Meiryo, "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ;
color: #000;
text-decoration: underline;
}
.breadcrumb a:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}
.breadcrumb > a:first-child {
padding: 0 0 0 15px;
background-size: 12px;
background-image: url(images/home.svg);
background-position: 0 2px;
background-repeat: no-repeat;
}

/* previous-next
-------------------------------------------------------------- */
.previous-next {
padding: 3%;
}
.previous-next .previous {
width: 49%;
float: left;
}
.previous-next .next {
width: 49%;
text-align: right;
float: right;
}

/* page_navi
-------------------------------------------------------------- */
.page_navi {
padding: 0;
margin: 4% 0;
line-height: 1;
text-align: center;
letter-spacing: 1px;
font-size: 0.83rem;
color: #3b4637;
}
.page_navi span.page-numbers {
margin: 0 10px 12px 0;
border: #CCC 1px solid;
display: inline-block;
}
.page_navi a.page-numbers {
padding: 10px 12px;
margin: 0 10px 12px 0;
border: #efefef 1px solid;
display: inline-block;
color: #fff;
background: #8c8f8b;
}
.page_navi a.page-numbers:hover {
background: #e9e7e0;
color: #565353;
text-decoration: none;
border: #efefef 1px inset;
}

.page_navi span.current,
.page_navi span.dots {
border: none;
color: #565353;
font-weight: bold;
}

.page_navi a.prev, .page_navi a.next{
width: 80px;
background: #133053;
}


/* flex解除
-------------------------------------------------------------- */
@media screen and (max-width: 720px) {
body{
margin-top: 62px;
}
body.home {
}

.pc {
display: none;
}
.sma {
display: block;
}

#head {
z-index: 1000;
position: fixed;
top:0;
left:0;
}

h1.homeH1 {
width: 53%;
font-size: 0.6rem;
letter-spacing: -0.03em;
position: absolute;
top: 2px;
left: 0;
}

.logo {
margin-right: 0;
margin-top: 18px;
}
.logo strong {
letter-spacing: -0.1em;
font-size: 0.8rem;
}
.logo b {
font-size: 0.9rem;
}
.logo small img {
margin-top: 3px;
max-width: 80%;
}
#head .infoBox,
#head .numBox .jikan,
#head .numBox .freeNum
{ display: none; }

#head .info {
padding: 5px 7px;
margin-left: auto;
font-size: 0.6rem;
}

#head .numBox {
width: auto;
min-width: auto;
margin-left: auto;
}
#head .numBox a div:nth-child(1) {
width: initial;
min-width: initial;
margin: 0 auto;
}
#head .numBox a {
width: 50px;
height: 50px;
text-align: center;
position: fixed;
top: 7px;
right: 134px;
border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-align-items: center; /* Safari */
align-items: center;
border: 1px solid #b4a66c;
background: linear-gradient(#faf7e6, #faf1c6 45%);
background: -webkit-gradient(linear, left top, left bottom, from(#faf7e6), to(#faf1c6));
}
#head .numBox a img {
max-width: 90%;
margin: 2px 0 0;
}

.menu-btn {

}
.menu-btn img {
width: 65px;
vertical-align: middle;
}
.menu-btn div {
width: 36px;
height: 20px;
margin: 7px auto;
position: relative;
}
.bar {
width: 100%;
height: 5px;
display: block;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: left top;
transform-origin: left top;
background: #6c6249;
position: absolute;
top: 0;
left: 0;
}
.bar.middle {
top: 50%;
opacity: 1;
}
.bar.bottom {
top: 100%;
-webkit-transform-origin: 5px bottom;
transform-origin: 5px bottom;
}
.menu-btn_text {
width: 45px;
text-align: center;
position: absolute;
top: 120%;
left: -3px;
font-size: 0.7rem;
letter-spacing: 0rem;
margin: auto;
color: #6c6249;
-webkit-transition: all .5s;
transition: all .5s;
display: block;
visibility: visible;
opacity: 1;
}

.closeBtn {
z-index: 7000;
width: 100%;
height: 0;
overflow: hidden;
position: fixed;
top: 65px;
left: 0;
background: rgba(0,0,0,0.6);
}
.gNav {
z-index: 8000;
width: 80%;
height: 0;
overflow: hidden;
border: none;
-webkit-transition: all .2s;
transition: all .2s;
position: fixed;
top: 65px;
left: 0;
}
.gNav ul {
z-index: 8000;
width: 100%;
border-top: 3px solid #bb942c;
display: block;
}
.gNav ul li {
width: 100%;
text-align: left;
}
.gNav ul a {
padding: 3% 0 3% 3%;
border-bottom: 1px solid #bb942c;
}
.gNav.open {
height: 80vh;
overflow: visible;
}
.closeBtn.open {
height: 100vh;
overflow: hidden;
}

.info_menu001 {　/*共通の問い合わせボックス*/
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.info_menu001 > .imgBox {
display: none;
}
.info_menu001 > .imgBox + div {
width: 100%;
padding: 10px;
}
.info_menu001 .appeal {
-webkit-justify-content: center; /* Safari */
justify-content: center;
}
.info_menu001 .appeal > div {
padding: 5px 3px;
margin: 0 5px;
}
.info_menu001 .appeal > div span {
font-size: 0.8rem;
}
.info_menu001 .tel {
padding: 8px 0 0;
margin: 10px 0 8px;
-webkit-justify-content: center; /* Safari */
justify-content: center;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
border: 3px solid #fff;
font-weight: 800;
box-shadow: 0 0px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.4);
}
.info_menu001 .tel img {
width: 50px;
}
.info_menu001 .tel b {
font-size: 2.5rem;
}
.info_menu001 .time {
z-index:1;
height: 40px;
line-height: 40px;
font-size: 1rem;
display: block;
color: #fff;
background: -webkit-linear-gradient(left, #fafafa, #ffb000 25%, #ffb000 75%, #fafafa);
background: linear-gradient(to right, #fafafa, #ffb000 25%, #ffb000 75%, #fafafa);
}
.info_menu001 .go {
width: 100%;
padding: 0 0 0;
margin: 7px 0 15px;
}
.info_menu001 .go br { display: none; }
.info_menu001 .go .info001 {
width: 300px;
min-width: 300px;
font-size: 1.5rem;
background: #f55726;
}
.info001 > div {
padding: 10px 0 7px;
}

.tapT {
width: 100%;
text-align: center;
font-size: 0.8rem;
border-top: 1px solid #fff;
color: #f55726;
padding: 4px 0 7px;
background: #fff;
}

.scroll {　/*スクロールバー*/
margin: 15px 0;
padding: 0 3% 0 0;
max-height: 300px;
overflow-y: scroll;
border: none;
border-top: 3px solid #000;
border-bottom: 2px solid #f4f4f4;
background: #f4f4f4;
background: linear-gradient(#fff, #f4f4f4 70%);
}
.scroll::-webkit-scrollbar{
width: 15px;
}
.scroll::-webkit-scrollbar-thumb{
background: #4c7e30;
border-radius: 10px;
}
.scroll::-webkit-scrollbar-track-piece:start{
background: #e8e8e8;
}
.scroll::-webkit-scrollbar-track-piece:end{
background: #fff;
}

.wrapper {
z-index: 1;
display: block;
margin: 14px auto 0;
}

.contein {
z-index: 1;
width: 98%;
margin: 0 auto 40px;
}

.sideArea {
width: 100%;
padding: 3px 0 0;
margin: 0 3% 0 0;
border: none;
background: #fffef8;
}
.sideArea .infoBox > img {
width: 37%;
margin: 0 3px 0;
float: left;
border: 2px solid #e3e3e3;
}
.sideArea .infoBox .tel {
padding: 20px 0 0;
margin: 0 0 3px;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.sideArea .infoBox .tel div:nth-child(1) {
}
.sideArea .infoBox .tel div:nth-child(2) {
}
.sideArea .infoBox .tel + div:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.sideArea ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.sideArea li {
width: 50%;
min-width: 50%;
}
.sideArea li a {
height: 73px;
overflow: hiden;
display: block;
padding: 2% 0 2% 10%;
}
.sideArea .subMenu,
.sideArea .subMenu02 {
border: none;
padding: 0;
margin: 0;
}
.sideArea .subMenu a:first-child,
.sideArea .subMenu a:last-child,
.sideArea .subMenu a,
.sideArea .subMenu02 a {
padding: 3% 1% 3% 4%;
}
.sideArea .subMenu br {
display: none;
}


.footNav {
}
.foot_nav_main {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-flex-wrap: wrap-reverse; /* Safari */
flex-wrap: wrap-reverse;
}
.foot_nav_main .logoBox {
width: 100%;
padding: 3% 0 0 3%;
color: #6c6249;
line-height: 1.4;
border-top: 2px solid #6c6249;
}
.foot_nav_main .logoBox b,
.foot_nav_main .logoBox small,
.foot_nav_main .logoBox div {
font-weight: 400;
line-height: 1.4;
font-size: 0.75rem;
}
.foot_nav_main .logoBox b {
font-size: 1rem;
}
.foot_nav_main .info_menu001 {
width: 100%;
min-width: 100%;
}
.foot_nav_main .info_menu001 .appeal {
width: 100%;
margin: 0 auto;
}
.foot_nav_main .info_menu001 .appeal > div {
width: 25%;
letter-spacing: -0.00em;
font-size: 0.85rem;
}
.foot_nav_main .info_menu001 .appeal > div:nth-child(3) {
width: 42%;
}
.foot_nav_main .info_menu001 .appeal > div span {
font-size: 0.85rem;
}
.foot_nav_main .info_menu001 .tel {
width: 95%;
margin: 8px auto;
}
.foot_nav_main .info_menu001 .tel b {
font-size: 2.2rem;
letter-spacing: 0.02em;
}
.foot_nav_main .info_menu001 > div:first-child {
width: 100%;
}
.foot_nav_main .info_menu001 .go {
padding: 0;
margin-left: 0;
border: none;
}

header:not(#head) h1 {
padding: 25px 0 20px;
font-size: 1.5rem;
line-height: 1.4;
}

body:not(.home) h2 {
padding: 1% 0;
margin: 3% auto 1%;
font-size: 1.3rem;
line-height: 1.5;
color: #795c0e;
font-weight: 800;
border-bottom: solid 3px #f1e2ba;
position: relative;
}

h3.type001 {
font-size: 1rem;
padding: 10px 7px;
}
h3.type001 span {
min-width: 90px;
padding: 3% 0;
}

.cont001 > .flex_list {
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}

.cont001 > .flex_list li {
min-width: 105px;
}
.cont001 > .flex_list li > a {
height: 140px;
}
.cont001 > .flex_list .imgBox + h2 {
height: 60px;
padding: 0 8px;
font-size: 0.8rem;
line-height: 1.4;
border-bottom: 2px solid #f3f3f3;
}
.cont001 > .flex_list li.smaho_in h2 {
padding: 0;
}
.cont001 > .flex_list li.smaho_in h2 span.icon-arrow004 {
width: 15px;
display: inline-block;
}
.cont002 .coment > div + div p:nth-child(1) {
font-weight: 800;
}
.cont002 .coment > div + div .sma_orenge {
color: #f78c00;
}
.cont002 .yokuaru001 dd > .flex_list {
-webkit-flex-direction: column; /* Safari */
flex-direction: column;
}
.cont002 .yokuaru001 dd > .flex_list li {
width: auto;
display: block;
font-weight: 600;
font-size: 1.27rem;
letter-spacing: 0;
color: #50371e;
}
.cont002 .yokuaru001 dd > .flex_list li a {
padding: 7px 0;
font-size: 1.05rem;
text-align: center;
border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #b4a66c;
background: linear-gradient(#faf7e6, #faf1c6 45%);
background: -webkit-gradient(linear, left top, left bottom, from(#faf7e6), to(#faf1c6));
}
.cont002 .yokuaru001 dd > .flex_list li.orenge a {
color: #fff;
border: 2px solid #ff6b00;
background: #ff6b00;
}


.cont003 > .flex_list {
}
.cont003 > .flex_list div:nth-child(1) {
display: none;
}
.cont003 h2 span {
width: 80px;
min-width: 80px;
letter-spacing: 0.00em;
}

.cont004 ul {
display: block;
}
.cont004 ul li {
width: 100%;
min-width: 100%;
}
.cont004 ul li a dl {
height: 200px;
position: relative;
}
.cont004 dt {
overflow: hidden;
background: linear-gradient(#faf7e6, #fff 45%);
background: -webkit-gradient(linear, left top, left bottom, from(#faf7e6), to(#fff));
}
.cont004 dt h2 {
line-height: 1.2;
}
.cont004 dd{
background: none;
}
.cont004 dd.subtitle {
width: 68%;
height: auto;
padding: 0;
position: absolute;
top: 60px;
right: 0;
background: #fff;
}
.cont004 dd > div:nth-child(1) { /* 詳細へ*/
position: absolute;
bottom: 10px;
right: 0;
}
.cont004 dd > div:nth-child(2) { /* 画像部分 */
position: absolute;
top: 60px;
left: 10px;
}
.cont004 dd .more {
margin: 2% 0 6%;
position: static;
}



.cont005 > .flex_list li {
width: 50%;
min-width: 50%;
}
.cont005 > .flex_list li a h2 {
font-size: 0.88rem;
height: 52px;
}

.cont007 > .flex_list {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.cont007 > .flex_list li {
width: 49%;
min-width: 49%;
margin: 0 0 5px;
}
.cont007 dt > h2 {
font-size: 0.88rem;
min-height: 52px;
max-height: 52px;
}

.cont008 {
height: 580px;
}
.cont008 > .flex_list {
-webkit-justify-content: flex-start; /* Safari */
justify-content: flex-start;
position: absolute;
top: 20%;
left: 0;
}
.cont008 > .flex_list li {
width: 33.3%;
min-width: 33.3%;
font-size: 0.78rem;
}
.cont008 > .flex_list li:nth-child(4),
.cont008 > .flex_list li:nth-child(8) {
border-right: 1px solid #dedede;
}
.cont008 > .flex_list li:nth-child(5),
.cont008 > .flex_list li:nth-child(6) {
border-bottom: 1px solid #dedede;
}
.cont008 > .flex_list li span {
font-size: 1rem;
}
.cont008 a.more {
padding: 10px 30px;
margin: 0 0 30px;
line-height: 1.4;
}

.cont009 > .flex_list {
display: block;
}
.cont009 > .flex_list li {
width: 100%;
min-width: 100%;
}
.cont009 dl dt {
letter-spacing: 0.03em;
}
.cont009 dl dt span {
font-size: 1.2rem;
}
.cont009 > .flex_list li:nth-child(1) dl dt {
letter-spacing: -0.05em;
}
.cont009 dl dd p {
padding: 0 5px 5px 0;
}
.cont009 .more {
position: static;
margin: 0 0 5px;
margin-left: auto;
}


.cont010 > .flex_list li {
width: 50%;
min-width: 50%;
}
.cont010 > .flex_list li.flowT {
width: 100%;
min-width: 100%;
padding: 5% 3%;
margin: 10px 0;
border: none;
border: 2px solid #f9dca3;
background: #faf9ef;
}
.cont010 > .flex_list li.flowT p {
line-height: 1.4;
margin: 0 0 0;
font-size: 1rem;
}





}



.line-banner {
position: fixed;
z-index: 10000;
top: 520px;
right: 20px;
}
.line-banner a {
display: block;
}
.line-banner a img {
width: 220px;
border: none;
background-color: transparent;
}
.line-banner .close img {
position: absolute;
z-index: 2;
top: -5px;
right: -10px;
width: 24px;
border: none;
background-color: transparent;
}
.line-banner .close img:hover {
cursor: pointer;
}

@media screen and (max-width: 1555px) {
.line-banner {
right: 20px;
}
}
@media screen and (max-width: 720px) {
.line-banner {
display: none;
}
}

@media screen and (max-width: 720px) {
#head .flex_list .tel-btn,
#head .flex_list .chat-btn {
display: flex;
align-items: center;
margin-left: 0;
}
}
#head .flex_list .tel-btn img,
#head .flex_list .chat-btn img {
width: 65px;
vertical-align: middle;
border: none;
padding: 0;
}
#head .flex_list .tel-btn {
margin: 0 5px;
}
#head .flex_list .col .menu-btn {
margin-right: 5px;
margin-left: 0;
}
#head .flex_list .col .menu-btn img {
border: none;
padding: 0;
}

#head .sp-logo {
margin: 0 10px 0 20px;
}
#head .sp-logo img {
border: none;
width: 100px;
vertical-align: middle;
}
#head .flex_list .col {
display: flex;
align-items: center;
justify-content: space-between;
}