@charset "utf-8";
/* 基本設定 */
* {
    margin: 0px;
    padding: 0px;
	font-family:"Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
	font-weight:500;
}
body {
    *font-size: small;
    *font: x-small;
    font-size: 16px;
    letter-spacing: 0.1em;
	color: #555;
	background: #fff;
	overflow-x: hidden;
}
.pc{
	display: none;
}
.sp{
}
.br-pc {
	display:none;
}
.br-sp {
	display:block;
}
/* 基本設定・リセット */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}
ul li img {
     vertical-align: bottom;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
a{
	text-decoration: none;
	color:inherit;
}
a img{
	border:0;
}
img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
hr{
	border: none;
	height: 1px;
	background: #c3c3c3;
}
ing,input{
  vertical-aligin: bottom;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
h1{
}
h2{
}
h3{
}
h4{
}
h5{
}
p{
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 16px;
	line-height: 1.5em;
}
.clearfix{
	clear: both;
	padding: 0;
	margin: 0;
}
#page-top {
    width: 50px;
    height: 50px;
	position: fixed;
	bottom: 80px;
	right: 5%;
    z-index: 9999;
}
#page-top img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
#page-top a {
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}
.set{
    margin: 0;
}
.breadcrumb-list {
	font-size: 12px;
	padding: 0 5%;
	overflow-x: scroll;
}
.breadcrumb-list::-webkit-scrollbar {
  display: none;
}
.breadcrumb-list ol {
    list-style: none;
    display: table;
    color: #000;
}
.breadcrumb-list ol li {
    padding: 5px 1em;
    display: table-cell;
    white-space: nowrap;
    color: #000;
}
.breadcrumb-list ol li a{
	text-decoration:underline;
	border: none;
    color: #000;
}
#wrapper{
	width: 100%;
}
/* HEADER */
header{
    width: 100%;
    height: 70px;
    background: #fff;
    position: relative;
}
.padd_100{
}
.padd_50{
    padding: 25px 0 0;
}
.logo{
    width: 90%;
    float: left;
}
.logo img{
    width: 100%;
    max-width: 280px;
    object-fit: cover;
}
.logo h1.h1{
    font-size: 12px;
    line-height: 0;
    color: #9A9A9A;
}
.header_content{
}
.header_info{
    display: none;
}
.header_info p{
    width: 300px;
    text-align: right;
    font-size: 15px;
    float: left;
}
.header_info_tel{
    width: 190px;
    height: 25px;
    line-height: 25px;
    background: #F58321;
    border-radius: 5px;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 18px;
    margin: 0 10px;
}
.header_info_tel a{
    display: block;
    font-weight: 700;
}
.header_info_tel i{
    font-size: 16px;
    margin: 0 5px 0 0;
}
.header_info_access{
    width: 130px;
    height: 25px;
    line-height: 25px;
    background: #45A766;
    border-radius: 5px;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 13px;
    margin: 0 10px 0 0;
}
.header_info_access a{
    display: block;
    font-weight: 700;
}
.header_info_access i{
    font-size: 13px;
    margin: 0 5px 0 0;
}
.header_info ul{
    float: right;
    width: 250px;
}
.header_info ul li{
    float: left;
}
.nav{
}
/*navi*/
#nav_toggle{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
    top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
	z-index: 100000;
	right: 0;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle span{
	display: block;
	height: 4px;
	background: #F58321;
	position:absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}
#nav_toggle span:nth-child(1){
	top:6px;
}
#nav_toggle span:nth-child(2){
	top:18px;
}
#nav_toggle span:nth-child(3){
	top:30px;
}
/*開閉ボタンopen時*/
.open #nav_toggle span{
	background: #555;
}
.open #nav_toggle span:nth-child(1) {
	top: 18px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.fixed{
    position: fixed;
    top: 0;
    z-index: 10000;
}
nav{
	display:none;
	position: fixed;
	top:0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background:rgba(255,255,255,1);
    padding:50px 0;
	left: 0;
	z-index: 10001;
}
nav ul{
	display: block;
	width: 100%;
	overflow-y: auto;
    padding-bottom: 100px;
 -webkit-overflow-scrolling:touch;
 overflow-scrolling:touch;
}
nav ul li{
	font-size: 16px;
    border-bottom: 1px solid #c3c3c3;
    width: 100%;
}
nav ul li a i.fas{
    display: none;
}
nav ul li a{
    display: block;
    font-weight: 700;
    color: #555;
    padding: 10px ;
}
nav ul ol{
    display: block;
	width: 100%;
    padding-bottom: 0;
}
nav ul ol li{
    font-size: 14px;
    border-bottom: 1px solid #c3c3c3;
    width: 100%;
}
nav ul ol li a{
    display: block;
    color: #F58321;
    padding: 10px ;
    text-indent: 1em;
}
.sub_nav{
    display: none;
}
.sub_nav ul{
    letter-spacing: -.4em;
}
.sub_nav ul li{
    display: inline-block;
    width: 110px;
    height: 65px;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    color: #F58321;
    letter-spacing:normal;
    border-right: 1px solid #ECECEC;
}
.sub_nav ul li i{
    display: block;
}
.sub_nav ul li a{
    font-weight: 700;
    display: block;
}
.bookmark:before {
      content: '';
  display: inline-block;
  width: 23px;
  height: 30px;
    margin: 5px 0;
  background-image: url("../img/common/bookmark_sp.png");
    background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.bigin:before {
      content: '';
  display: inline-block;
  width: 23px;
  height: 30px;
    margin: 5px 0;
  background-image: url("../img/common/biginer_sp.png");
    background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.clipboard:before {
      content: '';
  display: inline-block;
  width: 23px;
  height: 30px;
    margin: 5px 0;
  background-image: url("../img/common/clipboard_sp.png");
    background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.question:before {
      content: '';
  display: inline-block;
  width: 23px;
  height: 30px;
    margin: 5px 0;
  background-image: url("../img/common/question_sp.png");
    background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.sp_nav{
    order: 3;
    width: 100%;
    background: #F58321;
    margin-bottom: 20px;
}
.sp_nav ul{
    width: 100%;
}
.sp_nav ul li{
    width: calc(100% / 3);
    height: 70px;
    padding: 5px 0;
    box-sizing: border-box;
    border-right: 1px solid #fff; 
    float: left;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.sp_nav ul li:last-of-type{
    border: none;
}
.sp_nav ul li i{
    display: block;
}
.sp_nav ul li a{
    display: block;
}
.campaign_common{
    width: 100%;
}
.campaign_common h5{
    background: #76816A;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.multiple{
    padding: 20px 0;
    background: #D3D8CE;
}
.multiple div.campaign_common_box{
    width: 300px;
    margin: 0 20px;
    background:#e0e0e0;
}
.campaign_common_box_img{
    width: 100px;
    float: left;
}
.campaign_common_box_img img{
    width: 100px;
    object-fit: cover;
}
.campaign_common_box_text{
    width: 190px;
    padding: 0 5px;
    float: left;
}
.campaign_common_box_text h6{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
}
.campaign_common_box_price .price_box{
    margin-right: 5px;
}
.campaign_common_box_price p{
    font-size: 12px;
    display: inline-block;
}
.campaign_common_box_price .pricedown{
    width: 50%;
}
.campaign_common_box_price .pricedown img{
    width: 100%;
    object-fit: cover;
}
/* SLIDE */
.slide{
	width: 100%;
}
.bg-slider {
	width: 100%;
	height: auto;
	background-position:center center;
	background-size: cover;
}
.bg-slider_content{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.slide_search{
    order: 4;
    width: 90%;
    margin: 0 auto;
    background: #fff;
}
.slide_search p{
    font-size: 18px;
    font-weight: 700;
}
.search:before {
      content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("../img/common/home.png");
  background-size: contain;
    background-repeat: no-repeat;
  vertical-align:top;
}
.slide_search_block{
    margin: 10px 0;
}
.slide_search_box{
    display: inline-block;
    background: #EFEFEF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    color: #F58321;
}
.slide_search_box a{
    display: block;
    padding: 5px 15px;
}
.slide_search_btn1{
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #656598;
    background: #27275A;
    border-radius: 5px;
    margin: 20px auto;
}
.slide_search_btn1 a{
    display: block;
    font-weight: 700;
}
.slide_search_btn2{
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #FFAC06;
    background: #F58321;
    border-radius: 5px;
    margin: 20px auto;
}
.slide_search_btn2 a{
    display: block;
    font-weight: 700;
}
.slide_info{
    width: 90%;
    height: 60px;
    margin: 50px auto 0;
    padding: 50px 0 0;
    /*background: url("../img/common/slide_info.png") center top no-repeat;*/
    background-size:contain;
    order: 1;
}
.slide_info h2{
    width: 100%;
	color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}
.slide_free{
    width: 90%;
    height: 50px;
    margin: 50px auto 40px;
    background: #fff;
    border-radius: 5px;
    order: 2;
}
.slide_free i{
    display: none;
}
.slide_free p{
    display: none;
}
.slide_free form{
    float: left;
    width: 100%;
}
.free_btn{
    width: 30px;
    height: 30px;
    margin: 10px 0;
}
#cse-search-box input[type="submit"]{
    border-radius: 4px;
}
#cse-search-box input[type="text"]{
    width: calc(100% - 50px);
    height: 50px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    float: left;
}
.sub_slide{
	width: 100%;
    position: relative;
        font-size: 0;
}
.sub_slide img{
    width: 100%;
    min-height: 150px;
    object-fit: cover;
}
.sub_slide_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
/* FOOTER */
footer{
    width: 100%;
    padding: 10px 0 80px;
}
footer p{
    font-size: 12px;
}
.footer_col1{
    width: 100%;
    margin: 10px 0;
}
.footer_logo{
    width: 50%;
    margin-bottom: 10px;
}
.footer_logo img{
    width: 100%;
    object-fit: cover;
}
.footer_col1 p a{
    text-decoration: underline;
}
.footer_col2{
    width: 100%;
}
address{
    font-style: normal;
    font-size: 12px;
}
.footer_col3{
    width: 100%;
}
.footer_cledit{
    width: 50%;
    margin: 10px auto;
}
.footer_cledit img{
    width: 100%;
    object-fit: cover;
}
.footer_col3 ul li{
    display: inline-block;
    font-size: 12px;
    color: #2761FF;
    border-left: 1px solid #2761FF;
    padding: 0 4px;
}
p.copy{
    text-align: center;
}
.footer_content{
    background: #F3F3EF;
    padding: 25px 0;
}
.left_footer_content{
    width: 100%;
}
.right_footer_content{
    width: 100%;
}
.left_footer_content p{
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
}
.footer_content_search_block{
    text-align: left;
    margin: 5px 0;
}
.footer_content_search_box{
    display: inline-block;
    background: #EFEFEF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    color: #F58321;
}
.footer_content_search_box a{
    display: block;
    padding: 2px 10px;
}
.footer_content_search_btn1{
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #656598;
    background: #27275A;
    border-radius: 5px;
    margin: 20px auto;
}
.footer_content_search_btn1 a{
    display: block;
    font-weight: 700;
}
.footer_content_search_btn2{
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #FFAC06;
    background: #F58321;
    border-radius: 5px;
    margin: 20px auto;
}
.footer_content_search_btn2 a{
    display: block;
    font-weight: 700;
}
.sns_block{
    text-align: left;
}
.sns_box{
    width: 50px;
    height: 50px;
    margin: 5px;
    display: inline-block;
}
.sns_box img{
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.footer_banner_block{
    text-align: center;
    letter-spacing: -.4em;
}
.footer_banner_box{
    width: 80%;
    margin: 10px auto;
}
.footer_banner_box img{
    width: 100%;
    object-fit: cover;
}
.smart_footer{
    position: fixed;
    width: 100%;
    bottom:0;
    background: #fff;
    height: 70px;
    border-top: 1px solid #e0e0e0;
    z-index: 10000;
}
.smart_footer_tel{
    width: 75%;
    float: left;
    padding: 5px 0;
    height: 60px;
    background:#fff;
    text-align: center;
    font-size: 22px;
    color: #000;
}
.smart_footer_tel a{
    display: block;
    font-weight: 700;
}
.smart_footer_tel span{
    display: block;
    text-align: right;
    margin-right: 5px;
    font-size: 14px;
}
.smart_footer_favorite{
    width: 25%;
    height: 60px;
    padding: 5px 0;
    background: #F58321;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 14px;
}
.smart_footer_favorite i{
    display: block;
}
.smart_footer_favorite a{
    display: block;
}
.content_area .smart_footer{
    left: -5%;
    padding-left: 5%;
}
/* CONTENT */
.content{
    width: 90%;
    margin: 0 auto;
}
.btn_box{
    text-align: center;
}
.btn{
    display: inline-block;
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #FFAC06;
    background: #F58321;
    border-radius: 5px;
    margin: 20px auto;
}
.btn a{
    display: block;
    font-weight: 700;
}
.btn2{
    display: inline-block;
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #FFAC06;
    background: #F58321;
    border-radius: 5px;
    margin: 20px auto;
}
.btn2 a{
    display: block;
    font-weight: 700;
}
/* INDEX */
.index{
    
}
.index_col1{
    margin: 25px 0;
}
.index_col1 h3{
    font-size: 18px;
    color: #76816A;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
.index_col1 p{
    font-weight: 700;
    color: #A1A79A;
    text-align: center;
    font-size: 14px;
}
.index_col1_block{
    margin: 40px 0 30px;
}
.index_col1_box{
    width: 100%;
    background: #fff;
    float: left;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    position: relative;
    margin: 20px 0;
}
.index_col1_box_point{
    position: absolute;
    width: 150px;
    height: 40px;
    background: #F3F2EF;
    left: calc(50% - 75px);
    top: -25px;
    text-align: center;
    line-height: 60px;
    color: #F58321;
    font-size: 18px;
    font-weight: 700;
}
.index_col1_box_point:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -30px;
  left: 0;
  border-style: solid;
  border-color: #F3F2EF transparent transparent transparent;
  border-width: 30px 75px 0 75px;
  z-index: 1;
}
.index_col1_box_img{
    width: 100%;
}
.index_col1_box img{
    width: 100%;
    border-radius: 8px 8px 0 0;
    object-fit: cover;
}
.index_col1_box_text{
    width: 90%;
    padding: 5%;
}
.index_col1_box_text h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.index_col1_box_text p{
    text-align: left;
    font-weight: 500;
    color: #555;
}
.index_col2{
    margin: 25px 0;
    padding: 20px 0;
    background: #F3F2EF;
}
.index_col2 .content{
    width: 100%;
}
.center {
    width: 100%;
    text-align: center;
}
.center img { 
    width: 100%;
    margin: 0 ;
    padding: 0;
    object-fit: cover;
}
.center .slick-next { 
    right: 20px; 
    z-index: 99;
}
.center .slick-prev { 
    left: 15px; 
    z-index: 100;
}
.index_col3{
    margin: 25px 0;
}
.index_col3 h3{
    font-size: 18px;
    color: #76816A;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
.index_col3 ul{
    width: 100%;
    margin: 20px auto;
}
.index_col3 ul li{
    border-bottom: 1px dotted #E0E0E0;
    padding: 15px 0;
}
.index_col3 ul li a{
    display: block;
    font-weight: 700;
    font-size: 14px;
}
.index_col3 ul li span{
    display: inline-block;
}
.index_col3 ul li div{
    width: 70px;
    height: 20px;
    margin: 0 10px;
}
.index_col3 ul li .new{
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #FF6B6B;
}
.index_col4{
    margin: 25px 0;
    padding: 20px 0;
    background: #F3F2EF;
}
.index_col4 h4{
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.index_col4 p{
    color: #A1A79A;
    font-size: 14px;
    font-weight: 700;
}
.index_col4 .more{
    float: right;
    color: #F58321;
    font-size: 16px;
    font-weight: 700;
}
.index_col4 .more::after{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "\f054";
    padding-left: 1em;
}
.index_col5{
    margin: 25px 0;
}
.index_col5 h4{
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.index_col5 p{
    color: #A1A79A;
    font-weight: 700;
    font-size: 14px;
}
.index_col6{
    margin: 25px 0;
    padding: 20px 0;
    background: #76816A;
    position: relative;
}
.index_col6::before{
    content: "";
    position: absolute;
    bottom:0;
    background: url("../img/top/index_col5_bg.png") center top no-repeat;
    background-size: cover;
    width: 100%;
    height: 150px;
}
.index_col6 h3{
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    z-index: 5;
}
.index_col6 .content{
    width: 100%;
}
.index_area_box{
    position: relative;
    width: 100%;
}
.index_area_box a:hover{
    opacity: 1;
}
.index_area_text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.index_area_text h6{
    width: 80%;
    height: 30px;
    line-height: 30px;
    background: #fff;
    margin: 10px auto;
    font-size: 16px;
    font-weight: 700;
    color: #588EAB;
}
.index_area_text p{
    color: #fff;
    padding: 0 5%;
    font-size: 14px;
}
.index_col7{
    margin: 25px 0;
}
.index_col7_box1{
    width: 100%;
    background: url("../img/top/index_col7_box1_bg.jpg") center top no-repeat;
    background-size: cover;
}
.index_col7_box1_left{
    width: 90%;
    padding: 5%;
    color: #fff;
}
.index_col7_box1_left h5{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    line-height: 1em;
}
.index_col7_box1_left p{
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
}
.index_col7_box1_right{
    width: 90%;
    padding: 5%;
}
.vertical {
    max-width: 100%;
    margin: 0 auto;
}
.vertical div.index_col7_box1_right_box {
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
}
.vertical .index_col7_box1_right_box_img {
    width: 30%;
    float: left;
}
.vertical .index_col7_box1_right_box_img img {
    width: 100%;
    object-fit: cover;
}
.vertical .index_col7_box1_right_box_text{
    float: left;
    width: calc(70% - 10px);
    padding: 5px;
}
.vertical .index_col7_box1_right_box_text h6{
    font-size: 12px;
    font-weight: 700;
    color: #F58321;
}
.vertical .index_col7_box1_right_box_text p{
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1em;
}
.vertical .slick-prev {
    left: calc(50% - 10px);
    top: -10%;
    transform: rotateZ(90deg);
}
.vertical .slick-next {
    right: calc(50% - 10px);
    top: 100%;
    transform: rotateZ(90deg);
}
.index_col7_box2{
    margin: 20px 0;
}
.index_col7_box2_left{
    width: 100%;
}
.index_col7_box2_left h4{
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.index_col7_box2_left dl{
    margin: 10px 0;
}
.index_col7_box2_left dt{
    font-weight: 700;
    color: #F58321;
}
.index_col7_box2_left dt::before{
    content: "●";
}
.index_col7_box2_left dd{
    margin-bottom: 10px;
}
.index_col7_box2_right{
    width: 100%;
    background: url("../img/top/index_col7_box2_right_bg.jpg") center top no-repeat;
    background-size:contain;
}
.index_col7_box2_right_text{
    width: 90%;
    padding: 5%;
    color: #fff;
}
.index_col7_box2_right_text h5{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.index_col7_box2_right_text hr{
    height: 2px;
    background: #fff;
    margin: 10px 0;
}
.index_col7_box2_right_text p{
    text-align: center;
    font-size: 14px;
}
.index_col7_box2_right_text .tel{
    font-size: 20px;
    margin: 10px 0;
    letter-spacing: 0.1em;
    text-align: center;
}
.index_col7_box2_right_text .tel a{
    font-weight: 700;
}
.index_col8{
    margin: 20px 0 0;
    padding: 25px 0;
    background: url("../img/top/index_col8_bg.jpg") center top no-repeat;
    background-size: cover;
}
.index_col8_left{
    width: 100%;
}
.index_col8_left h3{
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.index_col8_left p{
    margin: 10px 0 0;
}
.index_col8_right{
    width: 90%;
    padding: 5%;
    background: rgba(255,255,255,0.8);
    border-radius: 8px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.16);
}
.index_col8_right h4{
    font-size: 18px;
    font-weight: 700;
    color: #F58321;
}
.index_col8_right ol{
    margin: 10px 0;
    list-style-type: decimal;
    list-style-position: inside;
}
.index_col8_right li{
    font-size: 16px;
    font-weight: 700;
    padding: 2px 0;
}
/* ARTICLE */
.article_block{
    margin: 20px 0;
}
.article_box{
    width: 100%;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    margin: 20px 0px;
}
.article_box_img{
    position: relative;
    width: 100%;
}
.article_box_img img{
    width: 100%;
    border-radius: 8px 8px 0 0;
    object-fit: cover;
}
.article_pricedown{
    width: 100px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.article_pricedown img{
    width: 100px;
    height: 20px;
    object-fit: cover;
}
.article_box_text{
    width: 90%;
    padding: 5%;
}
.article_box_text h5{
    font-size: 18px;
    font-weight: 700;
}
.article_box_text .price{
}
.article_box_text .price_box{
    background: #578EAB;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
}
.article_box_text .price p{
    display: inline-block;
    color: #555;
    width: calc(100% - 72px);
    font-weight: 700;
    margin-left: 5px;
    font-size: 14px;
}
.article_box_text .price p span{
display: block;
font-weight: 700;
}
.article_box_text .price p span.price_off{
color: #FF0000;
display: inline-block;
}
.article_box_text .price p i{
width: 18px;
text-align: center;
display: inline-block;
font-weight: 700;
color: #FF0000;
}
.article_box_text p{
    display: block;
    color: #555;
    width: auto;
    font-weight: 500;
    margin-left: 0px;
    font-size: 16px;
}
/* SEARCH */
.search_page{
    
}
.search_page_col{
    margin: 25px 0;
}
.search_page_col h3{
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
    margin-bottom: 10px;
}
.search_page_col2{
    margin: 25px 0;
}
.search_page_col2 h3{
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
    margin-bottom: 10px;
}
/*タブ切り替え全体のスタイル*/
.tabs {
    width: 100%;
    margin: 0 auto;
}
/*タブ切り替え全体のスタイル*/
.tab_area {
    width: 100%;
    height: 100px;
    margin: 0 auto;
}
/*タブのスタイル*/
.tab_area li {
    width: calc(100% / 2 - 10px);
    height: 40px;
    box-sizing: border-box;
    background:#F3F2EF;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    color: #555;
    font-weight: 700;
    display: block;
    border-radius: 5px;
    margin: 5px;
    float: left;
    cursor: pointer;
}
.tab_area li i{
    padding-right: 5px;
}
.tab_area li a{
    font-weight: 700;
    display: block;
}
/*選択されているタブのスタイルを変える*/
.tab_area li.select {
    background: #F58321;
    color: #fff;
    position: relative;
}
.tab_area li.select:after{
}
/*タブ切り替えの中身のスタイル*/
.search_page_col2 .content_area{
    width: 110%;
    margin: 20px 0;
    background: #fff;
    position: relative;
    left: -5%;
  clear: both;
  overflow: hidden;
}
.multiple2{
    padding: 20px 0;
}
.search_map_area{
    margin: 10px 0;
    height: 400px;
}
.search_map_area_list_box{
    width: 300px;
    border-radius: 5px;
    margin: 0 20px;
}
.search_map_area_list_img{
    width: 100px;
    float: left;
}
.search_map_area_list_img img{
    width: 100px;
    object-fit: cover;
}
.search_map_area_list_text{
    width: 190px;
    padding: 0 5px;
    float: left;
    color: #fff;
}
.search_map_area_list_text h4{
    font-size: 14px;
    font-weight: 700;
}
.search_map_area_list_text .price_box{
    background: #578EAB;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px;
}
.search_map_area_list_text p{
    display: inline-block;
    font-size: 12px;
}
.search_map_area_list_text .favorite{
    width: 190px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #F58321;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
}
.search_map_area_list_text .favorite a{
    font-weight: 700;
    display: block;
}
.search_map_area_list_img img{
    width: 100px;
    object-fit: cover;
}
.content_area {
    margin: 20px 0;
    background: #fff;
    box-sizing: border-box;
  clear: both;
  overflow: hidden;
}
.hide{display:none;}
table.search_station{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-collapse:collapse;
}
table.search_station tr{
}
table.search_station tr th{
    width: 90%;
    display: block;
    background: #F3F2EF;
    text-align: left;
    vertical-align: top;
    padding: 5%;
    font-weight: 700;
}
table.search_station tr th::before{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "\f009";
    font-size: 12px;
    color: #F58321;
    padding-right: 5px;
    vertical-align: middle;
}
table.search_station tr td{
    width: 90%;
    padding: 5%;
    display: block;
}
table.search_station tr td ul li{
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}
table.search_terms{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-collapse:collapse;
}
table.search_terms caption{
    width: 90%;
    padding: 5%;
    background: #76816A;
    color: #fff;
    text-align: left;
}
table.search_terms tr{
}
table.search_terms tr th{
    width: 90%;
    background: #F3F2EF;
    text-align: left;
    padding: 5%;
    font-weight: 700;
    display: block;
}
table.search_terms tr td{
    width: 90%;
    padding: 5%;
    display: block;
}
table.search_terms tr td ul li{
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}
.search_map{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.fixed_btn{
    position: fixed;
    bottom:0;
    left: -5%;
    padding-left: 5%;
    width: 100%;
    background: #357E2F;
}
.fixed_btn p{
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}
.fixed_btn .btn{
    display: block;
    width: 70%;
    margin: 10px auto;
    height: 40px;
    line-height: 40px;
}
.search_map_left{
    width: 100%;
    order: 2;
    background: #fff;
}
.search_map_left_title{
    width: 90%;
    padding: 5%;
    text-align: center;
    color: #fff;
    background: #76816A;
}
.search_map_left table{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-collapse:collapse;
}
.search_map_left table th{
    width: 90%;
    background: #F3F2EF;
    text-align: left;
    padding: 5%;
    font-weight: 700;
    display: block;
}
.search_map_left table td{
    width: 90%;
    padding: 5%;
    display: block;
}
.search_map_left table td ul li{
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}
.search_map_left table td ul.search_map_terms li{
    width: 260px;
    display: block;
    margin: 5px 0;
}
.search_map_right{
    width: 100%;
    order: 1;
    margin-bottom: 40px;
}
.search_map_right table{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-collapse:collapse;
}
.search_map_right table caption{
    color: #F58321;
    text-align: left;
    font-weight: 700;
}
.search_map_right table tr{
}
.search_map_right table tr th{
    width: 90%;
    text-align: left;
    background: #F3F2EF;
    padding: 5%;
    font-weight: 700;
    display: block;
}
.search_map_right table tr th::before{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "\f009";
    font-size: 12px;
    color: #F58321;
    padding-right: 5px;
    vertical-align: middle;
}
.search_map_right table tr td{
    width: 90%;
    padding: 5%;
    display: block;
}
.search_map_right table tr td ul li{
    width: 120px;
    height: 30px;
    display: inline-block;
    margin: 5px;
}
.search_map_right table tr td ul li label{
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    margin: 5px;
    background: #555;
    color: #fff;
    cursor: pointer;
}
.search_map_right table tr td ul li input[type="radio"]{
    display: none;
}
.search_map_right table tr td ul li input[type="radio"]:checked + label{
    background: #F58321;
}
.search_map_right .btn{
    display: block;
}
.search_map_area{
    margin: 10px 0;
}
.search_map_area_list{
    width: 100%;
    bottom: 0;
    height: 115px;
    background: rgba(0,0,0,0.8);
}
.map_radius table{
    width: 100%;
    margin: 10px auto;
    box-sizing: border-box;
    border-collapse:collapse;
    border: none;
}
.map_radius table tr{
    border-bottom: none;
}
.map_radius table tr th{
    background: none;
    padding: 0 ;
}
.map_radius table tr th span{
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #76816A;
    border-radius: 4px;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
}
.map_radius table tr th::before{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "";
    font-size: 12px;
    color: #F58321;
    padding-right: 5px;
    vertical-align: middle;
}
.map_radius table tr td{
    width: 90%;
    padding: 0 5%;
}
.map_radius table tr td ul li{
    width: 100%;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-align: left;
    display: inline-block;
    margin: 5px 0;
    background: none;
    color: #555;
    font-size: 14px;
}
.map_radius table tr td ul li label{
    width: 100%;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-align: left;
    display: inline-block;
    background: none;
    color: #555;
    cursor: pointer;
}
.map_radius table tr td ul li input[type="radio"]{
    display: inline-block;
}
.map_radius table tr td ul li input[type="radio"]:checked + label{
    background: none;
}
.search_form_send_box{
    width: 100%;
    background: #F3F2EF;
    margin: 10px 0;
    padding: 10px 0;
}
.search_form_send_box input[type="submit"]{
    border-radius: 5px;
}
.search_form_send_box2{
    width: 100%;
    margin: 10px 0;
}
.search_form_send_box2 input[type="submit"]{
    border-radius: 5px;
}
/* LIST */
.list_page{
    
}
.list_page_col{
    margin: 25px 0;
}
.list_page_col_left{
    width: 100%;
}
.list_search_link ul{
    margin-bottom: 20px;
}
.list_search_link ul li{
    width: calc(100% / 2 - 10px);
    height: 40px;
    box-sizing: border-box;
    background: #F3F2EF;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    color: #555;
    font-weight: 700;
    display: block;
    border-radius: 5px;
    margin: 5px;
    float: left;
}
.list_search_link ul li::after{
}
.list_search_link ul li a{
    font-weight: 700;
    display: block;
}
.list_search_link ul li i{
    padding-right: 5px;
}
.list_search_link_title{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #57604E;
    background: #76816A;
    border-radius: 5px;
    cursor: pointer;
    margin: 20px 0;
}
.list_search_link .modal__inner table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.list_search_link .modal__inner table caption{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-indent: 1em;
    font-weight: 700;
    color: #fff;
    background: #76816A;
    border-radius: 5px 5px 0 0;
}
.list_search_link .modal__inner table caption span{
    float:right;
    padding-right: 1em;
}

.list_search_link .modal__inner th{
    width: 100%;
    display: block;
    text-align: left;
    padding: 5px 0;
    font-weight: 700;
    background: #F3F2EF;
    text-indent: 1em;
}
.list_search_link .modal__inner th span{
    font-size: 12px;
}
.list_search_link .modal__inner table td{
    width: 100%;
    display: block;
}
.list_search_link .modal__inner table td ul{
    margin-bottom: 20px;
}
.list_search_link .modal__inner table td ul li{
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    text-indent: 1em;
    border-bottom: 1px dotted #E0E0E0;
    height: auto;
    box-sizing: border-box;
    background: none;
    line-height: normal;
    font-size: 14px;
    text-align: left;
    text-indent: 1em;
    color: #555;
    font-weight: 700;
    display: block;
    border-radius: 0;
    margin: 0;
    float:none;
}
.list_search_link .modal__inner table td ul li::after{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "";
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.modal {
}
.modal__contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
    z-index: 9999999;
}
.modal__inner {
  background: #fff;
    width: 90%;
    margin:60px 5%;
    border-radius: 5px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}
.modal__open{
    cursor: pointer;
}
.modal__close {
  cursor: pointer;
  text-align: right;
}
.list_page_col_right{
    width: 100%;
}
.list_page_col_right h2{
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
    margin-bottom: 10px;
}
.number_block{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #777777;
}
.number_block p{
    color: #76816A;
}
.number{
    width: 100%;
}
.number p span{
    font-size: 22px;
    color: #FF0000;
    font-weight: 700;
}
.number_change{
    width: 100%;
    float: left;
    text-align: right;
}
.number_change p{
    display: inline-block;
    font-weight: 700;
}
.number_change form{
    display: inline-block;
}
.row{
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #777777;
}
.row table{}
.row table th{
    width: 100%;
    font-weight: 700;
    color: #76816A;
    text-align: left;
    display: block;
}
.row table th i{
    transform: rotate(90deg);
}
.row table td{
    width: 100%;
    display: block;
    letter-spacing: -0.4em;
}
.row table td ul li{
    display: inline-block;
    margin: 5px;
    width: calc(100% / 2 - 10px);
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #EFEFEF;
    border-radius: 5px;
    font-size: 14px;
    letter-spacing: normal;
}
.row table td ul li.active{
    background: #F58321;
    color: #fff;
}
.row table td ul li a{
    display: block;
}
.navcnt{
    text-align: center;
    margin: 20px 0;
    letter-spacing: -0.4em;
}
.navcnt span{
    letter-spacing: normal;
    display: inline-table;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #F58321;
    color: #fff;
    border: 1px solid #c3c3c3;
}
.navcnt a span{
    background: #fff;
    color: #555;
}
.navcnt a span:hover{
    background: #F58321;
    color: #fff;
}
.list_article_block{
    width: 110%;
    position: relative;
    left: -5%;
    margin-bottom: 40px;
}
.list_article_title{
    width: 100%;
}
.list_article_title h3{
    background: #555555;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.list_article_title h3 span{
    font-size: 14px;
    display: block;
}
.list_article_title h3 a{
    font-weight: 700;
    padding: 2% 5%;
    display: block;
}
.list_article_title .vacancy_info{
    width: 90%;
    padding: 0 5%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.list_article_title .vacancy_info p{
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    margin-left: 10px;
    order: 2;
}
.list_article_title .vacancy_info .vacancy{
    display: inline-block;
    width: 30%;
    height: 30px;
    line-height: 30px;
    color: #555;
    background: #C5DEEB;
    text-align: center;
    font-weight: 700;
    order: 1;
}
.list_article_title .vacancy_info .no_vacancy{
    display: inline-block;
    width: 30%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #FF0000;
    text-align: center;
    font-weight: 700;
    order: 1;
}
.list_article_box{
    width: 100%;
    padding: 10px 5%;
    background: #fff;
    box-sizing: border-box;
    margin: 0px;
}
.list_article_box1{
    width: 100%;
    margin-bottom: 10px;
    display: table;
}
.list_article_box1_img{
    width: 50%;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c3c3c3;
    font-size: 0;
    box-sizing: border-box;
    display: table-cell;
    position: relative;
}
.list_article_box1_img img{
    width: 100%;
    object-fit: cover;
}
.list_article_box1_img_map{
    width: 100%;
    margin: 10px 0;
}
.list_article_box1_img_map summary{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #57604E;
    background: #76816A;
    border-radius: 5px;
    cursor: pointer;
    margin: 20px 0;
}
.list_article_box1_img_map img{
    width: 100%;
    object-fit: cover;
}
.list_article_box1_img_link{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.list_article_box1_img_link_box{
    display: inline-block;
    width: 100%;
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    background: #fff;
}
.list_article_box1_img_link_box.active{
    background: #FFAC06;
    color: #fff;
}
.list_article_box1_img_link_box a{
    display: block;
}
.list_article_box2{
    width: 100%;
}
.list_article_box2_btn_box{
    margin-bottom: 20px;
    letter-spacing: -0.4em;
}
.contact_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #73917D;
    background: #45A766;
    border-radius: 4px;
    letter-spacing: normal;
}
.contact_btn a{
    display: block;
    font-weight: 700;
}
.favorite_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #BFA571;
    background: #FFAC06;
    border-radius: 4px;
    margin-left: 4%;
    letter-spacing: normal;
}
.favorite_btn a{
    display: block;
    font-weight: 700;
}
.no_favorite_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #A49579;
    background: #BFA571;
    border-radius: 4px;
    letter-spacing: normal;
    margin-left: 4%;
}
.no_favorite_btn a{
    display: block;
    font-weight: 700;
}
.list_article_box2 .info{
}
.list_article_box2 .info_box{
    background: #C5DEEB;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
}
.list_article_box2 .info p{
    display: inline-block;
    width: calc(100% - 72px);
    line-height: 20px;
    margin-left: 5px;
    font-size: 14px;
    vertical-align: top;
}
.list_article_box2 .icon{
    letter-spacing: -0.4em;
}
.list_article_box2 .icon_box{
    width: calc(100% / 3 - 4px);
    height: 30px;
    background: #AEAEAE;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: normal;
    margin: 2px;
}
.list_article_box2 .icon_box.active{
    background: #4CA8D9;
}
.list_article_box2 .icon_box:first-of-type.active{
    background: #D94C4C;
}
.list_article_box_text{
    width: 348px;
    height: 168px;
    padding: 15px;
}
.list_article_box_text h5{
    font-size: 18px;
    font-weight: 700;
}
.list_article_box_text .price{
    height: 80px;
}
.price_box{
    background: #578EAB;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
}
.list_article_box_text .price p{
    display: inline-block;
    color: #555;
    width: 283px;
    font-weight: 700;
    margin-left: 5px;
    font-size: 12px;
}
.list_article_box_text p{
    display: block;
    color: #555;
    width: auto;
    font-weight: 500;
    margin-left: 0px;
    font-size: 16px;
}
.list_article_box3{
    width: 200px;
    float: left;
}
.list_article_box3_img{
    width: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    border: 1px solid #c3c3c3;
    border-left: none;
    box-sizing: border-box;
    display: table-cell;
}
.list_article_box3_img img{
    width: 100%;
    object-fit: cover;
}
.list_article_box .more{
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-shadow: 0 5px 0 #FFAC06;
    background: #F58321;
    border-radius: 5px;
    margin: 20px auto;
}
.list_article_box .more a{
    display: block;
    font-weight: 700;
}
.list_article_box4{
    width: 100%;
    margin: 10px 0;
}
.list_article_box4 table{
    border: 1px solid #E0E0E0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}
.list_article_box4 table tr{
    display: flex;
    flex-wrap: wrap;
}
.list_article_box4 table tr:first-of-type{
    display: none;
}
.list_article_box4 table th{
    background: #555555;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #E0E0E0;
    width: 27%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.list_article_box4 table tr td{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #E0E0E0;
}
.list_article_box4 table tr td:first-of-type{
    background: #F3F3EF;
    font-weight: 700;
    width: 100%;
    display: block;
}
.list_article_box4 table tr td:nth-of-type(n+2) {
    width: 73%;
    box-sizing: border-box;
}
.list_article_box4 table tr td span{
}
.list_article_campaign{
    background: #FFE2E2;
    border: 1px solid #E0E0E0;
    width: 100%;
    margin-bottom: 10px;
}
.list_article_campaign_title{
    display: block;
}
.list_article_campaign_title div{
    background: #FF0000;
    color: #fff;
    text-align: center;
    height: 30px;
    width: 100%;
    font-weight: 700;
    line-height: 30px;
}
.list_article_campaign p{
    display: block;
    width: 90%;
    padding: 10px 5%;
}
.kento_list_form{
    width: 100%;
    padding: 5% 2%;
    border: 4px solid #FFAC06;
    margin: 0 auto 40px;
    box-sizing: border-box;
}
.kento_list_form h4{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    margin-bottom: 5px;
}
.kento_list_form p{
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
}
.kento_list_form table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E0E0E0;
    margin: 20px 0 0;
}
.kento_list_form table caption{
    padding: 2%;
    background: #555555;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.kento_list_form table tr{
    border-bottom: 1px solid #E0E0E0;
}
.kento_list_form table th{
    width: 96%;
    display: block;
    padding: 2%;
    text-align: left;
    background: #F3F3EF;
    font-weight: 700;
}
.kento_list_form table th span{
    color: #FF0000;
    font-weight: 700;
}
.kento_list_form table td{
    width: 96%;
    display: block;
    padding: 2%;
}
.kento_list_form table td p{
    text-align: left;
}
.kento_list_form table td input[type="text"],
.kento_list_form table td input[type="email"],
.kento_list_form table td input[type="tel"],
.kento_list_form table td input[type="date"],
.kento_list_form table td input[type="number"]{
    height: 30px;
    padding: 2%;
    border: none;
    background: #E0E0E0;
}
.kento_list_form table td input[type="date"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50%;
}
.kento_list_form table td input[type="date"]:nth-of-type(2){
    line-height: 30px;
    margin-top: 10px;
}
.kento_list_form table td textarea{
    padding: 2%;
    border: none;
    background: #E0E0E0;
    width: 96%;
}
.kento_list_form table td select::-ms-expand {
	display: none;
}
.kento_list_form table td select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    line-height: 45px;
    border: none;
    background: #E0E0E0;
    margin-top: 10px;
    width: 50%;
}
.kento_list_form table td .text_width{
    width: 96%;
}
.kento_list_form table td .text_width2{
    width: 380px;
}
/* DETAILS */
.details_page{
    margin: 10px 0;
}
.details_page_col1{
    
}
.details_page_sns{
    width: 100%;
    text-align: right;
    margin: 10px auto;
}
.details_page_sns div{
    display: inline-flex;
    vertical-align: top;
}
.details_page_sns div:first-of-type{
    width: 92px;
}
.details_page_sns div:nth-of-type(2){
    width: 75px;
}
.details_page_sns div:last-of-type{
    width:  77px;
}
.details_page_col1_title{
    width: 110%;
    position: relative;
    left: -5%;
}
.details_page_col1_title h2{
    background: #76816A;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    width: 96%;
    padding: 2%;
    font-weight: 700;
}
.details_page_col1_title h2 span{
    font-size: 14px;
    display: block;
}
.details_page_col1_title .vacancy_info{
    width: 90%;
    padding: 0 5%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.details_page_col1_title .vacancy_info p{
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    margin-left: 10px;
    order: 2;
}
.details_page_col1_title .vacancy_info .vacancy{
    display: inline-block;
    width: 30%;
    height: 30px;
    line-height: 30px;
    color: #555;
    background: #C5DEEB;
    text-align: center;
    font-weight: 700;
    order: 1;
}
.details_page_col1_title .vacancy_info .no_vacancy{
    display: inline-block;
    width: 30%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #FF0000;
    text-align: center;
    font-weight: 700;
    order: 1;
}
.details_page_col1_text{
    margin: 20px 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
.details_page_col1_text p{
    width: 100%;
    font-weight: 700;
    color: #F58321;
    font-size: 16px;
    margin-bottom: 20px;
}
.details_page_col1_text p a{
    color: blue;
    text-decoration: underline;
}
.details_page_col1_text_number{
    padding: 2%;
    text-align: center;
    border: 1px #555 solid;
    font-weight: 700;
}
.details_page_col1_text_date{
    font-size: 14px;
    float: right;
    text-align: right;
}
.details_page_col1_campaign{
    display: table;
    background: #FFE2E2;
    border: 1px solid #E0E0E0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
.details_page_col1_campaign_title{
    display: block;
}
.details_page_col1_campaign_title div{
    background: #FF0000;
    color: #fff;
    text-align: center;
    height: 30px;
    width: 100%;
    font-weight: 700;
    line-height: 30px;
}
.details_page_col1_campaign_box{
    padding: 5%;
}
.details_page_col1_campaign_box h4{
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #777777;
}
.details_page_col1_block{
    width: 110%;
    position: relative;
    left: -5%;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.details_page_col1_box1{
    width: 100%;
    order: 1;
}
.details_page_col1_box1_img{
    width: 100%;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    font-size: 0;
    margin: 10px 0;
}
.details_page_col1_box1_img img{
    width: 100%;
    object-fit: cover;
}
.details_page_col1_box2{
    width: 90%;
    margin: 10px auto;
    order: 2;
}
.details_page_col1_box2 .info{
    border-bottom: 1px dotted #777777;
    padding-bottom: 20px;
}
.details_page_col1_box2 .info_box{
    background: #C5DEEB;
    width: 40%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
}
.details_page_col1_box2 .info .info_box:first-of-type{
    width: 100%;
}
.details_page_col1_box2 .info .info_box:nth-last-of-type(4){
    width: 100%;
}
.info_box_map{
    width: 118px;
    height: 23px;
    border-radius: 25px;
    background: #E0E0E0;
    border: 1px solid #555555;
    text-align: center;
    line-height: 23px;
    margin: 5px 0;
    font-size: 14px;
    float: right;
}
.info_box_map a{
    font-weight: 700;
    display: block;
}
.details_page_col1_box2 .info p{
    display: inline-block;
    width: 100%;
    font-size: 14px;
}
.details_page_col1_box2 .info p:nth-of-type(3){
    width: calc(60% - 15px);
    margin-left: 5px;
    vertical-align: sub;
}
.details_page_col1_box2 .info p:nth-of-type(4){
    width: calc(60% - 15px);
    margin-left: 5px;
    vertical-align: sub;
}
.details_page_col1_box2 .info p:nth-of-type(5){
    width: calc(60% - 15px);
    margin-left: 5px;
    vertical-align: sub;
}
.details_page_col1_box2 .icon{
    border-bottom: 1px dotted #777777;
    padding: 10px 0;
    letter-spacing: -0.4em;
}
.details_page_col1_box2 .icon_box{
    width: calc(100% / 3 - 4px);
    height: 30px;
    background: #AEAEAE;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: normal;
    margin: 2px;
}
.details_page_col1_box2 .icon_box.active{
    background: #4CA8D9;
}
.details_page_col1_box2 .icon_box:first-of-type.active{
    background: #D94C4C;
}
.details_page_col1_box2_btn_box{
    border-bottom: 1px dotted #777777;
    padding: 20px 0;
    letter-spacing: -0.4em;
}
.details_page_col1_box2_btn_box .print_btn{
    display: inline-block;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 5px 0 #5A5A74;
    background: #6666AF;
    border-radius: 4px;
    letter-spacing: normal;
}
.details_page_col1_box2_btn_box .print_btn a{
    display: block;
    font-weight: 700;
}
.details_page_col1_box2_btn_box .favorite_btn{
    display: inline-block;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 5px 0 #BFA571;
    background: #FFAC06;
    border-radius: 4px;
    letter-spacing: normal;
    margin-left: 10px;
}
.details_page_col1_box2_btn_box .favorite_btn a{
    display: block;
    font-weight: 700;
}
.details_page_col1_box3{
    order: 4;
    width: 90%;
    margin: 0 auto;
}
.details_page_col1_box3_img{
    width: 100%;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
}
.details_page_col1_box3_img img{
    width: 100%;
    object-fit: cover;
}
.details_page_col1_box4{
    order: 3;
    width: 90%;
    margin: 10px auto;
    box-sizing: border-box;
}
.details_page_col1_box4_title{
    width: 96%;
    padding: 2%;
    background: #555555;
}
.details_page_col1_box4_title p{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.details_page_col1_box4_text{
    width: 100%;
}
.details_page_col1_box4_text p span{
    font-weight: 700;
}
.details_page_col1_box4_text_left{
    margin: 20px 0;
    width: 100%;
    letter-spacing: -0.4em;
}
.details_page_col1_box4_text_left_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #73917D;
    background: #45A766;
    border-radius: 4px;
    letter-spacing: normal;
}
.details_page_col1_box4_text_left_btn i{
    padding-right: 5px;
}
.details_page_col1_box4_text_left_btn a{
    font-weight: 700;
    display: block;
}
.details_page_col1_box4_text_left table{
    margin-top: 20px;
    width: 100%;
    letter-spacing: normal;
}
.details_page_col1_box4_text_left table tr th{
    width: 25%;
    height: 25px;
    background: #C5DEEB;
    text-align: center;
    line-height: 25px;
    font-weight: 700;
}
.details_page_col1_box4_text_left table tr td{
    width: calc(100% - 25% - 5px);
    font-size: 26px;
    line-height: 25px;
    color: #F58321;
    padding-left: 5px;
}
.details_page_col1_box4_text_left table tr td a{
    font-weight: 700;
}
.details_page_col1_box4_text_left p{
    font-size: 14px;
    letter-spacing: normal;
}
.details_page_col1_box4_text_right{
    width: 378px;
    height: 120px;
    float: left;
    background: #F3F3EF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
.details_page_col1_box4_text_right_text{
    width: 200px;
    height: 48px;
    padding: 35px;
    float: left;
}
.details_page_col1_box4_text_right_text p{
    display: inline-block;
    font-weight: 700;
    margin-left: 20px;
}
.smart:before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 38px;
  background-image: url("../img/details/smart.png");
  background-size: contain;
    background-repeat: no-repeat;
}
.qr{
    width: 106px;
    height: 118px;
    float: left;
}
.qr_img{
    width: 90px;
    height: 90px;
    margin: 14px 16px 14px 0;
}
.details_page_col2{
    margin: 10px 0;
}
.details_page_col2 h3 {
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
    margin-bottom: 10px;
}
.details_page_col2_map{
    width: 100%;
    height: 450px;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
}
.details_page_col2_map .mapinn {
    height: 448px;
}
.details_page_col3{
    margin: 10px 0;
    padding: 10px 0;
    background: #F3F3EF;
}
.details_page_col3 h4{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #F58321;
}
.details_page_col3_text{
    width: 96%;
    padding: 2%;
    margin: 10px auto;
    background: #fff;
}
.details_page_col4{
    margin: 10px 0;
}
.center2 { 
    margin: 0 0 20px;
    width: 100%;
}
.center2 img { 
    width: 100%;
    height: auto;
    object-fit: cover;
}

.details_page_col5{
    margin: 10px 0;
    padding: 10px 0;
    background: #F3F3EF;
}
.details_page_col5 h4{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #F58321;
}
.details_page_col5_box{
    width: 100%;
    margin: 10px auto;
}
.details_page_col6{
    margin: 10px 0;
}
.details_page_col6 h5{
    font-size: 18px;
    color: #76816A;
    font-weight: 700;
    margin-bottom: 10px;
}
.details_page_col6 table.details_page_col6_box1{
    border: 1px solid #E0E0E0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px;
}
.details_page_col6 table.details_page_col6_box1 th{
    background: #555555;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #E0E0E0;
    width: 27%;
    display: block;
    float: left;
    box-sizing: border-box;
}
.details_page_col6 table.details_page_col6_box1 tr td{
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
    display: block;
}
.details_page_col6 table.details_page_col6_box1 tr td.active{
    color: #FF0000;
    font-weight: bold;
}
.details_page_col6 table.details_page_col6_box1 tr td:first-of-type{
    background: #F3F3EF;
    font-weight: 700;
}
.details_page_col6 table.details_page_col6_box1 tr td:nth-of-type(n+2){
    width: 73%;
    float: left;
    box-sizing: border-box;
}
.details_page_col6 table.details_page_col6_box1 tr td.mix{
    width: 100%;
    border-bottom: none;
    text-align: left;
    padding: 10px;
}
.details_page_col6 table.details_page_col6_box1 tr td span{
    font-size: 14px;
}
.details_page_col6_box2{
    width: 100%;
    padding: 5% 2%;
    border: 4px solid #FFAC06;
    margin: 0 auto 20px;
    box-sizing: border-box;
}
.details_page_col6_box2 h6{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    margin-bottom: 5px;
}
label.details_page_col6_box2_net{
    float: right;
    color: #FF0000;
    font-weight: 700;
}
table.details_page_col6_box2_table1{
    margin: 20px 0 ;
    width: 100%;
    clear: both;
}
table.details_page_col6_box2_table1 input[type="date"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 70%;
    margin-right: 5px;
    height: 30px;
    padding: 2%;
    border: none;
    background: #E0E0E0;
}
table.details_page_col6_box2_table1 select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    line-height: 45px;
    border: none;
    padding: 0 2%;
    margin-right: 5px;
    background: #E0E0E0;
    width: 30%;
    text-align: center;
}
table.details_page_col6_box2_table1 td{
    display: block;
    margin: 5px 0;
    width: 100%;
    text-align: center;
}
table.details_page_col6_box2_table1 td:nth-of-type(4) span{
    color: #FF0000;
    font-weight: 700;
    font-size: 26px;
    margin-right: 10px;
}
.details_page_col6_box2_table2{
    background: #F3F3EF;
    padding: 2%;
    margin-bottom: 20px;
}
.details_page_col6_box2_table2 p{
    font-size: 18px;
    font-weight: 700;
}
.details_page_col6_box2_table2 ul{
    margin: 10px 0;
}
.details_page_col6_box2_table2 ul li{
    margin: 5px 0;
}
.check_btn{
    display: inline-block;
    width: 90%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 5px 0 #E0E0E0;
    background: #989898;
    border-radius: 5px;
    margin: 10px;
    border: none;
    cursor: pointer;
    padding: 0;
    text-shadow: none;
}
.details_page_col6_box2 input[type="submit"]{
    border-radius: 5px;
}
.details_page_col6_box2_result{
    background: #F3F3EF;
    padding: 20px;
    margin-top: 20px;
}
.details_page_col6_box2_result h6{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #F58321;
}
table.details_page_col6_box2_result_total{
    margin: 20px 0 ;
    width: 100%;
}
table.details_page_col6_box2_result_total td{
    text-align: center;
    width: 15%;
}
table.details_page_col6_box2_result_total td:nth-of-type(2){
    width: 70%;
    height: 50px;
    background: #FFF;
    font-size: 18px;
    font-weight: 700;
    color: #F58321;
}
table.details_page_col6_box2_result_items{
    width: 100%;
    border: 1px solid #E0E0E0;
    background: #fff;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}
table.details_page_col6_box2_result_items th{
    width: 96%;
    text-align: center;
    padding: 2%;
    display: block;
    border-top:1px solid #E0E0E0
}
table.details_page_col6_box2_result_items tr td{
    width: 96%;
    padding: 2%;;
    text-align: right;
    text-align: center;
    display: block;
    font-weight: 700;
}
.details_page_col6 .btn_box{
    margin-bottom: 20px;
    letter-spacing: -0.4em;
}
.details_page_col6 .btn_box .contact_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #73917D;
    background: #45A766;
    border-radius: 4px;
    letter-spacing: normal;
}
.details_page_col6 .btn_box .contact_btn a{
    display: block;
    font-weight: 700;
}
.details_page_col6 .btn_box .favorite_btn{
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    box-shadow: 0 3px 0 #BFA571;
    background: #FFAC06;
    border-radius: 4px;
    margin-left: 4%;
    letter-spacing: normal;
}
.details_page_col6 .btn_box .favorite_btn a{
    display: block;
    font-weight: 700;
}
table.details_page_col6_box3{
    border: 1px solid #E0E0E0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}
table.details_page_col6_box3 th{
    background: #F3F3EF;
    font-weight: 700;
    border: 1px solid #E0E0E0;
    width: 30%;
    padding: 10px 0;
    font-size: 14px;
}
table.details_page_col6_box3 td{
    background: #FFF;
    border: 1px solid #E0E0E0;
    padding: 10px;
}
.details_page_col6 p{
    text-align: left;
    font-size: 14px;
}
.details_page_col7{
    margin: 10px 0;
    padding: 10px 0;
    background: #F3F3EF;
}
.details_page_col7_block{
    letter-spacing: -0.4em;
    margin: 20px 0;
    text-align: center;
}
.details_page_col7_box{
    width: 100%;
    background: #555;
    border-radius: 5px;
    margin: 5px 0;
}
.details_page_col7_box_img{
    width: 30%;
    float: left;
}
.details_page_col7_box_img img{
    width: 100%;
    border-radius: 5px 0 0 5px;
    object-fit: cover;
}
.details_page_col7_box p{
    width: 66%;
    padding: 2%;
    color: #fff;
    font-weight: 700;
    float: left;
    letter-spacing: normal;
}
.details_page_col7 h4{
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #F58321;
}
.details_page_col8{
    margin: 10px 0;
}
.details_page_col8_form{
    width: 100%;
    padding: 5% 2%;
    border: 4px solid #FFAC06;
    margin: 0 auto 40px;
    box-sizing: border-box;
}
.details_page_col8_form h4{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    margin-bottom: 5px;
}
.details_page_col8_form p{
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
}
.details_page_col8_form table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E0E0E0;
    margin: 20px 0 0;
}
.details_page_col8_form table caption{
    padding: 2%;
    background: #555555;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.details_page_col8_form table tr{
    border-bottom: 1px solid #E0E0E0;
}
.details_page_col8_form table th{
    width: 96%;
    display: block;
    padding: 2%;
    text-align: left;
    background: #F3F3EF;
    font-weight: 700;
}
.details_page_col8_form table th span{
    color: #FF0000;
    font-weight: 700;
}
.details_page_col8_form table td{
    width: 96%;
    display: block;
    padding: 2%;
}
.details_page_col8_form table td p{
    text-align: left;
}
.details_page_col8_form table td input[type="text"],
.details_page_col8_form table td input[type="email"],
.details_page_col8_form table td input[type="tel"],
.details_page_col8_form table td input[type="date"],
.details_page_col8_form table td input[type="number"]{
    height: 30px;
    padding: 2%;
    border: none;
    background: #E0E0E0;
}
.details_page_col8_form table td input[type="date"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50%;
}
.details_page_col8_form table td input[type="date"]:nth-of-type(2){
    line-height: 30px;
    margin-top: 10px;
}
.details_page_col8_form table td textarea{
    padding: 2%;
    border: none;
    background: #E0E0E0;
    width: 96%;
}
.details_page_col8_form table td select::-ms-expand {
	display: none;
}
.details_page_col8_form table td select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    line-height: 45px;
    border: none;
    background: #E0E0E0;
    margin-top: 10px;
    width: 50%;
}
.details_page_col8_form table td .text_width{
    width: 96%;
}
.details_page_col8_form table td .text_width2{
    width: 380px;
}
/*SUB PAGE*/
.sub_page{
    margin: 25px 0;
}
.sub_page_col1{
    margin: 10px 0 ;
}
.text_col{
    position: relative;
    height: 100px;
    margin: 20px 0;
}
.img_col1{
    background: url("../img/sub/sub_img1.jpg") center top no-repeat;
    background-size: cover;
}
.img_col2{
    background: url("../img/sub/sub_img2.jpg") center top no-repeat;
    background-size: cover;
}
.text_col h2{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%); /* Safari用 */
    transform: translateY(-50%) translateX(-50%); 
    width: 90%;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #27275A;
}
.text_col h2 span{
    line-height: 0.5em;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #76816A;
}
.guide_col1{
    
}
.guide_col1 h3{
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.guide_col1 p{
    margin: 10px 0;
    text-align: left;
}
.guide_col2{
    margin: 25px auto;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.guide_col2_box{
    width: 100%;
    margin-bottom: 20px;
}
.guide_col2_box h4{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.guide_col2_box h4 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.guide_col2_box p span{
    font-weight: 700;
}
.guide_col2_box ol{
    counter-reset:list;
  list-style-type:none;
    margin-top: 10px;
}
.guide_col2_box ol li{
    position:relative;
    padding-left: 30px;
    font-weight: 700;
}
.guide_col2_box ol li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -0;
  width: 20px;
  height: 20px;
    line-height: 20px;
  background: #555;
  text-align: center;
  color: #fff;
  top: 2px;
}
.guide_col2_box_img{
    width: 100%;
    margin: 20px 0;
}
.guide_col2_box_img img{
    width: 100%;
    object-fit: cover;
}
.guide_col3{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.guide_col3_box{
    width: 100%;
}
.guide_col3 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.guide_col3 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.guide_col3_box_img{
    width: 100%;
    margin: 20px 0;
}
.guide_col3_box_img img{
    width: 100%;
    object-fit: cover;
}
.guide_col3_box_left,
.guide_col3_box_right{
    width: 100%;
}
.guide_col3_box_left h6{
    font-size: 16px;
    font-weight: 700;
    color: #F58321;
}
.guide_col3_box_right ol{
    margin-bottom: 20px;
}
.guide_col3_box_right ol li{
    font-size: 16px;
    font-weight: 700;
}
.guide_col3_box_right ol li::before{
    content:'■';
    padding-right: 5px;
}
.guide_col4{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.guide_col4_box{
    width: 100%;
}
.guide_col4 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.guide_col4 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.guide_col4_box_img{
    width: 100%;
    margin: 20px auto;
}
.guide_col4_box_img img{
    width: 100%;
    object-fit: cover;
}
.guide_col4_box_left,
.guide_col4_box_right{
    width: 100%;
}
.guide_col4_box_left h6{
    font-size: 16px;
    font-weight: 700;
    color: #F58321;
}
.guide_col4_box_right ul{
    margin-bottom: 20px;
}
.guide_col4_box_right ul li{
}
.guide_col4_box_right ul li::before{
    content:'□';
    padding-right: 5px;
}
.guide_col5{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.guide_col5 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.guide_col5 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.guide_col5 table{
    margin: 20px auto;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E0E0E0;
}
.guide_col5 table tr{
    border-bottom: 1px solid #E0E0E0;
}
.guide_col5 table th{
    display: block;
    width: 96%;
    padding: 2%;
    background: #F3F3EF;
    font-weight: 700;
}
.guide_col5 table td{
    display: block;
    width: 96%;
    padding: 2%;
}
.flow_col{
    margin: 25px auto;
}
.flow_col h4{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.flow_col h4 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.flow_col_box{
    padding: 20px 0;
}
.flow_col_box:first-of-type{
    margin-top: 20px;
}
.flow_col_box:last-of-type{
    margin-bottom: 20px;
}
.flow_col_box:nth-of-type(odd){
    background: #F3F3EF;
}
.flow_col_box_content{
    width: 100%;
    margin: 0 auto;
}
.flow_col_box_content_left{
    width: 90%;
    margin: 0 auto 10px;
    text-align: center;
}
.flow_col_box_content_left_img{
    width: 35%;
    margin: 0 auto;
}
.flow_col_box_content_left_img img{
    width: 100%;
    object-fit: cover;
}
.flow_col_box_content_right{
    width: 90%;
    margin: 0 auto;
}
.flow_col_box_content_right h5{
    font-size: 20px;
    font-weight: 700;
    color: #F58321;
    text-align: center;
    margin-bottom: 10px;
}
.flow_col_box_content_right p{
    font-weight: 700;
}
.flow_col_box_content2{
    width: 90%;
    margin: 10px auto;
    font-size: 14px;
}
.flow_col_box_content2 dl dt{
    font-weight: 700;
    margin: 5px 0;
}
.flow_col_box_content2 dl dd{
    margin: 0 0 10px;
    padding: 0 0 0 10px;
}
.biz_col1{
    
}
.biz_col1 h3{
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #76816A;
}
.biz_col1 p{
        margin: 10px 0;
    text-align: left;
}
.biz_col1_img{
    width: 100%;
    margin: 10px 0;
    float: left;
}
.biz_col1_img img{
    width: 100%;
    object-fit: cover;
}
.biz_col2{
    margin: 25px auto;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.biz_col2_box{
    width: 100%;
    margin-bottom: 20px;
}
.biz_col2_box h4{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.biz_col2_box h4 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.biz_col2_box_img{
    width: 100%;
    margin: 20px 0;
}
.biz_col2_box_img img{
    width: 100%;
    object-fit: cover;
}
.biz_col3{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.biz_col3_box{
    width: 100%;
}
.biz_col3 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.biz_col3 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.biz_col3_box_img{
    width: 100%;
    margin: 20px 0;
}
.biz_col3_box_img img{
    width: 100%;
    object-fit: cover;
}
.biz_col3_box_left,
.biz_col3_box_right{
    width: 100%;
}
.biz_col3_box_left h6{
    font-size: 16px;
    font-weight: 700;
    color: #F58321;
}
.biz_col4{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.biz_col4_box{
        width: 100%;
}
.biz_col4 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.biz_col4 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.biz_col4_box_img{
    width: 100%;
    margin: 20px auto;
}
.biz_col4_box_img img{
    width: 100%;
    object-fit: cover;
}
.biz_col4_box_left,
.biz_col4_box_right{
    width: 100%;
}
.biz_col4_box_left h6{
    font-size: 16px;
    font-weight: 700;
    color: #F58321;
}
.biz_col4_box_right p span{
    font-weight: 700;
}
.biz_col4_box_right p a{
    color: #1B13CD;
    text-decoration: underline;
}
.biz_col5{
    margin: 25px auto;
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}
.biz_col5_box{
    width: 100%;
}
.biz_col5 h5{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.biz_col5 h5 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.biz_col5_box_img{
    width: 100%;
    margin: 20px auto;
}
.biz_col5_box_img img{
    width: 100%;
    object-fit: cover;
}
.biz_col5_box_left,
.biz_col5_box_right{
    width: 100%;
}
.biz_col5_box_left h6{
    font-size: 16px;
    font-weight: 700;
    color: #F58321;
}
.biz_col5_box_right p span{
    font-weight: 700;
}
.faq_col{
    
}
.faq_col_left{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    background: #fff;
}
.faq_col_left ul li{
    width: 96%;
    padding: 10px 2%;
    border-bottom: 1px solid #E0E0E0;
}
.faq_col_left ul li:last-of-type{
    border: none;
}
.faq_col_left ul li a::before{
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "\f138";
    font-size: 16px;
    color: #F58321;
    padding-right: 10px;
}
.faq_col_left ul li a{
    display: block;
    font-weight: 700;
}
.faq_col_right{
    width: 100%;
    margin: 20px 0;
}
.faq_col_right_content{
    margin-bottom: 20px;
}
.faq_col_right h3,
.faq_col_right h4{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
}
.menu_item {
    background: #F3F3EF;
    display: block;
    border: 1px solid #E0E0E0;
    margin: 10px 0;
}
.menu_item_link {
    display: block;
    padding: 5px 30px 5px 35px;
    position: relative;
    font-weight: 700;
    min-height: 30px;
}
.menu_item_link:before {
    content: 'Q';
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #F58321;
    line-height: 30px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 5px;
    width: 30px;
}
.menu_item_link:after {
    content: '\f067';
    display: block;
    font-family: "FontAwesome";
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
    width: 30px;
}
.menu_item_link.on:after {
    content: '\f068';
}
.submenu {
    background: #fff;
    display: none;
    padding: 10px 10px 10px 35px;
    position: relative;
}
.submenu:before {
    content: 'A';
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #76816A;
    line-height: 40px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 30px;
}
p.submenu span{
    font-weight: 700;
}
p.submenu span.color_red{
    font-weight: 500;
    color: #FF0000;
}
p.submenu a{
    color: #1B13CD;
    text-decoration: underline;
}
.gaiyo_col1{
    
}
.gaiyo_col1 h3{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.gaiyo_col1 h3 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.gaiyo_col1_img{
    width: 100%;
    margin: 20px auto;
}
.gaiyo_col1_img img{
    width: 100%;
    object-fit: cover;
}
.gaiyo_col1 table{
    margin: 20px auto;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #E0E0E0;
}
.gaiyo_col1 table tr{
    border-bottom: 1px solid #E0E0E0;
}
.gaiyo_col1 table th{
    width: 96%;
    display: block;
    padding: 2%;
    background: #F3F3EF;
    font-weight: 700;
}
.gaiyo_col1 table td{
    width: 96%;
    display: block;
    padding: 2%;
}
.gaiyo_col1 table td span{
    font-size: 18px;
    font-weight: 700;
    color: #FF0000;
}
.gaiyo_col1 table td a{
    color: #1B13CD;
    text-decoration: underline;
}
.gaiyo_col2{
    margin: 25px 0 0;
}
.gaiyo_col2 h4{
    font-size: 14px;
    font-weight: 700;
    color: #76816A;
    text-align: center;
}
.gaiyo_col2 h4 span{
    font-size: 18px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    display: block;
}
.gaiyo_col2 .map{
    width: 100%;
    margin-top: 20px;
}
.gaiyo_col2 p{
    font-size: 14px;
}
.gaiyo_col2 p a{
    color: #1B13CD;
    text-decoration: underline;
}
.privacy_col1{
    
}
.privacy_col1 h2{
    font-size: 20px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    margin-bottom: 20px;
}
.privacy_col1 h2 span{
    font-size: 16px;
    font-weight: 700;
    color: #76816A;
    display: block;
}
.privacy_col1 h3,
.privacy_col1 h4,
.privacy_col1 h5{
    font-size: 16px;
    font-weight: 700;
}
.privacy_col1 p{
    font-size: 14px;
    margin-bottom: 20px;
}
.privacy_col1 ol,
.privacy_col1 ul{
    padding-left: 5px;
    font-size: 14px;
}
.privacy_col1 ul{
    margin-bottom: 20px;
}
.privacy_col1 ol li,
.privacy_col1 ul li{
    list-style: disc;
    list-style-position: inside;
}
.trade_col1{
    
}
.trade_col1 h2{
    font-size: 20px;
    font-weight: 700;
    color: #27275A;
    margin-bottom: 20px;
    text-align: center;
}
.trade_col1 h2 span{
    font-size: 16px;
    font-weight: 700;
    color: #76816A;
    display: block;
}
.trade_col1 dl dt{
    font-size: 16px;
    font-weight: 700;
}
.trade_col1 dl dd{
    font-size: 14px;
    margin-bottom: 20px;
}
.trade_col1 dl dd a{
    color: #1B13CD;
    text-decoration: underline;
}
.sitemap_col1{
    
}
.sitemap_col1 h2{
    font-size: 20px;
    font-weight: 700;
    color: #27275A;
    margin-bottom: 20px;
    text-align: center;
}
.sitemap_col1 h2 span{
    font-size: 16px;
    font-weight: 700;
    color: #76816A;
    display: block;
}
.sitemap_col1_left,
.sitemap_col1_right{
    width: 100%;
}
.sitemap_col1 ul li{
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    padding: 2%;
}
.sitemap_col1 ul li a{
    font-size: 16px;
    font-weight: 700;
    display: block;
}
.sitemap_col1 ul li ul{
    margin-bottom: 20px;
}
.sitemap_col1 ul li ul li{
    margin-bottom: 0px;
    padding-left: 10px;
}
.sitemap_col1 ul li ul li a{
    font-size: 14px;
    font-weight: 500;
    color: #1B13CD;
    text-decoration: underline;
}
.news_col1{
    
}
.news_col1 h2{
    font-size: 20px;
    font-weight: 700;
    color: #27275A;
    text-align: center;
    margin-bottom: 20px;
}
.news_col1 h2 span{
    font-size: 16px;
    font-weight: 700;
    color: #76816A;
    display: block;
}
.news_col1 ul{
    width: 100%;
    margin: 20px auto;
}
.news_col1 ul li{
    border-bottom: 1px dotted #E0E0E0;
    padding: 15px 0;
}
.news_col1 ul li a{
    display: block;
    font-weight: 700;
    font-size: 14px;
}
.news_col1 ul li span{
    display: inline-block;
}
.news_col1 ul li div{
    width: 70px;
    height: 20px;
    margin: 0;
}
.news_col1 ul li .new{
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #FF6B6B;
}
.news_box{
    width: 100%;
    margin: 20px auto;
    padding: 10px 0;
    border-top: 1px dotted #e0e0e0;
    border-bottom: 1px dotted #e0e0e0;
}
.news_box h3{
    font-size: 18px;
    font-weight: 700;
}
.news_box p.news_date{
    text-align: right;
}
.news_text{
    margin: 20px 0;
}
.news_text img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
/*add20200402*/
.search_map_inn {
    height: 400px;
    width: 100%;
}
table.map_pin_box{
    width: auto;
    margin:0;
    box-sizing: border-box;
    border-collapse: collapse;
    border: none;
}
table.map_pin_box tr th{
    text-align: left;
    padding:0 10px;
    font-weight: 700;
    display: block;
    background: none;
}
table.map_pin_box tr th img{

}
table.map_pin_box tr th::before {
    font-family: "FontAwesome";
    font-weight: 900;
    box-sizing: border-box;
    content: "";
    font-size: 12px;
    color: #F58321;
    padding-right: 0;
    vertical-align: middle;
}
/*臨時バナー*/
.slide_banner{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
.slide_banner img{
    width: 100%;
    object-fit: cover;
}
/*トップページバナー*/
.index_special{
    text-align: center;
    letter-spacing: -.4em;
    margin: 20px 0;
    order: 4;
}
.index_special_box{
    width: 100%;
    margin: 10px 0;
    letter-spacing: normal;
}
.index_special_box img{
    width: 100%;
    object-fit: cover;
}