/*  Human-system Japan
--------------------------------------------------------------------------*/
/*  https://human-systemjapan.com
--------------------------------------------------------------------------*/

@charset "shift_jis";
a:link {text-decoration: none;color:#333;} 
a:visited {text-decoration: none;color:#333;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #fff; }
body { background: rgba(255,255,255,1.0) url(../img/bg.png) repeat scroll center top ;}
body, th, td, div, font { line-height: 1.5; }
body { font-family:"Sawarabi Mincho", serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}


::-webkit-scrollbar-track {background: #fff;border-radius: 5px;}
::-webkit-scrollbar { width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 5px;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;outline: none;}

form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

.material-icons { font-family: 'Material Icons';font-weight: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-transform: none;}
.material-icons { display: inline-flex;margin-right:5px;vertical-align: middle;}
.material-icons.head_tel{ font-size: 30px;vertical-align: -3px;}

.mincho { font-family:"Sawarabi Mincho", serif;}
@font-face {
    font-family: 'Pinyon Script', cursive;
    font-style: ;
    src: url(''),
    url('../font/PinyonScript-Regular.ttf') format('truetype');
}

.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}

@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}

/*  タイトル関連
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}


/*  HEAD
--------------------------------------------------------------------------*/
.header{ background-color: rgba(255,255,255,1.0);border-bottom: 1px solid #f8f8f8;position: relative;}
.header{ width: 100% ;height: 120px;padding: 0px 0px 0px;}
.head_logo{ max-width: 300px;position:absolute;bottom: 20px;left: 30px;z-index: 8888;}
@media screen and (max-width: 800px) {
.header{width: 100% ;height: 80px;padding: 0px 0px 0px;position: fixed;top: 0px;z-index: 8888;}
.head_logo{ max-width: 230px;position:absolute;bottom: 15px;left: 15px;}
#head_content{padding: 80px 0 0 0;}
}
ul.head_menu { margin: 0px;padding: 0px 0px;position: absolute;top:15px;right:100px;font-family:"Sawarabi Mincho", serif;}
ul.head_menu li { text-align: center; padding: 0px; float: left;position:relative;}
ul.head_menu li a{ display: block; -webkit-transition: all .3s;transition: all .3s;margin: 0px 2px;padding: 8px 30px;position:relative;}
ul.head_menu li a{ font-size: 14px;color: #333;font-weight:bold;letter-spacing:1px; }
ul.head_menu li a:hover { transition: all 0.2s ease-in-out 0.1s; transform: translateY(-2px);}
ul.head_menu li.menu_facility a{ background-color: #def0e7;border: 2px solid #82ae5e;border-radius:20px;}
ul.head_menu li.menu_facility a::before {content: ''; display: inline-block; background-image: url(../img/menu_icon_search.png); vertical-align: -5px; margin-right: 5px;width: 18px;height: 18px;background-size: contain;}
ul.head_menu li.menu_voice a{ background-color: #def0e7;border: 2px solid #82ae5e;border-radius:20px;}
ul.head_menu li.menu_voice a::before {content: ''; display: inline-block; background-image: url(../img/menu_icon_voice.png); vertical-align: -5px; margin-right: 5px;width: 18px;height: 18px;background-size: contain;}
ul.head_menu li.menu_contact a{ background-color: #def0e7;border: 2px solid #82ae5e;border-radius:20px;}
ul.head_menu li.menu_contact a::before {content: ''; display: inline-block; background-image: url(../img/menu_icon_mail.png); vertical-align: -5px; margin-right: 5px;width: 18px;height: 18px;background-size: contain;}
@media screen and (max-width: 900px) {
ul.head_menu { display: none;}
}
.breadcrumbs { border-top: 1px solid #efefef;border-bottom: 0px solid #f8f8f8;margin: 0px 0px 0px;padding: 10px 10px ;}
.breadcrumbs ol { max-width: 1400px;margin: 0px 0px 0px;padding: 5px 0px 5px;right:0px;left:0px;margin: auto auto;}
.breadcrumbs ol li { /* liを横並び＆ブレットを消す */display: inline;list-style-type: none;}
.breadcrumbs ol li:after { /* liの後に記号追加 */content:" > ";}
.breadcrumbs ol li { font-size: 11px;color: #666;font-weight: normal;line-height: 1.5;padding: 0px 3px 0px 5px;}
.breadcrumbs ol li a { font-size: 11px;color: #666;text-decoration: underline;}
.breadcrumbs ol li a:hover { text-decoration: none;}

/*  MENU
--------------------------------------------------------------------------*/
.menu-trigger { width: 70px;height: 70px;position: fixed;right:10px;top:10px;z-index:9999;}
.menu-trigger { background:linear-gradient(to right, #46a879 0%, #19a562 100%);}
.menu-trigger span {display: block;position: absolute;right:15px;background-color: #fff;height: 2px;width: 40px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 21px;}
.menu-trigger span:nth-of-type(2) {top: 33px;}
.menu-trigger span:nth-of-type(3) {top: 45px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}
.menu-trigger:hover {cursor: pointer;}
@media screen and (max-width: 640px) {
.menu-trigger { width: 50px;height: 50px;position: fixed;right:15px;top:15px;z-index:9999;}
.menu-trigger span {display: block;position: absolute;right:10px;background-color: #fff;height: 2px;width: 30px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 13px;}
.menu-trigger span:nth-of-type(2) {top: 23px;}
.menu-trigger span:nth-of-type(3) {top: 33px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
}
#btn_document { background-color:#46a879;border-radius: 5px 0px 0px 5px;position: fixed;top: 180px;right: 0px;z-index: 8888;}
#btn_document { line-height: 42px;width: 42px;font-family:"Sawarabi Mincho", serif;font-size:14px;color: #fff;border: none;letter-spacing:1px;padding:10px 0px 30px;cursor: pointer;text-align: center;}
#btn_document { writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}
#btn_document a{ color: #fff;}
@media screen and (max-width: 640px) {
#btn_document { display: none;}
}


/*  MENU
--------------------------------------------------------------------------*/
.menu_wrap { width: 100%;margin: 0px 0px; background-color: rgba(255,255,255,1.0);border-top: 0px solid #f8d8d8;border-bottom: 1px solid #f8f8f8;}
.menu_wrap { padding: 0px 0px;font-size: 0px;position:relative;text-align: center;}

.nav {margin: 0 auto 0px;width: 100%;z-index: 9999;}
.fixed { position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0px 0px 12px rgba(102,102,102,0.1);}

ul.menu { width: 1600px;margin: 0px 0px;padding: 0px 0px ;display: inline-block;font-family:"Sawarabi Mincho", serif;}
ul.menu li { width: 16.6666%;background-color:#;border-left: 1px solid #f8f8f8; float:left; margin: 0px 0px 0px -1px;text-align:center; position: relative;}
ul.menu li a { margin: 0px;padding: 18px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu li:last-child { border-right: 1px solid #fff3f7;margin: 0px 0px 0px -2px;}
ul.menu li a { font-size: 16px;color: #333;font-weight:bold;letter-spacing:1px;}
ul.menu li a:hover { background-color: rgba(246,246,246,0.7);color: #; }
ul.menu li span { margin: 0px;padding: 6px 0px 0px;font-size: 13px;color: #46a879;font-weight:bold;letter-spacing:2px;text-align: center;display: block;}
@media screen and (max-width: 1650px) {
ul.menu { width: 100%;}
}
@media screen and (max-width: 1200px) {
ul.menu li a { font-size: 15px;color: #333;font-weight:bold;letter-spacing:0px;}
}
@media screen and (max-width: 800px) {
.menu_wrap { display: none;}
ul.menu { display: none;}
}

#menu_sp_wrap{ width:100%; height:100%; height:100vh;overflow-x:none;overflow-y:auto;background-color: rgba(255,255,255,1.0);padding: 20px 0px;border-bottom: 1px solid #f8f8f8;box-shadow: 0px 0px 12px rgba(102,102,102,0.0);}
#menu_sp_wrap{ position: fixed;z-index:8888;top: 0px;left: 0px;display:none;text-align: center;}
@media screen and (max-width: 640px) {
#menu_sp_wrap{ position: fixed;z-index:8888;top: 80px;left: 0px;display:none;text-align: center;}
}
.menu_sp_wrapper{  padding: 10px 10px 170px;}
.menu_sp_wrapper h2 { padding: 0px 0px ;margin: 30px 0px 0px;position:relative;}
.menu_sp_wrapper h2 { font-size: 2.5rem;color: #333;font-weight: bold;letter-spacing:1px;line-height: 1.6;text-align: center;}
.menu_sp_wrapper h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 1300px) {
.menu_sp_wrapper h2 { font-size: 1.8rem;color: #333;font-weight: bold;letter-spacing:1px;line-height: 1.6;text-align: center;}
}

ul.menu_sp { max-width: 1600px;padding: 0px 0px;border: 1px solid #e1decf;border-radius: 0px;right:0px;left:0px;margin:20px auto;}
ul.menu_sp:after {content: "";display: block;clear: both;}
ul.menu_sp li { float: left;width: 50%;border-right: 1px solid #e1decf;border-bottom: 1px solid #e1decf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.menu_sp li:nth-child(even) {border-right: none;}
ul.menu_sp li:nth-last-child(1),
ul.menu_sp li:nth-last-of-type(2) { border-bottom: none;}
ul.menu_sp li:nth-last-of-type(2):nth-child(even) {}
ul.menu_sp li a { margin: 0px;padding: 20px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu_sp li a { font-size: 16px;color: #333;font-weight:bold;letter-spacing:1px;transition: all .3s;}
ul.menu_sp li a:hover { background-color: #f4f3ee;text-decoration: none;}
ul.menu_sp li span { margin: 0px;padding: 6px 0px 0px;font-size: 13px;color: #46a879;font-weight:bold;letter-spacing:0px;text-align: center;display: block;}
@media screen and (max-width: 640px) {
ul.menu_sp li a { margin: 0px;padding: 15px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu_sp li a { font-size: 13px;color: #222;font-weight:normal;letter-spacing:1px;transition: all .3s;}
ul.menu_sp li span { margin: 0px;padding: 5px 0px 0px;font-size: 11px;color: #46a879;font-weight:normal;letter-spacing:1px;text-align: center;display: block;}
}

/*  TOP
--------------------------------------------------------------------------*/
.main_wrap { padding: 10px 15px ;position: relative;text-align: center; right:0px;left:0px;margin:auto auto;}
.main_wrap h2 { padding: 20px 0px 10px;margin: 20px 0px 10px;position:relative;}
.main_wrap h2 { font-size: 2.6rem;color: #333;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: center;}
.main_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 640px) {
.main_wrap { padding: 10px 10px ;position: relative;text-align: center; }
.main_wrap h2 { font-size: 2.0rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
}

#main_catch { max-width:800px;padding: 250px 10px 0;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#main_catch h3 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#main_catch h3 { font-size: 3.4rem;color: #222;text-shadow: 1px 2px 3px #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
#main_catch p { margin: 0px 0px;padding: 30px 0px ;position:relative;}
#main_catch p { font-size: 1.8rem;color: #222;line-height: 1.6;font-weight: ;letter-spacing:3px;text-align: left;}
@media screen and (max-width: 800px) {
#main_catch { padding: 100px 30px 0;;text-align: center;}
#main_catch h3 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#main_catch h3 { font-size: 2.6rem;color: #222;line-height: 1.4;font-weight: normal;letter-spacing:2px;text-align: center;}
#main_catch p { margin: 0px 0px;padding: 20px 0px ;position:relative;}
#main_catch p { font-size: 1.6rem;color: #222;line-height: 1.6;font-weight: ;letter-spacing:3px;text-align: left;}
}
.top_main { height: 700px;margin: 0px 0px  ;padding: 0px 15px; position:relative;}
.top_main { background-position: 50% 50%;background-size: cover;}
.top_main::after {background: url("../img/main_bottom.svg");bottom: 0;left: 0;content: '';height: 70px;position: absolute;width: 100%;}
@media screen and (max-width: 800px) {
.top_main { height: 450px;margin: 0px 0px 0px ;padding: 0px 15px 0px; position:relative;}
.top_main::after {background: url("../img/main_bottom.svg");bottom: 0;left: 0;content: '';height: 50px;position: absolute;width: 100%;}
}

/*
.main_wrap h2 { padding: 0px 0px ;margin: 30px 0px 0px;position:relative;}
.main_wrap h2 { font-family:"Sawarabi Mincho", serif;font-size: 2.0em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.main_wrap h2 span { padding: 10px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 1300px) {
.main_wrap h2 { font-size: 1.6em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
}
*/

ul.top_service { width: 1600px;margin: 0px;padding: 20px 0px;text-align: center;display:inline-block;}
ul.top_service li { width: 33.3333%;float: left;text-align: center; padding: 0px; position:relative;}
ul.top_service li img{width: 100%;height: 230px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.top_service li h3 { margin: 0px;padding: 10px 0px 0px;font-size: 20px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.top_service li a{ background-color:#;display: block;margin: 0px 0px;padding: 10px 10px ;position:relative;}
ul.top_service li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.top_service li a:hover { box-shadow: 0px 5px 10px -10px rgba(0, 0, 0, 0.2);transition: all 0.2s ease-in-out 0.1s; transform: translateY(-7px);}
@media screen and (max-width: 1650px) {
ul.top_service { width: 100%;margin: 0px;padding: 10px 0px;text-align: center;display:inline-block;}
}
@media screen and (max-width:1000px) {
ul.top_service li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.top_service li h3 { height: 55px;overflow: hidden;margin: 0px;padding: 6px 0px 0px;font-size: 16px;color: #333;font-weight: bold;letter-spacing:1px;line-height: 1.6;text-align:left;}
ul.top_service li img{width: 100%;height: 150px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
}
@media screen and (max-width: 640px) {
ul.top_service li a{ background-color:#;display: block;margin: 0px 0px 0px;padding: 10px 5px ;position:relative;}
}

.btn_other { max-width: 380px;margin: 0px 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:20px auto;}
.btn_other a { background-color: #fff;border: 3px solid #46a879;border-radius:50px;padding: 15px 0px;text-align: center;}
.btn_other a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_other a:hover { background-color:#46a879;border: 3px solid #46a879;  transform: translate3d(0, 5px, 0);color: #fff; }
.btn_other a { font-size:16px;color: #46a879;font-weight:bold;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
@media screen and (max-width: 640px) {
.btn_other a { padding: 13px 0px;font-size:14px;letter-spacing: 2px;}
}

.nursing_block { width: 100%;height: 600px;position: relative;margin: 0px 0px 20px;z-index: -100;}
.nursing_block { background : transparent url(../img/bg_nursing.jpg) no-repeat center top;background-position: 50% 50%;background-size: cover;text-align:center;}
.nursing_block h2 { padding: 10px 0px 0;position: relative;top: 50%; transform: translateY(-50%);}
.nursing_block h2 span { font-size: 3.5rem;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:0px;position: relative;z-index: 2;}
.nursing_block h2::before {content: attr(data-en);;position: absolute;top: -50px;right:0px;left:0px;color: rgba(224,66,114,0.6);font-size: 80px;font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
@media screen and (max-width: 640px) {
.nursing_block { content: '';display: block;left: 0;width: 100%;height: 300px;z-index: -100;}
}
table.nursing_list_title { border-collapse: separate;border-spacing: 0px 0px;right:0px;left:0px;margin:auto auto ;}
table.nursing_list_title th { padding: 0px 15px;vertical-align: middle;text-align: right;}
table.nursing_list_title th { font-size: 140px;color: #9b8d9e;line-height: 1;}
table.nursing_list_title td { padding: 0px 15px ;font-family:"Sawarabi Mincho", serif;font-size: 3.0rem; font-weight: normal;color: #222;vertical-align: middle;text-align:left;}
@media screen and (max-width:850px) {
table.nursing_list_title { width: 100%;border-collapse: separate;border-spacing: 5px 20px;right:0px;left:0px;margin:auto auto ;}
table.nursing_list_title th { font-size: 100px;color: #9b8d9e;}
table.nursing_list_title td { padding: 0px 15px ;font-family:"Sawarabi Mincho", serif;font-size: 2.2rem; font-weight: normal;color: #222;vertical-align: middle;text-align:left;}
}

.nursing_list_container { width: 1400px;display: inline-block; vertical-align: top;padding: 0px 0px; }
.nursing_list { width:25%;margin:0px 0px;padding: 20px 20px;float: left;position: relative; }
.nursing_list { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nursing_list h4{ width:160px;line-height: 160px;border-radius:50%;margin:0px; font-size:1.8rem;letter-spacing:2px;color: #fff;font-weight: normal;right:0px;left:0px;margin:20px auto;}
.nursing_list h4 { border: dashed 2px white;}
.nursing_list h4.nl01{ background-color: #f08b9c;box-shadow: 0px 0px 0px 7px #f08b9c;}
.nursing_list h4.nl02{ background-color: #ea9d16;box-shadow: 0px 0px 0px 7px #ea9d16}
.nursing_list h4.nl03{ background-color: #72993a;box-shadow: 0px 0px 0px 7px #72993a}
.nursing_list h4.nl04{ background-color: #5ba8be;box-shadow: 0px 0px 0px 7px #5ba8be}
.nursing_list .nl_comme{ margin:0px 0px;padding: 10px 0px;font-size: 1.8rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: left;}

@media screen and (max-width: 1450px) {
.nursing_list_container { max-width: 100%;display: inline-block; vertical-align: top;padding: 10px 0px; }
}
@media screen and (max-width: 1000px) {
.nursing_list { width:50%;margin:0px 0px;padding: 20px 20px;float: left;position: relative; }
}
@media screen and (max-width: 640px) {
.nursing_list h4{ width:120px;line-height: 120px;border-radius:50%;margin:0px; font-size:1.5rem;color: #fff;letter-spacing:1px;right:0px;left:0px;margin:20px auto;}
.nursing_list { width:50%;margin:0px 0px;padding: 10px 10px;float: left;position: relative; }
.nursing_list .nl_comme{ margin:0px 0px;padding: 10px 0px;font-size: 1.4rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.4;text-align: left;}
}

ul.nursing { width: ;margin: 0px;padding: 0px;}
ul.nursing li { padding: 3px 0px;font-size: 1.5rem;color: #444;font-weight: ;letter-spacing: 1px;text-align: left;}
ul.nursing li a { color: #444;text-decoration: none;}
ul.nursing li a:hover { color: #;text-decoration: underline;}
@media screen and (max-width: 640px) {
ul.nursing { height: 80px;margin: 0px;padding: 0px;}
ul.nursing li { padding: 2px 0px;font-size:12px;color: #444;font-weight: ;letter-spacing: 1px;text-align: left;}
}

ul.features_list { width: 1400px;margin: 0px;padding: 20px 0px;text-align: center;display:inline-block;}
ul.features_list li { width: 25%;float: left;text-align: center; padding: 10px; position:relative;}
ul.features_list li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.features_list li .fl{ width:160px;height: 160px;border-radius:50%;right:0px;left:0px;margin:20px auto;z-index: 1111;}
ul.features_list li .features_txt{ max-width: 400px;font-size:1.8rem;color: #333;font-weight: 600;letter-spacing: 2px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);z-index: 2222;}
ul.features_list li .fl01{ --fl01: 142, 171, 7;aspect-ratio: 1 / 1;background: radial-gradient(circle, rgb(var(--fl01)), rgba(var(--fl01), 0));border-radius: 50%;filter: blur(50px);}
ul.features_list li .fl02{ --fl02: 24, 153, 66;aspect-ratio: 1 / 1;background: radial-gradient(circle, rgb(var(--fl02)), rgba(var(--fl02), 0));border-radius: 50%;filter: blur(50px);}


/* 240918 */

ul.attempt { max-width: 1400px;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.attempt li { width:33.3333%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 15px;float:left;position:relative;display: block;}
ul.attempt li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.attempt li img { width:100%;height:200px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.attempt li h4 { padding: 15px 0px 0;margin: 0px;font-size: 19px;color: #333;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;line-height: 1.4;text-align:center;}
ul.attempt li p { border-bottom: 1px dotted #dfdddd;margin: 0px;padding: 5px 0px ;font-size: 15px;color: #333;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;line-height: 1.6;text-align:left;}
ul.attempt li a { text-decoration: none;}
@media only screen and (max-width:1180px) {
ul.attempt { width: 100%;display: flex;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.attempt li { width:50%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px ;float:left;position:relative;display: block;}
ul.attempt li h4 { padding: 15px 0px 0;margin: 0px;font-size: 16px;color: #333;font-weight: normal;line-height: 1.6;text-align:center;}
}
@media only screen and (max-width:640px) {
ul.attempt li { width:100%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px ;float:left;position:relative;display: block;}
ul.attempt li p { border-bottom: 1px dotted #dfdddd;margin: 0px;padding: 5px 0px ;font-size: 14px;color: #333;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;line-height: 1.6;text-align:left;}

}







/* 施設一覧
--------------------------------------------------------------------------*/
.facility_list_container  { width: 1400px;display: inline-block; vertical-align: top;padding: 5px 0px ; }
.facility_list { width:33.33333%;margin:0px 0px;padding: 0px 10px 20px;float: left;position: relative;text-align: center; }
.facility_list { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.facility_list h3 { margin: 0px;padding: 5px 0px 0px;font-size: 20px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
.facility_list p { margin: 0px;padding: 5px 0px;font-size: 14px;color: #333;font-weight: normal;letter-spacing:0px;line-height: 1.4;text-align:left;}
.facility_list img{width: 100%;height: 230px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
@media screen and (max-width: 1450px) {
.facility_list_container  { width: 100%;display: inline-block; vertical-align: top;padding: 5px 0px ; }
}
@media screen and (max-width:1000px) {
.facility_list { width:50%;margin:0px 0px;padding: 0px 10px 20px;float: left;position: relative;text-align: center; }
.facility_list h3 { margin: 0px;padding: 5px 0px 0px;font-size: 18px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
}

ul.list_navi { width:100%;margin: 0px;padding: 5px 0px;}
ul.list_navi li { width:50%;text-align: center; padding: 0px; float: left;position:relative;}
ul.list_navi li a{ display: block; -webkit-transition: all .3s;transition: all .3s;padding: 8px 0px;position:relative;}
ul.list_navi li a{ font-size: 13px;color: #fff;font-weight:;letter-spacing:1px; }
ul.list_navi li a:hover { transition: all 0.2s ease-in-out 0.1s; transform: translateY(-2px);}
ul.list_navi li.detail a{ background-color: #46a879;margin: 0 1px 0 0;}
ul.list_navi li.access a{ background-color: #46a879;margin: 0 0 0 1px;}
@media screen and (max-width:640px) {
ul.list_navi li a{ display: block; -webkit-transition: all .3s;transition: all .3s;padding: 7px 0px;position:relative;}
ul.list_navi li a{ font-size: 12px;color: #fff;font-weight:;letter-spacing:1px; }
}

/* 施設紹介
--------------------------------------------------------------------------*/
.facility_top { height: 600px;margin: 10px 10px  ;padding: 0px 15px; position:relative;}
.facility_top { background-position: 50% 50%;background-size: cover;}
.facility_top::after {background: url("../img/facility_top_bottom.svg");bottom: 0;left: 0;content: '';height: 70px;position: absolute;width: 100%;}

@media screen and (max-width: 800px) {
.facility_top { height: 450px;margin: 0px 0px 0px ;padding: 0px 15px 0px; position:relative;}
.facility_top::after {background: url("../img/facility_top_bottom.svg");bottom: 0;left: 0;content: '';height: 50px;position: absolute;width: 100%;}
}
#facility_catch { max-width:800px;padding: 150px 10px 0;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#facility_catch { text-shadow: 0px 0px 15px #fff,0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;, 0px 0px 15px #fff;, 0px 0px 15px #fff;;}



#facility_catch h2 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#facility_catch h2 { font-size: 3.6rem;color: #000;line-height: 1.4;font-weight: normal;letter-spacing:2px;text-align: center;}
#facility_catch p { margin: 0px 0px;padding: 30px 0px ;position:relative;}
#facility_catch p { font-size: 1.8rem;color: #000;line-height: 1.6;font-weight: normal;letter-spacing:3px;text-align: left;}
@media screen and (max-width: 800px) {
#facility_catch { max-width:800px;padding: 70px 20px 0;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#facility_catch h2 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#facility_catch h2 { font-size: 3.0rem;color: #000;line-height: 1.4;font-weight: normal;letter-spacing:2px;text-align: center;}
#facility_catch p { margin: 0px 0px;padding: 20px 0px ;mposition:relative;}
#facility_catch p { font-size: 1.6rem;color: #000;line-height: 1.6;font-weight: normal;letter-spacing:3px;text-align: left;}
}
.facility_wrap { background-color: #;margin: 0px 0px;padding: 30px 15px;text-align: center;}
.facility_wrap h2 { padding: 20px 0px 10px;margin: 20px 0px 10px;position:relative;}
.facility_wrap h2 { font-size: 2.6rem;color: #333;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: center;}
.facility_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 640px) {
.facility_wrap h2 { font-size: 2.0rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
}

.data_wrap { max-width: 1200px;margin: 0px 0px;padding: 10px 0px;text-align: center;right:0px;left:0px;margin:auto auto;}
.data_wrap iframe{ width: 100%;margin: 10px 0px;padding: 0px 0px;}

table.data { width: 1200px;margin: 10px 0px; border-collapse: collapse;right:0px;left:0px;margin:10px auto; }
table.data th { width: 17%;border:1px solid #d7d7d7;padding: 15px 15px;vertical-align: middle;text-align: left;}
table.data th { font-size: 15px; color: #333;font-weight: normal;letter-spacing:1px;}
table.data td { width: 33%;border:1px solid #d7d7d7;padding: 15px 15px ;vertical-align: middle; text-align: left;}
table.data td { font-size: 15px; color: #333;font-weight: normal;letter-spacing:1px;}
.data01 { background-color:#f8f6e9;}
.data02 { background-color:#fff;}
.data03 { background-color:#c1f2da;}
.data04 { background-color:#dfe7f7;}
.data_comme { margin: 0px;padding: 10px 0px;font-size: 16px; color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.7;text-align: left;}
.data_caution { margin: 0px;padding: 10px 0px;font-size: 15px; color: #d90000;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: left;}

@media only screen and (max-width:1250px) {
table.data { width: 100%;}
}
@media only screen and (max-width:1000px) {
table.data { width: 100%;border-top:1px solid #d7d7d7;}
table.data th,.data td { display: block;width: auto;}
table.data th { padding:15px 15px ;position: relative;border-top:none;border-bottom:none;}
table.data tr:last-child { }
table.data td { padding:15px 15px;width: 100%;box-sizing:border-box;}
}
@media only screen and (max-width:640px) {
table.data th { font-size: 15px; color: #333;font-weight: normal;letter-spacing:1px;}
table.data td { font-size: 15px; color: #333;font-weight: normal;letter-spacing:1px;}
}
table.taiou { width: 1200px;border-collapse: collapse;border-spacing: 0px 0px;right:0px;left:0px;margin: 20px auto ;}
table.taiou { text-align: left;line-height: 1.5;}
table.taiou th { width: 20%;border: 1px solid #ddd;background-color: #f8f6e9;padding: 15px 0px ;font-size:16px;color: #222;font-weight:normal;vertical-align: middle;text-align: center;}
table.taiou td { border: 1px solid #ddd;padding: 10px 10px ;font-size:5.0rem;color: #222;line-height: 1;text-align: center;}
table.taiou td p{ margin: 0px ;font-size:3.0rem;color: #222;;}
@media only screen and (max-width:1250px) {
table.taiou { width: 100%;border-collapse: collapse;border-spacing: 0px 0px;right:0px;left:0px;margin: 20px auto ;}
table.taiou th { width: 20%;border: 1px solid #ddd;background-color: #f8f6e9;padding: 15px 5px ;font-size:15px;color: #222;vertical-align: middle;text-align: center;}
table.taiou td { border: 1px solid #ddd;padding: 18px 10px ;font-size:2.6rem;color: #222;line-height: 1;text-align: center;}
}
table.equipment { width: 100%;border-collapse: collapse;border-spacing: 0px 0px;right:0px;left:0px;margin: 20px auto ;}
table.equipment { text-align: left;line-height: 1.5;}
table.equipment th { width: 20%;border: 1px solid #ddd;background-color: #dfe7f7;padding: 15px 0px ;font-size:16px;font-weight:normal;color: #222;vertical-align: middle;text-align: center;}
table.equipment td { width: 20%;border: 1px solid #ddd;padding: 10px 10px ;font-size:2.6rem;color: #222;line-height: 1;text-align: center;}
table.equipment td img { max-width: 120px;height: auto;}
@media only screen and (max-width:800px) {
table.equipment th { width: 20%;border: 1px solid #ddd;background-color: #f8f6e9;padding: 15px 5px ;font-size:14px;color: #222;line-height: 1.4;vertical-align: middle;text-align: center;}
table.equipment td img { width: 100%;height: auto;}
}

#evaluation { max-width: 1200px;padding: 80px 15px 30px;position:relative;right:0px;left:0px;top:;margin:auto auto;z-index:2;text-align:left;}
#evaluation h3{ padding: 15px 10px ;font-size: 1.3em; color: #360707;line-height: 1.6;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;vertical-align: middle;text-align:center;}
#evaluation p{ font-size: 16px; color: #360707;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;}
#evaluation p{ border-bottom: 2px dashed #e7dab7; ;line-height: 2.5;padding-bottom: 10px;display: inline; text-align:left;}

@media only screen and (max-width:768px) {
#evaluation h3{ padding: 15px 10px ;font-size: 1.0em; color: #360707;line-height: 1.6;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;vertical-align: middle;text-align:center;}
#evaluation p{ font-size: 15px; color: #360707;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;}
}



ul.btn_hyouka { width:100%;margin: 0px; padding: 15px 0px ;display: inline-block;}
ul.btn_hyouka li { margin: 0px 3px 3px 0; float:left;position:relative;text-align: left;}
ul.btn_hyouka li a{ display: block;background-color: #efefef;border-radius: 30px;padding:10px 50px 10px 50px;position: relative;right:0px;left:0px;margin:auto auto;z-index: 2;}
ul.btn_hyouka li a{ font-size: 16px;color: #222;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-decoration: none;}
ul.btn_hyouka li a::before{position:absolute;top: 0;bottom: 0;margin: auto;left:20px;content:"";width:30px;height:30px;}
ul.btn_hyouka li a::before{background:url(../img/icon_pdf.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; }
ul.btn_hyouka li a::after { position:absolute;top: 0;bottom: 0;margin: auto;right:10px;content:"";width:18px;height:13px;}
ul.btn_hyouka li a::after { background:url(../img/btn_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-7px);}
ul.btn_hyouka li a:hover::after { opacity: 1;transform: translateX(0px);}


@media only screen and (max-width:768px) {
ul.btn_hyouka li a{ font-size: 13px;color: #222;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-decoration: none;}
ul.btn_hyouka li a::before{position:absolute;top: 0;bottom: 0;margin: auto;left:20px;content:"";width:26px;height:26px;}

}




/* NEWS
--------------------------------------------------------------------------*/
.news_wrap { background-color: #f4f3ee;margin: 0px 0px;padding: 30px 15px;text-align: center;}
.news_wrap h2 { padding: 20px 0px 10px;margin: 20px 0px 10px;position:relative;}
.news_wrap h2 { font-size: 2.6rem;color: #333;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: center;}
.news_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 640px) {
.news_wrap h2 { font-size: 2.0rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
}
ul.news_list { max-width: 1100px;margin: 0px;padding: 0px 0px 20px;right:0px;left:0px;margin:auto auto;}
ul.news_list li{ border-bottom: 1px dotted #d8d8d8;position: relative;}
ul.news_list li a{ margin: 5px 0px;padding: 20px 0px;text-align: left;}
ul.news_list li a{  -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.news_list li a::after{position:absolute;top: 0;bottom: 0;margin: auto;right:-10px;content:"";width:20px;height:20px;}
ul.news_list li a::after{background:url(../img/news_arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-15px);}
ul.news_list li a:hover::after { opacity: 1;transform: translateX(-5px);}
ul.news_list li a h3 { padding: 8px 40px 0px 0px;font-size: 1.6rem;color: #333;letter-spacing: 2px;font-weight: normal;text-decoration: none;}
ul.news_list li a:hover h3{ text-decoration: none; }
ul.news_list li:nth-of-type(3){ border-bottom: none;}
ul.news_list li::after{content: "";display: block;clear: both;}
ul.news_list li .news_list_day { margin: 0px;padding: 0px 0px;font-size:12px;color: #333;letter-spacing: 0px;text-decoration:none;}
@media screen and (max-width: 640px) {
ul.news_list li a h3 { padding: 8px 40px 0px 0px;font-size: 16px;color: #222;letter-spacing: 1px;font-weight: normal;line-height: 1.6;text-decoration: none;}
ul.news_list li .news_list_day  { margin: 0px;padding: 0px 0px;font-size:11px;color: #333;letter-spacing: 0px;text-decoration:none;}
}

.icon_news { width: 100px;display: inline-block;background: #3d3838;margin: 0px 0 0 5px;padding:3px 0px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;text-align: center;}
.icon_job { width: 100px;display: inline-block;background: #19b7cd;margin: 0px 0 0 5px;padding:3px 0px ;font-size: 10px;color: #fff;letter-spacing:1px;vertical-align: 2px;text-align: center;}
.icon_facility{ min-width: 100px;display: inline-block;margin: 0px 0 0 3px;padding:3px 0px;font-size: 10px;color: #fff;letter-spacing:0px;vertical-align: 2px;text-align: center;}
.facility01 { background-color:#3d3838;}/*全体*/
.facility02 { background-color:#b0ce38;}/*フルハウス伏見*/
.facility03 { background-color:#b0ce38;}/*フルハウス手稲駅前*/
.facility04 { background-color:#b0ce38;}/*フルハウス二十四軒*/
.facility05 { background-color:#dcc64f;}/*ぱれっと*/
.facility06 { background-color:#48b72f;}/*自由の大地*/
.facility07 { background-color:#48b72f;}/*自由の空*/

#news { max-width: 1000px;padding: 40px 5px 20px;text-align: left;right:0px;left:0px;margin: auto auto;}
#news h3 { margin: 0px 0;padding: 15px 0px 15px;;border-bottom: 1px solid #f4f4f4;}
#news h3 { font-size:2.0rem;color: #333;font-weight:normal;letter-spacing:2px;position: relative;text-align:left;}
.news_img { max-width: 100%;}
.news_day { margin: 20px 0 0;padding: 0px 0px;font-size:12px;color: #348b61;letter-spacing: 0px;text-decoration:none;}
.news_comme { padding: 15px 0px 20px;margin: 0px;font-size: 16px;color: #333;line-height: 1.7;letter-spacing:2px;}
@media screen and (max-width: 640px) {
#news h3 { font-size:16px;color: #333;font-weight:norml;letter-spacing:2px;position: relative;text-align:left;}
.news_comme { padding: 15px 0px 20px;margin: 0px;font-size: 14px;color: #333;line-height: 1.7;letter-spacing:2px;}
}

ul.news_next { max-width:640px;padding: 30px 0px ;display: flex;right:0px;left:0px;margin:auto auto ;}
ul.news_next li { width: 100%;background-color: #222; border-radius: 0px;margin: 0px 5px 0px;text-align:center; position: relative;}
ul.news_next li a { padding: 15px 0px;display: block; text-decoration: none;}
ul.news_next li a { ffont-size: 15px;color: #fff;font-weight:normal;letter-spacing:1px;}
ul.news_next li a:hover { background-color: #111;border-radius: 0px;color: #; ;}


/* REVIEW
--------------------------------------------------------------------------*/
ul.voice_list { width: 1000px;margin: 0px;padding: 20px 0px;right:0px;left:0px;margin:auto auto;}
ul.voice_list li{ margin: 0px;padding: 20px 0px;position: relative;}
@media screen and (max-width: 1050px) {
ul.voice_list { width: 100%;margin: 0px;padding: 20px 0px 0px;right:0px;left:0px;margin:auto auto;}
ul.voice_list li{ margin: 0px;padding: 0px 0px;position: relative;}
}
table.voice_column  { width: 100%;border-collapse: separate;border-spacing: 5px 5px;margin: 1em auto;}
table.voice_column th { width: 130px;padding: 0px 15px;vertical-align: middle;text-align: left;}
table.voice_column th img{ width: 100%;}
table.voice_column td { max-width: 100%;padding: 3px 0px ;vertical-align: middle;text-align: left;}
table.voice_column td h3 { padding: 0px;margin: 0px 15px;font-size: 2.0rem;color: #222;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: left;}
@media screen and (max-width: 640px) {
table.voice_column th { width: 100%;display: block;width: auto;padding: 3px 5px;text-align: center;}
table.voice_column th img{ width: 130px;}
table.voice_column td { width: 100%;display: block;width: auto;}
table.voice_column td h3 { padding: 0px;margin: 0px 15px;font-size: 1.8rem;color: #222;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: left;}
}
.voice_comme { width: 100%;min-width: 250px; min-height: 140px;position: relative;display: inline-block;margin: 10px 0 ;padding: 13px;background: #f7f6f1;border-radius: 8px;box-sizing: border-box;}
.voice_comme:before {content: "";position: absolute;top: 50%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #f7f6f1;z-index: 2;}
.voice_comme p{ margin: 0;padding: 10px;font-size: 1.6rem;color: #222;font-weight: normal;letter-spacing:3px;line-height: 2.2;text-align: left;}
@media screen and (max-width: 640px) {
.voice_comme {position: relative;display: inline-block;margin: 15px 0;padding: 13px ;max-width: 100%;background: #f7f6f1;}
.voice_comme:before {content: "";position: absolute;top: -10px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #f7f6f1;}
.voice_comme p{ margin: 0;padding: 10px;font-size: 1.4rem;color: #222;font-weight: normal;letter-spacing:3px;line-height: 1.8;text-align: left;}
}
.icon_residents { width: 100px;display: inline-block;background: #d1af5c;margin-left: 5px;padding:3px 0px ;font-size: 11px;color: #fff;letter-spacing:1px;vertical-align: 3px;text-align: center;}
.icon_family { width: 100px;display: inline-block;background: #49c5e0;margin-left: 5px;padding:3px 0px ;font-size: 11px;color: #fff;letter-spacing:1px;vertical-align: 3px;text-align: center;}


/* COMPANY
--------------------------------------------------------------------------*/
table.company { width: 900px;border-collapse: separate;border-spacing: 5px 5px;right:0px;left:0px;margin:50px auto;}
table.company th { width: 150px;padding:10px 5px;vertical-align: middle;text-align: left;}
table.company th span{ width: 100px;background: #46a879;display: inline-block;padding: 7px 15px ;font-size: 14px; font-weight: normal;letter-spacing:1px;color: #fff;text-align: center;}
table.company th { font-size: 15px; font-weight: normal;letter-spacing:1px;color: #222;text-align:left;}
table.company td { padding: 10px 15px ;vertical-align: middle;text-align: left;}
table.company td { font-size: 15px; font-weight: normal;letter-spacing:1px;color: #222;text-align:left;}
@media only screen and (max-width:950px) {
table.company { width: 100%;border-collapse: separate;border-spacing: 0px 0px;right:0px;left:0px;margin:50px auto;}
table.company th { width: 70px;padding:10px 0px;vertical-align: middle;text-align: left;}
table.company th span{ width: 70px;background: #46a879;display: inline-block;padding: 7px 0px ;font-size: 13px; font-weight: normal;letter-spacing:1px;color: #fff;text-align: center;}
table.company td { padding: 10px 15px ;vertical-align: middle;text-align: left;}
table.company td { font-size: 13px; font-weight: normal;letter-spacing:1px;color: #222;text-align:left;}
}
#greeting { padding: 20px 0px ;right:0px;left:0px;margin:auto auto;text-align: center;}
#greeting p { margin: 0px 0px;padding: 10px 0px;font-size: 1.8rem;color: #222;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: left;}
@media screen and (max-width: 640px) {
#greeting p { margin: 0px 0px;padding: 10px 0px;font-size: 1.5rem;color: #222;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: left;}
}

ul.license { width: 1000px; display: inline-block;margin: 0px ;padding: 20px 0px;right:0px;left:0px;margin:auto auto;}
ul.license li { margin: 0px;padding: 20px 10px;background-color: #;float:left;list-style: none;}
ul.license li { width: 20%; position:relative;display: block;}
ul.license li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.license li span{padding: 5px 0px; display: block;background-color: #46a879;border: 0px solid #82ae5e;border-radius:20px;font-size: 14px; font-weight: normal;letter-spacing:2px;color: #fff;text-align: center;}
ul.license li img{ max-width: 100px;}
@media screen and (max-width: 950px) {
ul.license { width: 100%; display: inline-block;margin: 0px ;padding: 20px 0px;right:0px;left:0px;margin:auto auto;}
ul.license li { width: 25%; position:relative;display: block;}
}
@media screen and (max-width: 640px) {
ul.license li { margin: 0px;padding: 5px 5px;background-color: #;float:left;list-style: none;}
ul.license li { width: 33.3333%; position:relative;display: block;}
ul.license li span{ display: block;padding: 5px 0px;font-size: 13px; font-weight: bold;letter-spacing:1px;color: #fff;text-align: center;}
ul.license li img{ max-width: 80px;}
}

/* FAQ
--------------------------------------------------------------------------*/
.faq_list_wrapper { margin: 0px;padding: 20px 0px;position:relative;text-align:center;}
.faq_list { max-width: 1200px;margin: 10px auto;}
.faq_list .accordion_header { border: 2px solid #e6e6e6;background-color: #fff;position: relative;z-index: +1;cursor: pointer;transition-duration: 0.2s;}
.faq_list .accordion_header { padding: 25px 15px 25px 76px;text-align: left; }
.faq_list .accordion_header p{ margin: 0px auto;padding: 0px 0px;font-size: 1.8rem;color: #222;font-weight: normal;letter-spacing:2px;vertical-align: middle;}
.faq_list .accordion_header:hover {opacity: .8;}
.faq_list .accordion_inner {display: none;padding: 0px;border-left: 2px solid #e6e6e6;border-right: 2px solid #e6e6e6;border-bottom: 2px solid #e6e6e6;box-sizing: border-box;}
.faq_list .accordion_inner.stay {display: block;}
.faq_list_wrap { background-color: #fff;}
.faq_list_wrap h3{ background-color: #f2f2f2;border-bottom: 1px solid #e6e6e6;padding: 20px; font-size: 1.8rem;color: #46a879;font-weight: normal;letter-spacing:2px;text-align: left; }
.faq_list_wrap p{ margin: 0px;padding: 22px; font-size: 1.6rem;color: #333;line-height: 2.0;letter-spacing:2px;font-weight: normal;text-align: left; }

@media screen and (max-width: 640px) {
.faq_list .accordion_header { padding: 20px 15px 20px 60px;text-align: left; }
.faq_list .accordion_header p{ margin: 0px auto;padding: 0px 0px;font-size: 1.8rem;color: #222;font-weight: normal;vertical-align: middle;}
.faq_list_wrap h3{ background-color: #f2f2f2;border-bottom: 1px solid #e6e6e6;padding: 20px; font-size: 1.8rem;color: #46a879;font-weight: normal;letter-spacing:2px;text-align: left; }
.faq_list_wrap p{ margin: 0px;padding: 22px; font-size: 1.4rem;color: #333;line-height: 2.0;letter-spacing:2px;font-weight: normal;text-align: left; }
}
/* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
.icon-wrap {position: absolute;left: 10px;top: 50%;transform: translatey(-50%);width: 50px;height: 50px;background-color: #46a879;}
/* .icon-wrapの中でプラスを中央に位置させるために.iconを親要素に設定 */
.icon {position: relative;display: inline-block;width: 100%;height: 100%;}
/* プラスアイコン */
/* 2本の線を.icon-wrapの中央に並行に重ねる */
.icon:before,
.icon:after {position: absolute;content: "";display: block;transition: all 0.4s;background: #fff;left: 50%;top: 50%;width: 50%;height: 3px;transform: translate(-50%, -50%);}
/* そのうち1本を縦にする */
.icon:before {transform: translate(-50%, -50%) rotate(90deg);}
/* プラスアイコンクリック後、マイナスにする */
.icon.open:before {transform: translate(-50%, -50%) rotate(0deg);}
@media screen and (max-width: 640px) {
.icon-wrap {position: absolute;left: 10px;top: 50%;transform: translatey(-50%);width: 40px;height: 40px;background-color: #46a879;}
}


/* RECRUIT
--------------------------------------------------------------------------*/
.job_top { height: 600px;position: relative;margin: 10px 10px;padding: 0px 10px; background-image: url(../img/job_top.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.job_top::after {background: url("../img/facility_top_bottom.svg");bottom: 0;left: 0;content: '';height: 50px;position: absolute;width: 100%;}
@media screen and (max-width: 800px) {
.job_top { height: 450px;margin: 0px 0px 0px ;padding: 0px 15px 0px; position:relative;}
.job_top::after {background: url("../img/facility_top_bottom.svg");bottom: 0;left: 0;content: '';height: 50px;position: absolute;width: 100%;}
}
#job_top_catch { max-width:800px;padding: 200px 10px 0;font-family:"Sawarabi Mincho", serif;right:0px;left:0px;margin:auto auto;text-align: center;}
#job_top_catch h3 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#job_top_catch h3 { font-size: 3.4rem;color: #222;text-shadow: 1px 2px 3px #fff;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
@media screen and (max-width: 800px) {
#job_top_catch { padding: 150px 30px 0;;text-align: center;}
#job_top_catch h3 { argin: 0px 0px;padding: 10px 0px;position:relative;}
#job_top_catch h3 { font-size: 2.6rem;color: #222;line-height: 1.4;font-weight: normal;letter-spacing:2px;text-align: center;}
#job_top_catch p { margin: 0px 0px;padding: 20px 0px ;position:relative;}
#job_top_catch p { font-size: 1.6rem;color: #222;line-height: 1.6;font-weight: ;letter-spacing:3px;text-align: center;}
}
#recruit_catch { max-width: 1000px;padding: 20px 0px ;right:0px;left:0px;margin:auto auto;text-align: center;}
#recruit_catch h3 { margin: 0px 0px;padding: 10px 0px;font-size: 2.0rem;color: #333;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: center;}
#recruit_catch p { margin: 0px 0px;padding: 10px 0px;font-size: 1.6rem;color: #222;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: left;}
@media screen and (max-width: 640px) {
#recruit_catch h3 { margin: 0px 0px;padding: 10px 0px;font-size: 1.8rem;color: #333;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: left;}
#recruit_catch p { margin: 0px 0px;padding: 10px 0px;font-size: 14px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing:2px;text-align: left;}
}


ul.recruit_tab { display: inline-block;margin: 0px;padding: 0px;right:0px;left:0px;margin:10px auto;}
ul.recruit_tab li { padding: 10px 20px;font-size: 13px;letter-spacing:2px;color: #fff;float: left;}
ul.recruit_tab li { background-color: #9b8d9e;border-left:1px solid #ebe1d3;display: block;margin: 1px 1px;text-decoration: none;}
ul.recruit_tab li.select { background: #b49fb8;color: #fff;}
@media screen and (max-width: 480px) {
ul.recruit_tab li { padding: 10px 5px;font-size: 12px;letter-spacing:0px;color: #fff;float: left;}
}

.disnon{display: none;}
.recruit_wrap { max-width: 1400px;background-color: #fff;border: 0px solid #ebe1d3;margin: 0px; padding: 0px;text-align: center;right:0px;left:0px;margin:20px auto;}
@media screen and (max-width: 640px) {
.recruit_wrap { background-color: #fff;border: 0px solid #ebe1d3;margin: 0px; padding: 0px;text-align: center;}
}

table.recruit { width: 100%;margin: 10px 0px; border-collapse: collapse;right:0px;left:0px;margin:auto auto; }
table.recruit th { width: 25%;background-color: #f0ede3;border:1px solid #d7d7d7;vertical-align: middle;text-align: left;}
table.recruit th { padding: 18px 15px;font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
table.recruit td { background-color: #fff;border:1px solid #d7d7d7;vertical-align: middle; text-align: left;}
table.recruit td { padding: 18px 15px;font-size: 14px; color: #333;font-weight: normal;letter-spacing:1px;}
@media screen and (max-width: 640px) {
table.recruit th { padding: 15px 15px;font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
table.recruit td { padding: 15px 15px;font-size: 13px; color: #333;font-weight: normal;letter-spacing:1px;}
}
.together_container { width: 1000px;display: inline-block; vertical-align: top;padding: 0px 0px; }
.together_catch { position: relative;display: inline-block;margin: 10px auto ;padding: 0px 30px;}
.together_catch { font-size:2.0rem;color: #222;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
.together_catch:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 2px;height: 30px;background: #000; border-radius: 3px;transform: rotate(-25deg);}
.together_catch:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 2px; height: 30px;background: #000;border-radius: 3px;transform: rotate(25deg);}

.together { width:25%;margin:0px 0px;padding: 20px 15px;float: left;position: relative; }
.together { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.together h4{ width:160px;line-height: 160px;border-radius:50%;margin:0px; font-size:1.8rem;letter-spacing:2px;color: #fff;font-weight: normal;right:0px;left:0px;margin:20px auto;}
.together h4 { border: dashed 2px white;}
.together h4.to01{ background-color: #f08b9c;box-shadow: 0px 0px 0px 7px #f08b9c;}
.together h4.to02{ background-color: #ea9d16;box-shadow: 0px 0px 0px 7px #ea9d16}
.together h4.to03{ background-color: #8bc859;box-shadow: 0px 0px 0px 7px #8bc859;}
.together h4.to04{ background-color: #bcbe00;box-shadow: 0px 0px 0px 7px #bcbe00}
.together .together_comme{ margin:0px 0px;padding: 10px 0px;font-size: 1.8rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: left;}

@media screen and (max-width: 1050px) {
.together_container { max-width: 100%;display: inline-block; vertical-align: top;padding: 10px 0px; }
}
@media screen and (max-width: 640px) {
.together_container { max-width: 400px;display: inline-block; vertical-align: top;padding: 0px 0px; }
.together h4{ width:120px;line-height: 120px;border-radius:50%;margin:0px; font-size:1.5rem;color: #fff;letter-spacing:1px;right:0px;left:0px;margin:20px auto;}
.together { width:50%;margin:0px 0px;padding: 10px 10px;float: left;position: relative; }
.together .together_comme{ margin:0px 0px;padding: 10px 0px;font-size: 1.4rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.4;text-align: left;}
}

/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 1.8rem;color: #333;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy h3 {padding: 40px 0px 10px; margin-bottom: 0.3rem;background-image: linear-gradient(90deg, #96d5b7 0 20%, #dedede 20%);background-repeat: no-repeat;background-size: 100% 3%; background-position: bottom;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 16px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
@media screen and (max-width: 640px) {
#policy { max-width: 100%;padding: 30px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 15px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
}

/* CONATCT
--------------------------------------------------------------------------*/
.contact_wrap { background-color: #f7f7f3;border-bottom: 0px solid #efefef;margin: 0px 0px;padding: 30px 15px 40px;text-align: center;}
.contact_wrap h2 { padding: 20px 0px 10px;margin: 20px 0px 10px;position:relative;}
.contact_wrap h2 { font-size: 2.6rem;color: #333;font-weight: normal;letter-spacing:3px;line-height: 1.6;text-align: center;}
.contact_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
@media screen and (max-width: 640px) {
.contact_wrap h2 { font-size: 2.0rem;color: #333;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
}
.contact_wrapper { max-width: 1400px;margin: 0px;padding: 30px 30px;background: rgba(255,255,255,1.0);border: 0px solid #ebe7da;border-radius:5px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
@media screen and (max-width: 640px) {
.contact_wrapper { margin: 0px;padding: 20px 10px;background: rgba(255,255,255,1.0);border: 0px solid #ebe7da;border-radius:5px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
}

ul.contact_list { max-width: 1200px;margin: 0px;padding: 0px 0px;right:0px;left:0px;margin:20px auto;}
ul.contact_list li { width: 50%;float: left;text-align: center; margin: 0px;padding: 0px; position:relative;}
@media screen and (max-width: 800px) {
ul.contact_list li { width: 100%;float: left;text-align: center; margin: 0px;padding: 10px 0; position:relative;}
}
.btn_contact{ max-width: 100%;margin: 0px ;padding:0px;position: relative;;right:0px;left:0px;margin:auto auto;}
.btn_contact a { background-color:#46a879;border: 0px solid #d7d7d7;box-shadow: 0px 3px #348b61;margin: 0px 10px;padding: 15px 10px;text-align: center;}
.btn_contact a{-webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_contact a:hover::after { opacity: 1;transform: translateX(0px);}
.btn_contact a:hover { position:relative;top:1px;}
.btn_contact img{ max-width: 100%;height: auto;;}
@media screen and (max-width: 800px) {
.btn_contact a { background-color:#46a879;border: 0px solid #d7d7d7;box-shadow: 0px 3px #348b61;margin: 0px 5px;padding: 10px 10px;text-align: center;}
}

.contact_catch { position: relative;display: inline-block;margin: 10px auto ;padding: 0px 30px;}
.contact_catch { font-size:1.8rem;color: #222;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
.contact_catch:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 2px;height: 30px;background: #000; border-radius: 3px;transform: rotate(-25deg);}
.contact_catch:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 2px; height: 30px;background: #000;border-radius: 3px;transform: rotate(25deg);}

table.contact { width: 1300px;margin: 0px 0px; border-collapse: separate;border-spacing: 3px 3px;right:0px;left:0px;margin:20px auto 40px; }
table.contact th { width: 40%;background-color:#f8f6e9;padding: 20px 20px;vertical-align: middle;text-align: left;}
table.contact th { font-size: 16px; color: #222;font-weight: 500;letter-spacing:2px;position:relative;}
table.contact td { width: 60%;background-color:#f8f8f6;padding: 25px 36px ;vertical-align: middle; text-align: left;}
table.contact td { font-size: 16px; color: #333;font-weight: normal;letter-spacing:1px;}
table.contact td p{ margin: 0px ; padding: 10px 0px 0px;}
@media only screen and (max-width:1350px) {
table.contact { width: 100%;margin: 0px 0px; border-collapse: separate;border-spacing: 3px 3px;right:0px;left:0px;margin:20px auto; }
}
@media only screen and (max-width:800px) {
table.contact { width: 100%;}
table.contact th,.contact td { display: block;width: auto;}
table.contact th { padding:15px 15px ;position: relative;}
table.contact tr:last-child { }
table.contact td { padding:15px 15px;width: 100%;box-sizing:border-box;}
}
.required { height: 30px;line-height: 30px;background: #d21708;border-radius:0px;margin: 0px 6px;padding: 0px 15px ;font-size: 13px;color: #fff;letter-spacing:1px;font-weight: normal;position:absolute;top: 0;bottom: 0;margin: auto;right:15px;}
.optional { height: 30px;line-height: 30px;background: #9e9e9e;border-radius:0px;margin: 0px 6px;padding: 0px 15px ;font-size: 13px;color: #fff;letter-spacing:1px;font-weight: normal;position:absolute;top: 0;bottom: 0;margin: auto;right:15px;}
ul.contact_caution { max-width: 1000px;margin: 0px ;padding: 30px 10px;right:0px;left:0px;margin:auto auto}
ul.contact_caution li { margin: 0px ; padding: 8px 0px ;border-bottom: 0px dotted #e5e5e5;text-align: center;position: relative;}
ul.contact_caution li { font-size: 1.6rem;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;}
ul.contact_caution li a{ text-decoration: none;color: #7592da;}
ul.contact_caution:after { content: "";display: block;clear: both;}
@media only screen and (max-width:640px) {
ul.contact_caution li { margin: 0px ; padding: 5px 0px ;border-bottom: 0px dotted #e5e5e5;text-align: left;position: relative;}
ul.contact_caution li { font-size: 1.5rem;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;}
}
ul.btn_list { max-width: 800px;margin: 0px;padding: 0px 0px;right:0px;left:0px;margin:auto auto;}
ul.btn_list li { width: 50%;background: #;float: left;text-align: center; margin: 0px;padding:0px 15px;box-sizing:border-box;position:relative;}
@media only screen and (max-width:800px) {
ul.btn_list li { width: 100%;background: #;text-align: center; margin: 0px;padding:5px 0px;box-sizing:border-box;position:relative;}
}
#thanks { max-width: 700px;padding: 0px 10px;right:0px;left:0px;margin:auto auto; }
#thanks h3 { margin: 0px;padding: 15px 0px;font-size: 2.0rem;color: #222;font-weight: norma;letter-spacing:2px;text-align: center;}
#thanks p{ margin:0px;padding: 5px 0px;font-size: 16px;color: #222;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: left;position: relative;}


/*  フォーム関連
--------------------------------------------------------------------------*/
form{margin:0px;}

input{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;margin: 0px;padding: 12px 10px;font-size:120%; color:#222;}
input{ -webkit-appearance: none; }
input:focus{ background-color: #fff;-webkit-appearance: none;outline: none;}
input{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.input01{ width:400px;}
.input02{ width:100px;}
@media only screen and (max-width:800px) {
.input01{ width:100%;}
}

select{ margin: 0px 0px;padding: 15px 10px;font-size:16px; color: #222;}
select{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
select{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;-webkit-appearance: none;}
select{ font-family:"Sawarabi Mincho", serif;}
select{ background: #fdfdfd url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;}
select:focus { background: #fff url(../img/select_arrow.png) no-repeat ;background-position: right 10px center;outline: none;}
.select_day { width:100px; margin: 0px 0px;}

textarea{ background-color: #fff;border: 1px solid #d2d2d2;border-radius: 0px;margin: 0px 0px;padding: 10px 10px;font-size:120%;}
textarea{ width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea{ overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background-color: #fff;outline: none;}

input.button { max-width:400px;margin: 0px 0px;padding: 20px 0px;position: relative;}
input.button { background-color: #fff;border: 3px solid #46a879;border-radius:50px;}
input.button { font-family:"Sawarabi Mincho", serif;font-size:15px;color: #46a879;font-weight:bold;letter-spacing: 2px;text-align: center;-webkit-appearance: none;}
input.button { -webkit-appearance: none;}
input.button:hover { background-color:#46a879;border: 3px solid #46a879;color: #fff;}
input.button:active { position:relative;top:1px;}
@media screen and (max-width: 640px) {
input.button { padding: 15px 0px;font-size:14px;}
}

.btn_back { max-width: 400px;margin: 0px 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:auto auto;}
.btn_back a { background-color: #fff;border: 3px solid #46a879;border-radius:50px;padding: 20px 0px;text-align: center;}
.btn_back a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_back a:hover { background-color:#46a879;border: 3px solid #46a879;color: #fff; }
.btn_back a { font-size:15px;color: #46a879;font-weight:bold;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
@media screen and (max-width: 640px) {
.btn_back a { padding: 15px 0px;font-size:14px;}
}

.button-group { max-width: 500px;display: flex;}
.button-group .item {width: 100%;}
.button-group .radio-button {position: absolute;width: 1px;height: 1px;opacity: 0;}
.button-group 
.radio-button + label {padding: 13px 5px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:14px;color: #555;background-color: #fff;display: block;text-align: center;}
.button-group .item:first-of-type .radio-button + label{border-top-left-radius:0px;border-bottom-left-radius: 0px;}
.button-group .item:last-of-type .radio-button + label {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.button-group .radio-button:checked + label {background-color: #46a879;color: #fff;}
@media only screen and (max-width:800px) {
.button-group { max-width: 100%;display: flex;}
.button-group .radio-button + label {padding: 12px 0px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:13px;color: #555;background-color: #fff;display: block;text-align: center;}
}

/*  FOOTER
--------------------------------------------------------------------------*/
.footer { min-height: 200px;background-color:#c9e4d7;border-top: 2px solid #b5e4cd;margin: 0px 0px;padding: 30px 15px;text-align: center;}
.foot_wrap { margin: 0px 0px;padding: 20px 30px;background: rgba(255,255,255,1.0);border: 0px solid #ebe7da;border-radius:5px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
@media screen and (max-width: 640px) {
.footer { margin: 0px 0px;padding: 20px 10px 50px;position:relative;text-align:center;}
.foot_wrap { margin: 0px 0px;padding: 10px 15px;background: rgba(255,255,255,1.0);border: 1px solid #ebe7da;border-radius:10px;position: relative;text-align:center;}
}

.foot_column_container { width: 1400px;display: inline-block; vertical-align: top;padding: 10px 0px;right:0px;left:0px;margin:auto auto;}
.foot_column { width: 25%;margin:0px 0px ;float: left;position: relative;text-align: center; }
@media screen and (max-width: 1450px) {
.foot_column_container { width: 100%;display: inline-block; vertical-align: top;padding: 10px 0px ;}
}
@media screen and (max-width: 640px) {
.foot_column_container { width: 100%;display: inline-block; vertical-align: top;padding: 10px 0px ;}
.foot_column { width: 100%;margin:0px 0px;position: relative; }
}

ul.address { margin: 0px;padding: 0px 0px;}
ul.address li { margin: 0px 0px;padding: 5px 0px;position: relative;text-align: left;}
ul.address li { font-size: 1.4rem;color: #444;font-weight: 600;letter-spacing: 1px;}
ul.address li a{ color: #444;text-decoration: none;}
ul.address h1 { padding: 0px 0px 25px;text-align: left;}
ul.address h3 { padding: 10px 0px;font-size: 16px;color: #333;font-weight: bold;letter-spacing:0px;text-align: left;}
ul.address img { max-width: 300px;}
@media screen and (max-width: 800px) {
ul.address { display: none;}
}

ul.foot_menu { width: ;margin: 0px;padding: 0px;}
ul.foot_menu li { padding: 5px 0px;font-size: 1.4rem;color: #444;font-weight: 600;letter-spacing: 1px;text-align: left;}
ul.foot_menu li a { color: #444;text-decoration: none;}
ul.foot_menu li a:hover { color: #;text-decoration: underline;}
@media screen and (max-width: 800px) {
ul.foot_menu { display: none;}
}

@media screen and (min-width: 800px) {
.address_sp { display: none;}
}
ul.address_sp { max-width: 270px;margin: 0px;padding: 0px 0px;right:0px;left:0px;margin:auto auto;}
ul.address_sp li { margin: 0px 0px;padding: 5px 0px;position: relative;text-align: left;}
ul.address_sp li { font-size: 1.4rem;color: #333;font-weight: 600;letter-spacing: 1px;}
ul.address_sp li a{ color: #333;text-decoration: none;}
ul.address_sp img { margin: 0px 0px 20px;max-width: 300px;}

.copy{ margin: 0px 0px;padding: 30px 0px 10px;text-align: center;}
.copy{ font-family: Tahoma,arial,sans; font-size:13px;color: #222;line-height: 1.6;font-weight:normal;letter-spacing: 1px;}
.copy a{ color: #222;text-decoration: none;}
.copy a:hover{ text-decoration: underline;}

/*  NAVI
--------------------------------------------------------------------------*/
@media screen and (min-width: 800px) {
#foot_content { display: none;}
ul.foot_navi { display: none;}
}

@media screen and (max-width: 800px) {
#foot_content{padding: 50px 0 0 0;}
ul.foot_navi { width: 100%;border-top: 0px solid #d6e4e3;margin: 0px;padding: 0px 0px ;border-radius: 0px;position: fixed;bottom: 0px;z-index: 9999;}
ul.foot_navi li { width: 50%;float: left;padding: 0px;}
ul.foot_navi li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.foot_navi li a {display: block;margin: 0px ;padding: 10px 0px; }
ul.foot_navi:after { content: "";display: block;clear: both;}
ul.foot_navi li img { width: 100%;}
ul.foot_navi li.soudan a{ background-color:#46a879;}
ul.foot_navi li.kengaku a{ background-color:#bbb35b;}
}



/* PAGER
--------------------------------------------------------------------------*/
.pager_wrap { width: 840px;position: relative;text-align: center; }
ul.pager { margin: 0px;padding: 10px 0px 10px ;display: inline-block;}
ul.pager li { background-color: #222;border: 0px solid #dad9cc;margin: 2px 1px 2px;display: block;}
ul.pager li { min-width: 40px;line-height: 40px;float:left;position:relative;text-align: center;}
ul.pager li { font-family: 'Oswald', sans-serif ;font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;;}
ul.pager li a { background-color: #d8d8d8;line-height: 40px;display:block;position:relative;text-align: center;}
ul.pager li a { font-size: 14px;color: #fff;letter-spacing:0px;text-decoration: none;}
ul.pager li a:hover  { background-color: #222;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #222;color:#fff;text-decoration: none;display:block;}

/* SLIDER
--------------------------------------------------------------------------*/
.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;z-index: 8000;}
_.bx-wrapper img { max-width: 100%;height: auto; display: block; position: relative;  top: 0px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%;z-index: 9999;  }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0px 5px; outline: 0px none; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(214, 214, 214); }
.bx-wrapper .bx-prev { left: -10px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: -20px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 42%; margin-top: -16px; outline: 0px none; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; }
/*.bx-wrapper li { height: 100%; }*/
.bx-viewport { overflow: visible!important;width: 100%!important;}