/*
Theme Name:Template-theme
Author:更新システム
Description:更新システム専用テーマ
Version: 2.4.1
*/


/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

a {text-decoration: none;  }

a:hover { text-decoration: none; }

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

body {
	font-size: 100%;
	font-family:    'Noto Serif JP', sans-serif , "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", "serif";
}

body .sans{
	font-family: 'Noto Sans JP', sans-serif ,  "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

body .serif{
	font-family:  'Noto Serif JP', sans-serif , "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", "serif";
}

body .cursive{
	font-family: 'Courgette', cursive;;
}

#body-inside{
	overflow-x: hidden;
	font-size: 1rem;
	background-size:100%;
	font-feature-settings: "palt";
	background: #F8F8F7;
}

.imgbox img{
	width: 100%;
	margin: 20px auto;
}

.bold{
	font-weight: bold;
}

/* -------------------------------------------
	CLEAR-FIX
---------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* -------------------------------------------
	Utility
---------------------------------------------- */

/* Margin
-------------*/
.m0 { margin: 0 }
.m10 { margin: 10px }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }

/* padding
---------------------*/
#wrapper .p5 { padding: 5px; }
#wrapper .p10 { padding: 10px; }
#wrapper .pt10 { padding-top: 10px; }
#wrapper .pt20 { padding-top: 20px; }
#wrapper .pb20 { padding-bottom: 20px; }

/* Float
---------------------*/
.fl { float: left }
.fr { float: right; }
.cl { clear: both; }

/* cursor
-------------------*/
.cp { cursor: pointer; }

.fcr { color: #fff; }

.attention {
	color: #f00;
	font-weight: bold;
}

.link-arrow {
	padding-left: 20px;
	background: url(images/common/bg_side-list.png) left center no-repeat;
}

/* width
--------------------*/
.w50 { width: 50px; }
.w100 { width: 100px; }
.w130 { width: 130px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w245 { width: 245px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w570 { width: 570px; }

.w90 input, .w90 textarea { width: 90%; }

/* align
------------------- */
.tac { text-align: center }
.tal { text-align: left }
.tar { text-align: right }

/* Link Button
------------------- */
.button a {
	/* サイトごとに変更 */
	display: block;
	width: 80%;
	margin: 10px auto;
	text-align: center;
	padding: 10px 0;
	border-radius: 5px;
	text-decoration: none;
}
.flexbox-base,.flexbox-outer{
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	justify-content: center;
}

.flexbox-base img,.flexbox-outer img{
	width: 100%;
}

.flex-wrap{
	flex-wrap: wrap;
}

/* -------------------------------------------
	WordPress Editor
---------------------------------------------- */

img.size-auto, img.size-large, img.size-full, img.size-medium {
	max-width: 100%;
	height: auto;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption {
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

#main .post-content h1 {
	font-size: 48px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h2 {
	font-size: 36px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h3 {
	font-size: 24px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h4 {
	font-size: 18px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h5 {
	font-size: 14px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h6 {
	font-size: 12px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content h7 {
	font-size: 10px;
	font-weight: bold;
	line-height:150%;
}

#main .post-content ul, #main ul.default, #main .post-content ol { padding: 10px 0 10px 20px; }

#main ul.default li, #main .post-content ul li { list-style: disc; }

#main .post-content ol li { list-style: decimal; }

#main .post-content blockquote {
	margin: 10px 20px;
	font-style: italic;
}

#wrapper img {
	max-width: 100%;
	height: auto;
}

#wrapper #galleria img { max-width: none; }

.mobile { display: none; }

.pr-content { margin-bottom: 30px; }


/* ------------------------------------------
	PC用のスタイル記述
--------------------------------------------- */

:target:before {
   height: 100px;/* ヘッダの高さ */
   margin: -100px 0 0;/* ヘッダの高さ */
   content:””;
   display:block;
}

p{
	margin: 10px auto;
}

.pc_block{
	display: block;
}

.sp_block{
	display: none;
}

body {
	font-size: 100%;
	line-height: 1.6;
}


/* Header
------------------------------------ */
#header {
	position:fixed;
	z-index: 99;
	width: 100%;
	background: #fff;
}

#header .inner1 {
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#logo {
	padding: 5px 0;
	margin-left: 5%;
	display: flex;
	align-items:center;
}

#logo img{
	height: 50px;
}

#logo h1{
	font-size:12px;
	color: #fff;
}

#head_tel{
	display: block;
		background:#fff;
		width: 300px;
		margin: 5px 10px;
		color: #2D6282;
		font-size:10px;
		border: 1px solid #2D6282;
		border-radius: 30px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
}

#head_tel span{
	font-size:20px;
}

#tel a{

}

#tel h2{
	font-size:2rem;
	font-weight: bold;
	line-height: 2rem;
}

#tel p{
	font-size:0.8rem;
	line-height: 1rem;
}

#h1text{
	position: absolute;
	margin: auto;
	top:0;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	font-size:0.8rem;
	z-index: 10;
}

/* Navigation
------------------------------------ */
.home-nav {
	width: 100%;
	background:#fff;
	margin-top: -10px;
}


#navigation{
	font-size:0;
	margin: 0 10%;
	width: 80%;
}

#navigation ul{
	display: flex;
	justify-content: space-around;
}

#navigation li{
	display: inline-block;
}

#navigation li a{
	padding:30px 25px;
	text-align: center;
	color: #2D6282;
	text-decoration: none;
	display: block;
	position: relative;
	width: auto;/*サブメニュー使用時は数値入れる*/
	font-size:1.2rem;
	line-height: 1rem;
}

#navigation .sp_block{
	display: none;
}

#navigation li a:hover{
	opacity: 0.8;
}

#navigation li .ja{
	font-size:0.8rem;
	line-height: normal;
}

#navigation li .sub-menu{
  width: 110px;
  position: absolute;
  font-size:0.8rem;
  text-align: center;
}

#navigation li .sub-menu li a{
  width: 150px;
  display: none;
  padding-top: 8px;
  height: 30px;
  border: 1px solid #004476;
  background-color: #fff;
}

#navigation li:hover .sub-menu li a{
  display: block;
}

#navigation li .sub-menu li a:hover{
  background-color: #eee;
}

.home-nav #tel{
	width: 100%;
	background-color: #FFF2F2;
	text-align: center;
	font-weight: bold;
	color: #146973;
	font-size:1.2rem;
	padding: 10px;
	line-height: 1.2rem;
}

.home-nav #tel a{
	color: #146973;
}

/*ファーストビュー*/
#scrollpoint{
	padding-top: 60px;
}

#first_view{
	padding: 0px 0;
}

#first_view .fv_slider img{
	width: 100%;
	vertical-align: middle;
}


#first_view_sp{
	margin: auto;
	background: url()
}

#first_view_sp img{
	width: 100%;
}

/* Contents
------------------------------------ */
#breadcrumb {
	position: relative;
	margin: 20px auto 10px;
	width: 960px;
	font-size: 0.9rem;
	z-index: 10;
}

.site_bg{
	background: url("images/common/site-bg.jpg");
	/*background: #071F48;*/
	background-size:cover;
}

.container1200 {
	margin: 0 5%;
	width: 90%;
}

.container {
	margin: 0 auto;
	padding: 15px 0;
	width: 1200px;
}

.container800 {
	margin: 0 auto;
	max-width: 800px;
}

.contents-box{
	margin: 50px auto 100px auto;
}

.contents-box iframe{
	width: 100%;
}

.contents-box img{
	max-width: 100%;
}

.contents-box h3{
	position: relative;
	color: #3D36A7;
	font-size:1.8rem;
	font-weight: bold;
	line-height: normal;
	padding: 5px 10px 10px 10px;
	margin: 15px auto;
	border-left: 10px solid #3D36A7;
	border-bottom: 1px solid #3D36A7;
}

.contents-box h4{
	font-size:1.5rem;
	font-weight: bold;
	line-height: normal;
}

.contents-box h5{
	font-size:1.5rem;
	font-weight: bold;
	line-height: normal;
	margin: 30px auto;
}

.contents-box .contents-title{
	padding-bottom: 30px;
}

.contents-box .contents-title h2{
	color: #9B9279;
	font-size:2.3rem;
	text-align: center;
	padding: 5px;
	letter-spacing: 0.3rem;
	font-weight: bold;
}

.contents-box .contents-title h2 img{max-width: 600px;}

.contents-box .contents-title p{
	color: #000000;
	text-align: center;
	font-size:0.9rem;
	font-weight: bold;
	margin:0;
}


.contents-box p{
	margin:15px auto;
}

.contents-box .center-text{
	text-align: center;
}

.contents-box .pc-center{
	text-align: center;
}

.contents-box p strong{
	font-weight: bold;
	color: #146973;
}

.contents-box .yellow{
	background:#FFF365;
}

.contents-box .red{
	color:#F558A1;
	font-weight: bold;
}

.contents-box .green{
	color:#146973;
	font-weight: bold;
}

.bg-blue{
	background:#d0edf0;
}

.contents-box .mb30{
	margin-bottom: 30px;
}

.contents-box .w30{
	width: 30%;
}

.contents-box .w50{
	width: 50%;
}

.flex-two{
	display: flex;
	justify-content: space-between;
}

.flex-two .box{
	width: 49%;
}

.btn_basic{
	margin: 30px auto;
	width: 100%;
	text-align: center;
}

.btn_basic a{
	position: relative;
	text-decoration: none;
	background: linear-gradient(#2D6282,#173141);
	border:1px solid #fff;
	color: #fff;
	padding: 10px 50px;
	border-radius: 30px;
}

.btn_basic a:after{
	position: absolute;
	content: ">";
	right: 20px;
	top:0;
	bottom: 0;
	margin: auto;
	height: 1.5rem;

}

.btn_basic a:hover{
	opacity: 0.8;
}

.btn_tel {
	margin: 30px auto;
	width: 400px;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.1rem;
	padding: 10px;
}
.btn_tel:hover{
	opacity: 0.8;
}

.btn_tel span{
	color:#FF0004;
	font-size:2rem;
	font-weight: bold;
}

.btn_line {
	margin: 30px auto;
	width: 400px;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.3rem;
	padding: 10px;
}
.btn_line:hover{
	opacity: 0.8;
}

.btn_line span{
	color:#FF0004;
	font-size:2rem;
	font-weight: bold;
}

.spacer50{
	height: 50px;
	width: 100%;
}

/* Footer
------------------------------------ */

#footer {
	/* サイトごとに変更 */
	text-align: center;
	background:linear-gradient(#2D6282,#173141);
	color: #fff;
	padding-top: 50px;
}

#footer .logo img{
	width: 100%;
	max-width: 560px;
}

#footer .footer-info{
	font-size:0.9rem;
}

#footer .footer-info h2{
	font-size:1.5rem;
}

#footer .footer-info .btn{
	display: block;
	background: #fff;
	color: #2D6282;
	width: 300px;
	padding: 10px;
	margin: 5px auto;
	font-size:1.3rem;
	border-radius: 30px;
}

#footer .footer-info .btn img{
	height: 1.1rem;
}

#footer .container{
	padding: 50px 0 100px 0;
}

#footer .container .menu li{
	display: inline-block;
	padding: 5px;
}

#footer .container .menu li a{
	color: #fff;
	text-decoration: none;
	font-size:0.8rem;
}


#footer #pagetop a{
	/* サイトごとに変更 */
	display: inline-block;
	width: 200px;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 1.2rem;
}

#footer #pagetop a:hover{
	/* サイトごとに変更 */
	opacity: 0.8;
}
#footer #copy {
	padding: 5px 0;
	font-size: 0.8rem;
	}

	#mobile-tel,#mobile-recruit{
		display:none;
	}

/* 星降るバナー
------------------------------------ */
#hoshifuru-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #hoshifuru-pc {
    display: none;
  }
  #hoshifuru-sp {
    display: block;
	  padding: 5px 0;
  }
}


/* ------------------------------------------
	PC用の下層ページスタイル記述
--------------------------------------------- */
.child-head img{
	width: 100%;
}

.child_box .wp-block-column {
	margin: 50px auto;
	width: 100%;
}

.child_box .wp-block-column .mini-img{
	width: 70%;
	text-align: center;
	margin: auto;
}

.child_box .wp-block-column img{
	padding-top: 0;
}

.child_box .wp-block-column li{
	list-style: disc;
}

.child_box .orange-box{
	background-color: #FCF1EA;
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0 3px 3px #777;
	margin-bottom: 30px;
}

.child_box .tel{
	font-size:28px;
	font-weight: bold;
	text-decoration: none;
}

.page-gotop{
	text-align: right;
}

.page-gotop a{
	color:#3d43c7;
}

/* INDEX
----------------------------- */
#headline{background:#fff;border-bottom: 1px solid #eee;}
#headline .headline-inner{width: 1200px;margin: 0 auto;display: flex;}
#headline .headline-inner h3{width: 200px;margin-top: 6px;font-weight: bold;}
#headline .headline-slide{width:100vw;}
#headline .headline-slide li{line-height: 1.2rem;padding: 0 15px;}
#headline .headline-slide li a:hover{opacity: 0.8;}
#headline .headline-slide li p{display: inline-block;margin-right: 20px;}

#info_scroll{background: #FFF2F2;overflow: hidden;}
#info_scroll div{display: inline-block;padding-left: 100%;white-space : nowrap;line-height : 1em;animation   : scrollAnime 10s linear infinite;}
#info_scroll h4{display: inline;color: #FF3636;margin-right: 10px;}
#info_scroll p{display: inline;}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}

.bg-home1{
	background: url(images/common/bgimg.jpg)no-repeat;background-size: cover;
}
.bg-home3{
	background: url(images/common/bg3.png)no-repeat;background-size: cover;padding: 1px 0;
}

#home-headbnr{padding: 20px 0;}
#home-headbnr .head-bnr{display: flex;flex-wrap: wrap;}
#home-headbnr .head-bnr li{width: 31%;margin: 15px 1%;}

#home-slider{padding: 20px 0;}
#home-slider .swiper-container{width: 1200px;margin: 0 auto;}
#home-slider img{width: 380px;}
#home-pickup{padding: 0!important;}
#home-pickup .swiper-container{padding: 15px;width: 100%;margin: 0;}
#home-pickup .one-cast{margin: 0;box-shadow: none;}

#home-x{}
#home-x .container{max-width: 700px;padding-top: 0;}
#home-x img{width: 100%;}

#home-message{}
#home-message .message-title h2{color: #3D36A7;font-size:2.3rem;letter-spacing: 0.5rem;font-weight: bold;text-align: center;padding: 5px;margin-bottom: 30px;}
#home-message .oyakusoku{border:1px solid #F558A1;margin: auto 15px;border-radius: 15px;}
#home-message .acd-check{display: none;}
#home-message .acd-label{display: block;text-align: center;}
#home-message .acd-label h4{display: inline-block;padding: 5px 10px;}
#home-message .acd-content{height: 0;opacity: 0;transition: .5s;visibility: hidden;}
#home-message .acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;padding: 10px;visibility: visible;}

.home-contents-bg{
	background: #EBEFF0;
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

#home-contents {}

#home-contents .menu-box{display: flex;flex-wrap: wrap;justify-content: center;}
#home-contents .menu-box.ver2{max-width: 800px;margin: 30px auto;}

#home-contents .menu-box li{
	width: 48%;
	margin: 15px 1%;
	padding: 10px;
}
#home-contents .menu-box.ver2 li{padding: 0;margin: 10px 1%;}

#home-contents .menu-box li h4{
	text-align: center;
	color: #FFA5BE;
	background: #51463F;
	border-radius: 15px 15px 0 0;
	font-size:2rem;
	font-weight: normal;
	padding: 10px 0;
}

#home-contents .menu-box li .contents-flex{
	display: flex;
}

#home-contents .menu-box li .contents-flex .text{
	display: flex;
	flex-direction: column;
	width: 70%;
	padding: 0 30px;
}

#home-contents .menu-box li .contents-flex .text p{
	color: #fff;
	text-align: left;
	width: 100%;
	padding: 5px;
}

#home-contents .menu-box li .contents-flex .text .btn_basic{
	margin: 5px auto;
}

#home-contents .menu-box li .contents-flex .text .btn_basic a{
	display: inline-block;
	font-size:1.5rem;
	width: 80%;
	margin-bottom: 0;
}

.kiyaku_btn .btn_basic a:after{
	height: 2.3rem;
}

.kiyaku_btn .btn_basic a{
	font-size:1.5rem;
	padding: 10px 150px;
}

#home-contents .menu-box li .contents-flex .img{
	width: 30%;
}

#home-contents .menu-box li .contents-flex .img img{
	width: 100%;
}

#home-cast{

}


#home-information{

	}

#home-information .info-inner{
	background:#fff;
	padding: 30px 0;
	}

#home-information .info-title h2{
	font-size:2.3rem;
	letter-spacing: 0.5rem;
	font-weight: bold;
	margin: 10px 20px;
	}

/*#home-information ul{
	font-size:0;
	margin: 20px;
}

#home-information li{
	font-size:1rem;
	display: inline-block;
	width: 49%;
	margin: 0 1% 10px 0;
}

#home-information li p{
	margin-right: 10px;
	padding: 0;
	line-height: 1.2rem;
}

#home-information li .date{
	font-weight: bold;
}*/

/*#home-information .btn_basic a{
	background: linear-gradient(270deg,#b6cbe7,#f17cdc);
}*/

.bnr-list{max-width: 600px;margin: 30px auto;}

#home-price img{
	width: 80%;
	margin: 0 10%;
}


#home-link{
	width: 50%;
	margin: 50px auto;
}

#home-link img{
	width: 100%;
}


/* コンセプト
----------------------------- */
#page-concept .image-title{text-align: center;}
#page-concept .image-title img{max-width: 800px;}

#page-concept .box-outer{
	padding: 20px;
	background: #C9C49B;
	margin-bottom: 50px;
}

#page-concept .concept-box{
	display: flex;
	background: #fff;
	padding: 10px;
}

#page-concept .concept-box .img{
	width: 30%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 5px 5px #beecfa;

}

#page-concept .concept-box .img img{
	width: 100%;
	vertical-align: bottom;
}

#page-concept .concept-box .text{
	width: 67%;
	margin-left: 3%;
}

#page-concept .concept-box .text h3{
	margin-top: 0;
}


/* 求人情報
----------------------------- */
#page-recruit{}
#page-recruit img{max-width: 100%;}

#page-recruit .recruit_fv p{text-align: center;}
#page-recruit .recruit_fv img{width: 100%;/*max-width: 1200px;*/vertical-align: middle;}

#page-recruit .line_btn{display: inline-block;background: #7AC6CD;color: #fff;text-align: center;font-size:1.1rem;padding: 10px 30px;}

#page-recruit .qa-box{display: flex;margin: 50px auto;justify-content: space-around;}
#page-recruit .flex-rev{display: flex;flex-direction: row-reverse;}
#page-recruit .qa-box .img{width: 45%;}
#page-recruit .qa-box .text{width: 45%;}
#page-recruit .qa-box .text h5{color:#7AC6CD;}
#page-recruit .qa-box .text h5:before{display: inline-block;content: "Q. "}

#page-recruit .youkou-bg{background: #FDFAD1;margin: 30px 2%;padding: 20px 10px;}
#page-recruit .youkou{margin: 30px auto;}
#page-recruit .youkou th{padding: 15px 0;color: #FD7FB4;font-size:1.2rem;font-weight: bold;border-bottom: 1px solid #FD7FB4;vertical-align: top;}
#page-recruit .youkou td{padding: 15px 0 15px 30px;font-size:1.2rem;border-bottom: 1px solid #FD7FB4;}

#page-recruit .oubohouhou{background:rgba(255,127,192,1.00);}
#page-recruit #entry{background:#FD7FB4;padding: 15px 10px;}

#page-recruit #recruit-form {background:#fff;bottom: 0;width: 100%;padding: 5px 0;color: #FD7FB4;font-weight: bold;border-radius: 10px;}
#page-recruit #recruit-form .btn{display: flex;justify-content: center;}
#page-recruit #recruit-form .tel{display: block;background: linear-gradient(#FC758B,#FB7EB2);width: 300px;height: 50px;	margin: 0;color: #fff;border: 1px solid #fff;border-radius: 10px;text-align: center;line-height: 1.2rem;padding: 10px 0 0 0;font-weight: bold;}
#page-recruit #recruit-form .tel span{font-size:20px;}
#page-recruit #recruit-form .line{display: block;background: linear-gradient(#3ED392,#15B733);width: 300px;height: 50px;margin: 0;color: #fff;border: 1px solid #fff;border-radius: 10px;text-align: center;line-height: 1.2rem;padding: 10px 0 0 0;font-weight: bold;}

#page-recruit #qa{background: linear-gradient(90deg,#92dcef,#beccfa);padding: 30px 5px;}
#page-recruit .qa-box-list{width: 100%;margin: 30px auto;display: flex;flex-wrap: wrap;justify-content: space-around;}
#page-recruit .qa-box-list li{padding: 15px 0;width: 48%;}
#page-recruit .qa-box-list li input{display: none;}
#page-recruit .qa-box-list .ac-box{height: 0px;overflow: hidden;opacity: 0;transition: 0.5s;}
#page-recruit .qa-box-list input:checked ~ .ac-box{height: auto;opacity: 1;}
#page-recruit .qa-box-list li .q-text{display: block;position: relative;font-size:1.2rem;font-weight: bold;background: #fff;color: #3D36A7;padding:20px 50px 20px 30px;margin: 0;}
#page-recruit .qa-box-list label .triangle{position: absolute;top:30px;right: 20px;width: 0;height: 0;border-style: solid;border-width: 15px 10px 0 10px;border-color: #3D36A7 transparent transparent transparent;}
#page-recruit .qa-box-list input:checked ~ label .triangle{width: 0;height: 0;border-style: solid;border-width: 0 10px 15px 10px;border-color: transparent transparent #3D36A7 transparent;}
#page-recruit .qa-box-list li .q-text:hover{opacity: 0.8;}
#page-recruit .qa-box-list li .a-text{position: relative;background: #fff;color: #FD7FB4;font-weight: bold;padding:20px 30px;margin: 0;}

#page-recruit.ver2024 .container700{max-width: 720px;margin: auto;}
#page-recruit.ver2024 .container700 p{margin: 30px auto;}
#page-recruit.ver2024 .headtext{background: #FAF7EC;}
#page-recruit.ver2024 .btn_basic a{background: linear-gradient(#D3C8A4,#AA9D71);}
#page-recruit.ver2024 .entry-box{margin: 50px auto;}
#page-recruit #rec-main{margin: 50px auto;}
#page-recruit .bg-yellow{background: #F5F4ED;padding: 10px 0;}
#page-recruit .bg-blue{background: #EDF2F5;padding: 10px 0;}
#page-recruit .bg-require{background: #0D2D6A;padding: 10px 0;color: #fff;}
#page-recruit #rec-question{margin: 50px auto;}
#page-recruit #rec-question .qa-box-list{width: 100%;margin: 30px auto;display: flex;flex-wrap: wrap;justify-content: space-around;}
#page-recruit #rec-question .qa-box-list li{padding: 0;width: calc(100% - 10px);background: #fff;margin: 15px 0 15px 10px;border:2px solid #132D5D;}
#page-recruit #rec-question .qa-box-list li .q-text{background: #132D5D;color: #fff;padding:20px 50px 20px 15px;}
#page-recruit #rec-question .qa-box-list li .q-text:before{display: inline;justify-content: center;align-items: center;content: "Q. ";font-size: 1.5rem;}
#page-recruit #rec-question .qa-box-list label .triangle{border-color: #fff transparent transparent transparent;}
#page-recruit #rec-question .qa-box-list input:checked ~ label .triangle{border-color: transparent transparent #fff transparent;}
#page-recruit #rec-question .qa-box-list li .a-text{color: #132D5D;padding:10px 30px;}
#page-recruit #require{margin: 50px auto;}
#page-recruit #require h2{font-size: 2rem;color: #767038;text-align: center;margin: 15px auto;font-weight: bold;}
#page-recruit.ver2024 #require .youkou th{color: #767038;border-bottom: 1px solid #767038;}
#page-recruit.ver2024 #require .youkou td{border-bottom: 1px solid #767038;}
#page-recruit.ver2024 #require .youkou .red{color: #767038;}

#page-recruit #rec-voice{margin: 50px auto;}
#page-recruit #rec-flow{margin: 50px auto;}
#page-recruit #catch-text{margin: 50px auto;}
#page-recruit #catch-text p{font-size: 1.2rem;text-align: center;}

/* メニュー・料金
----------------------------- */
#page-system{

}

#page-system .price-inner{max-width: 720px;margin: auto;}
#page-system .price-inner .price-title{text-align: center;}
#page-system .price-inner .price-title h2{font-size:2rem;letter-spacing: 0.3rem;color: #3D36A7;}
#page-system .price-inner .price-title h2 span{border-bottom: 1px solid #3D36A7;}
#page-system .price-inner h6{background: #51463F;color: #fff;border-radius: 10px;padding: 5px;margin: 20px 15%;}

.price-table{width: 100%;max-width: 600px;margin: 20px auto;padding: 10px 0;font-size:1.5rem;border-bottom: 1px solid #fff;}
.price-table th{padding: 15px 0;font-weight: bold;}
.price-table th span{font-size:1rem;}
.price-table td{text-align: right;}
.price-table td.ev-b{width: 200px;}
.price-table td.ev-b .uchikeshi{display: inline-block;position: relative;}
.price-table td.ev-b .uchikeshi:after{display: block;content: "";position: absolute;top:0;bottom: 0;left: 0;margin: auto;width: 100%;height: 1px;background: #111;}
.price-table td.event{width: 150px;color: #9B9279;font-size: 1.8rem;font-weight: bold;}
.price-table td.event p{font-size: 1.2rem;text-align: center;margin: 0;padding: 0;}
.price-table .option2{font-size:1.2rem;}

#page-system .box-card{color: #fff;width: 700px;margin: 20px auto;}
#page-system .box-card p{color: #fff;margin: 0;padding: 5px 10px;}

/* ご利用規約
----------------------------- */
#page-terms .list{
	list-style: disc;
	margin: 0 15px 50px 30px;
}


/* アクセス
----------------------------- */
#page-access .box-outer{
	width: 90%;
	padding: 10px;
	background: #C9C49B;
	margin: 50px 5%;
}

#page-access .access-box{
	background: #fff;
	color: #000;
	padding: 10px;
}

#page-access .access-box h3{
	margin-top: 0;
}

#page-access .access-box iframe{
	width: 96%;
	height: 400px;
	margin: 30px 2%;
}

.access-table{
	width: 100%;
	margin: 20px 0;
	padding: 10px 0;
}

.access-table th{
	padding: 5px 0;
	font-weight: bold;
	color: #f29500;
}

.deliver-price{
	width: 70%;
	margin: 20px 0;
	padding: 10px 0;
	font-size:1.5rem;
}

.deliver-price th{
	padding: 15px 0;
	font-weight: bold;
	width: 50%;
	text-align: center;
	border-bottom: 1px dotted #333;
}

.deliver-price td{
	text-align: center;
	border-bottom: 1px dotted #333;
}

.btn_map{
	margin: 30px 0;
	width: 100%;
}

.btn_map a{
	text-decoration: none;
	color: #146973;
	border: 1px solid #146973;
	padding: 10px 40px;
	border-radius: 10px;
	font-weight: bold;
}

.btn_map a:hover{
	opacity: 0.8;
}

/* 選べるオプション
----------------------------- */
#page-option h4{
	margin: 30px 0 0 0;
	background:linear-gradient(90deg,#92efbf,#beecfa);
	color: #fff;
	padding: 10px;
}

#page-option ul{
	display: flex;
	flex-wrap: wrap;
}

#page-option li{
	width: 31%;
	margin: 5px 1%;
	padding: 0;
}

#page-option li img{
	width: 100%;
}

/* 男女スタッフ募集
----------------------------- */
#page-staff{background: #fff;}
#page-staff .staff-sec1{background:url("images/pages/staff/staff-sec1-bg.png")no-repeat;background-size: cover;background-position: center center;}

#page-staff .staff-tel{padding: 30px;background:url("images/pages/staff/staff-tel-bg.png")no-repeat;background-size: 100%;background-position: center center;}
#page-staff .staff-tel .staff-tel-inner{display: flex;flex-direction: row-reverse;background: #BDCED0;border: 10px solid #fff;box-shadow: 3px 3px 5px #555;padding: 0;}
#page-staff .staff-tel .staff-tel-inner .img{width: 50%;vertical-align: middle;}
#page-staff .staff-tel .staff-tel-inner .img img{width: 100%;vertical-align: middle;}
#page-staff .staff-tel .staff-tel-inner .text{width: 50%;padding: 30px;}
#page-staff .staff-tel .staff-tel-inner .text h4{color: #fff;text-shadow: 0 3px 3px #333;font-weight: bold;font-size:3rem;}
#page-staff .staff-tel .staff-tel-inner .text .tel{display: block;background: linear-gradient(#e62f5a,#c40e38);width: 100%;height: 50px;margin: 10px auto;color: #fff;border: 1px solid #fff;border-radius: 10px;text-align: center;line-height: 1.2rem;padding: 10px 0 0 0;font-weight: bold;}
#page-staff .staff-tel .staff-tel-inner .text .tel span{font-size:20px;}
#page-staff .staff-tel .staff-tel-inner .text .line{display: block;background: linear-gradient(#00c22e,#008d1e);width: 100%;height: 50px;margin: 10px auto;color: #fff;border: 1px solid #fff;border-radius: 10px;text-align: center;line-height: 1.2rem;padding: 10px 0 0 0;font-weight: bold;}

#page-staff .staff-message{background: url("images/pages/staff/bg-nagoya.png")no-repeat;background-size: cover;background-position: center center;padding: 50px 15px;}
#page-staff .staff-message p{font-size:2rem;text-align: center;font-weight: bold;color: #fff;text-shadow: 0 0 5px #555;line-height: 4rem;}
#page-staff .staff-message .red{color:#F50201; }

#page-staff .staff-sec2{background:#eee;padding: 15px 0;}
#page-staff .staff-sec2 img{vertical-align: middle;}

#page-staff .staff-sec3 .job-list{font-size:0;text-align: center;display: flex;flex-wrap: wrap;}
#page-staff .staff-sec3 .job-list li{font-size:1rem;width: 48%;margin: 10px 1%;}
#page-staff .staff-sec3 .job-list li img{vertical-align: middle;}
#page-staff .staff-sec3 .job-list li .acd-label p{background: #525252;color: #fff;font-weight: bold;margin: 0;padding: 10px;}
#page-staff .staff-sec3 .job-list li .acd-content p{margin: 0;padding: 10px;}
.acd-check{display: none;}
.acd-label{display: block;}
.acd-content{height: 0;opacity: 0;transition: .5s;visibility: hidden;}
.acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;visibility: visible;background: #ddd;color: #000;}
#page-staff .staff-sec3 .youkou{width: 600px;margin: auto;}


/* 無料モニター
----------------------------- */
#page-monitor .contents-box h3{
	background:#06B602;
}

/* 体験談漫画
----------------------------- */
.comic{
	display: flex;
	flex-direction: row-reverse;
}

.comic_bnr{
	display: flex;
	justify-content: center;
}

.comic div,.comic_bnr div{
	width: 50%;
}

/* リンク集
----------------------------- */
#page-links .link-loop-box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#page-links .link-loop-box .links{
	width: 200px;
	margin: 10px;
}

/* 問い合わせ
----------------------------- */
#contact .contact-tel{
	font-weight: bold;
	color: #017ec5;
	font-size:1.2rem;
}

#contact .contact-tel a{
	text-decoration: underline;
	color: #017ec5;
}

.form_box {
	margin-bottom: 50px;
}


.form_box .mailform-tbl {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.form_box .mailform-tbl th, .form_box .mailform-tbl td { padding: 10px; }

.form_box .mailform-tbl th { width: 30%; }

.form_box .mailform-tbl input { margin:5px 0 5px 3px; outline: 1px solid #ccc; width: 50%; }

.form_box .mailform-tbl .form-name input { width: 30%; }

.form_box .mailform-tbl .form-number input { width: 15%; }

select,textarea { margin:5px 0 5px 3px; outline: 1px solid #ccc;   }


#submit-button {
	text-align: center;
}

#submit-button input {
	text-decoration: none;
	background: #65aac3;
	color: #fff;
	padding: 10px 30px;
}

#submit-button input:hover {
	text-decoration: none;
	background:#4C93AC;
	color: #fff;
	padding: 10px 30px;
}







/* ブログ
----------------------------- */
/*
#page-main-image {  メイン画像
	margin-bottom:20px;
}
*/

.blogtitle{
	background: linear-gradient(#fd7fb4,#fd758b);
	color: #fff;
	font-size:1.5rem;
	text-align: center;
	padding: 20px;
	line-height: normal;
}

.cat-list{
	margin:0 0 20px;
	overflow:hidden;
}
.cat-list a{
	margin:0 10px;
	padding:10px;
	float:left;
	border:1px solid #666;
	border-radius:5px;
	display:block;
	background-color:#999;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.cat-list a:hover{
	background-color:#666;
}
#blog-top { /* ブログトップページフリーエリア */ margin-bottom: 20px; }

.article { /* 記事ボックス */
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 5px;
}

.article .post-title { /* 記事タイトル */ margin-bottom: 20px; }

.article .post-content { /* 記事本文 */
	margin-bottom: 10px;
	padding-bottom: 50px;
	position: relative;
}
.page-defaultblog .article .post-content { /* 記事本文 */
	overflow:hidden;
}
.wp_social_bookmarking_light {
	position: absolute;
	right: 0;
	bottom: 10px;
}

.article .post-meta { /* 記事メタ情報 */
	text-align: right;
	font-size: 0.85rem;
}

.wp-pagenavi { /* ページ送り */
	margin: 50px 0 20px;
	text-align: center;
	font-size: 0.8rem;
}

#single-paging {/* 詳細ページ送り */ }

#signature-block { /* ブログ署名欄 */
	clear: both;
	padding: 50px 0 0;
}

/* コメント部分
----------------------------- */
.blog .comment-area {
	margin: 10px;
	text-align: left;
}

#com h3 {/* コメントタイトル */
	margin: 10px 0;
	padding: 5px;
}

#com .compost { /* コメント本文 */
	margin: 10px;
	padding: 10px;
	line-height: 1.5rem;
}

#comment { /* テキストエリア */
	width: 60%;
	height: 80px;
}

#commentform p { margin: 10px; }

.cominfo { /* コメントメタ */
	text-align: right;
	margin-top: 30px;
	font-size: 0.85rem;
}
/* ブログリスト型 */

#bloglistwrap .article{
	margin:0 5px 10px 5px;
	width:205px;
	padding:10px;
}
#bloglistwrap .post-meta{
	text-align:left;
}
#bloglistwrap .post-content{
	padding-bottom:0;
}
/* ブログ1行型 */
.page-lined-blog {
}
.page-lined-blog .article{
	margin:0 5px 20px;
	padding:15px;
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display: flex;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;

}
.page-lined-blog .article-left{
	width: 30%;
}
.page-lined-blog .article-right{
	width: 68%;
}
.page-lined-blog .post-meta{
	text-align:left;
}
.page-lined-blog .post-content{
	padding-bottom:0;
}



/* FlexSlider */
.flexslider {
	padding: 10px;
	background: none;
}

.flexslider img {
	margin: 0 auto;
	width: auto;
}

.flex-caption {
	margin: 5px 0;
	text-align: center;
	font-size: small;
}

/*#main .flex-control-nav { }

#main .flex-control-paging li a { background: none repeat scroll 0 0 rgba(122, 122, 122, 0.5); }

#main .flex-control-paging li a.flex-active {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 3px #fff;
}*/



/* メニュー1行表示
----------------------------- */

#main #cat-taxo-info { /* カテゴリの説明文のエリア */ padding: 10px; }

.page-menu .post_box { margin-bottom: 20px; }

.page-menu .post_box .image_box_l { /* CFイメージ画像左配置 */
	float: left;
	width: 240px;
}

.page-menu .post_box .image_box_r { /* CFイメージ画像右配置 */
	float: right;
	width: 240px;
}

.page-menu .post_box .content_box_l { /* 左配置の本文 */
	width: 430px;
	float: left;
}

.page-menu .post_box .content_box_r { /* 右配置の本文 */
	width: 430px;
	float: right;
}

.page-menu .post_box .content_box_none { /* CFイメージ画像がない場合の本文 */ width: 100%; }

.page-menu .post_box .content_box_r .button a, .page-menu .post_box .content_box_l .button a { width: 60%; }

.page-menu .post_box .content_box_none .button a { width: 40%; }

/* メニュー一覧表示
----------------------------- */
#item-list { }

#main #item-list li {
	margin: 6px;
	padding: 10px;
	border-radius: 10px;
	list-style: none;
	background: none;
	width: 195px;
	float: left;
}

.page-menu .post_box .image_box_none { display: none; }

#main #item-list li h3 { /* 1行を超える前に[・・・]で省略 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#main #item-list .list-image {
	margin-bottom: 10px;
	min-height: 150px;
	text-align: center;
}

#main #item-list .list-comment { }


/* タクソノミーTAB風一覧 */
.container #gallery-taxonomy-list {
	margin: 0 0 20px;
	overflow: hidden;
}

.container #gallery-taxonomy-list li {
	background: none;
	margin: 0;
	padding: 0;
	float: left;
}

.container #gallery-taxonomy-list li a {
	margin: 1px 2px 0 0;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px 5px 0 0;
	text-decoration: none;
}

.container #gallery-taxonomy-list li.current-cat a { }

.container #gallery-taxonomy-list li a:hover { }

@media screen and (max-width:1200px)  and (min-width:769px) {
	.container { width: 98%; margin: 30px 1%; }

	#home-menu_link #home-menu .menu-btn-inner .menu-btn{width: 32.8%;}
}


@media screen and (max-width:768px)  and (min-width:641px) {

/* ------------------------------------------
	タブレット用ポートレート表示のスタイル記述
--------------------------------------------- */
body { }

#first_view{

}

/* Navigation
------------------------------------ */

#header .inner {
	margin: 0 auto 20px;
	width: 100%;
}

#breadcrumb {
	margin: 20px auto 10px;
	width: 96%;
}

.container { width: 98%; margin: 30px 1%; }

.column-right #main, .column-left #main {
	margin: 0 auto;
	float: none;
	width: 96%;
}

.column-right .sidebar, .column-left .sidebar {
	margin: 0 auto;
	width: 96%;
	float: none;
}

#pagetop {
	margin: 30px auto;
	width: 96%;
	text-align: right;
}

.side-banner {
	margin: 20px 0;
	overflow: hidden;
}

.side-banner p {
	float: left;
	margin: 0 1%;
	max-width: 30%;
	height: auto;
}

#navigation{
	width: 96%;
	margin: 0 2%;
}

#navigation li a{
	padding:30px 5px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
	width: auto;/*サブメニュー使用時は数値入れる*/
	font-size:1rem;
	line-height: 1rem;
}


/* index */
#index_news .news_container{
	display: flex;
	width: 100%;
	margin: 30px auto;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn{
	width: 32.7%;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn .content{
	font-size:1.3rem;
}

}


@media screen and (max-width:640px) {
html{font-size: 110%;}

body {
	font-size: 14px;
	line-height: 1.5rem;
}

#body-inside{
	font-size: 0.9rem;
}

.pc_block{
	display: none;
}

.sp_block{
	display: block;
}

/* ------------------------------------------
	スマホ用のスタイル記述
--------------------------------------------- */
.pc { display: none; }
.mobile { display: block; }

.m-ctr {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	text-align: center;
}


.btn_basic{
	margin: 30px auto;
	width: 100%;
	text-align: center;
}

.btn_basic a{

}

.btn_tel {
	margin: 30px 5%;
	width: 90%;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.1rem;
	padding: 10px;
}

.btn_line {
	margin: 30px 5%;
	width: 90%;
	border:1px solid #6c491c;
	border-radius: 5px;
	text-align: center;
	line-height: 1.3rem;
	padding: 10px;
}

.flexbox-outer{
	flex-direction: column;
}

.flexbox-base{

}

.flexbox-base .w30{
}

.flexbox-base .w70{
	width: 100%;
	padding: 10px;
}


.flex-two{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.flex-two .box{
	width: 100%;
}

.flex-two .box img{
	width: 100%;
}

.site_bg{
	background-size: auto 100%;
}

.container {
	margin: 0;
	width: 100%;
}

.contents-box{
	margin: 30px auto;
	padding: 10px 5px;
}

.contents-box .pc-center{
	text-align: left;
}

.contents-box h3{
	font-size:1.2rem;
	margin-left: -5px;
	padding: 5px 10px 10px 10px;
}

.contents-box h4{
	font-size:1.1rem;
}

.contents-box h5{
	font-size:0.95rem;
}

.contents-box .contents-title{
	padding-bottom: 15px;
}

.contents-box .contents-title h2{
	line-height: normal;
	font-size:1.5rem;
}
.contents-box .contents-title h2 img{max-width: 100%;}

.contents-box .contents-title .sp-mini{
	line-height: 1.5rem;
	font-size:1.2rem;
}

.contents-box .contents-title p{

}

.contents-box p{
	font-size:0.85rem;
	padding: 0 5px;
}


.spacer50{
	height: 15px;
}

/* Header
------------------------------------ */
#header {
	position:fixed;
	z-index: 99;
	width: 100%;
}

#header .inner1 {
	margin: 0 1%;
	width: 98%;
	padding: 5px 0;
}

#logo {
	padding: 5px 5px 0 5px;
	text-align: left;
}

#logo img{
	height: 40px;
}

#tel{
	padding:0 0 0px 10px;
}

#tel h2{
	font-size:1.5rem;
	font-weight: bold;
	line-height: 1rem;
	text-align: right;
}

#tel p{
	font-size:0.5rem;
	line-height: 0.1rem;
}



#mobile-menu {
	position: fixed;
	z-index:100 !important;
	width: auto;
	overflow: hidden;
	padding: 5px;
	float: right;
	top: 3px;
	right: 5px;
}

#mobile-menu p {
	color: #2D6282;
	margin: 0 5px;
	display: inline-block;
	padding:2px 10px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	line-height: 0.9;
}

#mobile-menu #logo img{
	height: 50px;
}


#mobile-menu span {
	font-size: 0.7rem;
	}


/* Navigation
------------------------------------ */

#navigation{
	display: none;
	position: fixed;
	top:0;
	margin: 0;
	width: 100%;
	height: 100vh;
		background: linear-gradient(rgba(70,69,64,0.95),rgba(20,18,16,0.95));
	border: none;
}

#navigation.open_menu {
	display: block;
	z-index: 99;
}

#navigation ul{
	display: block;
	margin-top: 80px;
}

#navigation li{
	display: block;
	width: 100%;
}

#navigation .ja{
	display: none;
}

#navigation li a{
	color: #fff;
	margin: 0;
	width: 100%;
	height: auto;
	padding: 20px 10px;
	text-align: left;
	background: none;
	border-top:1px solid #fff;
	font-weight: bold;
}




#breadcrumb {
	margin: 10px 3%;
	width: 94%;
	font-size: 0.8rem;
}



/*ファーストビュー*/
#scrollpoint{
	padding-top: 0;
}

#first_view_sp{
	margin: 65px auto 0 auto;
}

#first_view_sp img{
	width: 100%;
}

.home-nav {
	margin-top: 0;
}

/* FlexSlider */
.flexslider {
	padding: 10px;
	background: none;
}

#main-image { margin-bottom: 10px; }

#main p { margin-bottom: 10px; }

#main { margin-bottom: 50px; }

#main h2 { margin-bottom: 20px; }


.btn_contact{
	margin: 20px auto;
	width: 100%;
	text-align: center;
	padding: 5px 40px;
	font-weight: bold;
	color: #fff;
}

.btn_contact p{
	padding: 0;
	margin: 0;
	}

.btn_contact h4{
	font-size:1.8rem;
	padding: 0;
	margin: 0;
	}

.btn_contact h5{
	font-size:1.2rem;
	padding: 10px 15px;
	margin: 0;
	border: 1px solid #fff;
	}

.btn_contact a{
	text-decoration: none;
	color: #fff;
}

.btn_contact a:hover{
	color: #fff;
	text-decoration: underline;
}

/* Footer
------------------------------------ */
	#footer{
		padding-bottom: 60px;
	}


#footer .footer_bnr{
	padding: 30px 0;
	border-bottom: 1px solid #fff;
}

#footer .footer_bnr ul{
	font-size:0;
}

#footer .footer_bnr li{
	font-size:1rem;
	width: 48%;
	margin: 0 1%;
	display: inline-block;
}

#footer .footer_bnr li img{
	width: 100%;
}

	#mobile-tel{
		display: flex;
		position: fixed;
		background:#fff;
		bottom: 0;
		width: 100%;
		padding: 5px 0;
		z-index: 99;
	}

	#mobile-tel .tel{
		display: block;
		background: linear-gradient(#FC758B,#FB7EB2);
		width: 49%;
		height: 40px;
		margin: 0 0.5%;
		color: #fff;
		font-size:12px;
		border: 1px solid #fff;
		border-radius: 10px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}

	#mobile-tel .line{
		display: block;
		background: linear-gradient(#3ED392,#15B733);
		width: 24%;
		height: 40px;
		margin: 0 0.5%;
		color: #fff;
		font-size:12px;
		border: 1px solid #fff;
		border-radius: 10px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}

	#mobile-tel .sms{
		display: block;
		background: linear-gradient(#0071d3,#024c8d);
		width: 24%;
		height: 40px;
		margin: 0 0.5%;
		color: #fff;
		font-size:12px;
		border: 1px solid #fff;
		border-radius: 10px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}

	#mobile-recruit{
		display: flex;
		flex-direction: column;
		position: fixed;
		background:#fff;
		bottom: 0;
		width: 100%;
		padding: 5px 0;
	}

	#mobile-recruit .page-link{
		display: flex;
		justify-content: space-around;
	}

	#mobile-recruit .page-link a{
		display: block;
		width: 23%;
		font-size:12px;
		line-height: 12px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		background: linear-gradient(#92BDEF,#87D9F2);
	}

	#mobile-recruit .tel-line{
		display: flex;
		padding: 5px 0;
	}

	#mobile-recruit .tel{
		display: block;
		background: linear-gradient(#FC758B,#FB7EB2);
		width: 49%;
		height: 40px;
		margin: 0 0.5%;
		color: #fff;
		font-size:12px;
		border: 1px solid #fff;
		border-radius: 10px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}

	#mobile-recruit .line{
		display: block;
		background: linear-gradient(#3ED392,#15B733);
		width: 49%;
		height: 40px;
		margin: 0 0.5%;
		color: #fff;
		font-size:12px;
		border: 1px solid #fff;
		border-radius: 10px;
		text-align: center;
		line-height: 14px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}


/* ------------------------------------------
	スマホ用の下層ページスタイル記述
--------------------------------------------- */

.child-head{
	margin-top: 65px;
}

.home-nav #tel{
	margin-top: -10px;
	font-size:1rem;
}



/* INDEX
----------------------------- */
#headline{

}


#headline .headline-inner{
	width: 98%;
	margin: 0 1%;
	display: flex;
}

#headline .headline-inner h3{
	color:#FF699F;
	width: 100px;
	margin-top: 8px;
	line-height: 12px;
	font-size:12px;
}

#headline .headline-slide{
	width:100vw;
}

#headline .headline-slide li{
	line-height: 12px;
	padding: 0 10px;
	font-size:12px;
		white-space: nowrap;
	overflow: hidden;
}

#headline .headline-slide li p{
	margin-right: 20px;
	padding: 0;
}

#home-tel a{
		display: block;
		background:linear-gradient(#2D6282,#173141);
		width: 98%;
		margin: 10px 1%;
		color: #fff;
		font-size:1.5rem;
		border: 1px solid #fff;
		border-radius: 30px;
		text-align: center;
		padding: 5px 0 10px 0;
		font-weight: bold;
}

#home-tel a span{
		font-size:1rem;
		line-height: 1.2rem;
	}

#home-headbnr{padding: 0;}
#home-headbnr .head-bnr li{width: 96%;margin: 5px 2%;}

#home-slider{
	padding: 0;
}

#home-slider .swiper-container{
	width: 96%;
	margin: 0 2%;
}

#home-pickup .swiper-container{
	padding: 5px 0;
}

#home-pickup .cast-date{
	text-align: center;
}

#home-message.container{margin-bottom: 0;padding-bottom: 0;}
#home-message .message-title h2{
	font-size:1.5rem;
	text-align: left;
	margin-bottom: 15px;
}

#home-contents .menu-title h2{font-size:1.8rem;}
#home-contents .menu-box.ver2{margin: 30px auto;}
#home-contents .menu-box.ver2 li{width: 98%;margin: 0px 1%;}
.kiyaku_btn .btn_basic a:after{height: 1.5rem;}
.kiyaku_btn .btn_basic a{font-size:1rem;padding: 10px 50px;}

#home-info-wrap.container{margin-bottom: 0;padding-bottom: 0;margin-top: -75px;}

#home-information{
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 0;
	}

#home-information .info-inner{
	background:#fff;
	padding: 30px 15px;
	}

#home-information .info-title h2{
	font-size:1.8rem;
	letter-spacing: 0.5rem;
	font-weight: bold;
	margin: 20px 0;
	}


/*#home-information ul{
	margin: 0;
	}

#home-information li{
	width: 100%;
	padding: 5px 0;
}

#home-information li p,#home-information li h3{
}

#home-information li p{
	display: block;
	margin: 0;
}*/


#home-menu_link{
	flex-direction: column;
}

#home-menu_link #home-menu{
	width: 100%;
}

#home-menu_link #home-menu .menu-btn-inner{
	background-size: 100%;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn{
	width: 32.7%;
}

#home-menu_link #home-menu .menu-btn-inner .menu-btn .content{
	font-size:1.3rem;
}

#home-link{
	width: 100%;
	margin-top: 0;
}

#home-recruit{}

/* コンセプト
----------------------------- */
#page-concept .image-title img{width: 100%;}

#page-concept .box-outer{
	padding:5px;
	margin-bottom: 30px;
}

#page-concept .concept-box{
	display: flex;
	flex-direction: column-reverse;
}

#page-concept .concept-box .img{
	width: 70%;
	margin: 15px 15%;
}

#page-concept .concept-box .text{
	width: 96%;
	margin: 15px 2%;
}

/* 求人情報
----------------------------- */
#page-recruit{

}

#page-recruit .contents-box{

}

#page-recruit .qa-box{
	display: flex;
	margin: 50px auto;
	justify-content: space-around;
	flex-direction: column;
}

#page-recruit .flex-rev{
	display: flex;
	flex-direction: column;
}

#page-recruit .qa-box .img{
	width: 90%;
	margin: 0 5%;
}

#page-recruit .qa-box .text{
	width: 90%;
	margin: 0 5%;
}

#page-recruit .qa-box .text h5{
	font-size:1.1rem;
	margin: 5px auto;
}

#page-recruit .qa-box .text h5:before{
	display: inline-block;
	content: "Q. "
}

#page-recruit .youkou{
	margin: 15px auto;
}

#page-recruit .youkou th{
	display: block;
	padding: 15px 0 5px 0;
	font-size:1.1rem;
	border-bottom: none;
}

#page-recruit .youkou td{
	display: block;
	padding: 5px 0 15px 15px;
	font-size:1rem;
	border-bottom: 1px solid #146973;
}

#page-recruit .oubohouhou{
	width: 100%;
}

#page-recruit #recruit-form .btn{
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

#page-recruit #recruit-form .tel,
#page-recruit #recruit-form .line{
		width: 80%;
		height: 50px;
		margin: 0 10%;
	}

#page-recruit .voice-box{
	width: 98%;
	margin: 30px auto;
}

#page-recruit #flow .flow-list{
	display: flex;
	flex-direction: column;
}

#page-recruit #flow .flow-list .arrow{
	width: 100%;
	height: 30px;
}

#page-recruit #flow .flow-list .flow-box{
	width: 94%;
	margin: 5px 3%;
}

#page-recruit .qa-box-list{
	margin: 15px auto;
}

#page-recruit .qa-box-list li{
	padding: 15px 0;
	width: 98%;
}

#page-recruit .qa-box-list li input{
	display: none;
}

#page-recruit .qa-box-list li .q-text{
	font-size:1rem;
	padding:15px 35px 15px 20px;
	margin: 0;
}

#page-recruit .qa-box-list label .triangle{
	top:20px;
	right: 10px;
}


#page-recruit .qa-box-list li .q-text:hover{
	opacity: 1;
}


#page-recruit .qa-box-list li .a-text{
	padding:15px 20px;
}


#page-recruit.ver2024 .entry-box .flex-two p{margin: 5px auto;}
#page-recruit #rec-treatment .treat-list li{width: 40%;}
#page-recruit.ver2024 .container700{width: 96%;margin: auto;}
#page-recruit.ver2024 #require .youkou th{border:none;}
#page-recruit.ver2024 #require .youkou td{border-bottom: 1px solid #FF7F60;}

#page-recruit #catch-text p{font-size: 1rem;text-align: center;}


/* メニュー・料金
----------------------------- */


#page-system .price-inner .price-title h2{
	font-size:1.5rem;
}

#page-system .price-inner h6{
	margin: 20px auto;
}

.price-table{
	width: 94%;
	margin: 20px auto;
	padding: 10px 0;
	font-size:1.2rem;
}

.price-table th{width: auto;}
.price-table td.ev-b{width: auto;font-size: 1.1rem;}
.price-table td.event{width: auto;font-size: 1.4rem;}
.price-table td.event p{font-size: 1.1rem;}

.price-inner .btn_basic a{
	font-size:0.9rem;
	padding-left: 20px;
	padding-right: 30px;
}

#page-system .box-card{
	width: 100%;
}


/* アクセス
----------------------------- */
#page-access .box-outer{
	width: 96%;
	margin: 50px 2%;
}

#page-access .access-box{

}

#page-access .access-box h3{
	margin: 0 0 30px 0;
	width: 100%;
}

#page-access .access-box iframe{
	width: 96%;
	height: 300px;
	margin: 15px 2%;
}

.access-table{
	width: 100%;
	margin: 20px 0;
	padding: 10px 0;
}

.access-table th,.access-table td{
	display: block;
}

.access-table th{
	padding: 5px 0 0 0;
}

.deliver-price{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	font-size:1.2rem;
}

.btn_map{
	margin: 30px auto;
	width: 100%;
	text-align: center;
}

/* 選べるオプション
----------------------------- */

#page-option li{
	width: 98%;
	margin: 5px 1%;
}

/* 男女スタッフ募集
----------------------------- */
#page-staff{background: #fff;}
#page-staff .staff-sec1{background-size:auto 100%;padding: 15px 2%;}

#page-staff .staff-tel{padding: 15px 2%;background-size:auto 100%;}
#page-staff .staff-tel .staff-tel-inner{display: flex;flex-direction: column;position: relative;}
#page-staff .staff-tel .staff-tel-inner .img{width: 100%;vertical-align: middle;}
#page-staff .staff-tel .staff-tel-inner .text{width: 100%;padding: 10px;}
#page-staff .staff-tel .staff-tel-inner .text h4{font-size:3rem;position: absolute;top:35%;line-height: 3.3rem;}
#page-staff .staff-message{background-size: auto 100%;padding: 15px 2%;}
#page-staff .staff-message p{font-size:1.3rem;text-align: center;font-weight: bold;color: #fff;text-shadow: 0 0 5px #555;line-height: 2.5rem;}
#page-staff .staff-sec3 .job-list li{width: 98%;margin: 10px 1%;}
#page-staff .staff-sec3 .job-list li .acd-content p{text-align: left;}
#page-staff .staff-sec3 .youkou{width: 100%;margin: auto;}

/* 体験談漫画
----------------------------- */
.comic, .comic_bnr{
	display: flex;
	flex-direction: column;
}

.comic div,.comic_bnr div{
	width: 100%;
}

/* ブログ
----------------------------- */
.article {
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 5px;
}

.ddcatlist select{
	display: block;
	width: 90%;
	margin: 20px auto;
	border: 1px solid #777;
}

.article .post-meta { /* 記事メタ情報 */
	text-align: left;
	font-size: 0.8rem;
}

.article .post-content { word-wrap: break-word; }

.wp-pagenavi { /* ページ送り */
	margin: 50px 0 20px;
	text-align: center;
	font-size: 0.8rem;
}

#single-paging {/* 詳細ページ送り */ }

#signature-block { /* ブログ署名欄 */
	clear: both;
	padding: 50px 0 0;
}
	.article-left{
		text-align: center;
	}

/* 問い合わせ
----------------------------- */
input { margin:5px 0 5px 3px; outline: 1px solid #ccc; width: 80%; }

.page-contact h3{
	padding: 10px;
	background-color: #3399FF;
	color:#fff;
	font-weight: bold;
	margin: 10px auto;
}

.page-contact .hissu{
	font-size:10px;
	color: #FF0000;
}

.page-contact .category{


}

.page-contact .category li{
	margin: 10px 0;
	padding: 10px 15px;
}

.page-contact .category a{
	background-color: #fff;
	padding: 10px 15px;
	color: #3399FF;
	text-decoration: none;
	border:1px solid #3399FF;
	border-left:10px solid #3399FF;
	font-weight: bold;
}

.page-contact .category a:hover{
	background-color: #6CB5FF;
}

#submit-button {
	text-align: center;
}

#submit-button input {
	text-decoration: none;
	background: #555;
	color: #fff;
	padding: 10px 30px;
}

.page-contact { margin-bottom: 30px; }


.form_box .mailform-tbl {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.form_box .mailform-tbl th, .form_box .mailform-tbl td {
	padding: 10px;
	display: block;
}

.form_box .mailform-tbl th {width: 100%;}

.form_box .mailform-tbl td {width: 100%; }

.mailform-tbl td label {
	margin: 0 3px 3px 0;
	display: inline-block;
}

.form_box .mailform-tbl td textarea,.form_box textarea { width:100%}


}

/*リンク位置制御*/
@media all and (min-width:641px) {
	#unitbath, #kitchen, #bathroom, #washstand, #all, #etc, #osusume{
		margin-top:-170px;
  		padding-top:170px;
	}

	a[href^="tel:"] {
    pointer-events: none;
	text-decoration: none;
}
}




/*キャスト関係機能*/
.schedule-flex{
	display: flex;
	flex-wrap: wrap;
}

.one-cast{
	width: 19%;
	margin: 20px 1% 20px 0;
	display: inline-block;
}


.one-cast .cast-photo{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}

.one-cast .cast-photo img{
	width: 100%;
	vertical-align: top;
}

.one-cast .cast-new{
	position: absolute;
	width: 96%;
	margin: auto 2%;
	bottom: 5%;
	text-align: center;
	background-color: #2D6282;
	font-size:1rem;
	color: #fff;
}

.cast-now{
	font-size:0.8rem;
	line-height: normal;
	height: 1.5rem;
	padding: 0 5px;
	color:#2D6282;
	overflow: hidden;
}

.cast-now div{
	 display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 10s linear infinite;
}

.one-cast .cast-name{
	display: block;
	font-size:1rem;
	font-weight: bold;
}

.one-cast .cast-today{
	display: block;
	background: #2D6282;
	color:  #fff;
	font-size:0.7rem;
	padding: 0 5px;
	text-align: center;
}

.one-cast .cast-age,.one-cast .cast-size{
	display: inline-block;
	font-size:0.8rem;
}

.schedule-wrapper{
	margin: 30px auto;
}

.schedule-wrapper h2{
	color: #2D6282;
	font-size:2.5rem;
	letter-spacing: 0.3rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}

.schedule-wrapper .krc_calendar{
	display: flex;
	justify-content: center;
}

.schedule-wrapper .krc_calendar li{
	display: inline-flex;
	background:#fff;
	padding: 10px 20px;
	border-radius: 20px;
	margin: 10px 20px;
	color:#2D6282;
	border:1px solid;
}

.schedule-wrapper .krc_calendar li a{
	color:#2D6282;
}

/*.cast-box{
	background: #C9C49B;
	padding: 10px;
}*/

.castpage{
	background-color: #fff;
	margin: 10px auto;
	padding: 20px;
}

.castpage .section1{
	display: flex;
	flex-direction: row-reverse;
}

.castpage .section1 .sec1-left{
	width:30%;
	margin-left: 5%;
	margin-top: 25px;
}

.castpage .section1 .sec1-left img{
	width:100%;
}

.castpage .section1 .sec1-right{
	width:65%;
}

.castpage .section1 .sec1-right .cast-now{
	width: 98%;
}

.castpage .section1 .sec1-right .cast-prof{
	background:#071F48;
	/*background-color: #6c491c;*/
	width: 98%;
	padding: 20px;
	text-align: center;
	margin-bottom: 30px;
}

.castpage .section1 .sec1-right .cast-prof .sec1 div{
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size:1.5rem;
}

.castpage .section1 .sec1-right .cast-prof .sec1 .cast-new{
	font-size:0.8rem;
	font-weight: bold;
	width: 50px;
	background-color: #736711;
}

.castpage .section1 .sec1-right .cast-prof .sec1 .cast-name{
	margin: 0 20px 0 10px;
}

.castpage .section1 .sec1-right .cast-prof .sec1 .cast-today{
	font-size:0.8rem;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px 10px;
	background: #fff;
	color: rgba(237,65,131,1.00);
}

.castpage .section1 .sec1-right .cast-prof .sec2{
	background-color: #fff;
	padding: 5px;
	margin: 10px 0 0 0;
}

.castpage .section1 .sec1-right .cast-prof .sec2 div{
	display: inline-block;
	margin: 0 15px;
}

.castpage .section1 .sec1-right .calendar{
	display: flex;
}

.castpage .section1 .sec1-right .calendar dl{
	display: inline-block;
	width: 14%;
	border: 1px solid #aaa;
	text-align: center;
}

.castpage .section1 .sec1-right .calendar dt{
	padding: 3px;
	display: block;
	width: 100%;
	color: #101214;
}

.castpage .section1 .sec1-right .calendar dd{
	padding: 3px;
	display: block;
	width: 100%;
	padding-top: 30px;
	height: 100px;
}

.castpage .nextweek label{
	padding: 5px 15;
	color: #555;
    border: solid 1px #555;
	border-radius: 10px;
    cursor :pointer;
	margin: 10px auto;
	display: block;
	text-align: center
}

.castpage .nextweek input{
	display: none;
}

/*中身を非表示にしておく*/
.castpage .nextweek .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.castpage .nextweek input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


.castpage .section2 .qa_table{
	width: 95%;
	margin: 20px;
	padding: 20px 0;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
}

.castpage .section2 .qa_table th{
	color: #101214;
	padding: 5px 20px 5px 0;
}

.castpage .section2 h3{
	font-size:1.5rem;
	letter-spacing: 0.3rem;
	margin-top: 30px;
	color: #101214;
}

.castpage .section2 h3 span{
	font-size:1rem;
}

.castpage .section2 p{
	margin-left: 20px;
}

.castpage .voice-box{
	padding: 10px;
	border:1px solid #eee;
	height: 300px;
	overflow-y: scroll;
}

.castpage .voice-box li{
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.castpage .voice-box li h4{
	margin-left: 10px;
	font-weight: bold;
}

@media all and (max-width:640px) {
.one-cast{
	width: 48%;
	margin: 5px 0;
}

.one-cast .cast-photo{
	width: 96%;
	margin: 5px 2%;

}

.one-cast .cast-date{
	width: 98%;
	margin: 5px 1%;
}

.one-cast .cast-new{
	position: absolute;
	width: 100%;
	margin: auto;
	bottom: 10%;
	text-align: center;
	background-color: #2D6282;
	font-size:0.8rem;
	color: #fff;
}

.one-cast .cast-name,.one-cast .cast-age{
	display: block;
	text-align: center;
}

.one-cast .todaytime{
	font-size:0.8rem;
	text-align: center;
}

.schedule-wrapper{
	margin: 30px auto;
}

.schedule-wrapper h2{
	font-size:1.2rem;
	padding: 15px;
	line-height: 1.1rem;
}

.schedule-wrapper .krc_calendar{
	display: flex;
	justify-content: center;
	font-size:10px;
}

.schedule-wrapper .krc_calendar li{
	display: inline-flex;
	padding: 5px;
	border-radius: 20px;
	margin: 10px 3px;
	font-size:10px;
}

.castpage{
	margin: 10px auto;
	padding: 10px;
}

.castpage .section1{
	display: flex;
	flex-direction: column;
}

.castpage .section1 .sec1-left{
	width:100%;
	margin-right: 0%;
	margin-left: 0%;
}

.castpage .section1 .sec1-right{
	width:100%;
}

.castpage .section1 .sec1-right .cast-now{
	width: 100%;
}

.castpage .section1 .sec1-right .cast-prof{
	width: 100%;
}

.castpage .section1 .sec1-right .cast-prof .sec1 div{
}

.castpage .section1 .sec1-right .cast-prof .sec1 .cast-new{
}

.castpage .section1 .sec1-right .cast-prof .sec1 .cast-name{
}

.castpage .section1 .sec1-right .cast-prof .sec2{
	background-color: #fff;
	padding: 5px;
	margin: 10px 0 0 0;
}

.castpage .section1 .sec1-right .calendar{
	flex-direction: column;
}

.castpage .section1 .sec1-right .calendar dl{
	width: 100%;
}

.castpage .section1 .sec1-right .calendar dt{
	padding: 10px;
	display: inline-block;
	width: 50%;
	height: 30px;
}

.castpage .section1 .sec1-right .calendar dd{
	padding: 10px;
	display: inline-block;
	width: 50%;
	padding-top: 10px;
	height: 30px;
}

.castpage .section2 .qa_table{
	width: 100%;
	margin: 20px 0;
	padding: 20px 0;
}

.castpage .section2 .qa_table th,.castpage .section2 .qa_table td{
	display: block;
}

.castpage .section2 .qa_table td{
	padding-left: 10px;
}

.castpage .section2 h3 span{
	font-size:0.8rem;
	letter-spacing: 0;
}
}

/*ボタン開閉機能*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes slideDown {
  0% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideDown {
  0% {opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);}
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
.slide-down {-webkit-animation-name: slideDown;animation-name: slideDown;}
@-webkit-keyframes slideUp {
  0% {-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes slideUp {
  0% {-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slide-up {-webkit-animation-name: slideUp;animation-name: slideUp;}

.content-wrap {height: 150px;overflow: hidden;position: relative;margin: 0;}
.close-btn, .more-btn {display: block;width: 100%;padding: 80px 0 0;position: absolute;bottom: 0;left: 0;text-align: center;background: -moz-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}
.close-btn {background: none;}
.slide-up {height: 150px;padding-bottom: 0;overflow: hidden;}
.slide-down {height: auto;overflow: visible;padding-bottom: 50px;}
.more-btn p{width: 300px;margin: auto;position: relative;background: linear-gradient(90deg,#1a020e,#fff8e8);border:1px solid #fff;color: #fff;padding: 10px 50px;border-radius: 30px;}
.more-btn p:after{position: absolute;content: ">";right: 20px;top:0;bottom: 0;margin: auto;height: 1.5rem;}
.more-btn p:hover{opacity: 0.8;}

.close-btn {padding:0;}
.close-btn p {background: #aaa;}

#home-cast .close-btn, #home-cast .more-btn{background: -moz-linear-gradient(top,rgba(109, 96, 89, 0) 0%,rgba(109, 96, 89, 1) 60%);background: -webkit-linear-gradient(top,rgba(109, 96, 89, 0) 0%,rgba(109, 96, 89, 1) 60%);background: linear-gradient(to bottom,rgba(109, 96, 89, 0) 0%,rgba(109, 96, 89, 1) 60%);}
#home-cast .content-wrap {height:600px;}
#home-cast .slide-up {height: 600px;}
#home-cast .slide-down {height: auto;}