@charset "utf-8";
/* CSS Document */
/*===== PC ここから =====*/
@media print,screen and (min-width: 741px) {

#page .swiper-container {
width: 1000px;
	margin: 0 auto 30px;
height: 100%;
	overflow: hidden;
}
#page .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}



#page .store_ttl {
color: #ffffff;
font-size: 32px;
text-align: center;
margin: 0px 0px 30px 0px;
padding: 45px 0;
background-color: #004da0;
}
#page .store_detail table{
border-top: solid 1px #cccccc;
width: 480px;
float: left;
margin: 0px 0px 40px 0px;
}
#page .store_detail table:first-child{
margin: 0px 20px 60px 0px;
}
#page .store_detail table th,.store_detail table td{
border-bottom: solid 1px #cccccc;
text-align: left;
padding: 20px 0px 20px 5px;
font-size: 15px;
line-height: 160%;
}
#page .store_detail table th{
width: 75px;
}
#page .store_detail table td a{
border-bottom: 1px solid #ccc;
line-height: 100%;
vertical-align: middle;
transition: .3s;
}
#page .store_detail table td span{
font-size: 13px;
display: inline-block;
margin: 5px 0 0;
}

#page .store_detail table td a:hover {
opacity: 0.5;
}

#page .store_detail ul {
float: left;
width: 500px;
}

#page .store_detail li {
color: #ff3363;
border: 1px solid #ff3363;
width: 160px;
padding: 15px 0;
text-align: center;
float: left;
box-sizing: border-box;
margin: 0 10px 10px 0;
}

#page .store_detail li:nth-child(3n) {
margin: 0 0 10px 0;
}
#map{
width: 1000px;
height: 400px;
margin: 0px auto 50px;
}
#page .center_box {
width: 1000px;
margin: 0 auto 20px;
}
#page .staff_box h3{
font-size: 32px;
text-align: center;
margin: 0px 0px 30px 0px;
color: #004da0;
}
#page .staff_box p {
text-align: center;
color: #ff3363;
font-size: 20px;
margin-bottom: 20px;
}
#page .staff_box ul{
width: 920px;
margin: 0px auto;
padding: 0px;
}
#page .staff_box ul li{
width: 280px;
float: left;
margin: 0px 40px 40px 0px;
}
#page .staff_box ul li:nth-child(3n){
margin: 0px 0px 40px 0px;
}
#page .staff_box ul li img{
border: solid 0px #ff4800;
-webkit-transition: .2s;
transition: .2s;
opacity: 1;
margin: 0px 0px 10px 0px;
}
#page .staff_box ul .s_ttl p span:first-child {
font-size: 14px!important;
}
#page .staff_box ul li a{
display: block;
}

#page .staff_box ul li p{
font-weight: bold;
font-size: 20px;
color: #333333;
text-align: center;
}
#page .staff_box ul li p span:first-child{
display: block;
font-size: 15px;
font-weight: normal;
margin: 0 0 -5px;
}

#page .staff_box ul li p span:nth-child(2){
display: block;
font-size: 13px;
margin: -5px 0 0;
font-weight: normal;
}
#page .txt_box{
width: 660px;
float: left;
text-align: left;
}
#page .txt_box h3{
color: #ff4800;
font-size: 22px;
line-height: 140%;
margin: 0px 0px 10px 0px;
vertical-align: middle;
}
#page .txt_box p{
font-size: 16px;
margin: 0px 30px 30px 0px;
}
#page .img_box{
float: right;
width: 220px;
overflow: hidden;
vertical-align: middle;
margin: 20px 0 0 0;
}
#page .btnfloat{
margin: 0 0 80px 0;}
#page .tel_btn{
display:none;}
#page .btnfloat02{
padding: 0 65px;
margin: 0 0 20px 0;}
#page .btnfloat02 .line{
float: left;}
#page .btnfloat02 .contact{
float: right;}
#page .btnfloat02 .contact a {
background-color: #ff7272;
border-bottom: solid 3px #DC6161;
}
#page .btnfloat02 .line a {
background-color: #68DC5F;
border-bottom: solid 3px #339933;
}
#page .contact_box{
background-color: #f2f2f2;
padding: 30px 0 35px 0;
margin: 0 0 50px;
}
#page .contact_box h3{
width: 840px;
margin: 0 auto 20px;
color: #fff;
padding: 15px 0px;
text-align: center;
background-color: #004da0;
}
#page .tel_btn{
display:none;}
#page .contact_btn{
text-align: center;
width: 330px;
padding: 0px;
font-size: 16px;
line-height: 100%;
margin: 0 auto;
float: left;
}

#page .contact_btn:first-child {
margin-right: 20px;
}


#page .contact_box .txt01 {
text-align: center;
font-size: 15px;
color: #333333;
margin: 0 0 10px;
}

#page .contact_box .code {
text-align: center;
color: #ff3363;
font-size: 15px;
font-weight: bold;
}

#page .contact_box .txt02 {
text-align: center;
font-size: 15px;
color: #004da0;
margin: 0 0 25px;
}

#page .btn_wrap {
width: 680px;
margin: 0 auto;
}


#page .contact_btn a{
color: #ff3363;
display: block;
padding: 20px 0px;
position: relative;
border: solid 2px #ff3363;
transition: .3s;
font-size: 20px;
font-weight: bold;
}
#page .contact_btn a .fa-angle-right{
position: absolute;
top: 20px;
right: 10px;}

#page .contact_btn:first-child a {
background: url(../img/detail_ico01.png) no-repeat 20px center;
}

#page .contact_btn:nth-child(2) a {
background: url(../img/detail_ico02.png) no-repeat 20px center;
}

#page .contact_btn:first-child a:hover {
color: #fff;
background: url(../img/detail_ico01_w.png) no-repeat 20px center #ff3363;
}

#page .contact_btn:nth-child(2) a:hover {
color: #fff;
background: url(../img/detail_ico02_w.png) no-repeat 20px center #ff3363;
}
#page .tel{
text-align: center;
font-weight: bold;
font-size: 46px;
color: #ff3363;
line-height: 100%;
margin-bottom: 25px;
}
#page .tel span{
font-size: 46px;
color: #ff3363;
padding: 2px 0;
vertical-align: top;
margin-right: -12px;
}

#page .tel a {
color: #ff3363;
text-decoration: none;
}

#page .menu_box01 li {
position: relative;
overflow: hidden;
z-index: 2;
}

#page .menu_box01 li a {
display: block;
position: relative;
color: #fefefe;

}

#page .menu_box01 li a .fa {
position: absolute;
top: 45%;
right: 10px;
font-size: 12px;
}

#page .menu_box01 li h3 {
line-height: 150%;
font-size: 26px;
}

#page .menu_box01 {
margin: 0 auto 140px;
}

/*==== list01 ====*/

#page .menu_box01 .list01 li {
width: 490px;
margin: 0 0 20px;
float: left;
}

#page .menu_box01 .list01 li a {
font-size: 26px;
color: #fefefe;

}

#page .menu_box01 .list01 li span {
font-size: 14px;
color: #fefefe;
display: block;
}

#page .menu_box01 .list01 li a::after {
content: "";
display: block;
width: 600px;
height: 500px;
position: absolute;
top: -20px;
right: -105px;
z-index: -1;
transform: rotate(-70deg);
transition: .3s;
}

#page .menu_box01 .list01 li:first-child a {
padding: 25px 0 25px 100px;
}

#page .menu_box01 .list01 li:first-child {
background: url(../top_img/top_ico01.png) no-repeat 20px 20px #42668c;
background-size: 40px;
margin: 0 20px 20px 0;
}

#page .menu_box01 .list01 li:first-child a::after {
background-color: #4b749f;
}

#page .menu_box01 .list01 li:nth-child(2) a {
padding: 25px 0 25px 100px;
}

#page .menu_box01 .list01 li:nth-child(2) {
background: url(../top_img/top_ico02.png) no-repeat 20px 15px #3d8940;
background-size: 40px;
}

#page .menu_box01 .list01 li:nth-child(2) a::after {
background-color: #459c49;
}

#page .menu_box01 li:hover a::after {
right: -550px;
}
}

/*===== PC ここまで =====*/

/*===== SP ここから =====*/
@media screen and (max-width: 740px) {
#page .swiper-container {
width: 100%;
margin: 0 auto 25px;
height: 100%;
overflow: hidden;

}
#page .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: inline-block;
}

#page .swiper-button-prev {
background-image: url(../img/detail_prev_w.png);
background-size: 15px;
}

#page .swiper-button-next {
background-image: url(../img/detail_next_w.png);
background-size: 15px;
}
#page .store_ttl {
color: #ffffff;
font-size: 18px;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 20px 0;
background-color: #004da0;
}
#page .store_detail table{
width: 100%;
margin: 0px 0 20px;
}
#page .store_detail table th,.store_detail table td{
border-bottom: solid 1px #cccccc;
text-align: left;
padding: 20px 0px 20px 5px;
font-size: 12px;
}
#page .store_detail table tr:nth-child(3) a{
pointer-events :none;
text-decoration: none;
}
#page .store_detail table th{
width: 70px;
}
#page .store_detail table td a{
text-decoration: underline;
}
#page .store_detail table td span{
font-size: 11px;
display: inline-block;
margin: 5px 0 0;
}
#page .store_detail ul {
width: 100%;
margin: 0 auto 20px;
}

#page .store_detail li {
color: #ff3363;
border: 1px solid #ff3363;
width: 49%;
padding: 15px 0;
text-align: center;
float: left;
box-sizing: border-box;
margin: 0 2% 10px 0;
font-size: 13px;
}

#page .store_detail li:nth-child(2n) {
margin: 0 0 10px 0;
}
#map{
height: 250px;
margin: 0px 0px 40px 0px;
}
#page .center_box {
margin: 0 auto 10px;
}
#page .staff_sp img {
width: 100%
}
#page .staff_box h3{
font-size: 16px;
text-align: center;
margin: 0px 0px 20px 0px;
color: #004da0;
}
#page .staff_box p {
text-align: center;
color: #ff3363;
font-size: 13px;
margin-bottom: 10px;
}

#page .staff_box ul{
margin: 0px;
padding: 0px;
}
#page .staff_box ul li{
width: 46%;

float: left;
margin: 0px 4% 20px 2%;
}
#page .staff_box ul li:nth-child(2n){
margin: 0px 0px 20px 0px;
}
#page .staff_box ul li img{
border: solid 0px #ff4800;
-webkit-transition: .2s;
transition: .2s;
opacity: 1;
margin: 0px 0px 10px 0px;
}

#page .staff_box ul li p{
font-weight: bold;
font-size: 15	px;
color: #333333;
text-align: center;
}
#page .staff_box ul li p span:first-child{
display: block;
font-size: 12px;
font-weight: normal;
margin: 0 0 -5px;
}

#page .staff_box ul li p span:nth-child(2){
display: block;
font-size: 11px;
margin: -5px 0 0;
font-weight: normal;
}
#page .remodal{
padding: 15px!important;}
#page .txt_box{
text-align: left;
}
#page .txt_box h3{
color: #ff4800;
font-size: 18px;
line-height: 140%;
margin: 0px 0px 10px 0px;
vertical-align: middle;
}
#page .txt_box p{
margin: 0px 0px 10px 0px;
}
#page .img_box{
width: 180px;
overflow: hidden;
border-radius: 160px;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
#page .btnfloat{
margin: 0 0 40px 0;}
#page .tel_btn{
text-align: center;
width:90%;
padding: 0px;
font-size: 13px!important;
line-height: 100%;
margin: 0px auto 15px;
}
#page .tel_btn .fa{
font-size: 25px;
line-height: 100%;
vertical-align: -15%;
margin: 0 5px 0 0;}
#page .tel_btn a{
color: #FFF;
display: block;
font-weight: bold;
padding: 15px 0px;
position: relative;
background-color: #ff3363;

}
#page .tel_btn a .fa-angle-right{
position: absolute;
right: 10px;}
#page .btnfloat02{
margin: 0 0 20px 0;}
#page .btnfloat02 .contact a {
background-color: #ff7272;
border-bottom: solid 3px #DC6161;
}
#page .btnfloat02 .line a {
background-color: #68DC5F;
border-bottom: solid 3px #339933;
}
#page .contact_box{
width: 100%;
margin: 0 auto 25px;
padding: 0 0 10px 0;
background-color: #f2f2f2;
}
#page .contact_box h3{
font-size: 12px;
color: #fff;
margin: 0px 0px 10px 0px;
padding: 13px 0px;
text-align: center;
background-color: #004da0;
}
#page .contact_box p{
font-size: 10px;}
#page .contact_btn{
text-align: center;
width: 85%;
padding: 0px;
font-size: 12px!important;
line-height: 100%;
margin: 0px auto 15px;
}
#page .tel_btn{
text-align: center;
width:85%;
padding: 0px;
font-size: 13px!important;
line-height: 100%;
margin: 0px auto 15px;
}
#page .tel_btn .fa{
font-size: 25px;
line-height: 100%;
vertical-align: -15%;
margin: 0 5px 0 0;}


#page .contact_box .txt01 {
text-align: center;
font-size: 12px;
color: #333333;
margin: 0 0 10px;
}

#page .contact_box .code {
text-align: center;
color: #ff3363;
font-size: 13px;
font-weight: bold;
}

#page .contact_box .txt02 {
text-align: center;
font-size: 12px;
color: #004da0;
margin: 0 0 25px;
}


#page .tel_btn a{
color: #FFF;
display: block;
padding: 15px 0px;
position: relative;
background-color: #ff3363;
line-height: 150%;
}

#page .tel_btn a .fa-angle-right {
position: absolute;
top: 16px;
right: 10px;
font-size: 14px;
}

#page .contact_btn a {
color: #ff3363;
display: block;
padding: 15px 0px;
position: relative;
border: 2px solid #ff3363;
}

#page .contact_btn:first-child a {
background: url(../img/detail_ico01.png) no-repeat 20px center;
}

#page .contact_btn:nth-child(2) a {
background: url(../img/detail_ico02.png) no-repeat 20px center;
}

#page .contact_btn a .fa-angle-right {
position: absolute;
top: 18px;
right: 10px;}
#page .tel{
display:none;
}

#page .menu_box01 li {
position: relative;
overflow: hidden;
z-index: 2;
}

#page .menu_box01 li a {
display: block;
position: relative;
padding: 29px 0 29px 100px;
color: #fefefe;
}


#page .menu_box01 {
width: 90%;
margin: 0 auto 30px;
}

/*==== list01 ====*/

#page .menu_box01 .list01 li a .fa {
position: absolute;
top: 25px;
right: 5%;
font-size: 12px;
}

#page .menu_box01 .list01 li {
margin: 0 0 20px;
}

#page .menu_box01 .list01 li h3 {
font-size: 16px;
line-height: 130%;
}

#page .menu_box01 .list01 li a {
color: #fefefe;
padding: 20px 0 20px 20%;
}

#page .menu_box01 .list01 li span {
font-size: 14px;
color: #fefefe;
display: none;
padding-top: 15px;
}



#page .menu_box01 .list01 li a::after {
content: "";
display: block;
width: 250px;
height: 400px;
position: absolute;
top: -120px;
left: 135px;
z-index: -1;
transform: rotate(-70deg);
}

#page .menu_box01 .list01 li:first-child {
background: url(../top_img/top_ico01.png) no-repeat 10px center #42668c;
background-size: 25px;
margin: 0 0 20px 0;
}

#page .menu_box01 .list01 li:first-child a::after {
background-color: #4b749f;
}


#page .menu_box01 .list01 li:nth-child(2) {
background: url(../top_img/top_ico02.png) no-repeat 10px center #3d8940;
background-size: 25px;
}

#page .menu_box01 .list01 li:nth-child(2) a::after {
background-color: #459c49;
}
}

/*===== SP ここまで =====*/