@charset "UTF-8";

/* minjishintaku
------------------------------------------------------------*/

#mainct.gyomu h2.minjishintaku_title { background: url("../img/minjishintaku/title_minjishintaku.jpg") no-repeat; }

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

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

#minjishintaku_recommend {
margin: 20px 0 24px 0;
}

#minjishintaku_recommend ul {
display: flex;
flex-flow: wrap;
justify-content: space-between;
}

#minjishintaku_recommend li {
width: 32%;
margin: 0 0 2% 0;
padding: 16px 0;
font-size: 16px;
line-height: 1.8;
text-align: center;
box-sizing: border-box;
border: solid 2px #80d022;
border-radius: 5px;
background: linear-gradient(to bottom, #fff, #e3f6e3);
}

#minjishintaku_recommend li span.point {
color: #469b24;
font-weight: 500;
font-size: 18px;
}

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

#minjishintaku_trouble p {
margin: 0;
padding: 0;
width: auto;
text-align: center;
color: #5c3d25;
font-weight: 500;
font-size: 16px;
}

#minjishintaku_trouble p span.marker {
background:linear-gradient(transparent 60%, #edca0d 60%);
padding-left: 1em;
}

#minjishintaku_trouble ul {
display: flex;
flex-flow: wrap;
justify-content: space-between;
margin: 40px 0 0 0;
}

#minjishintaku_trouble li {
width: 32%;
margin: 0 0 2% 0;
padding: 28px 8px 16px;
font-size: 16px;
line-height: 1.8;
color: #5c3d25;
text-align: center;
box-sizing: border-box;
border: solid 2px #f2b544;
border-radius: 5px;
background: linear-gradient(to bottom, #fff, #fffadf);
position: relative;
}

#minjishintaku_trouble li span.point {
position: absolute;
font-weight: 500;
border-radius: 40px;
font-size: 24px;
width: 40px;
height: 40px;
line-height: 40px;
top: -20px;
left: calc(50% - 20px);
background: #f2b544;
color: #fff;
}

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

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

#minjishintaku_qa input {
display: none;
}

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

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

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

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

#minjishintaku_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;
}

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

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

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

#minjishintaku_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;
}

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

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

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

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

#minjishintaku_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;
}

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

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

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

#minjishintaku_greeting {
margin: 20px 0 0 0;
display: flex;
justify-content: space-between;
}

#minjishintaku_greeting .profile {
width: 260px;
}

#minjishintaku_greeting .profile img {
width: 240px;
height: auto;
border: solid 1px #e2d6c7;
margin: 20px 0 0 0;
}

#minjishintaku_greeting .profile p {
color: #469b24;
margin: 0;
padding: 0;
line-height: 1.4;
text-align: center;
}

#minjishintaku_greeting .profile p.title {
font-size: 14px;
margin: 8px 0 0 0;
}

#minjishintaku_greeting .profile p.name {
font-size: 18px;
font-weight: 500;
}

#minjishintaku_greeting .para {
width: 530px;
}

#minjishintaku_greeting .para p {
width: auto;
margin: 0;
padding: 0 16px 0 0;
font-size: 14px;
text-align: justify;
line-height: 1.8;
}



/* End minjishintaku */