@charset "utf-8";
/*------base------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 16px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-family: "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
color: #4c4c4c;
box-sizing: border-box;
}
a{
color: #542e08;
}
a:hover{
color: #db5e81;
}
a img{
transition: 0.5s;
}
a img:hover{
opacity: 0.75;
}
.bread{
 background: #fff;
}
.breadcrumb {
margin-left:0;
padding: 5px 0px;
overflow: hidden;
}
.breadcrumb li{
display:inline;/*横に並ぶように*/
list-style: none;
font-size: 14px;
}
.breadcrumb li span{
font-size: 14px;
}
.breadcrumb li:after {
/* >を表示*/
font-family: FontAwesome;
content: '\f101';
padding: 0 3px 0 10px;
color: #8186a0;
}
.breadcrumb li:last-child:after {
content: '';
}
.breadcrumb li a{
text-decoration: none;
}
.breadcrumb li:first-child a:before {/*家アイコンに*/
font-family: FontAwesome;
content: '\f015';
font-weight: normal;
}
.breadcrumb li a:hover {
color: #db5e81; 
}
.flex_box{
display: flex;
flex-wrap: wrap;
}
.head_block{
background-color: #eaeaea;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
height: 80px;
position: relative;
z-index: 999;
}
.head_contents .flex_box{
align-items: center;
justify-content: space-between;
}
.footer_block .flex_box, .bnr_contents .flex_box{
justify-content: space-between;
}
.head_contents{
width: 1024px;
margin: 0 auto;
}
.inner, .fv_contents{
width: 1024px;
margin: 0 auto;
}
.inner.faq_contents .faq_box{
background-color: #e8dfe2;
border-radius: 6px;
padding: 2em;
}
.head_contents .flex_box .logo{
width: 140px;
}
.head_contents .flex_box .menu{
text-align: right;
width: 60%;
padding-right: 1em;
}
.head_contents .flex_box .mail{
width: 250px;
}
p.r_txt{
text-align: right;
}
p.r_txt a{
font-size: 14px;
}
.cv_box{
background-image: url(/img/cv_bg.png);
background-repeat: no-repeat;
background-position: top center;
margin-top: 1em;
}
.cv_box h2{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 1.6em;
color: #fff;
font-weight: 700;
line-height: 1.3;
text-align: center;
padding: .75em 0 .5em;
}
.cv_box p.tel_time{
background-color: #e8dfe2;
text-align: center;
padding: .35em 0;
margin: .55em 0 .3em 0;
}
.cv_box p.holiday{
font-size: 14px;
text-align: center;
padding-bottom: 29px;
}
.cv_box .tel_contents{
margin-left: 200px;
}
.cv_box .mail_contents{
margin: .3em 1em .7em 1.25em;
}
.cv_box .mail_contents img{
margin: 5px 0;
}
.footer_block{
background-color: #e8dfe2;
margin-top: 2em;
}
.company_contents{
width: 210px;
}
.company_box{
font-size: 14px;
line-height: 1.5;
margin: -7px 0 7px 0;
padding: 0;
}
.bnr_contents{
width: 780px;
margin-top: 10px;
}
.bnr_contents .sub_menu{
text-align: right;
font-size: 14px;
}
.bnr_contents .sub_menu a{
font-size: 14px;
}
#copyright{
background-color: #3d271d;
text-align: center;
font-size: 12px;
color: #fff;
padding: 2px 0;
}
#copyright a{
font-size: 12px;
color: #fff;
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #db5e81;
  opacity: 0.6;
  border-radius: 6px 6px 0 0;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.qa-007 {
    max-width: 100%;
    margin-bottom: 15px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-007 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-007 summary::before,
.qa-007 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-007 summary::before {
    color: #db5e81;
    content: "Q";
}

.qa-007 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-007[open] summary::after {
    transform: rotate(225deg);
}

.qa-007 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-007[open] p {
    transform: none;
    opacity: 1;
}

.qa-007 p::before {
    color: #8EB83C;
    line-height: 1.2;
    content: "A";
}
.reason_box{
width: 32.75%;
border: 1px solid #aaaaaa;
padding: .5em;
border-radius: 4px;
}
.reason_box img{
width: 100%;
border-radius: 4px;
}
.reason_box h3{
text-align: center;
font-weight: 700;
color: #3d271d;
padding: .2em 0 .35em;
font-size: 18px;
}
.reason_box p{
line-height: 1.5;
padding: .25em 0 .5em .5em;
}
.flow_design03 {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
width: 85%;
}
.flow_design03 ul {
padding: 0;
}
.flow_design03 li {
list-style-type: none;
}
.flow_design03 dd {
margin-left: 0;
line-height: 1.75;
}
.flow03 {
position: relative;
}
.flow03::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -129px;
display: block;
position: absolute;
top: 0;
left: 120px;
border-radius: 20px;
}
.flow03 > li {
position: relative;
}
.flow03 > li:not(:last-child) {
margin-bottom: 60px;
}
.flow03 > li .icon03 {
font-size: 0.8em;
width: 2em;
height: 2em;
line-height: 2;
text-align: center;
font-weight: bold;
border-radius: 100vh;
color: #fff;
background: #db5e81;
display: inline-block;
margin-right: 0.3em;
}
.flow03 > li dl {
padding-left: 70px;
position: relative;
}
.flow03 > li dl::before,
.flow03 > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}
.flow03 > li dl::before {
width: 7px;
height: 7px;
margin-top: -3px;
background: #db5e81;
border-radius: 50%;
left: -4px;
}
.flow03 > li dl::after {
width: 50px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}
.flow03 > li dl dt {
font-size: 1.3em;
font-weight: 600;
color: #db5e81;
margin-bottom: 0.5em;
display: flex;
align-items: center;
}
.memo_box {
margin: 2em auto;
padding:1em 2em 2em;
background-color: #E8EAF0; /* 背景色 */
border-radius:1px;/*ボックス角の丸み*/
line-height: 1.75;
}
.memo_box .box-title {
color: #b4bbce ; /* タイトル文字色 */
font-size: 18px;
font-weight: bold;
}
.memo_box .box-title:before {
font-family: "Font Awesome 5 Free";
content: "\f304";
font-size: 18px;
margin: 0 3px 0 0;
font-weight: bold;
}
.futomi{
font-size: 0;
}
.futomi img{
width: 0;
height: 0;
}