@charset "UTF-8";
 .about_problem {background: #3a3531;text-align: center;padding: 38px 0 32px;margin: 30px auto;}
.about_problem h2 {margin-bottom: 48px;}
.about_problem h2 img {margin: 0 auto;}
.about_problem li {display: inline-block;margin: 0 7px 15px;}
.epi_midashi {background: #3a3531;position: relative;padding: 15px 0 31px; margin-bottom: 44px;}
.epi_midashi:after {content: "";border-top: 24px solid #3a3531;border-right: 55px solid rgba(0, 0, 0, 0);border-left: 55px solid rgba(0, 0, 0, 0);position: absolute;left: calc(50% - 55px);bottom: -24px;}
.epi_midashi img {margin: 0 auto;}
.epi_graph img {float: left;}
.epi_graph ul {float: right;width: 560px;font-size: 19px;padding: 55px 0 0;}
.epi_graph li {font-weight: bold;position:relative;padding-left: 75px;margin-bottom: 12px;}
.epi_graph li:before {content: "";width: 61px;height: 100%;position:absolute;left: 0;top: 0;}
.epi_graph li:nth-child(1):before {background: #af950f;}
.epi_graph li:nth-child(2):before {background: #e93a70;}
.epi_graph li:nth-child(3):before {background: #b0cfca;}
.epi_graph li:last-child {padding-left: 0; margin: 30px 0 0;}
.epi_graph li:last-child:before {display: none;}
.epi_graph_p {margin: 30px 0 40px;font-weight: bold;}
.all_problem {font-size: 0;margin-bottom: 50px;}
.all_problem dl {font-size: 14px;padding: 11px;max-width: 306px;min-height: 332px;display: inline-block;vertical-align: top;margin-right: 21px;border: 1px dashed;}
.all_problem dl:last-child {margin-right: 0;}
.all_problem dd {margin-top: 20px;min-height: 126px;position: relative;}
.all_problem a {position: absolute;bottom: 0;background: #3a3531;color: #fff;text-align: center;padding: 9px 0;width: 100%;}
.all_problem a:after {content: ">>"; margin-left: 10px; font-size: 80%; position:relative; top: -1px;}
.about_reason {background: #3a3531;padding: 20px;margin-top: 30px;}
.about_reason img.title { margin: 0 auto 30px;}
.about_reason li { background: #FFF; border: 2px solid #ae960e; padding: 20px; margin-bottom: 20px;}
.about_reason li p.ttl img { display: inline-block; width: 83px;}
.about_reason li p.ttl span {  display: inline-block; width: 750px; vertical-align: top;font-size: 26px; padding: 20px 0 0 20px; color: #000; font-weight: bold;font-family: 'Noto Serif JP',  游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;border-bottom: dotted 1px #817e7c;}
.about_reason li p.txt {padding: 10px;font-size: 16px;}
.about_reason li img.photo { float: right; margin: 0 0 20px 20px;}
.text_box .staff_p {font-size: 1.6rem;padding: 10px 0;}
.text_box .staff_a {margin-top: 10px;float: left;background: #3a3531;color: #fff;width: 285px;text-align: center;padding: 8px 0;}
.text_box .staff_a:after {content: ">>"; margin-left: 10px; font-size: 80%; position:relative; top: -1px;}
@media screen and (max-width: 736px) { .main-contents {width: 96%;margin: 0 auto;}
.about_problem {padding: 5% 2%;margin: 5% auto;}
.about_problem h2 {width: 90%;margin: 0 auto 5%;}
.about_problem li{margin: 0 1% 2%;width: 47%;}
.epi_midashi {padding: 4% 0 5%;margin-bottom: 44px;}
.epi_midashi:after {content: "";border-top: 24px solid #3a3531;border-right: 55px solid rgba(0, 0, 0, 0);border-left: 55px solid rgba(0, 0, 0, 0);position: absolute;left: calc(50% - 55px);bottom: -24px;}
.epi_midashi img {width: 90%;}
.epi_graph img {float: none;width: 70%;margin: 0 auto;}
.epi_graph ul {float: none;width: 100%;font-size: 4vw;padding: 5% 0 0;}
.epi_graph li {padding-left: 20%;margin: 0 auto 3%;width: 70%;}
.epi_graph li:before {width: 25%;}
.epi_graph li:last-child {padding-left: 0;margin: 5% 0 0;width: auto;}
.epi_graph_p {margin: 3% auto;}
.all_problem {margin-bottom: 5%;}
.all_problem dl {font-size: 4vw;padding: 3%;max-width: none;min-height: auto;display: block;margin: 0 auto 5%;}
.all_problem dl:last-child {margin-right: 0;}
.all_problem dt img {margin: 0 auto; width: 70%;}
.all_problem dd {margin-top: 4%;min-height: auto;position: relative;}
.all_problem a {position: relative;margin-top: 2%;}
.text_box .txt2 {font-size: 1.6rem;}
.text_box .staff_p {font-size: 4vw;padding: 2% 0;}
.text_box .staff_a {margin: 3% auto 0;float: none;width: 70%;}
.text_box img.img_l { float: none;    margin: 0 auto 0;}
}