@charset "utf-8";

#problem{
    background: url(../img/bg_problem.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 60px 0;
}
#problem .wrap{
    width: 1000px;
    margin: auto;
}
#problem h2{
    margin-bottom: 40px;
}
#problem h2 .s_txt{
    font-size: 1.6rem;
}
#problem h2 .cor {
    color: #009245;
}
#problem .problem_w ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#problem .problem_w li{
    width: 30%;
    font-weight: bold;
    display: inline-block;
    background: #fff;
    padding: 18px 20px 20px;
    -webkit-box-shadow: 2px 3px 1px rgba(51, 51, 51, 0.25);
    box-shadow: 2px 3px 1px rgba(51, 51, 51, 0.25);
    border-radius: 20px 20px 0 20px;
    text-align: center;
    margin: 10px;
    border: 1px solid #009245;
}
#problem .problem_w li span{
    background: linear-gradient(transparent 60%, #ffd800 0%);
}
#problem .problem_w .problem_img{
    text-align: center;
    position: relative;
    top: 20px;
}
#problem .problem_w .problem_img img{
    width: 500px;
}
#problem .u_txt{
    background: #fff;
    border-radius: 15px;
    filter: drop-shadow(0px 3px 5px #ccc);
    overflow: hidden;
    position: relative;
}
#problem .u_txt p span{
    font-weight: bold;
    color: #d90058;
}
#problem .u_txt .s_txt_w{
    padding: 30px;
}
#problem .u_txt .l_txt{
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    background: #009245;
    color: #fff;
    padding: 20px;
    line-height: 1.5;
}
#problem .u_txt .l_txt span{
    color: #fff;
    font-size: 1.4rem;
}
#problem .u_txt .img {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media screen and (max-width: 640px) {
    #problem{
        padding: 40px 0;
    }
    #problem .wrap {
        width: 94%;
        margin: 0 auto;
    }
    #problem h2 .s_txt {
        font-size: 1.2rem;
    }
    #problem .problem_w li{
        width: 100%;
        margin: 5px 0;
    }
    #problem .problem_w .problem_img{
        top: 10px;
    }
    #problem .problem_w .problem_img img {
        width: 90%;
    }
    #problem .u_txt .l_txt{
        font-size: 1.6rem;
        text-align: left;
    }
    #problem .u_txt .l_txt span {
        color: #fff;
        font-size: 1.2rem;
    }
    #problem .u_txt .img {
        position: absolute;
        bottom: -20px;
        right: -20px;
        width: 135px;
    }
}


#case{
    padding: 80px 0;
    background: #f0f0f0;
}
#case .wrap {
    width: 1000px;
    margin: auto;
}
#case h2{
    text-align: center;
    font-size: 2rem;
    margin-bottom: 10px;
    margin-bottom: 40px;
}
#case h2 span{
    background: linear-gradient(transparent 60%, #ff0 0%);
}
#case .lead_txt{
    text-align: center;
    margin-bottom: 40px;
}
#case .case_w{
    display: flex;
    margin-bottom: 40px;
}
#case .case_w ul{}
#case .case_w ul li{
    background: #fff;
    padding:15px;
    -webkit-box-shadow: 2px 3px 1px rgba(51, 51, 51, 0.25);
    box-shadow: 2px 3px 1px rgba(51, 51, 51, 0.25);
    border-radius:100px;
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
}
#case .case_w ul li:after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #009245;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0,-50%);
}
#case .case_w .imgarea{
    flex-shrink: 0;
    margin-left: 30px;
}
#case .u_txt{}
#case .u_txt h3{
    font-size: 1.4rem;
    color: #fff;
    background: #dcf8e9;
    font-weight: 600;
    border-left: 3px solid #009245;
    border-bottom: 1px solid #009245;
    padding: 10px;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 30px;
}
#case .u_txt.comic_ww h3{
    margin-bottom: 0;
    background: #009245;
    color: #fff;
    text-align: center;
    position: relative;
}
#case .u_txt.comic_ww h3:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 15px 0 15px;
    border-color: #009245 transparent transparent transparent;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, 0px);
}
#case .u_txt .txt_img{
    
}
#case .u_txt .txt_img .left{
   float: left;
   margin:0 30px 0px 0;
}
#case .u_txt .txt_img .l_txt{
    font-size: 1.2rem;
    font-weight: 600;
    color: #009245;
}
#case .u_txt .comic_w{
    text-align: center;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#case .u_txt .comic_w img{
    width: 75%;
}
@media screen and (max-width: 640px) {
    #case {
        padding: 40px 0;
    }
    #case .wrap {
        width: 94%;
        margin: auto;
    }
    #case h2{
        font-size: 1.4rem;
    }
    #case .case_w ul{
        margin-bottom: 20px;
    }
    #case .case_w {
        flex-wrap: wrap;
    }
    #case .case_w .imgarea {
        flex-shrink: unset;
        margin-left: 0;
    }
    #case .case_w .imgarea img{
        width: 100%;
    }
    #case .u_txt h3{
        font-size: 1.1rem;
    }
    #case .u_txt .txt_img .left{
        margin-right: 0;
        margin-bottom: 20px;
    }
    #case .u_txt .txt_img .left img{
        width: 100%;
    }
    #case .u_txt .txt_img .l_txt {
        font-size: 1.0rem;
    }
    #case .u_txt .comic_w img{
        width: 100%;
    }
}

#secret{
    padding: 80px 0;
}
#secret .wrap {
    width: 1000px;
    margin: auto;
}
#secret .h2{
    margin-bottom: 60px;
}
#secret .secret_w{}
#secret .secret_w .secret_i{
    border: 1px solid #009245;
    background: #fff;
    padding: 30px;
    filter: drop-shadow(0px 3px 5px #ccc);
    margin: 20px 0;
}
#secret .secret_w .secret_i .flex{
    display: flex;
}
#secret .secret_w .secret_i:nth-of-type(2n) .flex {
    flex-direction: row-reverse;
}
#secret .secret_w .secret_i .num{
    text-align: center;
    margin-bottom: 20px;
}
#secret .secret_w .secret_i .num img{
    width: 60px;
}
#secret .secret_w .secret_i h3{
    color: #009245;
    font-size: 1.6rem;
    margin-bottom: 30px;
    text-align: center;
}
#secret .secret_w .secret_i .imgarea{
    margin-right: 30px;
    width: 40%;
    flex-shrink: 0;
}
#secret .secret_w .secret_i:nth-of-type(2n) .imgarea{
    margin-right: 0;
    margin-left: 30px;
}
#secret .secret_w .secret_i .imgarea img{
    width: 100%;
}
#secret .secret_w .secret_i .txtarea{

}
#secret .secret_w .secret_i .txtarea h4{
    font-size: 1.3rem;
    margin-bottom: 20px;
}
#secret .secret_w .secret_i .txtarea h4 span{
    color: #d90058;
}
#secret .secret_w .secret_i .txtarea .txt{}
#secret .secret_w .secret_i .txtarea .txt span{
    font-weight: bold;
    background: linear-gradient(transparent 60%, #ffd800 0%);
}
@media screen and (max-width: 640px) {
    #secret {
        padding: 40px 0;
    }
    #secret .wrap {
        width: 94%;
        margin: auto;
    }
    #secret .secret_w .secret_i{
        padding:30px 15px;
    }
    #secret .secret_w .secret_i .flex{
        flex-wrap: wrap;
    }
    #secret .secret_w .secret_i .imgarea{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #secret .secret_w .secret_i h3{
        font-size: 1.2rem;
    }
    #secret .secret_w .secret_i .txtarea h4 {
        font-size: 1.1rem;
        margin-bottom: 10px;
        text-align: center;
    }
}

#service{
    padding: 80px 0;
    background: #009245;
}
#service .wrap {
    width: 1000px;
    margin: auto;
}
#service .h2 {
    width: 500px;
    margin: 0 auto 40px;
    display: block;
}
#service h2 {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 2px;
    margin: 0 0 20px;
    color: #fff;
}
#service .service_w{
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
}
#service .service_i{
    display: flex;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ccc;
}
#service .service_i_02{
    display: block;
}
#service .service_i:nth-of-type(2n){
    flex-direction: row-reverse;
}
#service .service_i:nth-last-of-type(1){
    border-bottom: 0px solid #ccc;
    padding-bottom: 0;
    margin-bottom: 0;
}
#service .service_i .imgarea{
    width: 40%;
    margin-right: 30px;
    flex-shrink: 0;
}
#service .service_i:nth-of-type(2n) .imgarea {
    margin-right: 0;
    margin-left: 30px;
}
#service .service_i .imgarea img{
    width: 100%;
}
#service .service_i .txtarea{
    width: 100%;
}
#service .service_i .txtarea .sub_ttl_w{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
#service .service_i .txtarea .sub_ttl_w_02{
    justify-content: center;
}
#service .service_i .txtarea .sub_ttl_w .num{
    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009245;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 100px;
    font-weight: 600;
    line-height: 1;
    margin-right: 15px;
    flex-shrink: 0;
}
#service .service_i .txtarea .sub_ttl_w h3{
    font-size: 1.6rem;
    line-height: 1.25;
}
#service .service_i .txtarea .sub_ttl_w h3 span{
    color: #d90058;
}
#service .service_i .comic_area{
    text-align: center;
}
#service .service_i .comic_area img{
    width: 75%;
}
@media screen and (max-width: 640px) {
    #service {
        padding: 40px 0;
    }
    #service .wrap {
        width: 94%;
        margin: auto;
    }
    #service .h2{
        width: 100%;
    }
    #service h2 {
        text-align: center;
        font-weight: bold;
        font-size: 1.5rem;
        letter-spacing: 0;
        margin: 0 0 20px;
    }
    #service .h2 img {
        width: 50%;
    }
    #service .service_w{
        padding: 30px 15px;
    }
    #service .service_i{
        flex-wrap: wrap;
    }
    #service .service_i .imgarea{
        flex-shrink: unset;
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    #service .service_i .txtarea .sub_ttl_w{
        flex-wrap: wrap;
        text-align: center;
    }
    #service .service_i .txtarea .sub_ttl_w .num{
        margin-right: 0;
        margin-bottom: 10px;
        margin:0 auto 20px;
        font-size: 1.2rem;
    }
    #service .service_i .txtarea .sub_ttl_w h3 {
        font-size: 1.4rem;
        line-height: 1.25;
        text-align: center;
        width: 100%;
    }
    #service .service_i .comic_area img{
        width: 100%;
    }
}

.ancker_btn_ww{
    padding: 20px 0;
    background: #f0f0f0;
}
.ancker_btn_w{
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ancker_btn_w a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49%;
    height: 150px;
    position: relative;
    background: #000;
    overflow: hidden;
    transition: 0.25s;
    border-radius: 10px;
}
.ancker_btn_w a:hover{
    text-decoration: none;
    opacity: 0.8;
}
.ancker_btn_w a > div{
    position: relative;
}
.ancker_btn_w a span.txt{
    color: #fff;
    z-index: 2;
    font-size: 1.4rem;
    font-weight: bold;
}
.ancker_btn_w a span.icon{
    display: block;
    text-align: center;
}
.ancker_btn_w a span.icon img{
    width: 45px;
}
.ancker_btn_w a.ancker_btn_01:before{
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    background: url(../img/local/yokohama/secret_img_02.png);
    background-position: bottom right;
    background-size: cover;
    position: absolute;
    filter: blur(1px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.5;
}
.ancker_btn_w a.ancker_btn_02:before {
    content: "";
    display: block;
    width: 120%;
    height: 120%;
    background: url(../img/local/yokohama/secret_img_03.png);
    background-position: bottom right;
    background-size: cover;
    position: absolute;
    filter: blur(1px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}
@media screen and (max-width: 640px) {
    .ancker_btn_w {
        width: 90%;
        flex-wrap: wrap;
        gap:10px
    }
    .ancker_btn_w a{
        width: 48%;
        height: 120px;
        text-align: center;
    }
    .ancker_btn_w a span.txt{
        font-size: 1.0rem;
        line-height: 1.25;
        display: inline-block;
        margin-top: 5px;
    }
}

#item_price_ex{
    padding: 60px 0;
}
#item_price_ex .wrap {
    width: 1000px;
    margin: 0 auto;
}
#item_price_ex .item_price_ex_i h3 {
    font-size: 1.4rem;
    color: #009245;
    background: #dcf8e9;
    font-weight: 600;
    border-left: 3px solid #009245;
    border-bottom: 1px solid #009245;
    padding: 10px;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 20px;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii{
    display: flex;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .imgarea{
    margin-right: 30px;
    width: 33%;
    flex-shrink: 0;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .imgarea img{
    width: 100%;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea{
    padding-top: 20px;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea > div{
    margin-bottom: 15px;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea dt{
    font-size: 1.2rem;
    line-height: 1.25;
    margin-bottom: 10px;
    font-weight: bold;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea dt::before{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #009245;
    content: "";
    margin-right: 10px;
    border-radius: 100px;
}
#item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea dt span{
    display: inline-block;
    padding-left: 15px;
    color: #d90058;
}
@media screen and (max-width: 640px) {
    #item_price_ex .wrap{
        width: 94%;
    }
    #item_price_ex .item_price_ex_i h3{
        font-size: 1.2rem;
    }
    #item_price_ex .item_price_ex_i .item_price_ex_ii{
        flex-wrap: wrap;
    }
    #item_price_ex .item_price_ex_i .item_price_ex_ii .imgarea {
        margin-right: 0;
        width: 100%;
        flex-shrink: 0;
    }
    #item_price_ex .item_price_ex_i .item_price_ex_ii .txtarea dt {
        font-size: 1.1rem;
    }
}

#purchase{
    padding: 60px 0;
    background: #fafafa;
}
#purchase .wrap{
    width: 1100px;
    margin: auto;
}
.result_item_w_02{
	padding: 0px 0 40px;
}
.result_item_slider{
	justify-content: space-between;
}
.result_item_slider .result_item_slider_i_w{
	width: 32%;
	padding: 15px;
}
.result_item_slider .result_item_slider_i{
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
}
.result_item_slider .result_item_slider_i .imgarea{

}
.result_item_slider .result_item_slider_i .imgarea img{
	width: 100%;
}
.result_item_slider .result_item_slider_i .txtarea{
	padding: 20px;
}
.result_item_slider .result_item_slider_i .txtarea .meta{
	text-align: center;
	font-weight: 600;
	font-size: 0.8rem;
	margin-bottom: 10px;
    line-height: 1;
    color: #009245;
}
.result_item_slider .result_item_slider_i .txtarea .item_name{
	text-align: center;
	font-weight: 600;
	line-height: 1.5;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.result_item_slider .result_item_slider_i .price_w{
	border-top: 1px solid #e8e8e8;
	padding-top: 15px;
	margin-top: 15px;
	align-items: center;
	justify-content: center;
    display: flex;
}
.result_item_slider .result_item_slider_i .price_w .price_ttl{
	border: 1px solid #111;
    line-height: 1;
    padding: 5px;
    margin-right: 10px;
    font-size: 0.8rem;
    letter-spacing: 2px;
}
.result_item_slider .result_item_slider_i .price_w .price_num{
    font-weight: bold;
    color: #d90058;
}
.result_item_slider .result_item_slider_i .price_w .price_num span{
	font-size: 1.6rem;
	letter-spacing: 1px;
    font-weight: bold;
    color: #d90058;
}
.slick-next:before{
	content: "";
	width: 30px;
	height: 30px;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	display: block;
	transform: rotate(45deg);
}
.slick-prev:before {
	content: "";
	width: 30px;
	height: 30px;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	display: block;
	transform: rotate(-135deg);
}
@media screen and (max-width: 640px) {}

#point_area{
    padding: 60px 0;
    background: #009245;
}
#point_area .wrap{
    width: 1000px;
    margin: auto;
}
#point_area .lead_txt{
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 1.35;
    font-size: 1.4rem;
    margin-bottom: 30px;
}
#point_area .lead_txt span{
    color: #ff0;
}
#point_area .point_area_w{
    justify-content: center;
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
}
#point_area .point_area_i{
    width: 31%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
    border-radius: 10px;
    padding-top: 0;
}
#point_area .point_area_i .sub_ttl_w{
    margin-bottom: 15px;
}
#point_area .point_area_i .sub_ttl_w .num{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #009245;
    font-size: 1.3rem;
    margin: 0 auto 10px;
}
#point_area .point_area_i .sub_ttl_w h3{
    font-size: 1.4rem;
    text-align: center;
    color: #d90058;
}
#point_area .point_area_i .imgarea{
    margin-bottom: 15px;
}
#point_area .point_area_i .imgarea img{
    width: 100%;
}
#point_area .point_area_i .txtarea{}
#point_area .point_area_i .txtarea h4{
    text-align: center;
    margin-bottom: 15px;
    font-size: 1.2rem;
    line-height: 1.25;
}
#point_area .point_area_i .txtarea p{
    line-height: 1.5;
}
@media screen and (max-width: 640px) {
    #point_area .wrap{
        width: 94%;
    }
    #point_area .lead_txt{
        font-size: 1.2rem;
    }
    #point_area .point_area_i{
        width: 100%;
    }
}

#local8.local8_02{}
#local8.local8_02 .wrap{
    width: 1100px;
}
#local8.local8_02 .lead_area{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
#local8.local8_02 .lead_area h3{
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    font-size: 1.2rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
#local8.local8_02 .lead_area h3 span{
    color: #009245;
}
#local8.local8_02 .lead_area ul{
    display: flex;
    justify-content: center;
    gap:10px;
}
#local8.local8_02 .lead_area ul li{
    background: #f0f0f0;
    display: flex;
    align-items: center;
}
#local8.local8_02 .lead_area ul li .num{
    width: 40px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #009245;
    font-size: 1.3rem;
}
#local8.local8_02 .lead_area ul li .txt{
    padding: 10px;
    display: inline-block;
    font-size: 0.9rem;
}
#local8.local8_02 .arrow_w{}
#local8.local8_02 .arrow_w .txt{
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}
#local8.local8_02 .arrow_w .txt span{
    background: linear-gradient(transparent 60%, #ffd800 0%);
}
#local8.local8_02 .arrow_w:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 20px 0 20px;
    border-color: #009245 transparent transparent transparent;
    margin:10px auto 0;
}
#local8.local8_02 .imgarea{
    background: #fff;
    padding: 30px 50px;
    margin-top: 30px;
}
#local8.local8_02 .imgarea img{
    width: 100%;
}
@media screen and (max-width: 640px) {
    #local8.local8_02 .wrap{
        width: 94%;
    }
    #local8.local8_02 .lead_area h3{
        font-size: 1.0rem;
    }
    #local8.local8_02 .lead_area ul{
        flex-wrap: wrap;
        gap: 8px;
    }
    #local8.local8_02 .lead_area ul li{
        width: 100%;
    }
    #local8.local8_02 .imgarea{
        padding: 20px;
    }
}

#area-jisseki.jisseki_02{
    background: #dcf8e9;
}
#area-jisseki.jisseki_02 .slick-track {
    display: flex !important;
}
#area-jisseki.jisseki_02 .slick-slide {
    height: auto !important;
}
#area-jisseki.jisseki_02 .slick-slide > div {
    height: 100%;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i{
    background: #fff;
    padding: 30px;
    height: 100%;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead{
    display: flex;
    margin-bottom: 20px;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .imgarea{
    width: 39%;
    margin-right: 15px;
    flex-shrink: 0;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .imgarea img {
    width: 100%;
    height: 427px;
    object-fit: cover;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea{
    width: 100%;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea .sub_ttl_w{}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea .sub_ttl_w h3{
    color: #009245;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 15px;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea table{
    margin-bottom: 25px;
}
#area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea table th{
    width: 33%;
}
#area-jisseki.jisseki_02 #work .work_cnt{
    margin-bottom: 0;
}
#area-jisseki.jisseki_02 #work .work_cnt p{
    margin-bottom: 0;
}
#area-jisseki.jisseki_02 #work .more_btn{}
#area-jisseki.jisseki_02 #work .more_btn {
    background: #00943f;
    color: #fff;
    width: 32.5%;
    padding: 10px;
    padding-left: 25px;
    border-radius: 100px;
    position: relative;
    display: block;
    margin:15px auto 0;
    text-align: center;
}
@media screen and (max-width: 640px) {
    #work.jisseki_item_slider{
        padding-top: 0;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i{
        padding: 30px 15px;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead{
        flex-wrap: wrap;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .imgarea{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .imgarea img{
        height: 175px;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea .sub_ttl_w h3{
        font-size: 1.2rem;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea table{
        margin-bottom: 10px;
        width: 100%;
    }
    #area-jisseki.jisseki_02 .jisseki_item_slider_i .work_lead .txtarea table th {
        width: 100%;
    }
    #area-jisseki.jisseki_02 #work .more_btn{
        width: 100%;
    }
}

#clear_price{
    padding: 60px 0;
    background: #dcf8e9;
}
#clear_price .wrap{
    width: 1100px;
    margin: auto;
}
#clear_price h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
}
#clear_price h2 span.baloon {
    width: 35%;
    background: #fff;
    font-size: 1.2rem;
    display: block;
    margin: 0 auto 15px;
    border-radius: 100px;
    padding: 8px;
    position: relative;
}
#clear_price h2 span.baloon:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 99%;
    left: 50%;
    transform: translate(-50%, 0px);
}
#clear_price h2 span.baloon .line {
    color: #009245;
    background: linear-gradient(transparent 60%, #ffd800 0%);
}
#clear_price .box {
    background: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 30px 50px;
    margin: 30px 0;
}
#clear_price .box h3 {
    text-align: center;
    color: #009245;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0 0 20px;
}
#clear_price .box .left {
    float: left;
    width: 570px;
}
#clear_price .box .right {
    float: right;
    width: 300px;
}
#clear_price .box .right img {
    width: 100%;
}
@media screen and (max-width: 640px) {
    #clear_price .wrap{
        width: 94%;
    }
    #clear_price .box .left{
        width: 100%;
    }
    #clear_price h2 span.baloon{
        width: 100%;
        font-size: 1.0rem;
    }
    #clear_price h2 {
        text-align: center;
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
    #clear_price .box{
        padding: 20px 26px;
    }
}

#store{
    padding: 60px 0;
    background: #f0f0f0;
}
#store .wrap {
    width: 1100px;
    margin: auto;
}
#store h2 span {
    font-size: 1.5rem;
}
#store .imgarea {
    background: #fff;
    padding: 30px 50px;
    margin-top: 30px;
}
#store .imgarea img {
    width: 100%;
}
#store .imgarea h3 {
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
#store .imgarea h3 .subttl {
    position: relative;
    display: block;
    background: #009245;
    text-align: center;
    width: 50%;
    margin: 0 auto 20px;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px;
    color: #fff;
}
#store .imgarea h3 .subttl:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #009245;
}
@media screen and (max-width: 640px) {
    #store .wrap{
        width: 94%;
    }
    #store h2 span{
        font-size: 1.2rem;
    }
    #store .imgarea h3{
        font-size: 1.4rem;
    }
    #store .imgarea h3 .subttl{
        font-size: 0.9rem;
        width: 100%;
    }
    #store .imgarea{
        padding: 20px 15px;
    }
    
}

#gyosha{
    padding: 60px 0 156px;
}
#gyosha .wrap {
    width: 1100px;
    margin: auto;
}
#gyosha h2 {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
#gyosha h2 .subttl {
    position: relative;
    display: block;
    background: #009245;
    text-align: center;
    width: 33%;
    margin: 0 auto 20px;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px;
    color: #fff;
}
#gyosha h2 .subttl:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #009245;
}
#gyosha .gyosha_hikaku_w{
    display: flex;
    justify-content: space-between;
}
#gyosha .gyosha_hikaku_i{
    background: #f0f0f0;
    width: 49.5%;
}
#gyosha .gyosha_hikaku_i .gyosha_hikaku_i_top{
    padding: 20px;
}
#gyosha .gyosha_hikaku_i h3{
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 20px;
}
#gyosha .gyosha_hikaku_i h3 span{
    background: #009245;
    padding: 10px 20px;
    border-radius: 100px;
    color: #fff;
}
#gyosha .gyosha_hikaku_i ul{
}
#gyosha .gyosha_hikaku_i ul li{
    background: #fff;
    padding: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 100px;
    padding-left: 10px;
}
#gyosha .gyosha_hikaku_i ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #009245;
    border-radius: 100px;
    margin-right: 5px;
    flex-shrink: 0;
}
#gyosha .gyosha_hikaku_i .u_txt{
    background: #5f5f5f;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    position: relative;
    padding-bottom: 35px;
}
#gyosha .gyosha_hikaku_i .u_txt p{
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
}
#gyosha .gyosha_hikaku_i .u_txt img {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 50%;
}
#gyosha .gyosha_hikaku_i.gyosha_hikaku_i_02{
    background: #feebf3;
}
#gyosha .gyosha_hikaku_i.gyosha_hikaku_i_02 h3 span {
    background: #d90058;
}
#gyosha .gyosha_hikaku_i.gyosha_hikaku_i_02 ul li:before{
    background:#d90058
}
#gyosha .gyosha_hikaku_i.gyosha_hikaku_i_02 .u_txt {
    background: #d90058;
}
@media screen and (max-width: 640px) {
    #gyosha{
        padding-bottom: 93px;
    }
    #gyosha .wrap {
        width: 94%;
    }
    #gyosha h2 .subttl{
        font-size: 0.9rem;
        padding: 8px;
        width: 100%;
    }
    #gyosha h2{
        font-size: 1.6rem;
    }
    #gyosha .gyosha_hikaku_w{
        flex-wrap: wrap;
    }
    #gyosha .gyosha_hikaku_i{
        width: 100%;
    }
    #gyosha .gyosha_hikaku_i h3{
        font-size: 1.0rem;
    }
    #gyosha .gyosha_hikaku_i ul li{
        font-size: 0.9rem;
    }
    #gyosha .gyosha_hikaku_i .u_txt p {
        font-size: 1.0rem;
    }
    .gyosha_hikaku_i_01{
        margin-bottom: 90px;
    }
}

#kaishu_after{
    padding: 60px 0;
}
#kaishu_after .wrap{
    width: 1100px;
    margin: auto;
}
#kaishu_after .lead_area{
    border: 1px solid #009245;
    background: #fff;
    padding: 30px;
    filter: drop-shadow(0px 3px 5px #ccc);
    margin: 20px 0;
}
#kaishu_after .lead_area h3{
    font-size: 1.6rem;
    margin-bottom: 25px;
    border-left: 4px solid #009245;
    padding-left: 15px;
}
#kaishu_after .lead_area .flex{
    display: flex;
    align-items: center;
}
#kaishu_after .lead_area .flex .txtarea{
    position: relative;
}
#kaishu_after .lead_area .flex .txtarea > div{
    background: #009245;
    margin-right: 40px;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}
#kaishu_after .lead_area .flex .txtarea > div:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 30px;
    border-color: transparent transparent transparent #009245;
    position: absolute;
    right: -30px;
    top: 35px;
}
#kaishu_after .lead_area .flex .txtarea h4{
    font-size: 1.4rem;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
#kaishu_after .lead_area .flex .txtarea p{
    color: #fff;
}
#kaishu_after .lead_area .flex .txtarea .chara {
    position: absolute;
    right: 40px;
    top: -20px;
    width: 110px;
}
#kaishu_after .lead_area .flex .imgarea{
    width: 30%;
    flex-shrink: 0;
}
#kaishu_after .lead_area .flex .imgarea img{
    width: 100%;
}
#kaishu_after .lead_area .u_area{
    border-top: 1px solid #e8e8e8;
    margin-top: 20px;
    padding-top: 20px;
}
#kaishu_after .lead_area .u_area ul{
    display: flex;
    justify-content: space-between;
}
#kaishu_after .lead_area .u_area ul li{
    display: flex;
    background: #009245;
    width: 49.5%;
    padding: 20px;
    border-radius: 10px;
    align-items: center;
}
#kaishu_after .lead_area .u_area ul li span.txt{
    color: #fff;
    font-size: 1.1rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
#kaishu_after .lead_area .u_area ul li span.icon{
    width: 20%;
    flex-shrink: 0;
}
#kaishu_after .lead_area .u_area ul li span.icon img{
    width: 100%;
}
@media screen and (max-width: 640px) {
    #kaishu_after .wrap{
        width: 94%;
    }
    #kaishu_after .lead_area .flex{
        flex-wrap: wrap;
    }
    #kaishu_after .lead_area{
        padding: 30px 15px;
    }
    #kaishu_after .lead_area h3 {
        padding-right: 80px;
        font-size: 1.2rem;
        margin-bottom: 25px;
        border-left: 4px solid #009245;
        padding-left: 15px;
    }
    #kaishu_after .lead_area .flex .txtarea > div{
        margin-right: 0;
    }
    #kaishu_after .lead_area .flex .txtarea h4 {
        font-size: 1.0rem;
    }
    #kaishu_after .lead_area .flex .imgarea {
        width: 100%;
        text-align: center;
    }
    #kaishu_after .lead_area .flex .imgarea img{
        width: 70%;
    }
    #kaishu_after .lead_area .flex .txtarea > div:after {
    right: 60px;
    top: 100%;
    transform: rotate(125deg);
    }
    #kaishu_after .lead_area .flex .txtarea .chara {
        position: absolute;
        right: -27px;
        top: -10px;
        width: 110px;
    }
    #kaishu_after .lead_area .u_area ul li{
        flex-wrap: wrap;
        justify-content: center;
    }
    #kaishu_after .lead_area .u_area ul li span.icon{
        width: 70%;
        margin-bottom: 10px;
    }
    #kaishu_after .lead_area .u_area ul li span.txt{
        font-size: 0.8rem;
    }
}