@charset "UTF-8";
/*!
Theme Name: castouch common.css
Version:20190128
*/
body{
	font-size:16px;
	color:#444;
	width:100%;
	text-align:center;
    line-height: 1.625;
    letter-spacing: .05em;
	font-weight: 500;
    /*font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;*/
font-family: "Open Sans",Hiragino Sans,"ヒラギノ角ゴシック","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",YuGothic,"游ゴシック体","Yu Gothic","游ゴシック","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
	    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;

}
body{ transform: rotate(0.001deg)\0; }
@media all and (-ms-high-contrast:none){
body{ transform: rotate(0.001deg)\0; }
}

/*** tel番号　768px以上で電話不可 ***/
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}
/******************************/

p{
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

img{
outline:none;
border-style:none;
}
a img {
    border-style:none;
}
a{
    color:#0d5fb3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
xa:visited{
    color:#f9ba13;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #f9ba13;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:focus, *:focus{ outline:none; }
a { outline: none; }
iframe {
    border:none;
    }
.txt_c{
	text-align:center;
}
.mgtop80{
	margin-top:80px;
}
/****************** 共通 *********************/
.content_area{
	max-width: 1300px;
	width:100%;
	margin:0 auto;
}
.content_825area{
	width:825px;
	margin:0 auto;
}
.content_1000area{
	width:1000px;
	margin:0 auto;
}
.content_1270area{
	width:1270px;
	margin:0 auto;
}
.content_1300area{
	width:1300px;
	margin:0 auto;
}
li.slick-slide {
    outline: none;
}
.breadcrumbs{
	font-size:85%;
	color:#444;

}
.breadcrumbs a{
	color:#444;
	text-decoration:none;
}
.breadcrumbs a:hover{
	color:#bbb;
	text-decoration:none;
}
/******************* ヘッダー*****************/

.inner {
    /*width: 100%;*/
    padding:0 2%;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    top: -100px;
    position: fixed;
    width: 100%;
    margin: 100px auto 0;
    padding: 10px 0 0;
    line-height: 1;
    z-index: 999;
	background: rgba(255,255,255,0.9);
}
#top-head a,
#top-head {
	color:#444;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
    padding-bottom:10px;
	/*max-width: 1300px;*/
	width:100%;
}
#top-head .logo img {
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    top: 10px;
    left: 0px;
    width: 335px;
    height: auto;
}
.logo_area{
	position: relative;
}
.sub_h1 {
    font-size: 0.7em;
    letter-spacing: 0.07em;
    position: absolute;
    top: 13px;
    left: 88px;
    font-weight: 700;
    color: #1a224d;
    margin: 0px !important;
    font-family: sans-serif;
}
.logoarea_h1{
    position: absolute;
    top: 33px;
    left: 117px;
    font-size: 150%;
    letter-spacing: -0.05em;
    font-weight: 600;
    color: #444;
}
.head-right ul{
    list-style: none;
    margin-top: 30px;
    float: right;
    font-size: 16px;
    color: #30385d;
}
.head-right ul li{
	display: inline-block;
    margin-right:20px;
    vertical-align: middle;
    line-height:120%;
}
.head-right ul li:last-child{
    margin-right:0px;
}
/***ヘッダー資料請求ボタン***/
.head_btn {
  display: inline-block;
    width: 150px;
    height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 29px;
  outline: none;
}
.head_btn::before,
.head_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.head_btn,
.head_btn::before,
.head_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.head_btn {
  background-color: #8a8989;
  color: #fff!important;
  font-size:90%;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing:0.1em;
  padding: 4px 0px 0px 0px;
}

.head_btn:hover {
  background-color: #91a1d2;
}
/*** ヘッダー電話番号 ***/
.tel_en{
	margin-right:8px;
	font-weight:bold;
	font-size:100%;
	letter-spacing:0em;
	font-family: 'Lato', sans-serif;
}
.tel_no{
	font-family: 'Lato', sans-serif;
	margin-right:5px;
    padding: 0px;
    line-height: 100%;
    font-size: 140%;
    font-weight:bold;
    color:#444444;
	letter-spacing:0.08em;
}
.tel_hosoku{
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 80%;
    text-align: right;
    padding: 0px;
    color:#333;
	letter-spacing:0.08em;
}
nav#global-nav {
    margin-top: 0px;
}
#global-nav ul {
    max-width: 1300px;
    width: 100%;
    list-style: none;
    /* margin-top: 30px; */
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 30px auto 15px;
    text-align: center;
    font-size: 16px;
}
#global-nav ul li {
	display: inline-block;
	/*margin-right:40px;*/
	margin-right:30px;
}
#global-nav ul li a {
    padding: 0px;
	/*font-family: "Noto Sans Japanese";*/
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight:700;
    color:#18214a/*#30385d#d44936*/;
}
#global-nav ul li:last-child a{
    margin-right:0px;
	background:#eeba66;
	padding:0px 3px 2px 3px;
	color:#fff!important;
}
#global-nav ul li a:hover{
	color:#999;
}
/*** ↓★保護者用ブログ対応 追加20201001★↓ ***/
li.guardians a{
    border: 1px solid #e95a5a;
    background: #fdefef;
    padding: 0px 3px!important;
}
li.guardians a:hover {
    border: 1px solid #91a1d2;
    background: #ebf0fd;
	color:#91a1d2!important;
}
/*** ↑★保護者用ブログ対応 追加20201001★↑ ***/
#global-nav ul li:last-child a{
	color:#fff;
}
#global-nav ul li:last-child a:hover{
	background:#91a1d2;
	color:#fff;
}
#global-nav ul li.nav_menudisplay{
	margin-right:0px;
}
#global-nav ul li.nav_menudisplay a{
	display:none;
}
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
/*#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}*/
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
.tophead_btm{
	padding:0px;
	margin:0px;
	width:100%;
	height:10px;
	background:#f9ba13;
	}


/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/******************* #Content *****************/
#content{
	padding: 211px 0 0 0;
	    /*overflow: hidden;*/
}
#pageTop {
  position: fixed;
  bottom: 40px;
  right: 40px;
}
#pageTop i {
  padding-top: 6px;
	font-size:15px;	
}
#pageTop a {
  display: block;
  z-index: 99;
  padding: 0px;
  /*border-radius: 30px;*/
  width: 45px;
  height: 45px;
background-color: rgba(233,90,90,0.8);
	color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
    font-size: 25px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/******************* #Mainvisual *****************/
#mainvisual{
	width:100%;
	margin:0 auto;
	background:#fff;
}

.mainvisual_imgarea{
	max-width: 1800px;
	width:100%;
	margin:0 auto;
}
.slick-slide .caption_01 {
    position: absolute;
    top: 42%;
	width: 100%;
    text-align: center;
    font-size: 2.5em;
 	font-weight:500;
    font-family: 'Sawarabi Mincho', sans-serif;
	letter-spacing:0.2em;
    color: #fff;
    text-shadow: 1px 1px 3px #040000;
	background-color: rgba(0,0,0,0.5);
	padding:20px 0px;
}
.slick-current .caption_01, .slick-current .caption_02, .slick-current .caption_03 {
    opacity: 1;
    transition-delay: .5s;
}
/******* slick.js用 *******/
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
    left: 15px;	
	z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.main_pc { display: block !important; }
.main_sp { display: none !important; }


/**** TOPページコンテンツ ****/
/**** TOPページ_News ****/
#c_news{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
}
p#top_news{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_news_jp{
    font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_news_jp:before{
	content:"";
	display:block;
	width:132px;
	height:96px;
	background:url(../images/top_ttl_news.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}

ul.top_news_area{
}
li.top_news_box {
    float: left;
	width:25%;
}
.j_photo{
	float:left;
	margin: 0px 5px 0px 0px;
	width:34%;
}
figure.j_photo img {
    width: 80px;
    height: 80px;
object-fit: cover;
font-family: 'object-fit: cover;'
}
ul.top_news_contlist{
	float:left;
	text-align:left;
	width:60%;
}
li.top_news_day{
	font-size: 85%;
    color: #7d7d7d;
    font-family: 'Lato', sans-serif;
}
li.top_news_label{
	font-size:70%;
	color: #fff;
    background: #a7a6a6;
	/*color:#a7a6a6;
	border:2px solid #a7a6a6;*/
	display:inline-block;
	font-weight:600;
	padding:1px 5px;
}
.top_news_ttl{
	margin-top:5px;
	line-height: 125%;
	font-size:100%;
	letter-spacing:-1.2px;
	font-weight:500;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
}
.top_news_ttl a{
	text-decoration:none;
	color:#676666;
}
/** top_news banner_button **/
ul.tn_btn{
	margin-top:100px;
}
ul.tn_btn li.tn_btnli{
	list-style-type:none;
	display:inline-block;
	margin-right:300px;
}

ul.tn_btn li.tn_btnli:last-child{
	margin-right:0px;
}
.top_button {
  display: inline-block;
  width: 266px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
}
.top_button::before,
.top_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.top_button,
.top_button::before,
.top_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.top_button {
  background-color: #fff;
  border: 1px solid #666;
  color: #666;
  line-height: 50px;
font-weight:bold;
	font-size:90%;
  }
a.top_button {
  color: #666;
  }
.top_button:hover {
  border-color: #91a1d2;
  background-color: #91a1d2;
  color: #fff;
}
a:hover.top_button,a:active.top_button{
  color: #fff;
}
/**** TOPページ_Policy ****/
#c_policy{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
	background:#f1f0ef;
}
p#top_policy{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_policy_jp{
    font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_policy_jp:before{
	content:"";
	display:block;
	width:132px;
	height:96px;
	background:url(../images/top_ttl_policy.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}
ul.top_policy{
	margin-top:100px;
}
ul.top_policy li.top_policyli_left{
	list-style-type:none;
	display:inline-block;
	margin-right:20px;
	width:34%;
}
ul.top_policy li.top_policyli_right{
	list-style-type:none;
	display:inline-block;
	margin-right:0px;
    width: 60%;
    text-align: left;
    vertical-align: top;
	margin-top: 50px;
}
p.top_policy_p{
	color:#515050;
	line-height:220%;
    font-size: 1.1rem;
    line-height: 1.625;
    letter-spacing: .05em;
    /*font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;*/
}
.top_policy_btn{
	margin-top:30px;
}
/** top_policy banner_button **/
.tpb_button {
  display: inline-block;
  width: 266px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
}
.tpb_button::before,
.tpb_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.tpb_button,
.tpb_button::before,
.tpb_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.tpb_button {
  background-color: #666;
  color: #fff;
	font-weight:bold;
	font-size:90%;
}
.tpb_button:hover {
  background-color: #91a1d2;
}
a.tpb_button:hover{
  color: #fff;
}

/**** TOPページ_Introduction ****/
#c_intro{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
	background:#fff;
}
p#top_intro{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_intro_jp{
    font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_intro_jp:before{
	content:"";
	display:block;
	width:266px;
	height:96px;
	background:url(../images/top_ttl_introduction.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}
ul.top_intro{
	margin-top:100px;
}
ul.top_intro li.top_introli{
	list-style-type:none;
	display:inline-block;
	margin-right:20px;
	width:22%;
	vertical-align:top;
}
.ti_ttl{
	margin:20px 0px 20px 0px;
	font-weight:bold;
	font-size:96%;
	letter-spacing:.15em;
	font-family: 'Sawarabi Mincho', sans-serif;
}
.ti_txt{
    font-size: 0.9rem;
    line-height: 1.425rem;
	height:110px;
	margin-bottom:30px;
	text-align:left;
	color: #515050;
	/*font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;*/
}
.tib_button {
  display: inline-block;
  width: 96px;
  height: 27px;
  text-align: center;
  text-decoration: none;
  line-height: 27px;
  outline: none;
}
.tib_button::before,
.tib_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.tib_button,
.tib_button::before,
.tib_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a.tib_button {
	background-color: #898984;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	letter-spacing:normal;
}
.tib_button:hover {
  background-color: #e95a5a;
}
a.tib_button:hover{
  color: #fff;
}
/**** TOPページ_Afterschool ****/
#c_afterschool{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
	background:#f1f0ef;
}
p#top_afterschool{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
.top_aft_ttlsub{
	display:block;
	font-size:80%;
}
h2#top_afterschool_jp{
    font-size: 1.23em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_afterschool_jp:before{
	content:"";
	display:block;
	width:249px;
	height:124px;
	background:url(../images/top_ttl_after-school_activity.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}
ul.top_after_box{
	margin-top:80px;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}
ul.top_after_box li.top_aftli{
	width:45%;
	background:#f8f7f7;
	display:inline-block;
	vertical-align: top;
	line-height: 0;
}
.top_aftlitxtbox{
    padding: 70px 34px;
    text-align: left;
	vertical-align:top;
    height: 286px;
}
.top_aftli_ttl {
    letter-spacing: 0.2rem;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 150%;
    font-family: 'Sawarabi Mincho', sans-serif;
}
.top_aftli_txt{
	color: #515050;
    line-height: 220%;
    font-size: 1.1rem;
    line-height: 1.625;
    letter-spacing: .05em;
	margin-top: 25px;
    /*font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;*/
    }
/**** TOPページ_Instagram ****/
#c_insta{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
	background:#fff;
}
p#top_insta{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_insta_jp{
    font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_insta_jp:before{
	content:"";
	display:block;
	width:201px;
	height:96px;
	background:url(../images/top_ttl_Instagram.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}
/**** TOPページ_Access ****/
#c_access{
	margin:0px  auto 0;
	padding:100px 0px 50px 0px;
	background:#f1f0ef;
}
p#top_access{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_access_jp{
    font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
	margin-bottom: 80px;
	color:#333;
}
h2#top_access_jp:before{
	content:"";
	display:block;
	width:147px;
	height:48px;
	background:url(../images/top_ttl_access.png) no-repeat;
	background-size:contain;
	margin:0 auto 18px;
}
.top_access_box {
    background: #fff;
    padding: 30px 30px 10px;
    text-align: center;
}
.top_acb_logo{
	width:180px;
	margin:0 auto;
}
p.top_acb_address {
    margin-top: 30px;
    font-size: 1.0rem;
    color: #333;
    font-weight: 500;
    letter-spacing: normal;
    text-align: left;
}
p.top_acb_telfax {
    margin-top: 15px;
    font-size: 1.0rem;
    letter-spacing: normal;
    font-weight: 500;
	text-align: left;
}
p.top_acb_station {
    margin-top: 20px;
    font-size: 1.0rem;
    letter-spacing: normal;
    text-align: left;
	letter-spacing: -0.07em;
}
.top_acb_btn {
    margin-top: 20px;
}
/**** TOPページ_Recruit ****/
#c_recruit{
	margin:0px  auto 0;
	padding:100px 0px 100px 0px;
	background:#fff;
}
p#top_recruit{
	font-family: Copperplate, "Copperplate Gothic Light", fantasy; 
	font-size: 200%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 300; 
	line-height: 26.4px;
	margin:150px 0px 0px 0px;
}
h2#top_recruit_jp{
font-size: 1.00em;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 600;
    letter-spacing: .30em;
    margin-top: 10px;
    margin-bottom: 40px;
    margin-left: 60px;
    color: #333;
    text-align: left;
}
h2#top_recruit_jp:before{
	content:"";
	display:block;
	width:210px;
	height:50px;
	background:url(../images/top_ttl_recruit.png) no-repeat;
	background-size:contain;
	    margin: 0 0 18px -60px;
}
.top_recruit_photo{
	width:464px;
}
li.top_recruitli {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    width: 39%;
}
li.top_recruitli:last-child {
    margin-right: 0px;
    width: 54%;
}
p.top_recruit_txt{
    color: #515050;
    line-height: 220%;
    font-size: 1.1rem;
    line-height: 1.625;
    letter-spacing: .05em;
    text-align: left;
    margin-bottom: 50px;
}
.top_recruit_btn {
    text-align: left;
}
/**** TOPページ_Picro ****/
#c_picro{
	margin:0px  auto 0;
	padding:50px 0px 50px 0px;
	background:#f1f0ef;
}
.top_picro_box{
	border:7px solid #d8d5d5;
	padding:30px 20px;
	background:#fff;
}
.top_picro_ttl{
	font-weight:bold;
	margin-bottom:20px;
}
.top_picro_cont{
	line-height:140%;
	text-align:left;
}
.top_picro_cont a{
	color:#e67d44;
}

/************ Footer **************/
footer{

}
.footer_top{
	margin:0px  auto 0;
	padding:0px 0px 0px 0px;
	background:#fff;
}
.footer_top_border{
	background-image: url(../images/footer_border.png);
	background-repeat: repeat-x;
	height:6px;
}
.footer_content{
	position:relative;
	padding:50px 0px;
}
.footer_left{
	display:inline-block;
	width:45%;
}
.footer_left_logo{
    position: absolute;
    top: 40px;
    left: 0;
    width: 315px;
    height: 73px;
}
.footer_left_sub{
	position: absolute;
    top: 40px;
    left: 86px;
	font-size:80%;
    letter-spacing: -0.01rem;
    font-weight: 700;
}
.footer_left_address{
    position: absolute;
    top: 140px;
    left: 86px;
    font-size: 85%;
    letter-spacing: -0.02rem;
    text-align: left;
}
.footer_right{
    display: inline-block;
    background: #f1f0ef;
    padding: 20px 40px 16px;
    text-align: left;
    line-height: 2.0rem;
}
.ft_telno{
	font-family: 'Lato', sans-serif;
	font-weight:600;
	font-size:1.5rem;
	letter-spacing:0.3rem;
}
.ft_tel{
	font-size:1.0rem;	
}
a.ft_telno_link {
    text-decoration: none;
	color: #666;
}
.ft_time{
	font-size:0.9rem;
}
.ft_faxno{
	font-family: 'Lato', sans-serif;
	font-weight:600;
	font-size:1.0rem;
}
.ft_right_left{
	float:left;
	margin-right:20px;
}
.ft_right_right{
	float:left;
	    margin: 30px 0px 0px 0px;
}

/** footer toawase_btn **/
.ft_rt_rt_btn {
  display: inline-block;
  width: 168px;
  height: 37px;
  text-align: center;
  text-decoration: none;
  line-height: 37px;
  outline: none;
}
.ft_rt_rt_btn::before,
.ft_rt_rt_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.ft_rt_rt_btn,
.ft_rt_rt_btn::before,
.ft_rt_rt_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.ft_rt_rt_btn {
  background-color: #666;
  color: #fff;
	font-weight:bold;
	font-size:90%;
}
a.ft_rt_rt_btn {
		  color: #fff;
}
.ft_rt_rt_btn:hover {
  background-color: #91a1d2;
}
a.ft_rt_rt_btn:hover{
  color: #fff;
}
/*** footer_menu ***/
.ft_menu{
	background:#fff;
	padding:0px 0px 30px 0px;
}
.ft_nav ul{
    margin: 0 auto;
    width: 1000px;
    }

.ft_nav ul li{
    display: inline-block;
    font-size: 0.9rem;
    margin-right: 0px;
    text-align: center;
    color: #000;
    list-style-type: none;
    padding-top: 10px;
}
.ft_nav ul li a{
	text-decoration:none;
	color:#333;
	}
.ft_nav ul li a:hover{
	color: #ccc;
}
.ft_nav ul li.snav{
    display: inline-block;
    font-size: 75%;
    margin-right: 0px;
    text-align: center;
    color: #ccc;
    list-style-type: none;
    padding-top: 10px;
}
.ft_nav ul li.snav a{
	text-decoration:none;
	color:#333;
	}
.ft_nav ul li.snav a:hover{
	color: #ccc;
}

.ft_nav ul li a::before {
	content:" | ";
	color:silver;
	font-weight:normal;
	margin-right: 0px;
}
.ft_nav ul li.first ::before{
	content:none;
}

/*** footer_credit ***/
.ft_credit{
	background:#666666;
    padding: 10px 0px;
}
.ft_credit_txt{
	color:#fff;
	font-size:0.7rem;
}
p.ft_credit_txt a {
    color: #fff;
    font-size: 0.7rem;
}
p.ft_credit_txt a:hover {
    color: #ed7b7b;
}

/*** mailpoet ***/

section.second_bg01.mp-subscribe {
	text-align: center;
}

div.mail-subscribe {
	display: none;
	line-height: 1.8;
}



/************ ログイン・ログアウト リンク **************/
.head-right ul {
	margin-top: 0;
}

div#login_link {
	position: relative;
	clear: both;
	margin: 3px 0 1px auto;
	width: 150px;
	height: 26px
	text-align: center;
	color: #fff;
	background: #8a8989;
background: #e95a5a;
}

div#login_link p {
	margin: 0;
	height: 1.6em;
	line-height: 1.6em;
	color: #fff;
}

div#login_link p a {
	display: block;
	color: #fff;
	transition: all .3s;
}

div#login_link p a:hover {
  background-color: #EE8585;
}

@media only screen and (max-width: 1300px) {
	div#login_link {
		margin-right: 70px;
	}
}

@media only screen and (max-width: 1080px) {
	div#login_link {
		width: 164px;
		margin-right: 93px;
	}
}

@media only screen and (max-width: 585px) {
	div#login_link {
		width: 130px;
		margin-right: 92px;
		font-size: 80%;
	}
}

@media only screen and (max-width: 520px) {
	div#login_link {
		width: 6em;
		margin-right: 10px;
	}
}

@media only screen and (max-width: 320px) {
	div#login_link {
		width: 5.3em;
		margin-right: 0;
		letter-spacing: -0.1em;
	}
}