/*  Remake/会員募集
--------------------------------------------------------------------------*/
/*  https://salon-remake.net
--------------------------------------------------------------------------*/

@charset "shift_jis";
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-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%; /* sets the base font to 10px for easier math */}


ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
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; }
}

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

.title { margin: 0px;padding: 10px 20px;position: relative;}
.title { font-family: 'Lato', 'Noto Sans JP', sans-serif;font-size:3.0em;color: #333;font-weight:300;letter-spacing:0px;text-align: left;}
.title span { padding: 0px 0px 0px 20px;font-size: 15px;color: #333;font-weight:normal;letter-spacing:1px;line-height: 1.5;}
.title span:before { content:" / ";}

@media screen and (max-width: 800px) {
.title { margin: 0px;padding: 10px 10px ;position: relative;}
.title { font-family: 'Lato', 'Noto Sans JP', sans-serif;font-size:2.6em;color: #333;font-weight:300;letter-spacing:1px;text-align: left;}
.title span { display: block; padding: 0px 0px 0px 0px;font-size: 12px;color: #333;font-weight:normal;letter-spacing:1px;line-height: 1.5;}
.title span:before { content:" / ";}
}

/*  HEAD
--------------------------------------------------------------------------*/
.header{background-color: rgba(255,255,255,1.0);border-bottom: 1px solid #f8f8f8;position: relative;}
.header{width: 100% ;height: 150px;padding: 0px 0px 0px;}


.head_logo{ max-width: 180px;position:absolute;top: 20px;left: 15px;z-index: 8888;}
.head_logo {animation: r7 2s linear 1;}
@keyframes r7 {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
@media screen and (max-width: 800px) {
.header{width: 100% ;height: 100px;padding: 0px 0px 0px;position: fixed;top: 0px;z-index: 8888;}
.head_logo{ max-width: 70px;position:absolute;top: 15px;left: 10px;}
#head_content{padding: 100px 0 0 0;}
}

ul.head_menu { margin: 0px 0px;padding: 0px 0px;display:inline-block;position:absolute;top: 15px;right: 15px;z-index:9999;}
ul.head_menu li { float: left;padding: 0px;}
ul.head_menu li a { background-color:#fff;border: 1px solid #98cfd1;display: block;margin: 0px 3px 6px;padding: 10px 15px;}
ul.head_menu li a { font-size:12px;color:#98cfd1; font-weight: normal;letter-spacing: 0px;text-align:center;text-decoration: none;}
ul.head_menu li a:hover { background-color:#85d8db;color:#fff;text-decoration: none;}
ul.head_menu:after { content: "";display: block;clear: both;}
ul.head_menu li { webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width: 640px) {
ul.head_menu { margin: 0px 0px;padding: 0px 0px;display:inline-block;position:fixed;top: 15px;right: 10px;z-index:9999;}
ul.head_menu li a { background-color:#fff;border: 1px solid #98cfd1;display: block;margin: 0px 3px 6px;padding: 8px 10px;}
ul.head_menu li a { font-size:11px;color:#98cfd1; font-weight: normal;letter-spacing: 0px;text-align:center;text-decoration: none;}
}

.menu_wrap { width:100%; border-bottom: 1px solid #f8f8f8;margin: 0px;padding: 0px;font-size: 0px;position: relative;text-align: center; }
.scroll-nav {width: 100%;background: ;overflow-x: auto;-webkit-overflow-scrolling: touch; }
ul.menu { max-width: 800px; min-width: 640px;margin: 0px 0px ;padding: 0px 20px;display: inline-block;right:0px;left:0px;margin:auto auto;}
::-webkit-scrollbar{display: none;}
ul.menu li { width: 25%;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: 15px 20px;display: block; text-decoration: none;text-align:center;}
ul.menu li a { font-size: 13px;color: #333;font-weight:;letter-spacing:2px;transition: all .3s;}
ul.menu li:last-child { border-right: 1px solid #fff3f7;margin: 0px 0px 0px -2px;}
ul.menu li span { padding: 0px 0px 5px;display: block; font-family: 'Oswald', sans-serif;font-size: 2.8em;color: #222;font-weight:normal;letter-spacing:0px;}
ul.menu li a:hover { background-color:#f6fdff;}
ul.menu li{z-index: 1;}
ul.menu li:after {position: absolute;content: "";width: 0;height: 100%; top: 0;right: 0; z-index: -1;background-color: rgba(239,239,239,0.3);transition: all 0.3s ease;}
ul.menu li:hover {color: #fff;}
ul.menu li:hover:after {left: 0;width: 100%;}
ul.menu li:active {top: 2px;}

@media screen and (max-width: 640px) {
ul.menu { max-width: 800px; min-width: 480px;margin: 0px 0px ;padding: 0px 20px;display: inline-block;right:0px;left:0px;margin:auto auto;}
ul.menu li { width: 110px;}
ul.menu li a { margin: 0px;padding: 15px 10px;display: block; text-decoration: none;text-align:center;}
ul.menu li a { font-size: 11px;color: #333;font-weight:;letter-spacing:1px;transition: all .3s;}
}



/*  TOP
--------------------------------------------------------------------------*/
.main_wrap { background-color: #;padding: 10px 15px ;position: relative;text-align: center; }

.box_main { height: 800px;margin: 15px 15px;padding: 0px;position: relative;}
.box_main { background-position: 50% 50%;background-size: cover;z-index: 2;text-align: center;}
#box_catch { max-width:800px;padding: 200px 10px 0px;right:0px;left:0px;margin:auto auto;;text-align: center;}
#box_catch h2 { padding: 0px 0px 10px;margin: 0px 0px 0px;position:relative;}
#box_catch h2 { font-family: 'Oswald', sans-serif;font-size: 4.0em;color: #fff;line-height: 1.4;font-weight: normal;letter-spacing:0px;text-align: center;}
#box_catch p { padding: 20px 0px 10px;margin: 0px 0px 0px;position:relative;}
#box_catch p { font-size: 1.7em;color: #fff;line-height: 1.6;font-weight: bold;letter-spacing:1px;text-align: left;}

@media screen and (max-width: 800px) {
.box_main { height: 500px;margin: 10px 10px;padding: 0px;position: relative;}
#box_catch { max-width:800px;padding: 50px 20px 0px;right:0px;left:0px;margin:auto auto;;text-align: center;}
#box_catch h2 { padding: 0px 0px 10px;margin: 0px 0px 0px;position:relative;}
#box_catch h2 { font-family: 'Oswald', sans-serif;font-size: 3.0em;color: #fff;line-height: 1.4;font-weight: normal;letter-spacing:0px;text-align: center;}
#box_catch p { padding: 20px 0px 10px;margin: 0px 0px 0px;position:relative;}
#box_catch p { font-size: 20px;color: #fff;line-height: 1.6;font-weight: bold;letter-spacing:1px;text-align: left;}
}

.arrow_down a { position: absolute;bottom: 70px;right:0px;left:0px;margin:auto auto;}
.arrow_down a { font-family: 'Oswald', sans-serif;font-size: 14px;color: #fff;text-decoration: none;}
.arrow_down a { padding-top: 60px;}
.arrow_down a span {position: absolute;top: 0;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px; box-sizing: border-box;}
.arrow_down a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite; box-sizing: border-box;}
@-webkit-keyframes sdb { 0% {-webkit-transform: translate(0, 0);opacity: 0; }40% {opacity: 1;}80% { -webkit-transform: translate(0, 20px);opacity: 0;}100% { opacity: 0;}}
@keyframes sdb {0% {transform: translate(0, 0); opacity: 0;} 40% {opacity: 1;}80% {transform: translate(0, 20px);opacity: 0; }100% {opacity: 0;}}

.bx-viewport { overflow: visible!important;width: 100%!important;}
#top_bana-wrapper{ padding: 0px 0px;overflow:hidden;width:100%;height:550px;}
#top_bana-viewport { overflow:visible!important; width: 500px;height:500px;margin: 0 auto;}
@media screen and (max-width: 640px) {
#top_bana-wrapper{ padding: 0px 0px;overflow:hidden;width:100%;height:340px;}
#top_bana-viewport { overflow:visible!important; width: 300px;height:300px;margin: 0 auto;}
}

ul.top_bana { margin: 0px 0px;padding:0px 0px;position: relative;}
ul.top_bana li{ margin: 0px 0px;padding: 0px 0px 40px;text-align: center;}
ul.top_bana li img { width: 100%;}

ul.bana { max-width: 1200px;margin: 0px;padding: 20px 0px ;display: inline-block;}
ul.bana li { width: 50%;margin: 0px;padding:0px;float:left;text-align:center; position: relative;}
ul.bana li img{width: 100%;margin: 0px 0px 0px;}
@media screen and (max-width: 1250px) {
ul.bana { width: 100%;margin: 0px;padding: 20px 0px ;display: inline-block;}
}
@media screen and (max-width: 720px) {
ul.bana li { width: 100%;margin: 0px;padding:0px;float:left;text-align:center; position: relative;}
ul.bana li a { margin: 0px;padding:10px 0px;float:left;;}
}



.login_wrap { max-width: 400px;padding: 10px 10px;background-color: rgba(255,255,255,1.0);border: 3px solid #e7e6e6;border-radius: 0px;}
.login_wrap { right:0px;left:0px;margin:20px auto;}
.login_wrap h3 { border-bottom: 1px solid #e7e6e6;padding: 10px 10px 5px;font-size:16px;color:#6d6d6d;font-weight:bold;line-height: 1.5;text-align: left;}
.login_wrap p { margin: 0px;padding: 10px 0px 5px;font-size:14px;color:#6d6d6d;font-weight:bold;line-height: 1.5;text-align: left;}


/*  CARGORY
--------------------------------------------------------------------------*/
.category_wrap{ background-color: #f7fafd; margin: 0px 0px; padding: 30px 15px;position: relative;text-align: center;}

ul.area_search { width: 1400px;margin: 0px 0px;padding: 50px 0px;display:inline-block;}
ul.area_search h2 { padding: 20px 0px 30px;margin:0px 0px;position:relative;}
ul.area_search h2 { font-size: 1.8em;color: #333;font-weight: bold;letter-spacing:3px;line-height: 1.6;text-align: center;}
ul.area_search li { width: 14.285%;float: left;padding: 0px;}
ul.area_search li a { background-color:#fff;border: 1px solid #98cfd1;display: block;margin: 0px 3px 6px;padding: 15px 0px 15px;}
ul.area_search li a { font-size:14px;color:#999; font-weight: bold;letter-spacing: 0px;text-align:center;text-decoration: none;}
ul.area_search li a:hover { background-color:#85d8db;color:#fff;text-decoration: none;}
ul.area_search:after { content: "";display: block;clear: both;}
ul.area_search li { webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width: 1450px) {
ul.area_search { width: 100%;margin: 0px 0px 10px;padding: 0px 0px 0px;display:inline-block;}
}
@media screen and (max-width: 800px) {
ul.area_search { width: 100%;margin: 0px 0px 10px;padding: 0px 0px 0px;display:inline-block;}
ul.area_search li { width: 20%;float: left;padding: 0px;}
}
@media screen and (max-width: 640px) {
ul.area_search { width: 100%;margin: 0px 0px 10px;padding: 0px 0px 0px;display:inline-block;}
ul.area_search li { width: 33.3333%;float: left;padding: 0px;}
ul.area_search li a { font-size:12px;color:#999; font-weight: bold;letter-spacing: 0px;text-align:center;text-decoration: none;}
}


/*  PROJECT
--------------------------------------------------------------------------*/
#top_project-wrapper{ background-color: #;padding: 0px 0px;overflow:hidden;width:100%;height:360px;}
#top_project-viewport { overflow:visible!important; width: 400px;height:360px;margin: 0 auto;}
@media screen and (max-width: 640px) {
#top_project-wrapper{ padding: 0px 0px;overflow:hidden;width:100%;height:300px;}
#top_project-viewport { overflow:visible!important; width: 300px;height:300px;margin: 0 auto;}
}

ul.top_project { margin: 0px;padding: 0px 0px;text-align: center;}
ul.top_project li { width: 400px;text-align: center; padding: 0px; position:relative;}
ul.top_project li img{width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.top_project li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 10px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.top_project li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.top_project li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.top_project 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);}
.top_project_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #666;letter-spacing: 0px;text-decoration:none;text-align: left;}

@media screen and (max-width: 640px) {
ul.top_project li { width: 280px;text-align: center; padding: 0px; position:relative;}
ul.top_project li img{width: 100%;height: 150px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
}


ul.ranking { width: 100%;margin: 0px;padding: 10px 0px;text-align: center;display:inline-block;}
ul.ranking li { width: 20%;float: left;text-align: center; padding: 0px; position:relative;}
ul.ranking li img{width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.ranking li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 10px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.ranking li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.ranking li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.ranking 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);}
.ranking_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #666;letter-spacing: 0px;text-decoration:none;text-align: left;}
@media screen and (max-width: 1000px) {
ul.ranking li { width: 33.3333%;float: left;text-align: center; padding: 0px; position:relative;}
}

@media screen and (max-width: 640px) {
ul.ranking li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.ranking li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 10px 5px ;position:relative;}
}

.rank_icon { position:absolute;left:0px;top:0px;content:"";width:60px;height:44px;}
.rank_icon span { font-family: 'Pinyon Script', cursive; font-size: 20px;color: #fff;font-weight: bold;position:absolute;top:16px;right:0px;left:0px;margin:auto auto;z-index: 20;}
.rank01{ background:url(../img/rank01.png) no-repeat scroll 0% 0%;background-size:contain;}
.rank02{ background:url(../img/rank02.png) no-repeat scroll 0% 0%;background-size:contain;}
.rank03{ background:url(../img/rank03.png) no-repeat scroll 0% 0%;background-size:contain;}
.rank04{ background:url(../img/rank04.png) no-repeat scroll 0% 0%;background-size:contain;}


ul.project { width: 100%;margin: 0px;padding: 0px 0px;text-align: center;display:inline-block;}
ul.project li { width: 25%;float: left;text-align: center; padding: 0px; position:relative;}
ul.project li img{width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.project li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 10px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.project li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.project li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.project 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);}
.project_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #666;letter-spacing: 0px;text-decoration:none;text-align: left;}
@media screen and (max-width: 1000px) {
ul.project li { width: 33.3333%;float: left;text-align: center; padding: 0px; position:relative;}
}

@media screen and (max-width: 640px) {
ul.project li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.project li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 10px 5px ;position:relative;}
}



/*  NEWS
--------------------------------------------------------------------------*/
.news_wrap { padding: 30px 20px ;position: relative;text-align: center; }

#top_news-wrapper{ padding: 0px 0px;overflow:hidden;width:100%;height:360px;}
#top_news-viewport { overflow:visible!important; width: 400px;height:360px;margin: 0 auto;}
@media screen and (max-width: 640px) {
#top_news-wrapper{ padding: 0px 0px;overflow:hidden;width:100%;height:300px;}
#top_news-viewport { overflow:visible!important; width: 300px;height:300px;margin: 0 auto;}
}



ul.top_news { margin: 0px;padding: 10px 0px;text-align: center;}
ul.top_news li { width: 400px;text-align: center; padding: 0px; position:relative;}
ul.top_news li img{width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.top_news li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 10px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.top_news li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.top_news li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.top_news 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);}
.top_news_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #666;letter-spacing: 0px;text-decoration:none;text-align: left;}
@media screen and (max-width: 640px) {
ul.top_news li { width: 280px;text-align: center; padding: 0px; position:relative;}
ul.top_news li img{width: 100%;height: 140px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
}


ul.news_list { max-width: 1600px;margin: 0px;padding: 10px 0px;text-align: center;display:inline-block;}
ul.news_list li { width: 25%;float: left;text-align: center; padding: 0px; position:relative;}
ul.news_list li img { width: 100%;height: 210px;border-radius:0px 0px;object-fit: cover;overflow: hidden;margin: 0px 0px 0px;}
ul.news_list li h3 { height: 50px;overflow: hidden;margin: 0px;padding: 10px 0px 0px;font-size: 15px;color: #333;font-weight: bold;letter-spacing:0px;line-height: 1.6;text-align:left;}
ul.news_list li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 15px 10px ;position:relative;}
ul.news_list li a{ -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.news_list 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);}
.news_list_date { margin: 0px;padding: 5px 0px;font-size: 13px;color: #666;letter-spacing: 0px;text-decoration:none;text-align: left;}
@media screen and (max-width: 1000px) {
ul.news_list li { width: 33.3333%;float: left;text-align: center; padding: 0px; position:relative;}
}
@media screen and (max-width:640px) {
ul.news_list li { width: 50%;float: left;text-align: center; padding: 0px; position:relative;}
ul.news_list li a{ background-color:#;display: block;margin: 0px 0px 20px;padding: 10px 5px ;position:relative;}
}

#news{ max-width: 1000px;padding: 40px 0px 20px;text-align: left;right:0px;left:0px;margin: auto auto;}
#news h3{margin: 0px;padding: 25px 0px 15px;border-bottom: 1px solid #dfdfdf;}
#news h3{font-size:1.2em;color: #222;font-weight:normal;letter-spacing:0px;position: relative;text-align:left;}
.news_img{max-width: 100%;}
.news_day{padding: 15px 0px 0px;font-size: 14px; color: #666;font-weight: normal;letter-spacing: 0px;text-align: left;}
.news_comme{padding: 15px 0px 20px;margin: 0px;font-size: 15px;color: #222;line-height: 1.7;letter-spacing:0px;}

ul.news_next{max-width:480px;padding: 30px 0px ;display: flex;right:0px;left:0px;margin:auto auto ;}
ul.news_next li{width: 100%;background-color: #393939; 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{font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #fff;font-weight:normal;letter-spacing:1px;}
ul.news_next li a:hover{background-color: #222;border-radius: 0px;color: #;}

/*  FAQ
--------------------------------------------------------------------------*/
.faq_wrap { padding: 30px 15px ;position: relative;text-align: center; }

.faq_list { max-width: 1600px;margin: 5px auto;}
.faq_list .accordion_header { border: 3px solid #66cade;background-color: #fff;position: relative;z-index: +1;cursor: pointer;transition-duration: 0.2s;}
.faq_list .accordion_header { line-height: 70px;padding-left: 90px;font-size: 22px;color: #66cade;font-weight: bold;text-align: left; }
.faq_list .accordion_header:hover {opacity: .8;}
.faq_list .accordion_inner {display: none;padding: 0px;border-left: 2px solid #66cade;border-right: 2px solid #66cade;border-bottom: 2px solid #66cade;box-sizing: border-box;}
.faq_list .accordion_inner.stay {display: block;}
.faq_list .accordion_inner .box_one { height: 300px; }
.faq_list h2{ background-color: #87c8ed;padding: 15px 0px 10px; font-size: 25px;color: #fff;font-weight:bold;letter-spacing:1px;text-align: center; }
.faq_list p{ margin: 0px;padding: 15px 0px; font-size: 20px;color: #222;line-height: 1.6;letter-spacing:1px;font-weight: normal;text-align: center; }
@media only screen and (max-width:800px) {
.faq_list .accordion_header { line-height: 60px;padding-left: 70px;font-size:18px;color: #66cade;font-weight: bold;text-align: left; }
.faq_list h2{ padding: 14px 10px 10px; font-size: 20px;color: #fff;font-weight:bold;letter-spacing:2px;text-align: center; }
.faq_list p{ margin: 0px;padding: 15px 0px; font-size: 17px;color: #222;line-height: 1.6;letter-spacing:1px;font-weight: normal;text-align: left; }
}
 .faq_list_wrap {  }
 .faq_list_wrap h3{ background-color: #eff9ff;border-bottom: 1px solid #66cade;padding: 20px; font-size: 18px;color: #66cade;font-weight: bold;text-align: left; }
 .faq_list_wrap p{ margin: 0px;padding: 22px; font-size: 18px;color: #333;line-height: 1.7;letter-spacing:1px;font-weight: bold;text-align: left; }
@media only screen and (max-width:800px) {
 .faq_list_wrap h3{ background-color: #eff9ff;border-bottom: 1px solid #66cade;padding: 18px; font-size: 17px;color: #66cade;font-weight: bold;text-align: left; }
 .faq_list_wrap p{ margin: 0px;padding: 22px; font-size: 16px;color: #333;line-height: 1.7;letter-spacing:1px;font-weight: bold;text-align: left; }
}

/* .ac-labelを親要素としてアイコン位置を絶対値で指定 */
.icon-wrap {position: absolute;left: 0px;top: 50%;transform: translatey(-50%);width: 70px;height: 70px;background-color: #66cade;}
/* .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 only screen and (max-width:800px) {
.icon-wrap {position: absolute;left: 0px;top: 50%;transform: translatey(-50%);width: 60px;height: 60px;background-color: #66cade;}
}

/*  会社概要
--------------------------------------------------------------------------*/


table.company { width: 800px;border-collapse: separate;border-spacing: 5px 5px;right:0px;left:0px;margin:20px auto 40px;}
table.company th { width: 220px;border-bottom: solid 2px #80d9eb;padding: 20px 15px;vertical-align: middle;text-align: left;}
table.company th { font-size: 14px; font-weight: normal;letter-spacing:1px;color: #222;text-align:left;}
table.company td { border-bottom: solid 1px #ddd;padding: 20px 15px ;vertical-align: middle;text-align: left;}
table.company td { font-size: 14px; font-weight: normal;line-height: 1.6;letter-spacing:1px;color: #222;text-align:left;}
@media only screen and (max-width:800px) {
table.company { width: 100%;border-collapse: separate;border-spacing: 0px 0px;}
table.company th,.company td { display: block;width: auto;border: none;}
table.company th { padding: 10px 10px 10px ;background-color: #f5f5f5;font-size: 13px;color: #222;position: relative;}
table.company tr:last-child { }
table.company td { padding: 15px 0px ;font-size: 13px;line-height: 1.6;border: none;}
}


/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { padding: 40px 0px 10px;margin: 0px 0px;position:relative;}
#policy h3 { font-size: 22px;color: #222;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align:left;}
#policy .policy_title{ padding: 10px 0px 0px;font-size: 16px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 14px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}



/*  CONTACT
--------------------------------------------------------------------------*/
table.contact { width: 800px;border-collapse: separate;border-spacing: 5px 5px;margin: 1em auto;}
table.contact th { width: 190px;padding: 5px 5px;vertical-align: middle;text-align: left;}
table.contact th { font-size: 14px; font-weight: normal;letter-spacing:1px;color: #a9a9a9;text-align:left;}
table.contact td { padding: 3px 0px ;vertical-align: middle;text-align: left;}
table.contact td span{ padding-left: 5px ;font-size: 14px; font-weight: normal;letter-spacing:1px;color: #333;text-align:left;}
@media only screen and (max-width:800px) {
table.contact { width: 100%;border-collapse: separate;border-spacing: 0px 0px;margin: 1em auto;}
table.contact th,.contact td { display: block;width: auto;}
table.contact th { padding: 10px 0px 10px ;position: relative;}
table.contact tr:last-child { }
table.contact td { padding: 0px 0px 15px;}
}
.form_span01{ background: #222;margin: 0px 6px;padding:3px 7px 3px ;font-size: 10px;color: #fff;vertical-align: 2px;}
.form_span02{ background: #b2c9d9;margin: 0px 6px;;padding:3px 7px 3px ;font-size: 10px;color: #fff;vertical-align: 2px;}

.contact_txt{ margin: 0px;padding: 5px 0px 0px;font-size: 14px;color: #3eb4ff;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
.contact_txt a{ font-size: 14px;color: #222;text-decoration: underline;}
.contact_txt a:hover{text-decoration: none;}


/*  FORM
--------------------------------------------------------------------------*/
input{ width:100%;background-color: #f6f5f5;font-size:120%; color:#222;padding: 12px 0px 12px;border-radius: 0px;border: 1px solid #e7e1e3;}
input{ -webkit-appearance: none; }
input:focus{ background: #fff;-webkit-appearance: none;}
.input01{ width:400px;}
.input02{ width:100px;}

@media only screen and (max-width:800px) {
.input01{ width:100%;}
}

textarea{ width:550px;font-size:120%; padding: 5px 0px;margin: 0px 0px ;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #f6f5f5;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background-color: #fff;}
@media only screen and (max-width:800px) {
textarea{ width:100%;font-size:120%; padding: 5px 0px 5px;margin: 8px 0px ;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
}

select { width:100%;font-size:100%; color: #222;padding: 10px 8px 10px;margin: 8px 0px 8px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff8f9;-webkit-appearance: none;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background-color: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:400px; }
.select_day { width:100px; margin: 0px 0px 0px;}
.select_cast{ width:100%; margin: 5px 0px 10px ; border: 2px solid #f4f4f4;border-radius: 0px;background-color: #fff;color: #222;-webkit-appearance: none;}
.select_area{ width:100%; margin: 5px 0px 10px ; border: 2px solid #f4f4f4;border-radius: 0px;background-color: #fff;color: #222;-webkit-appearance: none;}

@media only screen and (max-width:800px) {
select { width:100%;font-size:100%; color: #222;padding: 10px 0px 10px;margin: 8px 0px 8px;border-radius: 0px;}
.select01 { width:100%; }
}

input.button { max-width:380px;;margin: 8px 0px 30px;padding: 18px 0px;border: none;border-radius: 0px;}
input.button { background-color: #222;}
input.button { font-family:"Sawarabi Mincho", serif;font-size:14px;color: #fff;font-weight:normal;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
input.button { -webkit-appearance: none;}
input.button:hover { background-color: #222;color: #fff;}
input.button:active { position:relative;top:1px;}

input.login_button { width:100%;;margin: 10px 0px;padding: 18px 0px;border: none;border-radius: 0px;}
input.login_button { background-color: #222;}
input.login_button { font-size:14px;color: #fff;font-weight:normal;letter-spacing: 1px;text-align: center;-webkit-appearance: none;}
input.login_button { -webkit-appearance: none;}
input.login_button:hover { background-color: #222;color: #fff;}
input.login_button:active { position:relative;top:1px;}

.button-radio {padding: 0px 0px;margin: 0px 0px;font-size:0px;}
.button-radio input[type="radio"] {display:none; padding: 0px 0px 0px;margin: 0px 0px 0px;}
.button-radio label { display:inline-block;margin: 0px 2px 2px 0px;padding: 12px 15px;}
.button-radio label { background-color:#c7c7c7;border: 0px solid #d6d6d6;color:#fff; font-size:14px;text-align: center;}
.button-radio input[type="radio"]:checked + label { background-color:#6ccae1;border: 0px solid #ffcfd0;}

.button-group { max-width: 420px;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: 12px 10px;cursor: pointer;border: 1px solid #e7e1e3;margin-right: -2px;font-size:15px;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: #6ccae1;color: #fff;}
@media only screen and (max-width:800px) {
.button-group { max-width: 100%;display: flex;}
.button-group .radio-button + label {padding: 12px 7px;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:#45b1c7;margin: 20px 0px 0pxz;padding: 50px 20px;text-align: center;}
.foot_logo { max-width: 200px;margin: 20px 0px;}
@media screen and (max-width: 1300px) {
.foot_logo { max-width: 150px;margin: 20px 0px;}
}

ul.foot_menu { max-width: 1000px;display: inline-block;margin: 0px;padding: 20px 0px 20px;}
ul.foot_menu li {padding: 0px 20px 15px 0px;letter-spacing:0px;font-size: 14px;line-height: 1.6;color: #fff;float: left;}
ul.foot_menu li a{color: #fff;text-decoration: underline;}
ul.foot_menu li i{ padding: 0 0 0 5px;font-size: 18px;}
ul.foot_menu li a:hover { text-decoration: none;}
@media screen and (max-width: 800px) {
ul.foot_menu li{padding: 0px 10px 10px 0px;letter-spacing:0px;font-size: 12px;line-height: 1.6;color: #fff;float: left;}
ul.foot_menu li a{ font-size: 12px;}
}

.copy{ border-top: 0px solid #c0e3ea;margin: 10px 0px 0px;padding: 15px 0px ;}
.copy{ font-size:12px;font-family: Tahoma,arial,sans; color: #fff;line-height: 1.6;letter-spacing: 1px;text-align: center;}
.copy a{ color: #fff;text-decoration: none;}
.copy a:hover{ text-decoration: line-through;}

/* 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%; }*/


/* 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: #b3b3b3;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: #b3b3b3;color:#fff;text-decoration: none;display:block;}
ul.pager li.current a { background-color: #b3b3b3;color:#fff;text-decoration: none;display:block;}