@charset "UTF-8";

/* souzokutouki
------------------------------------------------------------*/

#mainct.gyomu h2.souzokutouki_title { background: url("../img/souzokutouki/title_souzokutouki.jpg") no-repeat; }

#souzokutouki_gimu {
margin: 20px 0 40px;
background: #eff8ec;
border-radius: 5px;
text-align: center;
}

#souzokutouki_gimu p {
color: #469b24;
font-weight: 500;
font-size: 18px;
margin: 0;
padding: 16px 16px 0;
text-align: center;
}

#souzokutouki_soudan {
margin: 20px 0 40px 0;
text-align: center;
}

#souzokutouki_soudan ul {
list-style: none;
display: inline-block;
text-align: left;
}

#souzokutouki_soudan ul li {
font-size: 16px;
line-height: 1.5;
margin: 0.5em 0 0 0;
position: relative;
padding-left: 1.5em;
}

#souzokutouki_soudan ul li:before {
content: "";
position: absolute;
width: 3px;
height: 7px;
top: 6px;
left: 6px;
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
border-right: 2px solid #f2b544;
border-bottom: 2px solid #f2b544;
}

#souzokutouki_soudan ul li:after {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #f2b544;
border-radius: 2px;
box-sizing: border-box;
}

#souzokutouki_taiou {
margin: 20px 0 40px 0;
}

#souzokutouki_taiou p {
width: auto;
font-size: 14px;
line-height: 1.8;
margin: 0;
padding: 0 20px;
}

#souzokutouki_taiou p + p {
padding-top: 1em;
}

.otoiawase {
display: flex;
align-items: flex-end;
justify-content: center;
margin: 20px 0 0 0;
}

.otoiawase a {
display: block;
margin: 0 30px;
}

.otoiawase img {
height: auto;
}

.otoiawase a.btn_tel {
pointer-events: none;
}

.otoiawase a.btn_tel img {
width: 266px;
}

#common_qa {
margin: 20px 0 40px;
}

#common_qa ul {
margin: 0;
padding: 0;
}

#common_qa input {
display: none;
}

#common_qa li {
box-sizing: border-box;
margin: 0 0 20px 0;
padding: 0;
border: solid 1px #80d022;
line-height: 1.8;
}

#common_qa .ac_cap {
font-size: 14px;
display: block;
cursor: pointer;
padding: 18px 3em;
box-sizing: border-box;
transition: 0.6s;
background: #fff;
position: relative;
}

#common_qa input:checked ~ .ac_cap {
background-color: #80d022;
color: #ffffff;
}

#common_qa .ac_cap:hover {
background-color: #80d022;
color: #ffffff;
}

#common_qa .ac_cap:before {
content: "Q.";
color: #469b24;
position: absolute;
font-weight: 500;
top: 18px;
left: 14px;
font-size: 16px;
line-height: 1.5;
transition: 0.6s;
}

#common_qa .ac_cap:hover:before {
color: #ffffff;
}

#common_qa input:checked ~ .ac_cap:before {
color: #ffffff;
}

#common_qa .ac_cap p {
padding: 0;
margin: 0;
color: inherit;
line-height: inherit;
}

#common_qa .ac_cap:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
border: 0px;
border-bottom: solid 2px #469b24;
border-right: solid 2px #469b24;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: 0.6s;
bottom: 28px;
right: 18px;
}

#common_qa .ac_cap:hover:after {
border-bottom: solid 2px #ffffff;
border-right: solid 2px #ffffff;
}

#common_qa input:checked ~ .ac_cap:after {
transform:rotate(-135deg);
border-bottom: solid 2px #ffffff;
border-right: solid 2px #ffffff;
bottom: 26px;
}

#common_qa .ac_cont {
font-size: 14px;
height: 0;
overflow: hidden;
padding: 0 3em;
box-sizing: border-box;
position: relative;
transition: all 0.6s;
}

#common_qa input:checked ~ .ac_cont {
height: auto;
box-sizing: border-box;
padding: 18px 3em; /* for transition */
}

#common_qa .ac_cont:before {
content: "A.";
color: #469b24;
position: absolute;
font-weight: 500;
top: 0;
left: 14px;
font-size: 16px;
line-height: 1.5;
transition: 0.6s;
}

#common_qa input:checked ~ .ac_cont:before {
top: 18px;
}

#common_qa .ac_cont p {
text-align: justify;
line-height: 1.8;
padding: 0;
margin: 0;
width: auto;
}

#common_qa .ac_cont p + p {
padding-top: 8px;
}

#souzokutouki_link {
margin: 20px 20px 40px;
}

#souzokutouki_link p {
width: auto;
font-size: 14px;
line-height: 1.8;
margin: 0;
text-indent: -1em;
padding: 0 0 0 1em;
}

#souzokutouki_link p + p {
padding-top: 1em;
}

#souzokutouki_link p a {
color: #282828;
border-bottom: solid 1px #282828;
}

#souzokutouki_link p a:hover {
color: #E72162;
opacity: 1;
border-bottom: solid 1px #E72162;
}

/* End souzokutouki */