@charset "UTF-8";
/* CSS Document */

#footer_contact{ display: none;}
@media (min-width: 768px) {
#footer_footer{ margin-top: 70px;}
}
@media (max-width: 767.98px) {
#menu_right{ display: none;}
}


.service_news_list{ border-bottom: #f2f2f2 1px solid; overflow: scroll;}
.service_news_list ul li{ border-bottom: #f2f2f2 1px solid;}
.service_news_list ul li:last-child{ border-bottom: none;}
.service_news_list ul li a:hover{ text-decoration: none;}
.service_news_list::after{ display: block; content: ""; height: 1px;}
.service_news_list ul{ padding: 0; margin: 0;}
.service_news_list ul li a>span{ display: block;}
.service_news_list ul li a span.ymd{ color: #333;}
.service_news_list ul li a span.title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #DF0031;}
@media (min-width: 768px) {
.service_news_list{ margin-top: -10px; max-height: 130px;}
.service_news_list ul li{ padding: 10px 0;}
.service_news_list ul li a{}
.service_news_list ul li a>span{}
.service_news_list ul li a span.ymd{ line-height: 20px;}
.service_news_list ul li a span.title{ line-height: 24px;}
}
@media (max-width: 767.98px) {
.service_news_list{ margin-top: -10px; max-height: 100px;}
.service_news_list ul li{ padding: 5px 0;}
.service_news_list ul li a>span{ line-height: 20px;}
.service_news_list ul li a span.ymd{ font-size: 10px;}
}


.service_2box{}
.service_2box>p{ border: 5px solid #f2f2f2; padding: 10px; background-color: rgba(75,190,208,0.20);}
.service_2box>p>strong{ display: block; text-align: center; margin: -10px -10px 10px; background-color: #4bbed0; color: white; padding: 0.5em 0; font-weight: normal;}
.service_2box>p>strong{}
@media (min-width: 768px) {
.service_2box{ display: flex; justify-content: space-between;}
.service_2box>p{ width: 345px;}
.service_2box>p>strong{ font-size: 16px;}

}
@media (max-width: 767.98px) {}

.service_3box{}
.service_3box>p{ border: 5px solid #f2f2f2; padding: 10px; background-color: rgba(75,190,208,0.20);}
.service_3box>p>strong{ display: block; text-align: center; margin: -10px -10px 10px; background-color: #4bbed0; color: white; padding: 0.5em 0; font-weight: normal;}
.service_3box>p>strong{}
@media (min-width: 768px) {
.service_3box{ display: flex; justify-content: space-between;}
.service_3box>p{ width: 228px;}
.service_3box>p>strong{ font-size: 16px;}

}
@media (max-width: 767.98px) {}

.service_4box{}
.service_4box>p{ padding: 10px;}
.service_4box>p>strong{}
@media (min-width: 768px) {
.service_4box{ display: flex; justify-content: space-between;}
.service_4box>p{ width: 170px; text-align: center;}
.service_4box>p img{ width: 100px;}
.service_4box>p>strong{ font-size: 16px;}
}
@media (max-width: 767.98px) {}


.service_link_box a{ display: block; text-align: center; background-color: #f2f2f2; border-bottom: 2px solid #4bbed0; color: black; position: relative; font-weight: bold;}
.service_link_box a:hover{ text-decoration: none;}
.service_link_box a::after,
.service_link_box a::before{ content: ""; position: absolute; left: 50%; display: block; width: 0; height: 0; border-style: solid; transition: .3s;}
.service_link_box a::after{ z-index: 1; bottom: 5px; border-color: black transparent transparent transparent;}
.service_link_box a::before{ z-index: 2; bottom: 6px; border-color: #f2f2f2 transparent transparent transparent;}
@media (min-width: 768px) {
.service_link_box a{ padding: 1em 0 20px;}
.service_link_box a::after,
.service_link_box a::before{ margin-left: -20px; border-width: 10px 20px 0 20px;}
.service_link_box{ margin-top: 20px;}
}
@media (max-width: 767.98px) {
.service_link_box a{ padding: 1em 0 20px;}
.service_link_box a::after,
.service_link_box a::before{ margin-left: -20px; border-width: 10px 20px 0 20px;}
.service_link_box>div{ margin-top: 15px;}

}




.service_link_box_sub{}
.service_link_box_sub h3{ background-color: #f2f2f2; border-bottom: #4bbed0 solid 2px; line-height: 2;}
.service_link_box_sub .example_list li{ border:1px solid #4bbed0; background-color: rgba(75,190,208,0.20); margin-bottom: 10px;}
@media (min-width: 768px) {
.service_link_box_sub h3{ border-bottom-width: 3px; font-size: 16px; margin: 0 0 15px; padding: 10px 10px 10px 13px;}
}
@media (max-width: 767.98px) {
.service_link_box_sub h3{ border-left-width: 1.5px; font-size: 13px; margin: 0 0 10px; padding: 10px 10px 10px 11.5px;}
}



.flow_ul{ list-style: none; padding: 0;}
.flow_ul li{ position: relative;}
.flow_ul li:last-child::after{ content: none;}
.flow_ul li p{ display: table; width: 100%; table-layout: fixed; margin: 0;}
.flow_ul li p>span{ display: table-cell; vertical-align: middle;}
.flow_ul li p>span:first-child{}
.flow_ul li p>span:first-child>span{ background-color: #4bbed0; display: table; table-layout: fixed; color: white; text-align: center; line-height: 1em; border-radius: 50%;}
.flow_ul li p>span:first-child>span>span{ display: table-cell; vertical-align: middle;}
.flow_ul li p>span:first-child>span>span>span{ display: block;}
.flow_ul li p>span:last-child{ font-weight: bold;}
@media (min-width: 768px) {
.flow_ul{ font-size: 0;}
.flow_ul li{ width: 220px; display: inline-block; font-size: 14px; margin-right: 20px;}
.flow_ul li:nth-child(3n+3){ margin-right: 0;}

.flow_ul li::after{ content:""; position: absolute; right: -14px; top: 50%;
width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 14px; border-color: transparent transparent transparent #4bbed0;}


.flow_ul li p>span:first-child{ width: 60px;}
.flow_ul li p>span:first-child>span>span{ height: 50px; width: 50px;}
.flow_ul li p>span:first-child>span>span>span{ font-size: 16px; margin-top: 3px;}
}
@media (max-width: 767.98px) {
.flow_ul{}
.flow_ul li{ margin-bottom: 50px;}
.flow_ul li::after{ content:""; position: absolute; bottom: -40px; left: 50%; margin-left: -30px;
width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px; border-color: #4bbed0 transparent transparent transparent;}

.flow_ul li:last-child{ margin:0;}
.flow_ul li p>span:first-child{ width: 60px;}
.flow_ul li p>span:first-child>span>span{ height: 50px; width: 50px;}
.flow_ul li p>span:first-child>span>span>span{ font-size: 16px; margin-top: 3px;}
.flow_ul li p>span:last-child{ font-size: 16px;}
.flow_ul li img{ width: 100%; height: auto;}
}



.imagebox01{ display: table; width: 100%; text-align: center; table-layout: fixed; background-color: white;}
.imagebox01>span{ display: table-cell; vertical-align: middle; padding: 0 5px;}
@media (min-width: 768px) {
.imagebox01{ margin-bottom: 10px;}
.imagebox01>span{ height: 150px;}
}
@media (max-width: 767.98px) {
.imagebox01{}
}






@media (min-width: 576px) and (max-width: 767.98px) {}
@media (max-width: 575.98px) {}