@charset "utf-8";

/* Notoフォント読み込み(CSSファイルの先頭必須)
------------------------------------------------- */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);



/* html5doctor.com Reset Stylesheet v1.6.1
------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body{
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}

nav ul,
ol, li{
	list-style:none;
	list-style-image:none;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del{
	text-decoration: line-through;
}

abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select{
	margin:0;
	padding:0;
	vertical-align:middle;
}




/* Reset
------------------------------------------------- */

html{
	overflow-y:scroll;
	font-size:62.5%; /* sets the base font to 10px for easier math */
}

ul,ol,li{
	list-style:none;
	list-style-image:none;
}

/* clearfix（NN対策しないのでこれで十分な最新版） */
.clearfix{
	zoom:1;
}

.clearfix:after{
	content:""; 
	display:block; 
	clear:both;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.pcnone{
	display:none;
}

body {
	font-weight:normal;
	line-height:1;
}




body{
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
	color:#333;
	color:#4c453a;
	-webkit-text-size-adjust:100%; /* iPhoneで文字サイズが大きくなるバグの対処 */
}

input[type="radio"],
input[type="checkbox"]{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}



/* Hyper text
------------------------------------------------- */

a{
	/*\*/
	overflow:hidden;	/* for Firefox */
	/**/
}

a:link,
a:visited,
a:hover{
	color:#4c453a;
	text-decoration:none;
}

a:hover{
	color:#000;
	xtext-decoration:underline;
}

a:focus,
a:active{
	color:#4c453a;
}

.fgothic{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

.fpgothic{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.txtLeft{
	text-align:left;
}

.txtCenter{
	text-align:center;
}

.txtRight{
	text-align:right;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.red{
	color:#f00;
}

.blue{
	color:#00f;
}

.f12{
	font-size:1.2rem;
}

.f14{
	font-size:1.45rem;
}

/* エラー */
.err{
	color:#f75257;
}



/* Image
------------------------------------------------- */

img,
a img{
	border:none;
	vertical-align:bottom;
}

.new{
	color:red;
	font-weight:bolder;
} 



/* PageTop
------------------------------------------------- */

#page-top{
	position:fixed;
	bottom:200px;
	right:100px;
}


@media screen and (max-width:320px){

	.pcnone{
		display:none;
	}


}


@media screen and (max-width:980px){

	.pcnone{
		display:block;
	}

	.smpnone{
		display:none;
	}

	#page-top{
		position:fixed;
		bottom:60px;
		right:10px;
		width:8%;
		height:auto;
	}

}



/* ナビゲーション(ドロップメニュー要素)
------------------------------------------------------------------- */

.pc-header-inner{
	background-color:#fccdb9;
}

.pc-nav {
  /**display: block;
  float: left;
  margin-top: 22px;
	width:960px;*/
	margin:auto;
	padding-right:45px;
}

.pc-nav > ul{
	float:right;
	font-size:1.4rem;
}


/* はじめての方へ */
.pc-nav > ul.pc-leftmenu{
	float:left;
	font-size:1.4rem;
	xpadding:20px 0 0 50px;
	padding:0;
	margin:10px;
	xbackground-image:url(../images/head_icon1.png);
	xbackground-repeat:no-repeat;
	xbackground-position:10px 10px;
	xdisplay:inline-block;
	height:50px;
}

.pc-nav > ul.pc-leftmenu img{
	width:400px;
	height:35px;
}

/* はじめての方へ */


.pc-nav > ul > li {
  float: left;
	margin-top:-3px;
	margin-right:40px;
  /*float: left;
  padding: 6px 15px 0;
  height: 63px;
  font-size: 15px;
  line-height: 2;*/
}

.pc-nav li:last-child{
	margin-right:0;
}

.pc-nav > ul > li > a {
  /*display: block;
  height: 63px;*/
	border-bottom:2px dashed #fffac7;
}

.pc-nav li:before{
	display:inline-block;
	position:relative;
	top:13px;
}
.pc-nav li:nth-child(odd):before{
	content:url(../images/head_icon1.png);
}

.pc-nav li:nth-child(even):before{
	content:url(../images/head_icon2.png);
}
.pc-nav li:last-child:before{
	content:url(../images/head_icon3.png);
}

.pc-nav > ul > li:hover > a ,
.pc-nav > ul > li.active > a {
  /*height: 55px;
  border-bottom: 6px solid #f00;
  color: #f00;*/
}

.pc-subnav {
  position: absolute;
  top: 91px;
  left: 0;
  visibility: hidden;
  padding-top: 1px;
  width: 100%;
  background-color: #fff;
  opacity: 0;
/*  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
  -webkit-transition-delay:  0.3s;
  -moz-transition-delay:  0.3s;
  -ms-transition-delay:  0.3s;
  -o-transition-delay:  0.3s;
  transition-delay:  0.3s;
  z-index: 1;
}

.pc-nav > ul > li:hover .pc-subnav {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay:  0;
  -moz-transition-delay:  0;
  -ms-transition-delay:  0;
  -o-transition-delay:  0;
  transition-delay:  0;
  z-index: 2;
}

.pc-subnav-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-justify-conten: space-between;
  margin: 0 auto;
}

.pc-subnav-inner > div:nth-child(1) {
  display: table;
  width: 350px;
  height: 362px;
}

.pc-subnav-inner > div:nth-child(1) a {
  display: table-cell;
  padding: 0 11.428%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.pc-subnav-inner > div:nth-child(1) a:hover {
  color: #000;
  font-size: 15px;
}

.pc-subnav-inner > div:nth-child(1) a:hover p:last-child {
  color: #f00;
}

.pc-subnav-inner > div:nth-child(1) a h2 {
  margin-bottom: 35px;
  font-size: 26px;
  line-height: 1.5;
}

.pc-subnav-inner > div:nth-child(1) a h2 + p {
  margin-bottom: 35px;
  line-height: 1.8;
}

.pc-subnav-inner > div:nth-child(1) a p:last-child {
  display: inline-block;
  padding-right: 16px;
  background: url(/images/common/r_right_arrow.png) no-repeat right center;
  font-size: 13px;
  line-height: 1;
}

.pc-subnav-inner > div:nth-child(2) {
  -ms-flex: 1;
  flex: 1;
}

.pc-subnav-inner > div:nth-child(2) ul li {
  display: table;
  background-color: #fff;
  background-position: -1px center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  -webkit-background-size: cover;
}

.pc-subnav-inner.pc-subnav-business > div:nth-child(2) ul li {
  background-position: center 1px;
}

.pc-subnav-inner.pc-subnav-company > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-business > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul li {
  width: 33.333%;
}

.pc-subnav-inner.pc-subnav-csr > div:nth-child(2) ul li {
  width: 50%;
}

.pc-subnav-inner > div:nth-child(2) ul li:hover a {
  background-color: rgba(0 ,0 , 0, .4);
}

.pc-subnav-inner > div:nth-child(2) ul li a {
  background-color: rgba(0, 0, 0, .2);
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 18px;
}

.pc-subnav-inner > div:nth-child(2) ul li a ,
.pc-subnav-inner > div:nth-child(2) ul li:hover a {
  color: #fff;
}

.pc-subnav-inner.pc-subnav-company > div:nth-child(2) ul {
  overflow: hidden;
}

.pc-subnav-inner.pc-subnav-company > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-csr > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul li {
  height: 180px;
}

.pc-subnav-inner.pc-subnav-business > div:nth-child(2) ul li {
  height: 362px;
}

.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul:nth-child(1) li:nth-child(3) {
  height: 361px;
}

.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul:nth-child(1) li:nth-child(3) a {
  width: 90%;
  padding: 0 5%;
}

.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) {
  position: relative;
}

.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul:nth-child(1){
  position: relative;
  z-index: 2;
}

.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul:nth-child(2) {
  position: absolute;
  left: 0;
  top: 181px;
  width: 100%;
  z-index: 1;
}

.pc-subnav-inner.pc-subnav-company > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-business > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-csr > div:nth-child(2) ul li ,
.pc-subnav-inner.pc-subnav-recruit > div:nth-child(2) ul li {
  float: left;
  margin: 0 0 1px 0;
  border-right: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
  
.pc-subnav-inner.pc-subnav-company > div > ul li:nth-child(1) {background-image: url(/images/common/menu_1_1.jpg);}
.pc-subnav-inner.pc-subnav-company > div > ul li:nth-child(2) {background-image: url(/images/common/menu_1_2.jpg);}
.pc-subnav-inner.pc-subnav-company > div > ul li:nth-child(3) {background-image: url(/images/common/menu_1_3.jpg);}
.pc-subnav-inner.pc-subnav-company > div > ul:nth-child(2) li:nth-child(1) {background-image: url(/images/common/menu_1_4.jpg);}
.pc-subnav-inner.pc-subnav-company > div > ul:nth-child(2) li:nth-child(2) {background-image: url(/images/common/menu_1_5.jpg);}
.pc-subnav-inner.pc-subnav-company > div > ul:nth-child(2) li:nth-child(3) {background-image: url(/images/common/menu_1_6.jpg);}
.pc-subnav-inner.pc-subnav-business > div > ul li:nth-child(1) {background-image: url(/images/common/menu_2_1.jpg);}
.pc-subnav-inner.pc-subnav-business > div > ul li:nth-child(2) {background-image: url(/images/common/menu_2_2.jpg);}
.pc-subnav-inner.pc-subnav-business > div > ul li:nth-child(3) {background-image: url(/images/common/menu_2_3.jpg);}
.pc-subnav-inner.pc-subnav-csr > div > ul li:nth-child(1) {background-image: url(/images/common/menu_3_1.jpg);}
.pc-subnav-inner.pc-subnav-csr > div > ul li:nth-child(2) {background-image: url(/images/common/menu_3_2.jpg);}
.pc-subnav-inner.pc-subnav-csr > div > ul:nth-child(2) li:nth-child(1) {background-image: url(/images/common/menu_3_3.jpg);}
.pc-subnav-inner.pc-subnav-csr > div > ul:nth-child(2) li:nth-child(2) {background-image: url(/images/common/menu_3_4.jpg);}
.pc-subnav-inner.pc-subnav-recruit > div > ul li:nth-child(1) {background-image: url(/images/common/menu_4_1.jpg);}
.pc-subnav-inner.pc-subnav-recruit > div > ul li:nth-child(2) {background-image: url(/images/common/menu_4_2.jpg);}
.pc-subnav-inner.pc-subnav-recruit > div > ul li:nth-child(3) {background-image: url(/images/common/menu_4_3.jpg);}
.pc-subnav-inner.pc-subnav-recruit > div > ul:nth-child(2) li:nth-child(1) {background-image: url(/images/common/menu_4_4.jpg);}
.pc-subnav-inner.pc-subnav-recruit > div > ul:nth-child(2) li:nth-child(2) {background-image: url(/images/common/menu_4_5.jpg);}

.subnav-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(61,74,78,0.5);
}

.sp-header-inner{
	display:none;
}


/* media query */
/*@media screen and (max-width: 767px) {*/
@media screen and (min-width: 320px){

	.global-header,
	.home .global-header,
	.global-header.fixed,
	.home .global-header.fixed{
		position:absolute;
		top:0;
		left:0;
		z-index:100;
		height:80px;
		border-bottom:none;
	}

	.global-header{
		background-color:#fff;
	}

	.home .global-header{
		position:absolute;
		top:0;
		left:0;
		background-color:transparent;
	}

	.sp-header-inner{
		display:block;
	}

	.sp-header-inner .logo{
		position:relative;
		float:left;
		overflow:hidden;
		margin:28px 0 0 5.333%;
		width:233px;
	}

	.sp-header-inner .logo img{
		width:100%;
	}

	.sp-menu-btn{
		position:fixed;
		top:20px;
		right:4.333%;
		z-index:10;
		width:40px;
		height:40px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		font-size:80%;
		cursor:pointer;
		width:75px;
	}

	.sp-menu-btn span:nth-of-type(2),
	.sp-menu-btn span:nth-of-type(3),
	.sp-menu-btn span:nth-of-type(4){
		position:absolute;
		/* left:10.5px; */
		right:0;
		display:inline-block;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:30px;
		height:3px;
		background-color:#606c6c;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}

	.sp-menu-btn span:nth-of-type(1){
		position:absolute;
		top:18px;
		left:8.5px;
		display:inline-block;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:30px;
		height:4px;
		font-size:1.2rem;
	}

	.sp-menu-btn span:nth-of-type(2){
		top:15px;

	}

	.sp-menu-btn span:nth-of-type(3){
		top:24px;
	}

	.sp-menu-btn span:nth-of-type(4){
		/* bottom: 2.5px; */
		top:33px;

	}

	.sp-menu-btn.active span:nth-of-type(2){
		-webkit-transform:translateY(11px) rotate(-45deg);
		transform:translateY(11px) rotate(-45deg);
		top:15px;
		left:42.8px;
	}

	.sp-menu-btn.active span:nth-of-type(3){
		opacity:0;
	}

	.sp-menu-btn.active span:nth-of-type(4){
		-webkit-transform:translateY(-7px) rotate(45deg);
		transform:translateY(-7px) rotate(45deg);
		top:33px;
		left:44px;
	}

	.sp-global-menu{
		position:fixed;
		top:0;
		left:0;
		z-index:9;
		visibility:hidden;
		overflow:auto;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:90px 5.333%;
		width:100%;
		height:100%;
		/*background-color: rgba(65, 78, 81, .95);*/
		background-color:rgba(255, 255, 255, .85);
		opacity:0;
		-webkit-transition:all .5s;
		-moz-transition:all .5s;
		-ms-transition:all .5s;
		-o-transition:all .5s;
		transition:all .5s;
	}

	.sp-global-menu.active{
		visibility:visible;
		opacity:1;
	}

	.sp-global-menu > ul:nth-child(1){
		/*margin-bottom:30px;
		padding-bottom:30px;*/
	}

	.sp-global-menu > ul:nth-child(1) li{
		/*height: 65px;
		border-bottom:1px dashed #606c6c;*/
		margin-bottom:15px;
		border:2px solid #ead49a;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		font-size:1.4rem;
	}

	.sp-global-menu > ul:nth-child(1) li a{
		position:relative;
		display:block;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		/*padding-top:25px;*/
		padding:5px 0;
		width:100%;
		height:100%;
		color:#333;
		line-height:1;
		text-decoration:none;
	}

	.sp-global-menu > ul:nth-child(1) li:nth-child(odd) a:before{
		content:url(../images/head_icon1.png);
	}

	.sp-global-menu > ul:nth-child(1) li:nth-child(even) a:before{
		content:url(../images/head_icon2.png);
	}

	.sp-global-menu > ul:nth-child(1) li a span{
		position:absolute;
		top:18px;
		left:45px;
	}

	/*.sp-global-menu > ul:nth-child(1) li a:after{
		position:absolute;
		top:15px;
		right:5px;
		width:9px;
		height:19px;
		background:url(../images/w_right_arrow_l.png) no-repeat left top / 9px 19px;
		content:'';
	}

	.sp-global-menu > ul:nth-child(1) li:nth-child(1){
		padding-top: 13px;
		height: 62px;
		padding:15px 0;
	}

	.sp-global-menu > ul:nth-child(1) li:nth-child(1) a::after{
		display:none;
	}*/

	.sp-global-menu > ul > li > ul{
		display:none;
		list-style:none;
	}

	.sp-global-menu > ul > li > ul > li{
		padding:0 30px;
	}

	.sp-global-menu > ul > li > ul li:first-child{
		border-top:1px dashed #606c6c;
	}

	.sp-global-menu > ul > li > ul li:last-child{
		border-bottom:0;
	}

	.sp-global-menu > div{
		clear:both;
		padding-top:30px;
	}

	.sp-global-menu > div:nth-child(2) li {
		display:inline-block;
		margin-right:30px;
		margin-bottom:20px;
		padding-left:12px;
		background:url(../images/footer_list_mark.gif) no-repeat left 8px / 4px 4px;
	}

	.sp-global-menu > div:nth-child(2) li:first-child {
		/*padding-left: 0;
		background: none;*/
	}

	.sp-global-menu > div:nth-child(2) li a {
		color:#333;
		font-size:1.3rem;
		text-decoration:none;
	}
	
	.sp-leftmenu{
		position:fixed;
		top:0px;
		left:0%;
		z-index:10;
		width:100%;
		xheight:20px;
		background-color:#fdcdb9;
		x-webkit-border-radius:50%;
		x-moz-border-radius:50%;
		xborder-radius:50%;
		xfont-size:110%;
		xfont-weight:bold;
		text-align:left;
		cursor:pointer;
		padding:10px 0;
	}
	
	.sp-leftmenu img{
		width:150px;
		height:auto;
	}
}

@media screen and (min-width: 980px){

	.sp-header-inner{
		display:none;

	}

}

@media screen and (max-width: 979px){

	.sp-menu-btn{
		top:0px;
		top:-5px;
		right: 2.666%;
		right: 4.333%;
	}	

}



/* Layout
------------------------------------------------------------ */

@media screen and (min-width: 320px){

	#wrapper{
		width:100%;
		background-image:url(../images/bg.gif);
		background-repeat:repeat-y;
		background-size:100%;
	}

	header{
		background-image:url(../images/head_bg_sp.gif);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		border-top:30px solid #fccdb9;
	}

	#menu{
		display:none;
	}

	#topimage{
		clear:both;
		width:100%;
		padding:10px 0;
	}

	#pankuzu{
		clear:both;
		width:100%;
		height:12px;
		margin-bottom:35px;
		padding:0 10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		color:#965956;
		font-size:1.2rem;
	}

	main{
		padding-bottom:1px;
		background:rgba(255,255,255,0.2);
	}

	#mainbody{
		clear:both;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	footer{
		clear:both;
		width:100%;
		background: rgba(255,255,255,0.2);
	}


}


@media screen and (min-width: 980px){

	header{
		background-image:url(../images/head_bg_pc.gif);
		background-position:center 50px;
		background-size:1920px;
		border-top:0;
	}

	#menu{
		display:block;
		height:50px;
	}

	#wrapper{
		width:100%;
		background-repeat:repeat;
		background-size:595px;
	}

	main{
		padding:40px 0 0;
		background:none;
	}

	#mainbody{
		width:960px;
		margin:0 auto 35px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		background:rgba(255,255,255,0.5);
	}

}



/* Header
------------------------------------------------------------ */

@media screen and (min-width: 320px){

	header h1{
		padding:5% 2% 0 0;
		margin:0 auto 0;
		text-align:center;
	}

	header h2{
		margin-bottom:5px;
		padding:0 2%;
		color:#fa9377;
		font-size:1.2rem;
		font-weight:normal;
		line-height:1.4;
	}

	header img{
		max-width:100%;
		width:70%;
		height:auto;
	}
	
	.questionnaire{
		width:100%;
		height:auto;
		margin-top:-55px; 
	}
	.questionnaire img{
		width:100%;
		height:auto;
	}

}



@media screen and (min-width: 736px){

	header h2{
		text-align:center;
	}

}



@media screen and (min-width: 980px){

	header h1{
		width:960px;
		margin:0 auto 0;
		padding:4% 0 0 2%;
		text-align:center;
	}

	header h2{
		width:960px;
		margin:auto;
		padding:0;
	}

}


@media screen and (min-width: 1366px){

	header h1{
		margin:0 auto 0;
	}

}



@media screen and (min-width: 1600px){

	header h1{
		margin:0 auto 0;
		padding:3% 0 0 2%;
	}

}



/* TopImage
------------------------------------------------------------ */

@media screen and (min-width: 320px){


}



@media screen and (min-width: 980px){


}



/* Pankuzu
------------------------------------------------------------ */

#pankuzu ul li{
	float:left;
}

#pankuzu ul li:after{
	content:">";
	display:inline-block;
	margin:0 8px;
}

#pankuzu ul li:last-child:after{
	content:"";
	display:inline;
	margin:0;
}

#pankuzu ul li a:link,
#pankuzu ul li a:visited,
#pankuzu ul li a:hover{
	color:#965956;
	text-decoration:none;
}

#pankuzu ul li a:hover{
	color:#5a9ce0;
	text-decoration:underline;
}


#pankuzu .root-directory,
#pankuzu .path,
#pankuzu .directory{
	display: inline-block;
	vertical-align:top;
}

#pankuzu span{
	font-size:1.2rem;
}

#pankuzu .root-directory > .path span{
	font-size:1.14rem;
}

#pankuzu .path:after{
	content:">";
	display:inline-block;
	margin:0 8px;
}

#pankuzu .path:last-child:after{
	content:"";
	display:inline-block;
	margin:0;
}

#pankuzu .path.current > a{
	cursor:default;
	text-decoration:none;
	pointer-events:none;
	color:#4c453a;
}



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

@media screen and (min-width: 320px){

	#footer_top{
		background: rgba(255,255,255,0.2);
	}

	#footer_top ul{
		text-align:center;
	}

	#footer_top li{
		display:inline-block;
	}

	#footer_top li:first-child{
		margin-right:35px;
	}

	footer{
		padding:40px 0 7px;
		background-image:url(../images/footer_illust_sp.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;
	}

	footer ul{
		float:right;
		margin-bottom:10px;
		font-size:1rem;
	}

	footer p{
		clear:both;
		font-size:1rem;
		text-align:center;
	}

	footer small{
		font-style:normal;
	}

	ul.pagetop{
		clear:both;
		position:fixed;
		right:5px;
		bottom:0;
	}

	ul.pagetop li{
		text-align:right;
	}

}


@media screen and (min-width: 360px){

	footer{
		padding:51px 0 7px;
	}

}


@media screen and (min-width: 375px){

	footer{
		padding:55px 0 7px;
	}

}



@media screen and (min-width: 414px){

	footer{
		padding:16% 0 7px;
	}

}



@media screen and (min-width: 480px){

	footer{
		padding:17.5% 0 7px;
	}

}



@media screen and (min-width: 568px){

	footer{
		padding:19% 0 7px;
	}

}



@media screen and (min-width: 640px){

	footer{
		padding:20% 0 7px;
	}

}



@media screen and (min-width: 736px){

	footer{
		padding:21% 0 7px;
	}

}



@media screen and (min-width: 980px){
	
	header h1{
		padding:4% 2% 0 4%;
	}


	header img{
		width:50%;
	}

	#footer_top{
		background:none;
	}

	footer{
		height:270px;
		padding:0;
		background-image:url(../images/footer_illust.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:1920px;
	}

	footer div{
		width:960px;
		margin:auto;
		padding-top:220px;
	}

}





/* Topページ(index.html)
------------------------------------------------------------ */

@media screen and (min-width: 320px){

	#info{
		padding:0 5%;
	}

	#info h1{
		margin:0 0 10%;
		padding:0 0 0;
		text-align:center;
	}

	#info .info{
		margin-bottom:25px;
	}
	
	#info .info img{
		width:100%;
	}


	#info .info dl{
		clear:both;
		margin-bottom:15px;
		padding:0;
	}

	#info .info dt{
		/*width:32.5%;*/
		width:100px;
		margin-bottom:5px;
		padding:5px 2.5%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		background-color:#ff1c4a;
		color:#fff;
	}

	#info .info dd{
		width:100%;
	}

	#info .life dl{
		margin-bottom:15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#info .life dl:last-child{
		margin-bottom:30px;
	}

	#info .life dt{
		padding:40px 0 5px;
		background-image:url(../../images/info_bg.png);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:65%;
		font-size:1.6rem;
		text-align:center;
	}

	#info .life dt span{
		display:block;
		margin-top:2px;
		font-size:1.3rem;
	}

	#info .life dd{
		text-align:center;
	}

	#info .life dd img{
		max-width:100%;
		width:auto;
		height:auto;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		border:6px solid #fdd4be;
	}
	
	.life2 p{
		text-align:center;
		margin:0 auto;
	}
	
	.life2 p img{
		width:100%;
		height:auto;
	}
	
	.pre_bnr img{
		width:100%;
	}
	
	.eventdetail img{
		width: 100%;
		margin-bottom: 10px;
	}
	.eventdetail p{
		margin-bottom: 20px;
		color: #3e536b;
    	font-size: 1.4rem;
    	line-height: 1.4;
	}
	@media screen and (min-width: 768px){
	.eventdetail{
    	width: 800px;
		margin: 30px auto;
		display: flex;
	}
	.eventdetail div{
		width: 50%;
	}
	.eventdetail div.txt{
		padding: 20px;
		padding-top: 0;
	}
	}


	#info .fellowship{
		padding:0;
		padding-top:50px;
		xborder-bottom:3px dashed #ff418d;
	}

	#info .fellowship h2{
		display:inline-block;
		margin-bottom:15px;
		padding:5px 2.5% 6px;
		background-color:#ff418d;
		color:#fff;
		font-weight:normal;
	}
	
	#info .fellowship h3{
		font-weight:normal;
		line-height:1.5em;
		margin-bottom:30px;
	}
	
	#info .explanation h2{
		width:95%;
		display:inline-block;
		margin:20px auto 20px;
		padding:5px 2.5% 6px;
		background-color:#ff418d;
		color:#fff;
		line-height:1.5em;
		font-weight:normal;
	}
	
	.inspection{
		text-align:center;
	}
	
	.inspection img{
		width:100%;
		margin-bottom:50px;
	}
	
	.entrybtn a{
		text-align:center;
		display:block;
		width:95%;
		background-color:#FF99CC;
		color:#fff;
		border-radius:10px;
		padding:10px;
		margin:10px auto 20px;
	}
	
	@media screen and (min-width: 1300px){
		
		#info .explanation h2{
			width:700px;
			padding:15px;
			font-size:2rem;
			text-align:center;
			margin:50px 70px 30px;
		}
		
		.entrybtn a{
		/*width:660px;*/
		padding:12px;
		margin:20px auto 50px;
	}
		
	}
	
	.explanation{
		padding-top:50px;
	}
	
	@media screen and (max-width: 480px){
		.explanation{
			padding-top:25px;
		}
		
	}
	
	#info .explanation figure{
		text-align:center;
		display:block;
	}
	
	/*
	.explanationbtn a:link,
	.explanationbtn a:visited{
		display:block;
		width:300px;
		border-radius:10px;
		background-color:#ff0066;
		color:#fff;
		padding:10px;
		text-align:center;
		font-weight:normal;
		margin: 50px auto 20px;
	}*/
	
	@media screen and (max-width: 720px){
		
		#info .explanation figure{
		padding-top:0px;
	}
	
	#info .explanation figure img{
		width:100%;
	}
	
	
	}
	
	@media screen and (min-width: 680px){
	.explanation figure img{
		width:677px;
		height:auto;
	}
	.inspection img{
		width:720px;
	}
	}
	
	.explanationbtn a:link,
	.explanationbtn a:visited{
		display:block;
		width:95%;
		border-radius:10px;
		background-color:#ff0066;
		color:#fff;
		padding:10px;
		text-align:center;
		font-weight:normal;
		margin: 20px auto 20px;
	}
	
	}
	
	#info .news{
		padding:0;
		border-bottom:3px dashed #e7e9b1;
		padding-bottom:30px;
	}

	#info .news h2{
		display:inline-block;
		margin-bottom:15px;
		padding:5px 2.5% 6px;
		background-color:#ff418d;
		color:#fff;
		font-weight:normal;
	}
	
	#info .news h3{
		font-weight:bold;
		line-height:1.5em;
		margin-bottom:5px;
		color:#F39;
	}
	
	#info .news h3 span{
		border-bottom:1px dashed #F39;
	}
	
	#info .news p{
		margin-bottom:20px;
		line-height:1.5em;
	}

	#info .fellowship ul:nth-child(2) li{
		xfont-family:"HGP創英角ﾎﾟｯﾌﾟ体", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
	}

	#info .fellowship ul{
		margin-bottom:20px;
	}

	#info .fellowship li{
		xfont-size:2rem;
		xfont-weight:700;
		line-height:1.4;
		margin-bottom:10px;
	}

	#info .fellowship li:nth-last-child(2),
	#info .fellowship li:last-child{
		xfont-size:1.8rem;
	}

	#info .fellowship p{
		margin-bottom:35px;
		line-height:1.4;
	}

	#info .fellowship ul:last-child{
		display:inline-block;
		margin-bottom:20px;
		color:#fff;
	}

	#info .fellowship ul:last-child li a{
		display:block;
		padding:10px 30px;
		-webkit-border-radius:25px;
		-moz-border-radius:25px;
		border-radius:25px;
		background-color:#ff418d;
		color:#fff;
		font-weight:normal;
	}

	#info .fellowship ul:last-child a:after{
		content:">>";
		display:inline-block;
		margin-left:15px;
	}

	#info .fellowship p img{
		max-width:100%;
		width:auto;
		height:auto;
	}
	
	#pickup{
		padding:30px 0 30px 0px;
		text-align:center;
		border-bottom:3px dashed #e7e9b1;
		border-top:3px dashed #e7e9b1;
	}
	
	#pickup ul li{
		text-align:center;
		margin:20px 0 20px;
	}
	
	#pre{
		margin:0;
		padding:0 0 0;
		text-align:center;
	}
	
	#pre h1{
		margin-bottom:20px;
	}
	
	.pre_menu{
		xdisplay:flex;
	}
	
	.pre_menu div{
		width:80%;
		margin:0 auto 20px;
	}
	
	.pre_menu img{
		width:100%;
	}

	.pre_menu p{
		padding:5px 0;
		font-size:1.4rem;
	}
	
	.pre_menu2 div{
		width:80%;
		margin:0 auto 20px;
	}
	
	.pre_menu2 img{
		width:100%;
	}

	.pre_menu2 p{
		padding:5px 0;
		font-size:1.4rem;
	}


	#concept, #ayumi{
		padding:0 5%;
	}

	#concept .concept{
		padding:0;
		border-bottom:3px dashed #e7e9b1;
	}
	
	#ayumi .concept{
		padding:20px 0;
	}

	#concept h1, #ayumi h1{
		margin:0 0 10%;
		padding:10% 0 0;
		text-align:center;
	}
	
	#ayumi h1{
		margin:0 0 0%;
	}

	#concept p, #ayumi p{
		margin-bottom:25px;
		color:#3e536b;
		font-size:1.4rem;
		line-height:1.4;
	}

	#concept .youtube{
		margin-bottom:35px;
		padding:30px;
		background-image:url(../../images/concept_mov_bg.png);
		background-repeat:no-repeat;
		background-size:100%;
	}
	
	#ayumi .youtube{
		margin-bottom:35px;
		padding:30px;
		background-image:url(../../images/ayumi_mov_bg.png);
		background-repeat:no-repeat;
		background-size:100%;
	}

	#concept .youtube2, #ayumi .youtube2{
		position:relative;
		width:100%;
		padding-top:56.25%;
	}

	#concept .youtube2 iframe, #ayumi .youtube2 iframe{
		position:absolute;
		top:0;
		right:0;
		width:100% !important;
		height:100% !important;
	}


	#blog{
		margin-bottom:25px;
		padding:0 5%;
	}

	#blog .bg{
		background-image:url(../../images/bar1.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:contain;
	}

	#blog h1{
		margin:0 0 10%;
		padding:10% 0 0;
		text-align:center;
	}

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

	#blog .blog .box{
		position:relative;
	}

	#blog .blog .box:before{
		content:"";
		top:0;
		left:0;
		width:100%;
		padding-top:90%;
		display:block;
	}

	#blog .blog .box:after{
		position:absolute;
		content:"";
		top:0;
		left:0;
		display:block;
		width:100%;
		height:300px;
		background-image:url(../../images/blog_illust3.png);
		background-size:contain;
		background-repeat:no-repeat;
	}

	#blog .blog .box p{
		margin:45px 0 30px;
		text-align:center;
	}

	#blog dl{
		clear:both;
		padding-bottom:55px;
	}

	#blog dt{
		margin-bottom:12px;
		padding:5px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		background-color:#fff;
		box-shadow:0px 0px 18px 3px #ccc;
	}

	#blog dt img{
		width:100%;
		height:auto;
	}

	#blog dd:nth-child(2){
		margin-bottom:8px;
		font-size:1rem;
	}

	#blog dd:nth-child(3){
		margin-bottom:30px;
		font-size:1.8rem;
	}

	#blog dd:nth-child(4){
		margin-bottom:16px;
		font-size:1.4rem;
		line-height:1.4;
	}

	#blog dd:nth-child(5){
		/*display:inline-block;*/
		font-size:1.4rem;
		text-align:center;
	}

	#blog dd:nth-child(5) a{
		display:block;
		padding:15px 80px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
		background-color:#d9f590;
	}

	#blog dd:nth-child(5) a:after{
		content:">>";
		display:inline-block;
		margin-left:15px;
	}


	#cdn{
		margin-bottom:25px;
		padding:0 5%;
	}

	#cdn .box{
		padding:0 0 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;	
		border-bottom:3px dashed #e7e9b1;
	}

	#cdn .box article{
		padding:10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		xbackground-color:#fff;
	}

	#cdn .box article:first-child{
		margin-bottom:25px;
		text-align:center;
	}


	#cdn .box article.insta{
		clear:both;
		background-color:transparent;
	}

	#instagram{
		padding:0px 0 25px;
	}

	#instagram h1{
		width:70px;
		height:62px;
		margin:20px auto 0px;
		text-align:center;
	}

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

	#instagram #feed li{
		float:left;
		width:48%;
		margin:0 4% 4% 0;
	}

	#instagram #feed li:nth-child(2n){
		margin:0 0 4% 0;
	}

	#instagram #feed .image{
		display:block;
		position:relative;
		width:100%;
		padding-top:100%;
		overflow:hidden;
		margin:0 auto;
	}

	.image img{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		max-width:150%;
		max-height:150%;
	}
	
	#sns{
		padding:30px;
		text-align:center;
	}




	#banner{
		margin-bottom:25px;
		padding:0 5%;
	}

	#banner .banner{
		padding-bottom:25px;
		background-image:url(../../images/bar2.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:contain;
	}

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

	#banner .banner li{
		margin-bottom:10px;
		text-align:center;
	}

	#banner .banner li:last-child{
		margin-bottom:0;
	}

	#banner .banner2{
		padding:25px 0;

		xbackground-image:url(../../images/bar3.gif);
		xbackground-repeat:no-repeat;
		xbackground-position:center bottom;
		xbackground-size:contain;
	}

	#banner .banner2 li{
		margin-bottom:15px;
		text-align:center;
	}

	#banner .banner2 li:last-child{
		margin-bottom:0;
	}


	#access{
		margin-bottom:25px;
		padding:0 5%;
	}

	#access:before{
		content:url(../../images/access_photo.jpg);
		display:block;
		margin-bottom:15px;
		text-align:center;
	}

	#access .access{
		margin-bottom:30px;
		text-align:center;
	}

	#access .access address{
		display:inline-block;
		margin-bottom:20px;
		line-height:1.4;
		font-style:normal;
		text-align:left;
	}

	#access .access ul{
		display:inline-block;
	}


	@media screen and (max-width: 480px){

	.mapbtm{
		text-align:center;
	}
	}

	.mapbtm li{
		display:inline-block;
		margin-bottom:12px;
	}

	.mapbtm li a{
		display:block;
		width:192px;
		padding:10px 0 14px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		background-color:#fff;
		border:2px solid #898989;
	}

	.mapbtm li:last-child a{
		padding:6px 0 14px;
	}

	.mapbtm li a:before{
		display:inline-block;
		margin:0 7px 0 15px;
		position:relative;
		top:3px;
	}

	.mapbtm li:first-child a:before{
		content:url(../../images/icon_mail.png);
	}
		
	.mapbtm li:last-child a:before{
		content:url(../../images/icon_car.png);
		top:5px;
	}

	#access .map{
		clear:both;
	}

	#access .map h1{
		margin-bottom:15px;
		padding:30px 0 5px;
		background-image:url(../../images/access_bg.gif);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:65%;
		font-size:1.6rem;
		font-weight:400;
		text-align:center;
	}

	#access .map .googlemap{
		position:relative;
		width:100%;
		height:0;
		padding-bottom:56.25%;
		overflow:hidden;
		margin-bottom:20px;
	}

	#access .map .googlemap iframe{
		position:absolute;
		top:0;
		left:0;
		width:100% !important;
		height:100% !important;
	}

}



@media screen and (min-width: 360px){

	#concept .youtube, #ayumi .youtube{
		padding:40px;
	}

	#info .life dl{
		float:left;
		width:48%;
		margin-right:2%;
	}

	#info .life dl:nth-child(even){
		float:right;
		margin-right:0;
	}

	#info .life dt{
		background-size:100%;
	}



}



@media screen and (min-width: 375px){

	#concept .youtube, #ayumi .youtube{
		padding:44px;
	}

	#blog dl{
		width:320px;
		margin:auto;
	}

	#blog .blog .box:after{
		height:315px;
	}



}



@media screen and (min-width: 414px){

	#concept .youtube, #ayumi .youtube{
		padding:13%;
	}

	#blog .blog .box:after{
		height:350px;
	}

}



@media screen and (min-width: 480px){


	#info .info img{
		width:474px;
	}
	
	#info .info dt{
		float:left;
		width:90px;
	}

	#info .info dd{
		float:right;
		width:76%;
		padding:5px 0;
	}

	#info .life dl{
		float:left;
		width:48%;
		margin-right:2%;
	}

	#info .life dl:nth-child(even){
		float:right;
		margin-right:0;
	}

	#info .life dt{
		background-size:85%;
	}
	
	.life2 p{
		width:350px;
	}
	
	.pre_bnr{
		text-align:center;
	}
	
	.pre_bnr img{
		width:400px;
		height:auto;
	}



	#blog{
		margin-bottom:25px;
		padding:0 46px;
	}

	#blog .bg{
		padding-bottom:20px;
	}

	#blog h1{
		position:relative;
		float:right;
		width:48%;
		margin:0 0 15px 4%;
		padding:30px 0 37%;
	}

	#blog h1:before{
		content:"";
		display:block;
		width:100%;
		top:0;
		left:0;
	}

	#blog h1:after{
		position:absolute;
		content:"";
		display:block;
		width:48%;
		height:100%;
		padding:10% 10% 10% 5%;
		top:10%;
		left:18%;
		background-image:url(../../images/blog_illust.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left bottom;
	}

	#blog .blog{
		padding-top:20px;
		background-image:none;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		padding:20px 0 0;
	}

	#blog .blog .box{
		float:right;
		width:48%;
	}

	#blog .blog .box:after{
		height:205px;
	}

	#blog .blog p{
		margin:80px 0 25px;
		text-align:center;
	}

	#blog dl{
		width:290px;
		margin:auto;
		padding-top:30px;
	}




	#banner .banner2 li{
		float:left;
		width:48%;
		margin-right:2%;
		text-align:center;
	}

	#banner .banner2 li:nth-child(even){
		float:right;
		margin-right:0;
	}

	#access:before{
		float:left;
		width:48%;
		text-align:left;
	}

	#access .access{
		float:right;
		width:48%;
		text-align:left;
	}

	#access .map h1{
		background-size:50%;
	}

}


@media screen and (min-width: 568px){

	#access .map h1{
		margin-bottom:25px;
	}

	#info .info dt{
		width:20%;
		padding:5px 0;
		text-align:center;
	}

	#blog .blog .box:after{
		height:220px;
	}


}



@media screen and (min-width: 640px){

	#info .life dt{
		background-size:75%;
	}

	#blog .blog .box:after{
		height:245px;
	}

	#cdn .box article:first-child{
		xwidth:68%;
		margin:auto;
		background-color:transparent;
		text-align:center;
	}

	#cdn .box article:first-child .facebookBody{
		padding:2%;
		background-color:#fff;
	}
	
}



@media screen and (min-width: 667px){

	#blog .blog .box:after{
		height:285px;
	}

	#blog h1{
		margin:0 0 15px;
	}

}


@media screen and (min-width: 736px){

	#info .life dt{
		background-size:65%;
	}

	#blog .blog{
		background-image:none;
		width:640px;
		margin:auto;
		padding:20px 0 0;
	}

}



@media screen and (min-width: 980px){

	#info{
		padding:0 46px;
	}

	#info h1{
		float:left;
		margin:0 30px 35px 0;
		padding:35px 0 0;
		text-align:left;
	}
	
	#info h1.pre{
		float:left;
		margin:0 30px 35px 0;
		padding:0px 0 0;
		text-align:left;
	}

	#info .info{
		float:left;
		width:550px;
		margin-bottom:20px;
		padding:30px 0 0;
	}
	
	.life{
		text-align:center;
	}

	#info .life dl{
		width:25%;
		xmargin-right:2.333%;
		margin-right:1%;
	}

	#info .life dl:nth-child(even){
		float:left;
		margin-right:2.333%;
	}

	#info .life dl:last-child{
		float:left;
		xmargin-right:0;
		margin-left:45px;
	}

	#info .life dt{
		background-size:95%;
	}
	
	.life2{
		overflow:hidden;
	}

	.life2 p{
		width:350px;
		float:left;
	}
	
	.life2 p.first{
		padding-left:70px;
	}


	#info .fellowship p{
		float:left;
	}

	#info .fellowship div{
		float:right;
		width:476px;
	}

	#info .fellowship div p{
		float:none;
	}
	
	#pre{
		padding:0 46px 30px;
		overflow:hidden;
	}
	
	#pre h1{
		margin-bottom:30px;
		text-align:left;
	}
	
	.pre_menu{
		display:flex;
	}
	
	.pre_menu div{
		width:300px;
		padding-right:20px;
	}
	
	.pre_menu div:first-child{
		width:300px;
	}
	
	.pre_menu div:last-child{
		padding-right:0;
	}
	
	.pre_menu p{
		padding:5px 0;
		font-size:1.5rem;
	}
	
	/* エンジェル広場・エンジェルベイビー体験会告知 */
	.pre_menu2{
	}
	
	.pre_menu2 div{
	}
	
	.pre_menu2 div:first-child{
	}
	
	.pre_menu2 div:last-child{
	}
	
	.pre_menu2 p{
		padding:5px 0;
		font-size:1.5rem;
	}
	
	#pickup{
		padding:30px 0 30px 50px;
		text-align:left;
		overflow:hidden;
	}
	
	#pickup ul li{
		float:left;
		margin-right:20px;
	}


	#concept, #ayumi{
		clear:both;
		padding:0 46px;
	}

	#concept h1, #ayumi h1{
		margin:0 0 15px;
		padding:25px 0 0;
		text-align:left;
	}
	
	#ayumi h1{
		padding-top:0;
	}

	#concept div, #ayumi div{
		float:left;
		width:314px;
		margin-bottom:35px;
	}

	#concept div p, #ayumi div p{
		padding-left:15px;
	}

	#concept .youtube, #ayumi .youtube{
		float:right;
		width:445px;
		height:305px;
		margin:-45px 0 35px;
		padding:55px 45px 45px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#concept .youtube div, #ayumi .youtube div{
		float:none;
	}


	#blog{
		margin-bottom:25px;
		padding:0 46px;
	}

	#blog .bg{
		padding-bottom:5px;
	}

	#blog h1{
		float:right;
		width:244px;
		margin:0 0 15px;
		padding:10px 0 0;
		text-align:left;
	}

	#blog h1:before{
		display:none;
	}

	#blog h1:after{
		position:static;
		width:100%;
		content:url(../../images/blog_illust.png);
		background-image:none;
		display:block;
		margin:0;
	}

	#blog .blog{
		float:right;
		width:563px;
		padding:20px 0 0;
	}

	#blog .blog .box{
		float:right;
		width:319px;
	}

	#blog .blog .box p{
		margin:35px 0 25px;
		text-align:center;
	}

	#blog dl{
		clear:none;
		float:left;
		width:290px;
		margin-right:15px;
		padding-top:30px;
	}



	#cdn{
		clear:both;
		margin-bottom:25px;
		padding:0 46px;
	}

	#cdn .box{
		padding:0 20px 15px;
	}

	#cdn .box article{
		padding:0 25px;
	}

	#cdn .box article:first-child{
		float:left;
		xwidth:360px;
		padding:25px;
		xbackground-color:#fff;
		text-align:left;
	}

	#cdn .box article:first-child .facebookBody{
		padding:0;
		background-color:transparent;
	}

	#cdn .box article:last-child{
		float:left;
		xwidth:460px;
	}


	#cdn .box article.insta{
		clear:none;
	}

	#instagram #feed ul{
		padding:0 40px;
	}

	#instagram #feed li{
		width:150px;
		height:150px;
		margin:0 20px 20px 0;
	}

	#instagram #feed li:nth-child(2n){
		margin:0 20px 20px 0;
	}
	
	#sns{
		padding:50px;
		text-align:left;
	}


	#banner{
		margin-bottom:25px;
		padding: 0 0px;
		padding-left:20px;
	}

	#banner .banner li{
		float:left;
		width:48%;
		margin-right:2%;
		margin-bottom:12px;
	}

	#banner .banner li:last-child{
		margin-right:0;
	}

	#banner .banner li img{
		max-width:100%;
		width:auto;
		height:auto;
	}

	#banner .banner2 li{
		xwidth:27%;
		width:47%;
		margin-right:2.33%;
		text-align:center;
	}

	#banner .banner2 li:nth-child(even){
		float:left;
		margin-right:2.33%;
	}

	#banner .banner2 li:last-child{
		margin-right:0;
	}



	#access:before{
		width:25%;
		padding:25px 0 0 0px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .access{
		float:left;
		width:27%;
		padding:25px 0 0 0px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .map{
		clear:none;
		float:right;
		width:42.5%;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

	#access .map h1{
		margin-bottom:5px;
	}

}



/* 保護者専用ページ(login/index.html)
------------------------------------------------------------ */

@media screen and (min-width: 320px){

	#loginpage{
		padding:0 5%;
	}

	#loginpage h1{
		margin-bottom:20px;
		padding:85px 0 15px;
		background-image:url(../../login/images/main_top_illust.png),url(../../login/images/title_line2.png);
		background-repeat:no-repeat,repeat-x;
		background-size:100%,459px;
		background-position:left top,center bottom;
		font-size:2rem;
		font-weight:400;
		text-align:center;
	}

	#loginpage .loginpage ul:first-child{
		margin-bottom:15px;
		padding-bottom:15px;
		background-image:url(../../login/images/menu_line.png);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center bottom;
		text-align:center;
	}

	#loginpage .loginpage ul:first-child li{
		display:inline-block;
		font-size:1.3rem;
	}

	#loginpage .loginpage ul:first-child a{
		display:block;
		margin-right:10px;
		-webkit-border-radius:90px;
		-moz-border-radius:90px;
		border-radius:90px;
		background-color:#d6e5d2;
		padding:40px 15px;
	}

	#loginpage .loginpage ul:first-child li:last-child a{
		margin-right:0;
	}

	#loginpage .loginpage ul:last-child{
		margin-bottom:20px;
		text-align:center;
	}

	#loginpage .loginpage ul:last-child li{
		display:inline-block;
		margin-bottom:10px;
		font-size:1.1rem;
	}

	#loginpage .loginpage ul:last-child a{
		display:block;
		margin-right:10px;
		-webkit-border-radius:90px;
		-moz-border-radius:90px;
		border-radius:90px;
		background-color:#dafdf9;
		padding:40px 15px;
	}

	#loginpage .loginpage ul:last-child li:nth-child(even) a{
		margin-right:0;
	}

	#loginpage .loginpage ul:last-child li:nth-child(2) a{
		background-color:#d9f3cc;
	}

	#loginpage .loginpage ul:last-child li:nth-child(3) a{
		background-color:#ffd5c4;
	}

	#loginpage .loginpage ul:last-child li:last-child a{
		background-color:#fff987;
		padding:40px 10px;
	}


	#loginpage .object{
		margin-bottom:30px;
		padding-bottom:35px;
		background-image:url(../../login/images/pinkline.png);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center bottom;
	}

	#loginpage .object h2{
		margin-bottom:20px;
		padding-bottom:22px;
		background-image:url(../../login/images/main_title_bg.png);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:center bottom;
		font-size:1.6rem;
		font-weight:400;
	}

	#loginpage .object dl{
		margin-bottom:10px;
	}

	#loginpage .object dt{
		display:inline-block;
	}

	#loginpage .object dt.pdf:before{
		content:"PDF";
		display:inline-block;
		margin-right:12px;
		padding:4px 10px;
		background-color:#fe635f;
		color:#ffffe1;
	}

	#loginpage .object dd{
		display:inline-block;
	}

	#loginpage .image{
		margin-bottom:70px;
		padding-bottom:35px;
		background-image:url(../../login/images/title_line2.png);
		background-repeat:repeat-x;
		background-size:459px;
		background-position:center bottom;
	}

	#loginpage .image p{
		text-align:center;
		margin-bottom:30px;
	}

	#loginpage .image p img{
		max-width:100%;
		width:auto;
		height:auto;
	}

	#loginpage .access{
		margin-bottom:30px;
		text-align:center;
	}

	#loginpage .access address{
		display:inline-block;
		margin-bottom:10px;
		line-height:1.4;
		font-style:normal;
		text-align:left;
	}

	#loginpage .access ul{
		display:inline-block;
	}

	#loginpage .access li{
		display:inline-block;
		margin-bottom:12px;
	}

	#loginpage .access li a{
		display:block;
		width:192px;
		padding:10px 0 14px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		background-color:#fff;
		border:2px solid #898989;
	}

	#loginpage .access li:last-child a{
		padding:6px 0 14px;
	}

	#loginpage .access li a:before{
		display:inline-block;
		margin:0 7px 0 0;
		position:relative;
		top:3px;
	}

	#loginpage .access li:first-child a:before{
		content:url(../../images/icon_mail.png);
	}
		
	#loginpage .access li:last-child a:before{
		content:url(../../images/icon_car.png);
		top:5px;
	}

	#loginpage .menu{
	}

	#loginpage .menu h2{
		margin-bottom:10px;
		font-weight:400;
	}

	#loginpage .menu h2:before,
	#loginpage .menu h2:after{
		content:"★";
		display:inline-block;
	}

	#loginpage .menu ul{
		margin-bottom:40px;
	}

	#loginpage .menu li{
		margin-bottom:10px;
		padding-left:1em;
		text-indent:-0.35em;
	}

	#loginpage .menu li:before{
		content:">";
		display:inline-block;
		margin-right:1px;
	}
	
	#loginpage .comment p{
		line-height:1.5em;
	}



}


@media screen and (min-width: 414px){

	#loginpage .loginpage ul:last-child a{
		padding:45px 20px;
	}

	#loginpage .loginpage ul:last-child li:last-child a{
		padding:45px 15px;
	}

}



@media screen and (min-width: 480px){

	#loginpage h1{
		padding:28% 0 25px;
	}

	#loginpage .loginpage ul:first-child{
		padding-bottom:20px;
	}

	#loginpage .loginpage ul:last-child a{
		padding:35px 10px;
	}

	#loginpage .loginpage ul:last-child li:last-child a{
		padding:35px 5px;
	}

	#loginpage .loginpage ul:last-child li:nth-child(even) a{
		margin-right:10px;
	}

	#loginpage .loginpage ul:last-child li:last-child a{
		margin-right:0;
	}

	#loginpage .object h2{
		padding-bottom:8%;
	}

	#loginpage .access{
		width:230px;
	}

	#loginpage .menu{
		padding-left:20px;
	}

}



@media screen and (min-width: 980px){

	#mainbody div.bg2{
		background-image:url(../../login/images/main_top_illust.png),url(../../login/images/main_top_bg.png);
		background-repeat:no-repeat;
		background-size:100%;
		background-position:left top,right top;
		background-size:360px,520px;
	}

	#loginpage{
		padding:0 38px;
	}

	#loginpage h1{
		width:460px;
		margin-bottom:10px;
		padding:12% 0 25px;
		background-image:none,url(../../login/images/title_line2.png);
		font-size:2.2rem;
	}

	#loginpage .loginpage{
		width:460px;
	}

	#loginpage .object h2{
		padding:2% 0 7%;
	}

	#loginpage .image{
		margin-bottom:70px;
		padding-bottom:35px;
		background-image: url(../../login/images/title_line2.png);
		background-repeat:repeat-x;
		background-size:459px;
		background-position:left bottom;
	}

	#loginpage .access{
		float:left;
		margin-right:110px;
	}

	#loginpage .menu{
		float:left;
		padding-left:0;
	}

	#loginpage .menu div{
		float:left;
		margin-right:95px;
	}

	#loginpage .menu div:last-child{
		margin-right:0;
	}


}
.release{
	margin-bottom:20px;
	font-size:12px;
}
.release p{
	margin-bottom:5px;
	text-align:left;
}
.releasein{
	padding-top:20px;
	font-size:12px;
}
@media screen and (max-width: 480px){
	.release{
	margin-bottom:50px;
}
.releasein{
	padding-top:20px;
}

}