html {
overflow:hidden;
-webkit-text-size-adjust:none;
}

body {
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	color: #3F3421;
	font-size: 1.1rem;
	line-height: 1.1rem;
	letter-spacing: 0.1em;
}

header {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #8fc31f;
	background-color: #FFF;
	padding:18px 0px 13px 0px;
}

#main-group {
	max-width: 1400px;
	width: 94%;
	margin: 0 auto;
	position: relative;
	height: 898px;
	width: 100%;
}
@media screen and (max-width: 1440px) {
	#main-group {
		height: auto;
		padding-top: 65.7142%;
	}
}
#main-group .main-lead {
	display: block;
	height: auto;
	position: absolute;
	z-index: 1;
}
#main-group .main-lead.text1 {
    opacity: 0;
	width: 50%;
    top: 0;
    left: 6%;
    will-change: transform;
}
#main-group .main-lead.text2 {
    opacity: 0;
    top: 15%;
    left: 31%;
    will-change: transform;
    width: 45%;
}
#main-group .main-lead.text3 {
	opacity: 0;
    width: 72%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 39%;
    left: 50%;
	will-change: transform;
}
#main-group .main-shinsotsu {
	opacity: 0;
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 3;
	will-change: transform;
}

.text1-slideinLeft {
	animation: 1s slideinLeft 1s forwards;
}

@keyframes slideinLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(-80%, 0);
		-moz-transform: translate(-80%, 0);
		-ms-transform: translate(-80%, 0);
		-o-transform: translate(-80%, 0);
		transform: translate(-80%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
}

.text2-slideinRight {
	animation: 2s slideinRight 2s forwards;
}

@keyframes slideinRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(20%, 0);
		-moz-transform: translate(20%, 0);
		-ms-transform: translate(20%, 0);
		-o-transform: translate(20%, 0);
		transform: translate(20%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
		-o-transform: translate(0);
		transform: translate(0);
	}
}


.text3-slideinBottom {
	animation: 2s slideinBottom 3s forwards;
}

@keyframes slideinBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, 80px);
		-moz-transform: translate(-50%, 80px);
		-ms-transform: translate(-50%, 80px);
		-o-transform: translate(-50%, 80px);
		transform: translate(-50%, 80px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

.shinsotsu-slideinBottom {
	animation: 0.5s shinsotsuSlideinBottom 0.5s forwards;
}

@keyframes shinsotsuSlideinBottom {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, 200px);
		-moz-transform: translate(-50%, 200px);
		-ms-transform: translate(-50%, 200px);
		-o-transform: translate(-50%, 200px);
		transform: translate(-50%, 200px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

/***************************************************************
コンテンツ
***************************************************************/
section,article,header .rogo {
	margin:0px auto;
	width:1060px;
}

section .item-1,article .item-1 {
	width:100%;	padding:2em;
}
section .item-1-col-text,article .item-1-col-text {/*1カラムテキスト用※生地の説明ページなどで使用*/
	width:100%; padding:0rem 10rem 2rem 10rem; margin:0px;
}
section .item-1-padding-0,article .item-1-padding-0 {/*見出し用*/
	width:100%;	padding:2em 2em 0.5em 2em;
}
section .item-1-padding-up,article .item-1-padding-up {/*見出し用*/
	width:100%;	padding:4em 2em 0em 2em;
}
section .item1-padding-0form,article .item-1-padding-0form {/*見出し用*/
	width:100%;	padding:0em;
}
section .item-2,article .item-2 {
	width:50%;	padding:2em;
}
section .item-2-padding-0,article .item-2-padding-0 {/*見出し用*/
	width:50%;	padding:0em;
}
section .item-2-wide,article .item-2-wide {
	width:50%;	padding:2em; margin:0px auto;
}
section .item-3,article .item-3 {
	width:33.3%;	padding:2em;
}
section .item-4,article .item-4 {
	width:25%;	padding:2em;
}
/***************************************************************
2019年追加分
***************************************************************/
.index-banner { width:1060px; height:auto;}



/***************************************************************
パディング・マージン・幅（width）ポジション設定
***************************************************************/
.w-100 { width:100%;}
.padding-lr0 { padding-left:0em !important; padding-right:0em !important;}
.padding-ud0 { padding-top:0em !important; padding-bottom:0em !important;}
.padding_top_0 { padding-top:0px !important; }
.padding_top_10 { padding-top:10px;}
.padding_top_20 { padding-top:20px;}
.padding_top_30 { padding-top:30px;}
.padding_top_40 { padding-top:40px;}
.padding_top_50 { padding-top:50px;}
.padding_bot_0 { padding-bottom:0px;}
.padding_bot_10 { padding-bottom:10px;}
.padding_bot_20 { padding-bottom:20px;}
.padding_bot_30 { padding-bottom:30px;}
.padding_bot_40 { padding-bottom:40px;}
.padding_bot_50 { padding-bottom:50px;}
.m_r_5 {margin-right:5px;}
.m_r_10 {margin-right:10px;}
.m_r_15 {margin-right:15px;}
.m_r_20 {margin-right:20px;}
.m_l_10 {margin-left:10px;}
.m_l_15 {margin-left:15px;}
.m_l_20 {margin-left:20px;}
.m_l_30 {margin-left:30px;}
.m_lr_5 { margin:auto 5px;}
.m_lr_10 { margin:auto 10px;}
.m_b_0 { margin-bottom:0px;}
.m_b_5 { margin-bottom:5px;}
.m_b_10 {margin-bottom:10px;}
.m_b_15 {margin-bottom:15px;}
.m_b_20 {margin-bottom:20px;}
.m_b_30 {margin-bottom:30px;}
.m_b_40 {margin-bottom:40px;}
.m_b_60 {margin-bottom:60px;}
.m_t_-50 { margin-top:-50px;}
.m_t_0 { margin-top:0px;}
.m_t_5 { margin-top:5px;}
.m_t_10 { margin-top:10px;}
.m_t_20 { margin-top:20px;}
.m_t_30 { margin-top:30px;}
.m_t_40 { margin-top:40px;}
.bold {font-weight: bold;}
.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.m_0_auto {margin:0px auto;}
.p_m_0 { padding:0px !important;; margin:0px !important;}
.bottan-margin a { margin:10px;}
.display-block { display:block;}
.position-relative { position:relative;}

/***************************************************************
リンク・ボタン設定
***************************************************************/
.hover {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.hover:hover {
     -webkit-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) saturate(250%);;
     -moz-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) saturate(250%);;
     -o-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) saturate(250%);;
     -ms-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) saturate(250%);;
     filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5)) saturate(250%);;
	cursor: pointer;
}

.btn{
	display:inline-block;
	margin:6px;
	font-size:1.3rem;
	line-height:1.42;
	border-width:2px;
	border-style:solid;
	background:transparent;
	border-radius:0;
	cursor:pointer;
	user-select:none;
	vertical-align:bottom;
	transition:background-color 0.2s, color 0.2s, padding 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-radius 0.2s;
	width: 70%;
	padding-top: 0.5em;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	transition: all 0.2s;
	font-weight:bold;
}

.btn-red{color:#e50012;border-color:#e50012;}
.btn-red:hover{
	background-color:#e50012;
	color:#FFF;
	border-radius:0.4em;
	width:72%;
}
.btn-red:active{background-color:#e50012;border-color:#e50012;}

.btn-glay{color: #333;border-color:#666; background:#FFFFFF;}
.btn-glay:hover{
	background-color:#666;
	color:#FFF;
	border-radius:0.4em;
	width:72%;
}
.btn-glay:active{background-color:#666;border-color:#666;}

#senpai { margin:60px auto 50px auto;}
.hito {
	margin:0px auto;
	width:80%;
	height:130px;
	background-repeat: no-repeat;
	background-position: right center;
	border: 1px solid #333;
	text-align:left;
	font-weight:bold;
	line-height:2rem;
	padding:15px 0px 0px 30px;	cursor:pointer;	transition: all 0.2s;
	margin-top:-1px;color: #333;
}
.hito:hover {
	width:82%;
border-color:#e50012;
color:#e50012;
}
.hito-01 {	background-image: url(../images/hito-yamamoto_nao.jpg);}
.hito-02 {	background-image: url(../images/hito-katsuda_mamiko.jpg);}
.hito-03 {	background-image: url(../images/hito-kusano_fumitaka.jpg);}
.hito-04 {	background-image: url(../images/hito-saito_teru.jpg);}
.hito-05 {	background-image: url(../images/hito-kawai.jpg);}
.hito-06 {	background-image: url(../images/hito-iwamoto.jpg);}
.hito-07 {	background-image: url(../images/hito-sagou.jpg);}

/***************************************************************
テキスト設定
***************************************************************/
p {
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
	padding-bottom: 1.5rem;
	word-break: break-all;/*半角を改行*/
	line-height: 2rem;
}
.orange { color:#F23D00;}
small,.small {
	font-size:0.85rem;
	font-weight: bold;	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
.s-middle { font-size:1.6rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.2); color:#e40019; font-weight:bold;}
.middle { font-size:2rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
big,.big {font-size:3rem;font-weight: bold;text-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
.title-big {font-size:6rem;text-shadow: 2px 2px 1px rgba(0,0,0,0.2); padding-top:40px; padding-bottom:10px; color:#e40019; line-height:6rem;}
.big-middle {
	font-size:1.8rem;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	letter-spacing: -0.01em;
}
.line-h { line-height:1.6rem;}
.outline { 
text-shadow:1px 1px 0px #f6f6f6 ,-1px 1px 0px #f6f6f6,
1px -1px 0px #f6f6f6 ,-1px -1px 0px #f6f6f6 ;
	}
.bold {font-weight: bold;}
.red {color:#e40019;}
.blue { color:#06C;}
.white { color:#FFF;}
.nowrap {white-space: nowrap;}
hr {
	background-image: none;
	width:100%;
	margin:10px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
.kage {
			-moz-box-shadow: 0px 5px 14px -7px #050e0f;
	-webkit-box-shadow: 0px 5px 14px -7px #050e0f;
	box-shadow: 0px 5px 14px -7px #050e0f;}

.exp {
	font-size:3.8rem;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-column-count:1;
	-moz-column-count:1;
	-ms-column-count:1;
	column-count:1;
	-webkit-column-gap:50px;
	-moz-column-gap:50px;
	-ms-column-gap:50px;
	column-gap:50px;
	display: inline-block;
	text-align: center;
	height:420px;
	font-weight:bold;
	margin-top:-70px;
	letter-spacing: -0.1em;
	word-spacing: -0.1em;
}
.exp p { padding-left:50px; padding-bottom:0px;text-shadow: 1px 1px 1px rgba(0,0,0,0.1)}


/***************************************************************
H1~H6設定
***************************************************************/
.position-relative { position: relative;}
h1 {
	display:inline-block;
	font-weight:normal;
	border: 1px solid #999;
	border-radius:3px;
	padding:10px 8px 8px 8px;
}
h1 b {font-size:1.1rem; color:#333333;}
.senpai-page h1 {
	font-size:3rem;
	color:#21905c;
	line-height:4rem;
	border:none;
	padding:80px 0px 0px 0px;
	display:inherit;
	font-weight:bold;
	min-height:220px;}

#senpai-09 h1 {
	min-height:280px;}
	
	
#senpai-yamamoto h1 {
	color:#8fc31f;
}
#senpai-05 h1,#senpai-06 h1,#senpai-08 h1 {
	font-size:3rem;
	color:#8fc31f;
	line-height:3.5rem;
	border:none;
	padding:50px 0px 0px 0px;
	display:inherit;
	font-weight:bold;
	min-height:330px;}

.senpai-text { font-size:1.4rem; font-weight:bold; line-height:2rem; padding:50px 0px 0px 30px;}
.senpai-text-bottom { position:absolute; bottom:40px; text-align:center; width:980px;}
h2 {
	padding:80px 0px 20px 0px;
	font-size:40px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	line-height: 48px;
	letter-spacing: 0.8rem;
}
h2:first-child {padding:30px 0px 10px 0px;} 
del {
	text-decoration: none;
}
h3,h4,h5 {
	background-repeat: repeat-x;
	background-position: right center;
	background-size:1px 1px;
margin-bottom:30px;
}

h3 {	font-size:1.9rem;	margin-top:0px; line-height:2.2rem; color:#21905c;}
h4 {	font-size:1.6rem;	margin-top:50px;}
h5 {	font-size:1.2rem;margin-top:30px;display:block;}
h6 {
	font-size:1rem;
	 margin-bottom:15px;
	background-image: url(../images/hr-back.png);
	background-repeat: repeat-x;
	background-position: right center;
	background-size:1px 1px;
	min-height:30px;display: block; 
	}
.reqruit-title {
	background-image: url(../images/sun.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size:6rem;
	font-weight:bold;
	line-height:6rem;
	padding:20px 0px 0px 140px;
	margin-bottom:20px;
	display:inline-block;text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.red-title { font-size:2.2rem; color:#e50012; padding-left:50px; padding-bottom:50px;text-shadow: 1px 1px 1px rgba(0,0,0,0.2)}


/***************************************************************
コンテンツリスト
***************************************************************/
section .item-1 ul li,article .item-1 ul li,section .item-2 ul li,article .item-2 ul li ,section .item-3 ul li,article .item-3 ul li,section .item-4 ul li,article .item-4 ul li,.item-1-col-text ul li {
	background-image: url(../images/list-icon.gif);
	background-repeat: no-repeat;
	background-position: left 17px;
	background-size:4px 2px;
	list-style-type: none;
	padding:5px 5px 5px 18px;
	}
section .item-1 ol li,article .item-1 ol li,section .item-2 ol li,article .item-2 ol li ,section .item-3 ol li,article .item-3 ol li,section .item-4 ol li,article .item-4 ol li,.item-1-col-text ol li {
		padding:5px 5px 5px 0px;
		margin-left:1.5rem;
}



/***************************************************************
コンテンツ-背景
***************************************************************/
.back-line-bottom {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #8fc31f;
	width:100%;
	padding:30px 0px;
	margin:0px auto;
}
.back-line-top {
	border-top-width: 5px;
	border-top-style: solid;
	/*border-top-color: #009edc;*/
	border-top-color: #8fc31f;
	width:100%;
	padding:30px 0px;
	margin:0px auto;
}

#index-back-00 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8fc31f;
	width:100%;
	padding:80px 0px;
	margin:0px auto;
	background-image: url(../images/gaikan.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
		background-size:60%;
	min-height:660px;
}
	
#index-back-01 {
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: center -110px;
	background-size:cover;
	height:750px;
	width:100%;
	letter-spacing: 0.4rem;
}
#index-back-02 {
	background-image: url(../images/index-back-02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:590px;
	width:100%;
}
#entry { display:block; position:fixed; top:0px; right:2rem; z-index: 1000;}

.senpai-page {
    background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height:670px;
	overflow:hidden;
	width:100%;
	letter-spacing: 0.2rem;
	position:relative;
	}

#senpai-yamamoto {
	background-image: url(../images/senpai-yamamoto.jpg);
}
#senpai-katsuda {
	background-image: url(../images/senpai-katsuda.jpg);
}
#senpai-kusano {
	background-image: url(../images/senpai-kusano.jpg);
}
#senpai-saito {
	background-image: url(../images/senpai-saito.jpg);
}
#senpai-kawai {
	background-image: url(../images/senpai-kawai.jpg);
}
#senpai-iwamoto {
	background-image: url(../images/senpai-iwamoto.jpg);
}
#senpai-sagou {
	background-image: url(../images/senpai-sagou.jpg);
}

/***************************************************************
ページTOP
***************************************************************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 0.6rem;
	z-index:100;
}
#page-top a{
    text-decoration: none;
    color: #fff;
    width:70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 100px;
	line-height:1.4em;
			-moz-box-shadow: 0px 5px 14px -7px #050e0f;
	-webkit-box-shadow: 0px 5px 14px -7px #050e0f;
	box-shadow: 0px 5px 14px -7px #050e0f;
}

#page-top a {
background-color:#3F3421;
border:1px solid #3F3421;
}
#page-top a:hover{
    text-decoration: none;
	color:#3F3421;
    background: #FFF;
}

#page-top-sp {
	display:none;
}


/***************************************************************
フォームテーブルのCSS
****************************************************************/
.w_100 { width:100% !important; height:auto;}
.w_90 { width:90% !important; height:auto;}
.w_80 { width:80% !important; height:auto;}
.w_75 { width:75% !important; height:auto;}
.w_70 { width:70% !important; height:auto;}
.w_60 { width:60% !important; height:auto;}
.w_55 { width:55% !important; height:auto;}
.w_50 { width:50% !important; height:auto;}
.w_48 { width:48% !important; height:auto;}
.w_45 { width:45% !important; height:auto;}
.w_40 { width:40% !important; height:auto;}
.w_35 { width:35% !important; height:auto;}
.w_33 { width:33.3% !important; height:auto;}
.w_30 { width:30% !important; height:auto;}
.w_25 { width:25% !important; height:auto;}
.w_20 { width:20% !important; height:auto;}
.w_15 { width:15% !important; height:auto;}
.w_13 { width:13% !important; height:auto;}
.w_12 { width:12% !important; height:auto;}
.w_10 { width:10% !important; height:auto;}


/***************************************************************
画像関連
***************************************************************/

a img{
	  transition: 0.5s ease-in-out;/* CSS3 */
    -webkit-transition: 0.5s ease-in-out;/* for Safari and Chrome */
    -moz-transition: 0.5s ease-in-out;/* for Firefox */
    -o-transition: 0.5s ease-in-out;/* when Opera Presto 2.3 or later is released */
    -ms-transition: 0.5s ease-in-out;/* Linux browsers */
}
 
/* マウスオーバー */
a img:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.radius {border-radius:8px;}

/***************************************************************
暫定・・・設定
***************************************************************/
.rogo-img { width:210px; height:50px;}
h1.site { font-size:1.1rem;}
.iin {font-size:22px;}
hr.sp-hr {
	background-image: none;
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
}

#box_next_recruit{
	width: 80%;
	border: 1px #e40019 solid;
	padding: 15px 30px;
	margin: 15px auto;
}

#box_next_recruit h2{
	font-size: 1.2em;
	letter-spacing: 0;
	padding: 0 0 0.5em 0!important ;
}

#box_next_recruit p{
	padding: 0 0 1em 0!important ;
	text-align: left!important;
	line-height: 1.7rem;
}

.text-red{
	width: 72%;
	color: red;
	border: 1px solid red;
	padding: 10px 20px;
	margin: 0 auto;
	text-align: center;
}

@media only screen and (min-width: 1170px) { /*PCサイズ*************************************************/
.pc-none {display:none !important;}
.pc-center { text-align:center;}
}

/*開発中とりあえずここにスマホ用*/
@media only screen and (max-width: 1169px) { /*スマホサイズ*********************************************/

body {
	line-height: 26px;
		overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.sp-none { display:none;}
.sp-w-100 { width:100%;}
section,article,header .rogo {
	margin:0px auto;
	width:100%;
}
section .item-1,article .item-1 {
padding:1em;
}
section .item-1-padding-0,article .item-1-padding-0 {/*見出し用*/
	width:100%;	padding:1em 1em 0.5em 1em;
}
section .item-1-col-text,article .item-1-col-text {/*1カラムテキスト用※生地の説明ページなどで使用*/
	width:100%; padding:0rem 1rem 1rem 1rem; margin:0px;
}
section .item-1-padding-up,article .item-1-padding-up {/*見出し用*/
	width:100%;	padding:2em 1em 0em 1em;
}
section .item-2,article .item-2,section .item-3,article .item-3,section .item-4,article .item-4 {
	width:100%;	padding:1em;
}
section .item-2-padding-0,article .item-2-padding-0 {/*見出し用*/
	width:100%;	padding:0em;
}

.sp-column {/*縦並びカラムに変更*/
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/***************************************************************
2019年追加分
***************************************************************/
.index-banner { width:100%; height:auto;}

/*H1~H6関連*******************************************************/
h1 {
	padding:0px;
	line-height:0rem;
	font-size:0.5rem;
	border:none;
	letter-spacing: -0.06em;
}
h1 b .site { font-size:0.8rem;}
h3 { font-size:1.2rem;line-height:1.5rem; margin-bottom:17px; letter-spacing:0.05rem}
.center { text-align:left}
h2 {
	padding:40px 0px 20px 0px;
	font-size:1.5rem;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	line-height: 2rem;
	letter-spacing: 0.4rem;
}
h2:first-child {padding:10px 0px 0px 0px;} 
.sp-b { font-size:0.75rem}
h1 small,h2 small {
	display:block;
	font-size:0.7rem;
	font-weight: normal;
	line-height:1rem;
}
h1 span,h2 span {
	background-size: 100% 10px;
	}
del {
	text-decoration: none;
}

h4 {
	font-size:1.3rem;
	margin-top:0px;
}
h5 { font-size:1rem;}
h6 { font-size:0.9rem;
	 margin-bottom:15px;
	 margin-top:-5px;
	background-image: url(../images/hr-back.png);
	background-repeat: repeat-x;
	background-position: right center;
	background-size:1px 1px;
	}
.s-middle { font-size:0.76rem;text-shadow: 1px 1px 1px rgba(0,0,0,0.2); color:#e40019; font-weight:bold; }
.title-big {font-size:2.5rem; padding-top:70px; padding-bottom:0px; color:#e40019; line-height:1rem; text-align:center;}
big,.big { font-size:1.1rem;}
.middle { font-size:0.9rem;}
.big-middle {
	font-size:0.9rem;
	line-height:1.2rem;
}
.line-h { line-height:1.4rem;}
.sp-middle {font-size:0.8rem;}
.pc-center { text-align:left;}
.sp-p-b-30 { padding-bottom:300px !important;}

/***************************************************************
コンテンツ-背景
***************************************************************/
.back-line-bottom {
	border-bottom-width: 3px;
}
.back-line-top {
	border-top-width: 3px;
}
#index-back-00 {
	border-top-width: 3px;
	width:100%;
	padding:60px 0px;
		background-size:120%;
	min-height:400px;
}

#index-back-01 {
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height:320px;
	width:100%;
	letter-spacing: 0.1rem;
}

.exp {
	-webkit-writing-mode: horizontal-tb;
	-moz-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	display: inherit;
	height:auto;
	font-weight: normal;
	margin-top:0px;
	letter-spacing: 0.2em;
	word-spacing: 0.1em;
	margin:30px 0px 50px 0px;
	width:100%;
	text-align:center;
}
.exp p {padding-left:0px;  font-size:1.6rem;line-height:2rem;letter-spacing:0.5rem;text-align:center;}

.reqruit-title {
		text-align:center;
	background-size:40px 37px;
	font-size:1.9rem;
	line-height:2rem;
	padding:23px 0px 0px 45px;
	margin-bottom:0px;
}
.red-title { font-size:1rem; color:#e50012; padding-left:0px; padding-bottom:20px;text-align:center; font-weight:bold;}
/***************************************************************
ページTOP
***************************************************************/
#page-top-sp {
    position: fixed;
    bottom: -10px;
    right: 10px;
    font-size: 0.6rem;
	z-index:100;
	display:block;
}
#page-top-sp a {
    text-decoration: none;
    color: #fff;
    width:40px;
    padding: 12px 0;
    text-align: center;
    display: block;
    border-radius: 100px;
	line-height:1.4em;
			-moz-box-shadow: 0px 5px 14px -7px #050e0f;
	-webkit-box-shadow: 0px 5px 14px -7px #050e0f;
	box-shadow: 0px 5px 14px -7px #050e0f;
}

#page-top-sp a {
    text-decoration: none;
	color:#3F3421;
    background: #FFF;
	border:1px solid #3F3421;
}
.w_60,.w_40 { width:100% !important; height:auto;}
.m_l_30 {margin-left:0px;}
.padding_top_50 { padding-top:0px;}
/***************************************************************
暫定・・・・関連
***************************************************************/
.rogo-img { width:105px; height:25px; margin-left:0.5rem;}
.rogo-img2 { width:132px; height:auto;}
#entry { top:0px; right:0.5rem;}
#entry img { width:54px; height:53px;}
header {
	border-bottom-width: 3px;
	/*padding:8px 0px 13px 0px;*/
	padding:8px 0px 8px 0px;
	/*height:46px;*/
}
header p { font-size:0.7rem; text-align:center !important; line-height:1.1rem; padding-top:30px !important;}
#sub-back-01 {
background-size:auto 110px;
	height:110px;
	padding-top:0px;
	width:100%;
}
#sub-back-02 {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8fc31f;
	background-color: #FFF;
	padding:0px 0px 60px 0px;
	}

.padding_top_30 { padding-top:0px;}
p {
	 font-size:1rem;
	padding-bottom: 1rem;
	line-height: 1.8rem;
	letter-spacing:0rem;
	}
.iin {font-size:16px;}
.btn{
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:1.1rem;
	line-height:1.22;
	width: 100%;
	letter-spacing:0.05rem;
}
.btn-glay:hover,.btn-red:hover{
	width:100%;
}
#senpai { margin:30px auto 10px auto;}
#senpai .middle { font-size:1rem;}
.hito {
	margin:0px auto;
	width:100%;
	height:100px;
	background-size: cover;
	line-height:1.5rem;
	padding:10px 0px 0px 15px;	cursor:pointer;	transition: all 0.2s;
	margin-top:-1px;color: #333;
	font-size:0.7rem;
}
.hito:hover {
	width:100%;
}
#senpai-01,#senpai-02,#senpai-03,#senpai-04,#senpai-05,#senpai-06,#senpai-07,#senpai-08,#senpai-09,
.senpai-page {
	height:320px;
	overflow:hidden;
	letter-spacing: 0.1rem;
	padding-top:30px;
	}
#senpai-05,#senpai-06 {
	height:320px;
	overflow:hidden;
	letter-spacing: 0.1rem;
	padding-top:10px;
	}
#senpai-01 h1,#senpai-02 h1,#senpai-03 h1,#senpai-04 h1,#senpai-07 h1,#senpai-09 h1,
.senpai-page h1 {
	font-size:1.2rem;
	color:#1a9e62;
	line-height:1.4rem;
	border:none;
	padding:0px;
	display:inherit;
	font-weight:bold;
	min-height:60px;
	letter-spacing: 0.05rem;
	text-shadow:1px 1px 0px #f6f6f6 ,-1px 1px 0px #f6f6f6,
1px -1px 0px #f6f6f6 ,-1px -1px 0px #f6f6f6 ;
	}

#senpai-09 h1 {
	min-height:100px;}
	
#senpai-05 h1,#senpai-06 h1,#senpai-08 h1 {
	font-size:1rem;
	color:#1a9e62;
	line-height:1.3rem;
	border:none;
	padding:0px !important;
	display:inherit;
	font-weight:bold;
	min-height:110px;
	letter-spacing: 0.05rem;
	text-shadow:1px 1px 0px #f6f6f6 ,-1px 1px 0px #f6f6f6,
1px -1px 0px #f6f6f6 ,-1px -1px 0px #f6f6f6 ;
	}

.senpai-text { font-size:0.9rem;line-height:1.4rem; padding:0px 0px 0px 10px;}
.senpai-text-bottom {position:static;width:100%;margin-top:60px;}
.senpai-text .middle {	font-size:1.3rem;}
.senpai-text-bottom b { font-size:0.9rem;}
.senpai-text-bottom .center,#index-back-01 .center,.foot .center { text-align:center;}
}


/*横向きスマホ用*/
@media only screen and (min-width: 900px) and (max-width: 1168px)  { /*スマホサイズ横***********************************************************************************************************************************************/
#index-back-00 {
		background-size:90%;
}
header p { font-size:1rem; text-align:center !important; line-height:1.5rem; padding-top:30px !important;}
}

/*横向きスマホ用*/
@media only screen and (min-width: 700px) and (max-width:899px)  { /*スマホサイズ横***********************************************************************************************************************************************/
#index-back-00 {
		background-size:90%;;
}
header p { font-size:1rem; text-align:center !important; line-height:1.5rem; padding-top:30px !important;}
}


/*横向きスマホ用*/
@media only screen and (min-width: 568px) and (max-width:799px)  { /*スマホサイズ横***********************************************************************************************************************************************/
#index-back-00 {
		background-size:90%;
}

}



@media print {
section,article {
	margin:0px auto;
	width:100%;height:auto;
}
section .item-1,article .item-1 {
	width:100%;	padding:0.2em 0em;
}
section .item-2,article .item-2 {
	width:50%;	padding:0.2em 0em;
}
section .item-3,article .item-3 {
	width:33.3%;	padding:0.2em 0em;
}
section .item-4,article .item-4 {
	width:25%;	padding:0.2em 0em;
}
h3,h4,h5 {
margin-bottom:0px;font-size:1rem;	margin-top:10px;
}
.center { text-align:left}

html {
/*  overflow:hidden;*/
	background-image: none;
}
html,body{
    height:auto;
  }
h3 span,h4 span,h5 span,h6 span {
	position: static;
	}
}

/*  20190730追加　*/
dl{
  width: 100%;
  overflow: hidden;
  border-top: none;
  margin: 0 0 2em 0;
}
dt{
  width: 5em;
  float: left;
  padding: 5px;
  font-weight: 700;
}
dd{
  margin-left: 6em;
  padding: 5px;
}
dd:after{
  display: block;
  content: "";
  clear: both;
}
@media screen and (max-width: 320px) {
  dt{
    width: 100%;
    float: none;
  }
  dd{
    margin-left: auto;
    border-left: none;
  }
}