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


/* font */
body { font-family: /* YuGothicM, YuGothic, */ 'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */Meiryo,/* 游ゴシックが入っていないWindows */sans-serif;}
/* IE8〜11はメイリオ */
@media screen\0 {
body { font-family: 'Segoe UI',/* Windowsの欧文 */Meiryo,/* メイリオ */sans-serif;}
}
/* Windows */
@font-face {
font-family: YuGothicM;
font-weight: normal;
src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
   local('Yu Gothic Medium'), /* Chrome用 */
   local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
font-family: YuGothicM;
font-weight: bold;
src: local('YoGothic-Bold'), /* Boldはそのまま */
   local('Yu Gothic');     /* Chrome用 */
}


/* common */
.container { padding-right: 10px; padding-left: 10px;}
.row{ margin-right: -10px; margin-left: -10px;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 10px; padding-left: 10px;}
body{ line-height: 1.72;}
img{ max-width:100%;}
/*
a{color: #ff813f;}
a:hover{ color: #C04200;}
*/
@media (min-width: 768px) {
.container{ max-width: 1000px; min-width: 1000px;}
body{ font-size:14px;}
.pcnone{ display: none !important;}
main{ padding-top: 65px;}
.anchor_link{ padding-top: 65px; margin-top: -65px;}
}
@media (max-width: 767.98px) {
body{ font-size:12px;}
.spnone{ display:none !important;}
main{ /*padding-top: 52.5px;*/}
.fixedmain{ margin-top: 50px;}
.anchor_link{ padding-top: 52.5px; margin-top: -52.5px;}
}


/* header */
header{/* position: fixed; top: 0; left: 0; width: 100%;*/ z-index: 10;}
#header_box{ position: relative; z-index: 100; background-color: white; border-top-color: #fea521; border-top-style: solid;}
header::after{ content:""; display: block; width: 100%; position: absolute; left: 0; bottom: 0; background-color: black; z-index: 99;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
#header_box>div{ position: relative;}
#header_box h1{ position: absolute; left: 0; top: 0;}
#header_box h1 strong::before{ content: "【";}
#header_box h1 strong::after{ content: "】"}
#header_box h1>span a{ background: url(../images/logo.svg) no-repeat left center;}
#header_box ul{ font-size: 0; position: absolute; right: 0; top: 0; margin: 0; padding: 0;}
#header_box ul li{ vertical-align: top;}
#header_box ul li:nth-child(3){ background-color: #434343;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;}
.open #header_box ul li:nth-child(4){ background-color: black;}
#nav-toggle{ display: block; height: 100%; cursor: pointer; z-index: 101; padding: 0 5px 5px;}
#nav-toggle::before{ content:"MENU"; color: white; font-size: 10px; line-height: 2; display: block; letter-spacing: 0.1em;}
#nav-toggle div{position: relative;}
#nav-toggle span{ display: block; position: absolute; height: 2px; width: 100%; background: white; left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1){ top: 0;}
.open #nav-toggle span:nth-child(1){
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2){ width: 0; left: 50%;}
.open #nav-toggle span:nth-child(3){
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);}
#header_nav{ background: rgba(67,67,67,0.80); position: absolute; width: 100%; top: -1000px;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
transition: .4s ease-in-out;}
.open #header_nav{
-moz-transform: translateY(1055px);
-webkit-transform: translateY(1055px);
transform: translateY(1055px);}
#header_nav ul{ padding: 0; font-size: 0;}
#header_nav ul li{}
#header_nav ul li a{ color: white;}
#header_nav ul li a::before{ content:"○";}
@media (min-width: 768px) {
header{ position: fixed; top: 0; left: 0; width: 100%; min-width: 1000px; height: 65px;}
header::after{ min-width: 1000px; height: 5px;}
header.open::after{ bottom: -5px;}
#header_box{ border-top-width: 5px;}
#header_box>div{ width: 980px; margin: 0 auto; height: 60px;}
#header_box h1{ font-size: 11px; letter-spacing: 0; margin: 0; display: table; table-layout: fixed;}
#header_box h1>span{ display: table-cell; height: 60px; vertical-align: middle;}
#header_box h1>span>a{ display: inline-block; height: 100%; width: 165px; vertical-align: middle;}
#header_box h1>span>span{ display: inline-block; vertical-align: middle;}
#header_box ul{}
#header_box ul li{ display: inline-block; border-left: 1px solid white; height: 60px; font-size: 14px; text-align: center;}
#header_box ul li:nth-child(2){ width: 116px;}
#header_box ul li:nth-child(3){ width:60px;}
#header_box ul li:nth-child(1){ padding-right: 10px; padding-top: 2px;}
#header_box ul li:nth-child(1) a{ background-color: white; color: #333333;  line-height: 30px; font-size: 20px; font-weight: bold;}
#header_box ul li:nth-child(1) a span{ display: inline-block; height: 20px; width: 30px; background: white url("../images/freedial.svg") no-repeat center center; line-height: 20px; margin-right: 5px; background-size: 30px 20px;}
#header_box ul li:nth-child(1) p{ line-height: 12px; margin: 0; font-size: 10px;}
#header_box ul li:nth-child(2) a,
#header_box ul li:nth-child(3) a{ display: table; width: 100%; table-layout: fixed; background-color: #fea521; color: white;}
#header_box ul li a p{ display: table-cell; vertical-align: middle; height: 60px; line-height: 1.2;}
#header_box ul li a p small{ display: block; font-size: 12px;}
#header_box ul li:nth-child(2) a p{ font-weight: bold;}
#header_box ul li:nth-child(2) a p::before{ display: inline-block; content: ""; width: 14px; height: 11px; background: url("../images/mail_white.svg") no-repeat center; background-size: 14px 12px; margin-right: 5px;}

#header_area_sp,
#header_box_sp{ display: none;}

#nav-toggle{ padding: 5px 10px 0;}
#nav-toggle span:nth-child(2){ top: 10px;}
#nav-toggle span:nth-child(3){ top: 20px;}
#nav-toggle::before{ line-height: 2;}

.open #nav-toggle span:nth-child(1),
.open #nav-toggle span:nth-child(3){top: 12px;}
#header_nav{ min-width: 1000px;}
#header_nav ul{ width: 1000px; margin: 0 auto; list-style: none; padding: 10px 0; display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: left;}
#header_nav ul li{ font-size: 14px; width: 146px; margin: 0 10px; vertical-align: top; line-height: 36px;}
#header_nav ul li.large{ width: 312px; font-size: 13px;}
#header_nav ul li.full{ width: 100%;}

.open #header_nav{
-moz-transform: translateY(1070px);
-webkit-transform: translateY(1070px);
transform: translateY(1070px);}
}
@media (max-width: 767.98px) {
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
header{ height: 52.5px; position: relative; width: 100%;}
header::after{ width: 100%; height: 2.5px;}
header.open::after{ bottom: -2.5px;}
#header_box{ border-top-width: 2.5px;}
#header_box>div{ height: 50px;}
#header_box h1{ font-size: 10px; margin: 2.5px 0 0 10px;}
#header_box h1>span{ display: inline-block; position: relative;}
#header_box h1>span a{ display: inline-block; position: absolute; width: 125px; height: 25px; bottom: -30px; left: 0; background-size: 125px 25px;}
#header_box ul{}
#header_box ul li{ display: inline-block; width: 50px; height: 50px; font-size: 11px; text-align: center;}
#header_box ul li:nth-child(3){ height: 47.5px;}
#header_box ul li:nth-child(1),
#header_box ul li:nth-child(2){ display: none;}
#nav-toggle span:nth-child(2){ top: 10px;}
#nav-toggle span:nth-child(3){ top: 20px;}
.open #nav-toggle span:nth-child(1),
.open #nav-toggle span:nth-child(3){top: 10px;}
#nav-toggle::before{ line-height: 1.7em;}

#header_box h1>span{ font-size: 7px; letter-spacing:0;}
#header_box_sp{ display: flex; width: 100%; background-color: white; border-top: #fea521 1px solid; border-bottom: 1px solid #fea521;}
#header_box_sp>div,
#header_box_sp>a{ width: 50%; height: 48px;}
#header_box_sp>a.tel{ text-align: center; color: black;}
#header_box_sp>a.tel div{ line-height: 16px; font-size: 14px; font-weight: bold; color: black; margin: 4px auto;}
#header_box_sp>a.tel div span{ display: inline-block; background-color: white; height: 18px; width: 22px; background: white url("../images/freedial.svg") no-repeat center center; line-height: 20px; margin-right: 5px; background-size: 22px 14px;}
#header_box_sp>a.tel>p{ font-size: 8px; margin: 0; line-height: 1.2em;}
#header_box_sp>div.contact{ background-color: #fea521;}
#header_box_sp>div.contact>a{ display: table; height: 100%; text-align: center; width: 100%; color: white;}
#header_box_sp>div.contact>a>p{ display: table-cell; vertical-align: middle; font-size: 14px; font-weight: bold;}
#header_box_sp>div.contact>a>p::before{ display: inline-block; content: ""; width: 14px; height: 12px; background: url("../images/mail_white.svg") no-repeat center; background-size: 14px 12px; margin-right: 5px;}

#header_area_sp{ background-color: #434343; color: white; margin: 0; line-height: 20px; font-size: 10px; text-align: center;}

#header_nav{ padding: 10px; display: block;}
#header_nav ul{ border-bottom: 1px solid white; border-right: 1px solid white;}
#header_nav ul li{ display: inline-block; font-size: 12px; width: 50%; vertical-align: top; line-height: 2; padding: 10px; border-top: 1px solid white; border-left: 1px solid white;}
#header_nav ul li.pconone::before{ content: "　";}
#header_nav ul li.large{ width: 100%;}

#header_nav p.tel{ text-align: center; color: white; margin-top: 0.5em;}
#header_nav p.tel a{ line-height: 30px; font-size: 20px; font-weight: bold; color: white;}
#header_nav p.tel a span{ display: inline-block; background-color: white; height: 20px; width: 30px; background: white url("../images/freedial.svg") no-repeat center center; line-height: 20px; margin-right: 5px; background-size: 30px 20px;}
#header_nav p.tel>span{ display: block;}

#header_nav p.contact{ display: table; width: 100%; table-layout: fixed; background-color: rgba(254,165,33,1); border-radius: 5px; box-shadow: 0px 4px 0px #B76E00;}
#header_nav p.contact>a{ display: table-cell; height: 60px; text-align: center; vertical-align: middle; color: white; font-size: 14px;}


}


/* footer */
footer{ background-color: #f2f2f2;}
#footer_service{ list-style: none; padding: 0; margin: 0 auto; font-size: 0;}
#footer_service li{ display: inline-block; vertical-align: top;}
#footer_service li a{ display: block; border: 1px solid #d2d2d2; color: white; background-color: #fea521;}
#footer_service li a img{ display: block; width: 100%;}
#footer_service li a p{ display: table; width: 100%; table-layout: fixed; margin: 0;}
#footer_service li a p span{ display: table-cell; vertical-align: middle;}

#footer_contact{ display: block; border: #d2d2d2 solid 1px; background: white url(../images/contact_img.jpg) no-repeat right bottom; text-decoration: none; color: black;}
#footer_contact>div{}
#footer_contact>div:nth-child(1){ background: url(../images/contact_icon.svg) no-repeat 20px center;}
#footer_contact h2{ margin: 0; font-weight: normal; display: table; width: 100%; table-layout: fixed; letter-spacing: 0.04em;}
#footer_contact h2 span{ display: table-cell; vertical-align: middle;}
#footer_contact>div:nth-child(2){ background-color: #4bbed0; color: white;}
#footer_contact p{ margin: 0; font-weight: normal;}
#footer_contact p span{}

#footer_footer{}
#footer_footer ul{ font-size: 0; list-style: none; padding: 0;}
#footer_footer ul li{}
#footer_footer ul li a{ color: #333;}
#footer_footer ul li a::before{ content: "・";}

#copyright{ background-color: #e5e5e5; text-align: center;}
#copyright p{ margin: 0;}

#sns_link{ padding: 0; margin: 0 auto; font-size: 0; display: flex; justify-content: center;}
#sns_link li{ text-align: center; display: table; background-color: #fea521; transition: .3s;}
#sns_link li:hover{ transform:scale( 1.2);}
#sns_link li a{ display: table-cell; vertical-align: middle;}
@media (min-width: 768px) {
footer{ min-width: 1000px; padding-top: 50px;}
#footer_service{ width: 980px;}
#footer_service li{ width: 230px; margin: 0 20px 30px 0;}
#footer_service li:nth-child(4n+4){ margin-right: 0;}
#footer_service li a{}
#footer_service li a img{}
#footer_service li a p{ font-size: 14px;}
#footer_service li a p span{ height: 50px; padding-left: 1em; padding-right: 1em; line-height: 1.2em;}

#footer_contact{ width: 980px; margin: 0 auto; background-size: 130px auto;}
#footer_contact>div{ display: inline-block; vertical-align: middle;}
#footer_contact>div:nth-child(1){ padding-right: 30px; width: 273px;}
#footer_contact h2{ text-align: right; font-size: 24px;}
#footer_contact h2 span{ height: 118px;}
#footer_contact>div:nth-child(2){ padding: 10px 15px; border-radius: 10px; width: 576px;}
#footer_contact p{ line-height: 1.625; text-align: center;}
#footer_contact p span{ display: inline-block; text-align: left;}

#footer_footer{ min-width: 1000px; border-top: 1px solid white; margin-top: 50px;}
#footer_footer ul{ width: 1000px; margin: 0 auto; list-style: none; padding: 15px 0 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: left;}
#footer_footer ul li{ font-size: 14px; width: 146px; margin: 0 10px; vertical-align: top; line-height: 36px;}
#footer_footer ul li.large{ width: 312px; font-size: 13px;}

#copyright{}
#copyright p{ font-size: 10px; line-height: 1; padding: 20px 0;}

#sns_link{ margin-top: 50px;}
#sns_link li{ width: 60px; border-radius: 30px; margin: 0 10px; transition: .3s;}
#sns_link li a{ height: 60px;}
#sns_link li a img{ max-width: 30px; max-height: 30px; width: auto; height: auto;}
}
@media (max-width: 767.98px) {
footer{ padding-top: 30px;}
#footer_service{ padding: 0 10px;}
#footer_service li{ width: 50%; margin-bottom: 20px;}
#footer_service li:nth-child(2n+1){ padding-right: 6px;}
#footer_service li:nth-child(2n+2){ padding-left: 6px;}
#footer_service li a{}
#footer_service li a img{}
#footer_service li a p{ font-size: 10px;}
#footer_service li a p span{ height: 31px; padding-left: 0.5em; padding-right: 0.5em; line-height: 1.2em;}

#footer_contact{ margin: 0 10px; background-size: 30% auto;}
#footer_contact>div{}
#footer_contact>div:nth-child(1){ padding-left: 40px; background-size: 27.5px 31.5px; background-position: 6.5px center;}
#footer_contact h2{ font-size: 12px; height: 45px;}
#footer_contact h2 span{}
#footer_contact>div:nth-child(2){ width: 70%; margin: 0 auto 5px 5px; padding: 5px 10px; border-radius: 6px;}
#footer_contact p{ font-size: 10px;}
#footer_contact p span{}

#footer_footer{}
#footer_footer ul{ padding: 20px 10px 0;}
#footer_footer ul li{ font-size: 12px; line-height: 3;}
#footer_footer ul li a{}

#copyright{}
#copyright p{ font-size: 5px; padding: 10px 0;}

#sns_link{ margin-top: 40px; margin-bottom: 20px;}
#sns_link li{ width: 36px; border-radius: 18px; margin: 0 10px;}
#sns_link li a{ height: 36px;}
#sns_link li a img{ max-width: 20px; max-height: 20px; width: auto; height: auto;}
}


/* page_top_btn */
@media (min-width: 768px) {
#page_top_btn{ display: table; position: fixed; right: 20px; width: 120px; height: 50px; z-index: 1; cursor: pointer; background-color: #fea521;}
#page_top_btn>div{ display: table-cell; vertical-align: middle;}
#page_top_btn>div::before{ content: "▲"; color: white; display: block; text-align: center; font-size: 8px; line-height: 1;}
#page_top_btn>div::after{ content: "Page top"; color: white; display: block; text-align: center; font-size: 12px;}
}
@media (max-width: 767.98px) {
#page_top_btn_sp{ display: table;  width: 100%; z-index: 1; cursor: pointer; padding: 0 10px; margin: 30px 0;}
#page_top_btn_sp>div{ display: table-cell; vertical-align: middle; background-color: #fea521; height: 40px;}
#page_top_btn_sp>div::before{ content: "▲"; color: white; display: block; text-align: center; font-size: 4px; line-height: 1;}
#page_top_btn_sp>div::after{ content: "Page top"; color: white; display: block; text-align: center; font-size: 10px;}

}


/*breadcrumb*/
#breadcrumb{ background-color: #757575;}
.breadcrumb{ background-color:transparent;}
.breadcrumb-item + .breadcrumb-item::before{ content:"｜"; padding: 0 6px; color: white;}
.breadcrumb-item a, .breadcrumb-item.active{ color: white; display: inline-block;}
ol.breadcrumb>li:first-child a{ background-image: url(../images/home.svg); background-repeat: no-repeat;}
@media (min-width: 768px) {
ol.breadcrumb{ width: 1000px; padding: 6px 10px; margin: 0 auto 30px;}
.breadcrumb-item a, .breadcrumb-item.active{ padding: 3px 0; font-size: 12px;}
ol.breadcrumb>li:first-child a{ background-position: 4px 5px; padding-left: 20px;}
}
@media (max-width: 767.98px) {
ol.breadcrumb{ padding: 3px 10px; margin-bottom: 20px;}
.breadcrumb-item a, .breadcrumb-item.active{ padding: 3px 0; font-size: 12px;}
ol.breadcrumb>li:first-child a{ background-position: 4px 5px; padding-left: 20px;}

}







.white_back{ background-color: white;}
.sub_title{ border-left:#fea521 solid 1px; background-color: #f2f2f2; font-weight: 600; line-height: 2; padding: 10px; position: relative;}
.sub_title .sub_title_link{ display: table; position: absolute; right: 0; top: 0; width: auto; height: 100%; margin: 10px 20px;}
.sub_title .sub_title_link>span{ display: table-row; height: 100%; width: 100%;}
.sub_title .sub_title_link>span>a{ display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #212529; font-weight: normal;}

@media (min-width: 768px) {
.white_back{  min-width: 1000px; padding: 50px 0;}
.sub_title{ border-left-width: 3px; font-size: 16px; margin: 0 0 15px;}
.black_sub_title{ background-color: rgba(51,51,51,0.80); color: white;}
.sub_title .sub_title_link{ height: 32px;}
.sub_title .sub_title_link>span>a{ font-size: 12px;}

}
@media (max-width: 767.98px) {
.sub_title{ border-left-width: 1.5px; font-size: 13px; margin: 0 0 10px;}

.sub_title .sub_title_link{ height: 26px;}
.sub_title .sub_title_link>span>a{ font-size: 10px;}
}


/* news_list */
#news_list{ padding: 0; list-style: none; margin: 0;}
#news_list li{ border-bottom: 1px solid #f2f2f2;}
#news_list li a{ display: block; padding: 10px 0; color: black;}
#news_list li a:hover{ text-decoration: none;}
#news_list p{ color: #df0029; margin: 0;}
#news_list li a span{}
#news_list li a span::before{ content: "｜"; display: inline-block; margin: 0 5px; color: black;}
@media (min-width: 768px) {
.white_back{ padding-bottom: 100px;}
#news_list{ padding: 0 10px;}
}
@media (max-width: 767.98px) {}


/* page_list */
#page_list01{}
#page_list01{ padding: 0; font-size: 0;}
#page_list01 li{}
#page_list01 a{ display: block; border: 1px solid #d2d2d2; background-color: white;}
#page_list01 img{ display: block; width: 100%;}
#page_list01 h3{ margin: 0;}
#page_list01 h3::after{ display: block; background-color: #fea521; content: "";}
#page_list01 p{ margin: 0;}
.post_sub_title span::before{ content: "｜"; display: inline-block; margin: 0 5px; color: black;}

@media (min-width: 768px) {
#page_list01{ margin: 20px 0 50px;}
#page_list01 li{ display: inline-block; vertical-align: top; width: 310px; margin: 0 25px 30px 0;}
#page_list01 li:nth-child(3n+3){ margin-right: 0;}
#page_list01 li:nth-child(1) a,
#page_list01 li:nth-child(2) a,
#page_list01 li:nth-child(3) a{ min-height: 408px;}
#page_list01 a{ padding: 9px;}
#page_list01 img{}
#page_list01 h3{ font-size: 20px; margin: 10px 0;}
#page_list01 h3::after{ width: 50px; height: 3px; margin-top: 10px;}
#page_list01 p{ font-size: 14px;}
}
@media (max-width: 767.98px) {
#page_list01{ margin: 10px 0 30px}
#page_list01 li{  margin: 0 0 25px 0;}
#page_list01 a{ padding: 9px;}
#page_list01 img{}
#page_list01 h3{ font-size: 19px; margin: 10px 0;}
#page_list01 h3::after{ width: 50px; height: 3px; margin-top: 10px;}
#page_list01 p{ font-size: 12px;}
}


#content_box{}
#main_left{}
#menu_right{}
.content_box{}
.content_box img{ display: block; max-width: 100%; width: 100%; margin: 0 auto 10px;}
.content_box p{}
.content_box a{word-break: break-all;}

.post_title{ margin: 0;}
.post_sub_title{ margin: 0 0 2em;}
.post_sub_title time{ display: inline-block;}
.post_sub_title p{ margin: 0; display: inline-block;}
.post_sub_title p::before{ content: "｜"; display: inline-block;}

.back_btn{}
.back_btn>a{ display: table; table-layout: fixed; margin: 0 auto; border: 2px solid #d2d2d2; background-color: white;}
.back_btn>a:hover{ text-decoration: none;}
.back_btn>a>span{ display: table-row;}
.back_btn>a>span>span{ display: table-cell; vertical-align: middle; text-align: center;}
.back_btn>a>span>span::before{ content: "戻る"; display: block; line-height: 1; color: #666666;}
.back_btn>a>span>span::after{ content: "◀︎"; display: block; line-height: 1; color: #666666;}


.example_list{ position: relative; padding: 0; margin: 0; display: block;}
.example_list li{ display: table; width: 100%; border: #dcdcdc solid 1px; border-top: none; background-color: white;}
.example_list li:first-child{ border-top: #dcdcdc solid 1px;}
.example_list li a{ width: 100%; color: #333333; display: block; transition: 0.3s;}
.example_list li a:hover{ text-decoration:none;}
.example_list li a p{ display: table-row; vertical-align: middle; position: relative;}
.example_list li a p::before{ display: table-cell; content: "▶︎"; color: #4bbed0; margin: auto; vertical-align: middle; text-align: center;}
.example_list li a p span{ display: table-cell; vertical-align: middle;}

.example_list li.active,
.example_list li a:hover{ background-color: #f2f2f2;}
.example_list li.active a,
.example_list li a:hover{ color: #fea521;}
.example_list li.active a p::before,
.example_list li a:hover p::before{ color: #fea521;}
@media (min-width: 768px) {
#content_box::after{ content: ""; clear: both; display: table;}
#main_left{ float: left; width: 700px; margin-bottom: 50px;}
#menu_right{ float: right; width: 250px; padding-bottom: 50px;}
.content_box{ font-size: 18px;}
.post_title{ font-size: 20px; margin-bottom: 15px;}
.post_sub_title{ margin-bottom: 2em;}
.back_btn{ padding: 50px 0;}
.back_btn>a{ width: 80px; border-radius: 40px;}
.back_btn>a>span>span{ height: 76px;}
.back_btn>a>span>span::before{ font-size: 18px; margin: 14px 0 7px;}
.back_btn>a>span>span::after{ font-size: 8px;}
.example_list li a p{}
.example_list li a p::before{ height: 48px; font-size: 8px; width: 26px;}
.example_list li a p span{ height: 48px; padding: 10px 5px 10px 0;}
}
@media (max-width: 767.98px) {
#content_box{}
#main_left{ margin-bottom: 50px;}
#menu_right{}
.post_title{ font-size: 18px; margin-bottom: 15px;}
.post_sub_title{ margin-bottom: 10px;}
.back_btn{ padding: 50px 0;}
.back_btn>a{ width: 80px; border-radius: 40px;}
.back_btn>a>span>span{ height: 76px;}
.back_btn>a>span>span::before{ font-size: 18px; margin: 14px 0 7px;}
.back_btn>a>span>span::after{ font-size: 8px;}
.example_list li a p{}
.example_list li a p::before{ height: 48px; font-size: 8px; width: 20px;}
.example_list li a p span{ height: 48px; padding: 10px 5px 10px 0;}
}



#top_service_list{ padding: 0; font-size: 0;}
#top_service_list li{}
#top_service_list a{ display: block; border: 1px solid #d2d2d2; background-color: white; color: black;}
#top_service_list a:hover{ text-decoration: none;}
#top_service_list img{ display: block; width: 100%;}
#top_service_list h3{ margin: 0;}
#top_service_list h3 small{ display: block; color: #fea521;}
#top_service_list p{ margin: 0;}
@media (min-width: 768px) {
#top_service_list{ margin: 20px 0 50px; display: flex; flex-wrap: wrap;}
#top_service_list li{ vertical-align: top; width: 310px; margin: 0 25px 30px 0;}
#top_service_list li:nth-child(3n+3){ margin-right: 0;}
#top_service_list a{ padding: 9px; height: 100%;}
#top_service_list img{}
#top_service_list h3{ font-size: 20px; margin: 10px 0;}
#top_service_list h3 small{ font-size: 12px; margin-top: 5px;}
#top_service_list p{ font-size: 14px;}

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

#top_service_list{ margin: 10px 0 30px}
#top_service_list li{  margin: 0 0 25px 0;}
#top_service_list a{ padding: 9px;}
#top_service_list img{}
#top_service_list h3{ font-size: 19px; margin: 10px 0;}
#top_service_list h3 small{ display: none;}
#top_service_list p{ font-size: 12px;}
}



.img_center{ display: block; margin: auto;}
.sub_title.sub_title_2{ border-left-color: #4bbed0;}
.sub_title.sub_title_3{ border: none; border-bottom: 2px solid #fea521; background-color: transparent; padding: 0;}
.strong_01{ display: inline-block; font-weight: bold; border-bottom: 2px solid #4bbed0; margin-bottom: 0.5em;}
.strong_01::before{ content:"○ ";}
.strong_02{ display: inline-block; font-weight: bold; border-bottom: 2px solid #4bbed0; margin-bottom: 0.5em;}
.ul_1_5em{ padding-left: 1.5em;}
.content_hr{ border: none;}
@media (min-width: 768px) {
.sub_title.sub_title_2{ margin-top: 20px; margin-bottom: 20px;}
.sub_title.sub_title_3{ margin-top: 20px; margin-bottom: 20px;}
.margin_simulation{ margin: 20px 0 30px;}
.content_hr{ padding: 25px; margin: 0;}
}
@media (max-width: 767.98px) {
.sub_title.sub_title_2{ margin-top: 10px; margin-bottom: 10px;}
.sub_title.sub_title_3{ margin-top: 20px; margin-bottom: 10px;}
.margin_simulation{ margin: 15px 0 20px;}
.strong_02{ font-size: 12px;}
.content_hr{ padding: 25px; margin: 0;}
}





#page_contact{ display: block; border: #d2d2d2 solid 1px; background: white url(../images/contact_img.jpg) no-repeat right bottom; text-decoration: none; color: black;}
#page_contact>div{}
#page_contact>div:nth-child(1){ background: url(../images/contact_icon.svg) no-repeat 20px center;}
#page_contact h2{ margin: 0; font-weight: normal; display: table; width: 100%; table-layout: fixed; letter-spacing: 0.04em;}
#page_contact h2 span{ display: table-cell; vertical-align: middle;}
#page_contact>div:nth-child(2){ background-color: #4bbed0; color: white;}
#page_contact p{ margin: 0; font-weight: normal;}
#page_contact p span{}
@media (min-width: 768px) {
#page_contact{ width: 700px; margin: 0 auto; background-size: 130px auto;}
#page_contact>div{ display: inline-block; vertical-align: middle;}
#page_contact>div:nth-child(1){ padding-right: 15px; width: 258px;}
#page_contact h2{ text-align: right; font-size: 24px;}
#page_contact h2 span{ height: 118px;}
#page_contact>div:nth-child(2){ padding: 10px 15px; border-radius: 10px; width: 311px;}
#page_contact p{ line-height: 1.625; text-align: center;}
#page_contact p span{ display: inline-block; text-align: left;}
}
@media (max-width: 767.98px) {
#page_contact{ margin: 0; background-size: 30% auto;}
#page_contact>div{}
#page_contact>div:nth-child(1){ padding-left: 40px; background-size: 27.5px 31.5px; background-position: 6.5px center;}
#page_contact h2{ font-size: 12px; height: 45px;}
#page_contact h2 span{}
#page_contact>div:nth-child(2){ width: 70%; margin: 0 auto 5px 5px; padding: 5px 10px; border-radius: 6px;}
#page_contact p{ font-size: 10px;}
#page_contact p span{}
}


.contact_service_box{ padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.contact_service_box>li{ border: #d2d2d2 solid 1px; text-align: center;}
.contact_service_box>li>h4{ background-color:#4bbed0; color: white; border-bottom: #d2d2d2 solid 1px; line-height: 40px; font-size: 16px; margin-bottom: 15px;}
.contact_service_box>li>a{ color: #333333; font-weight: bold; display: inline-block; line-height: 30px;}
.contact_service_box>li.tel_box a{ font-size: 24px;}
.contact_service_box>li.mail_box a{ font-size: 20px;}
.contact_service_box>li a span{ display: inline-block; margin-right: 5px;}
.contact_service_box>li.tel_box a span{ height: 24px; width: 38px; background: white url(../images/freedial_blue.svg) no-repeat center center; background-size: 38px 24px; line-height: 24px;}
.contact_service_box>li.mail_box a span{ height: 20px; width: 28px; background: white url(../images/mail.svg) no-repeat center center; background-size: 28px 20px; line-height: 20px;}
.contact_service_box>li>p{ font-size: 14px; font-weight: bold; margin: 5px 0;}
.contact_service_box>li>p>small{ font-size: 11px; font-weight: bold;}
.contact_service_box>li.mail_box a { font-size: 20px;}
@media (min-width: 768px) {
.contact_service_box{ margin: 0 -10px;}
.contact_service_box>li{ width: calc(50% - 20px); margin: 0 10px 20px;}
.contact_service_box>li>h4{}
}
@media (max-width: 767.98px) {
.contact_service_box{ margin-top: -5px;}
.contact_service_box>li{ width: 100%; margin-bottom: 20px; padding-bottom: 5px;}
}



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

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

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