@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:100,500,800|Noto+Sans+JP:400,700,900');


* {
    margin: 0;
    padding: 0;
} 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
strong {
font-weight: bold;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *::before, *::after {
	box-sizing: border-box;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*base*/
html {
	/*font-size: 62.5%;*/
	font-size: 10px;
	position: relative;
	text-align: center;
}
body {
	background: #ffffff;
	text-align: center;
	color: #333333;
	font-size: 1.5rem;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", Verdana,"Avenir Next", sans-serif;
	line-height: 180%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	position:relative;
	min-width: 1200px;
}



.mincho{
	font-family: 'Sawarabi Mincho', sans-serif;
}



a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}

img {
	box-shadow: #fff 0 0 0;
	vertical-align:middle;
	max-width:100%;
}
a:hover {
	color: #0071be;
}
a img{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;}

.left{
	float: left;
	position:relative;
}
.right{
	float: right;
	position:relative;
}

.sp {
	display: none;
}

.container{
	width: 1170px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	z-index:3;
}



#header{
width:100%;
padding:0 50px;
position:fixed;
background-color:#fff;
top:0;
z-index:10;
min-width:1500px;
}
#header h1{
    float: left;
    padding: 7px 0 0;
}
#header h1 img{
height:57px;
}

.drawer_block{
    float: left;
    padding: 26px 0 0 0;
}
.drawer_block ul{
text-align:left;
letter-spacing:-.4em;
display:inline-block;
vertical-align:middle;
}
.drawer_block li{
display:inline-block;
letter-spacing:normal;
vertical-align:middle;
font-size:1.5rem;
font-weight:bold;
padding-left:30px;
}
.drawer_block li a{
	cursor:pointer;
    height: 43px;
    display: block;
}
.drawer_block li a:hover{
	border-bottom: 4px solid;
}


.head_right{
float:right;
}
.head_right dl{
text-align:right;}
.head_right dt,.head_right dd{
display:inline-block;
vertical-align:middle;}
.head_right dt{}
.head_right dd{
padding:7px 0 0 20px;}

.head_right .tel{
line-height:1;
text-align:right;
padding-bottom: 3px;
}
.head_right .tel p{
font-size:2.6rem;
font-weight:700;
line-height:1;
color:#398eca;
}

.search{ width:228px; border:1px solid #d9d9d9; padding:2px 10px; margin: 0 0 3px 0;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.search form{ vertical-align:middle; letter-spacing:-.4em;line-height: 0;}
.search .form1{padding:0; width:180px; background-color:transparent; border:none; display:inline-block; letter-spacing:normal;}
.search .btn{ border:none; background-color:transparent; background-image:url(../img/search.png); background-repeat:no-repeat; background-position:50%; width:17px; height:17px; margin:0; display:inline-block; letter-spacing:normal;}
.search input.btn[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
   font-size: 1.6rem;
padding: 0;
}


.popupNavi {
	position: fixed;
		width: 100%; min-width:1260px;
	clear:both;
	top:69px;
	right: 0;
	left:0;
	margin:0;
	z-index:9999;
}
.popupNaviChild {
	position: absolute;
	display:none;
	background-color:#e5e5e5;
		width: 100%;
	right: 0;
	left:0;
	margin:0;
	box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0px 11px 16px -3px rgba(0, 0, 0, 0.3);
}
.popupNavi .popupNaviChild .arrow {
	position: absolute;
	display: block;
	height:10px;
	background-color:#fff;
	margin-top:-10px;
}
#navi01 .arrow {
	right: 410px;
	width:107px;
}
#navi02 .arrow {
	right: 278px;
	width:98px;
}
#navi03 .arrow {
	right: 140px;
	width:108px;
}

.popupNaviChild ul{
 vertical-align:middle;
	margin:20px 0 25px 0; 
	text-align:center;
}
.popupNaviChild li{
 display:inline-block; 
 text-align:center; 
 padding:0 50px 0 0;
}
.popupNaviChild li img{ margin-bottom:5px;}
.popupNaviChild li a{ color:#000;}
.popupNaviChild li a:hover{ color:#d5000e;}


#footer .contactbox{
text-align:center;
padding:80px 0;
	background-image:url(../img/foot_con_back.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
}
#footer .fc_box{
    padding: 40px 0 ;
    text-align: center;
    background: rgba(255,255,255,0.6);
}
#footer .fc_box .title{
font-size:3rem;
line-height:1;
}
#footer .fc_box .txt{
font-size:3.6rem;
line-height:1;
padding:18px 0 23px 0;
}
#footer .fc_box a{
display:block;
width:320px;
margin:0 auto;
padding:10px 0;
color:#fff;
font-size:1.6rem;
background-color:#ec6e87;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#footer .fc_box a:hover{
	opacity:0.7;
}


#footer .fc_box h2.ttl_h2{
padding:0 0 30px;
}



#footer_map{ 
background:url(../img/ft_back.jpg);
padding:60px 0;
}
#footer_map ul{
text-align:center;
margin:0 auto;
}
#footer_map li{ 
display:inline-block;
text-align:left;
margin-right:50px; 
vertical-align:top;
}
#footer_map .title{ 
font-weight:bold; 
padding-bottom:10px;
}
#footer_map .link{ line-height:2.2;}
#footer_map li:last-child{
margin-right: 0;
}

#footer_map a{
}

#footer_map a:hover{
	color:#ec6e87;
}

#footer_map .btn{ 
text-align:center; 
padding-top:30px;
}

#footer_map .btn a{ 
display:block; 
width:423px;
font-size:2rem; 
text-align:center; 
margin:0 auto;
background-color:#ec6e87;
color:#fff;
padding:10px 0;
}

#footer_map .btn a:hover{ 
color:#fff;
opacity:0.7;
}

#footer_map .sns{
text-align:center;
padding-top:15px;
}
#footer_map .sns img{
margin:0 5px;
}

#footer_add{
padding:30px 0;
}

#footer_add .sns{
text-align: center;
padding: 0 0 20px;
}

#footer_add .sns a img{
	width:41px;
}



#footer_add ul{
    max-width: 860px;
    margin: 0 auto;
}

#footer_add li{
    vertical-align: top;
    font-size: 1.2rem;
    line-height: 1.4;
	padding-right: 60px;
    width: 312px;
	display:inline-block;
}

#footer_add li:last-child{
	padding:0;
	width:auto;
}


#footer_add .tel{ 
font-size:1.4rem; 
color:#333;
}
#footer_add .tel p{ 
font-size:2.4rem; 
font-weight:700;
}

#footer_add .tel p a{ 
    color: #398eca;
}


#copyright{ 
font-size:1.1rem; 
color:#fff;
background:#398eca;
padding:10px 0;
}

#copyright .container{ 
max-width:860px;
}


.relative{
	position:relative;
}

.pagetop {
    position: fixed;
    bottom: 47px;
    right: 50px;
    z-index: 9;
}



.pagetop a {
	width: 50px;
    display: block;
}


.btn_scroll{
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
    margin: 0 auto;
	z-index:2;
}

#contents{
padding-top:76px;
}



h2.ttl_h2 {
    text-align: center;
    font-size: 3.4rem;
    line-height: 1.2;
    font-weight: normal;
}

h2.ttl_h2 span {
    font-size: 1.6rem;
    display: inline-block;
    border-top: 1px solid #ec738a;
    padding: 10px 0 0;
    max-width: 360px;
    width: 100%;
    position: relative;
}

h2.ttl_h2 span:before {
    content: "●";
    position: absolute;
    top: -1.8rem;
    left: 1.8rem;
    color: #ec738a;
    font-size: 3rem;
}

@media(min-width: 768px){
a[href^="tel:"]{
pointer-events: none;
}
}


a.no_event{
	pointer-events:none;
}

a.no_event:hover{
	color:#333;
}



#sintikulist{ 
padding-bottom:80px;
	background-image:url(../img/list_back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

@media screen and (min-width: 1920px){
#sintikulist{ 
background-size:cover;
}
}


#sintikulist h2{ 
    text-align: center;
    font-size: 3.4rem;
    line-height: 1.2;
    font-weight: normal;
    padding: 60px 0;
}

#sintikulist h2 span{ 
    font-size: 2rem;
    display: inline-block;
    border-top: 1px solid #ec738a;
    padding: 6px 0 0;
    max-width: 360px;
    width: 100%;
	position:relative;
}

#sintikulist h2 span:before{ 
    content: "●";
    position: absolute;
    top: -1.8rem;
    left: 1.8rem;
    color: #ec738a;
    font-size: 3rem;
}

#sintikulist ul{ 
letter-spacing:-.4em;
text-align:left;
}
#sintikulist li{ 
width:359px;
display:inline-block;
vertical-align:top;
letter-spacing:normal;
 margin-right:45px;
 margin-bottom:60px;
}

#sintikulist li:nth-child(3n){ margin-right:0;}
#sintikulist h3{ 
font-size:2.2rem;
font-weight:bold;
line-height:1.2;
padding:15px 0;
text-align:left;
}
#sintikulist .add,#sintikulist .train,#sintikulist .school{ 
background-repeat:no-repeat;
background-position:0 50%;
padding: 5px 0 5px 35px;
line-height: 1.3;
}
#sintikulist .add{ background-image:url(../img/list_icon1.png)}
#sintikulist .train{ background-image:url(../img/list_icon2.png)}
#sintikulist .school{ background-image:url(../img/list_icon3.png)}

#sintikulist .boxboder{
    border: 1px solid #ec6e87;
    background: #fff;
    border-radius: 8px;
    padding: 25px 15px 15px;
}

#sintikulist .boboxpad{
	
}

#sintikulist .btn{ text-align:center;}

#sintikulist .btn a{ 
display:block;
width:528px;
background-image:url(../img/bg_ichiran.jpg);
color:#fff;
text-align:center;
font-size:2.4rem;
font-weight:bold;
margin:0 auto;
padding:10px 0;
border-radius: 15px;
}

#sintikulist .btn a:hover{
	opacity:0.7;
}

.city_name{ 
    display: block;
    background-image: url(../img/list_city_back.png);
    color: #fff;
    padding: 3px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1.8rem;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 90%;
    margin: 0 auto -15px;
    position: relative;
    z-index: 2;
}










/*ここからSP用*/
@media screen and (max-width: 767px) {


/*base*/
body {
	min-width: 100%;
}
.container{
	width: 100%;
	padding:0 20px;
}

#header{
width:100%;
padding:0 20px;
position:absolute;
z-index:5;
	background-color:rgba(255,255,255,0);
	min-width:auto;
}
#header h1{
padding:7px 0;
text-align:left;
}
#header h1 img{
height:34px;
}

.head_right{padding: 7px 40px 0 0;}
.head_right .sp{
display:inline-block !important;
height:34px;
}
.search{ 
width:180px;
margin:0 0 7px 10px;
}
.search .form1{
 width:130px;
 }
.popupNavi{
display:none;
}
#globalNavi{
}
#globalNavi li{
border-top:1px solid #b5b5b5;
text-align:left;
}
#globalNavi a{
display:block;
width:100%;
padding:10px 20px;
}
#globalNavi .spnav {
background-color:#e8e8e8;
}
#globalNavi .spnav a{
border-top:1px dotted #b5b5b5;
padding:5px 30px;
}
#drawer{
padding-bottom:80px;
}

.drawer .tel{
font-size:1.2rem;
text-align:left;
padding:15px 10px;
line-height:1.3;
}
.drawer .tel p{
font-size:2rem;
font-weight:bold;
}

#contents{
padding-top:50px;
}
	
	#footer .fc_box{
		max-width:420px;
		margin:0 auto;
	}
	#footer .fc_box a{
		width: 75%;
	}
	
	
	#footer .contactbox{
    padding: 50px 0;
	}
	
#footer_add li{ 
    margin-top: 10px;
    font-size: 1.1rem;
    padding-right: 0;
    display: block;
    width: 100%;
}
#footer_add li:last-child{
display:none;
}

	#footer_add .sns{
    padding: 0 0 10px;
	}
	
	
	
#copyright{ 
    font-size: 1rem;
    padding: 10px 0 60px;
}

	#copyright .container{
		text-align:center;
	}
	
	
	
	
.ft_contact {
    background: #398eca;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-top: 1px solid #fff;
}

.ft_contact li{
	float:left;
	width:44%;
	height:50px;
}

.ft_contact li:nth-child(2){
	width:12%;
}

.ft_contact li img{
	height:100%;
}


.pagetop {
padding: 0 5%;
    bottom: 70px;
    right: 0;
}
	
.pagetop a {
	width: 40px;
}
	

h2.ttl_h2 {
    font-size: 3rem;
    max-width: 300px;
    margin: 0 auto;
	}
	
h2.ttl_h2 span {
    font-size: 1.3rem;
}

h2.ttl_h2 span:before {
    content: "●";
    position: absolute;
    top: -1.6rem;
    left: 1.6rem;
    color: #ec738a;
    font-size: 2.5rem;
}

	
	
	
#sintikulist{
    padding-bottom: 50px;
    background-size: 1440px;
	}
	
#sintikulist h2{
font-size:2.7rem;
padding:40px 0 30px 0;
    max-width: 300px;
    margin: 0 auto;
}

#sintikulist h2 span{
	font-size:1.3rem;
}
	
#sintikulist h2 span:before {
    top: -1.6rem;
    left: 1.6rem;
    font-size: 2.5rem;
}
	
	
	
	
#sintikulist ul{
	
}
	
#sintikulist li{
    width: 100%;
    margin: 0 auto 30px;
}
#sintikulist li:nth-child(3n){  margin:0 1% 25px 1%;}
#sintikulist li img.size-es_list_image{ height:auto;}
#sintikulist h3{
font-size:1.5rem;
padding:10px 0;
}
#sintikulist h3 img{ width:25px;}
#sintikulist .add,#sintikulist .train,#sintikulist .school{
background-size:auto 15px;
background-position:0 20%;
padding:2px 0 8px 20px;
font-size:1.2rem;
line-height:1.2;
}
#sintikulist .btn a{
width:100%;
font-size:1.8rem;
padding:10px 5px;
}
.city_name{ font-size:1.5rem;}

	
	
	
	
}