@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:#4c453a;
	text-decoration:none;
	transition: all  0.3s ease;
	opacity:.8;
}

a:focus,
a:active{
	color:#000;
}

.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{
	clear:both;
}

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

.pc-nav > ul{
	width:100%;
	xheight:230px;
	height:150px;
	font-size:1.4rem;
}

.pc-nav > ul > li {
  float: left;
	width:160px;
	background-image:url(../images/menu_bg.png);
	background-repeat:no-repeat;
	vertical-align:top;
  /*float: left;
  padding: 6px 15px 0;
  height: 63px;
  font-size: 15px;
  line-height: 2;*/
}

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

.pc-nav.top > ul > li:nth-child(2),
.pc-nav.top > ul > li:nth-last-child(2){
	margin-top:75px;
}

.pc-nav.top > ul > li:nth-child(3),
.pc-nav.top > ul > li:nth-child(4){
	margin-top:95px;
}


.pc-nav > ul > li:nth-last-child(3),
.pc-nav > ul > li:nth-last-child(4){
	background-position:center top;
}

.pc-nav > ul > li:nth-last-child(2),
.pc-nav > ul > li:last-child{
	background-position:right top;
}

.pc-nav > ul > li > a {
	display: block;
	height:132px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

.pc-nav > ul > li:first-child > a{
	padding:60px 40px 0 40px;
}

.pc-nav > ul > li:nth-child(2) > a{
	padding:60px 26px 0 26px;
}

.pc-nav > ul > li:nth-child(3) > a{
	padding:60px 44px 0px 54px;
}

.pc-nav > ul > li:nth-child(4) > a{
	padding:54px 30px 0 48px;
}

.pc-nav > ul > li:nth-last-child(2) > a{
	padding:60px 20px 0px 60px;
}

.pc-nav > ul > li:last-child > a{
	padding:60px 20px 0px 52px;
}


.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:30px;
		height:40px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius:50%;
		font-size:80%;
		cursor:pointer;
	}

	.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:0;
		right:2px;
		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;
		right:1px;
		/* 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:15px 0;
		padding-left:15px;
		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;
	}

}

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

	.sp-header-inner{
		display:none;

	}

}

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

	.sp-menu-btn{
		top:2px;
		right: 2.666%;
	}	

}



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

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

	body{
		background-image:url(../images/main_bg.jpg);
		background-repeat:repeat-y;
		background-size:100%;
	}

	#wrapper{
		width:100%;
	}

	header{
		background-image:url(../images/head_bg_sp.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:100% auto;
		background-size:cover;
	}

	#menu{
		display:none;
	}

	section#top{
		padding-bottom:10px;
		background-image:url(../../images/line.png);
		background-repeat:no-repeat;
		background-position:center bottom;
		background-size:contain;
	}

	#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,
	#mainbodyIn{
		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: 640px){

	section#top{
		padding-bottom:45px;
	}

}


@media screen and (min-width: 980px){
	
	body{
		background-image:url(../images/main_bg.jpg);
		background-repeat:repeat;
		background-size:800px;
		height:auto;
	}


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

	header.in{
		background-image:url(../images/headsub_bg_pc.jpg);
	}

	#menu{
		display:block;
	}

	section#top{
		padding-bottom:110px;
	}

	#wrapper{
		width:100%;
	}

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

	#mainbody,
	#mainbodyIn{
		width:960px;
		margin:0 auto 35px;
	}

	#mainbodyIn{
		-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:12px;
		-moz-border-radius:12px;
		border-radius:12px;
		border:5px solid #eeeeed;
		background-color:#fff;
	}






}



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

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

	header h1{
		padding:4% 0 12%;
		margin:0 auto 8%;
		text-align:center;
	}

	header img{
		max-width:100%;
		width:80%;
		height:auto;
	}

	header article > ul:first-child{
		display:none;
	}

}



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

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

}

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


}


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

	header article{
		width:960px;
		margin:auto;
	}

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

	header.in h1{
		margin:0 auto;
	}

	header article > ul:first-child{
		display:block;
		float:right;
		margin-bottom:30px;
	}

	header.in article > ul:first-child{
		margin-bottom:10px;
	}

}


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


}



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


}



/* 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{
		clear:both;
	}

	footer img{
		width:100%;
		height:auto;
	}

	footer img.sp{
		display:inline;
	}

	footer img.tab{
		display:none;
	}

	footer img.pc{
		display:none;
	}

	footer .pt{
		display:none;
		position:fixed;
		width:120px;
		height:20px;
		background-color:#24ab00;
		text-align:center;
		padding:10px 0 5px;
		bottom:0;
		right:0;
	}

	footer .pt img{
		max-width:100%;
		width:auto;
		height:auto;
		vertical-align:bottom;
	}


}


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



}


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


}



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



}



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



}



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



}



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



}



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

	footer img.sp{
		display:none;
	}

	footer img.tab{
		display:inline;
	}

	footer img.pc{
		display:none;
	}



}



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

	footer img.sp{
		display:none;
	}

	footer img.tab{
		display:none;
	}

	footer img.pc{
		display:inline;
	}

}





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

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

	#photo{
		padding:0 5%;
	}

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

	#photo .photo dl{
		margin-bottom:40px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

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

	#photo .photo dt{
		margin-bottom:12px;
		text-align:center;
	}

	#photo .photo dt img{
		/* max-width:100%; */
		width:100%;
		height:auto;
	}

	#photo .photo dd:first-of-type{
		margin-bottom:10px;
		font-size:1.2rem;
	}

	#photo .photo dd:last-of-type{
		font-size:1.6rem;
		line-height:1.3em;
	}



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

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

	#news .news{
		margin-bottom:25px;
		padding:0 20px;
	}

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

	#news .news dt span{
		display:inline-block;
		width:100px;
		margin:0 15px 5px 0;
		padding:5px 0;
		-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:#fff;
		text-align:center;
	}
	
	#news .news dd{
		line-height:1.5em;
	}

	span.news{
		background-color:#385495;
	}

	span.notenter{
		background-color:#ff6f80;
	}

	span.recruit{
		background-color:#67c30d;
	}

	#news .news dt{
		/*width:32.5%;*/
	}

	#news .news dd{
		width:100%;
	}
	
	.newsinfo{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding:20px 0;
		line-height:1.5em;
	}


	#life{
		clear:both;
		margin-bottom:35px;
		padding-bottom:35px;
		background-image:url(../../images/line_dot.png);
		background-position:center bottom;
		background-repeat:no-repeat;
		background-size:contain;
	}

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

	#life article{
		padding:0 5%;
	}

	#life .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;
	}

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

	#life .life dt{
		margin-bottom:0px;
		padding:40px 0 5px;
		text-align:center;
	}

	#life .life dt img{
		/* max-width:100%; */
		width:100%;
		height:auto;
	}

	#life .life dd{
		padding:0 0px;
		font-size:1.6rem;
		line-height:1.4;
	}



	#cdn{
		clear:both;
		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;	
	}

	#cdn .box article{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}

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

	#cdn .box article:first-child{
		margin-bottom:50px;
	}

	#cdn .box article h1{
		margin-bottom:50px;
	}

	#cdn .box article h1 span{
		display:block;
		margin-top:10px;
		font-size:1.2rem;
	}

	#cdn .item article{
		max-width:100%;
		min-width:290px;
		margin:2.0833% 0;
	}



	.insta{
		clear:both;
	}
	
	.instagram img{
		width:100%;
	}
	
@media screen and (min-width: 980px){
	
	.instagram{
		width:400px;
	}
	
	.instagram img{
		xwidth:935px;
	}


}
	#instagram{
		padding:120px 0 25px;
		background-image:url(../../images/line.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:350%;
	}

	#instagram h1{
		margin-bottom:30px;
		text-align:center;
	}

	#instagram h1 span{
		display:block;
		margin-top:10px;
		font-size:1.2rem;
	}

	#instagram #feed li{
		float:left;
		width:50%;
	}

	#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%;
	}



	#access{
		clear:both;
		padding-bottom:31px;
		background-color:#81c775;
	}

	#access .access{
		padding:0 5%;
	}

	#access .access address{
		margin-bottom:35px;
		font-size:1.6rem;
		font-style:normal;
		line-height:1.4;
	}

	#access .access address span:first-child{
		display:block;
		margin-bottom:30px;
		font-size:1.8rem;
		margin-left:3em;
		text-indent:-2.8em;
	}

	#access .access address span:first-child:before{
		content:url(../../images/icon_futaba.png);
		margin-right:10px;
		position:relative;
		top:28px;
	}

	#access .access address span:last-child{
		display:block;
		padding:0 0 0 10px;
	}

	#access .access li a{
		display:block;
		width:192px;
		padding:0 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;
	}

	#access .access li:first-child a:before{
		content:url(../../images/icon_mail.png);
		display:inline-block;
		margin:0 7px 0 15px;
		position:relative;
		top:5px;
	}
	
	#access .access li:last-child a:before{
		content:url(../../images/icon_recruit.png);
		display:inline-block;
		margin:0 7px 0 15px;
		position:relative;
		top:5px;
	}


	#map{
		clear:both;
	}

	#map .map{
		clear:both;
	}

	#map .map h1{
		display:none;
		margin-bottom:15px;
		padding:30px 0 5px;
		font-size:1.6rem;
		font-weight:400;
		text-align:center;
	}

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

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

}



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

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

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


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

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

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

	#life .life dd{
		font-size:1.4rem;
	}



}



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


}



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



}



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

	#news{
		padding-bottom:55px;
	}


	#life .life dd{
		font-size:1.6rem;
	}



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

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




}


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

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


	#instagram{
		background-size:300%;
	}


}



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

	#photo .photo dl{
		float:left;
		width:31.3333%;
		margin-right:2%;
	}

	#photo .photo dl:nth-child(even){
		float:left;
		margin-right:2%;
	}

	#photo .photo dl:nth-child(3n){
		float:left;
		margin-right:0;
	}



	#life h1{
		margin:0 0 2%;
	}



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

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



	#instagram #feed li{
		width:33.3333%;
	}



}



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


}


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

	#news .news dt{
		float:left;
	}

	#news .news dd{
		float:right;
		width:68%;
		padding:5px 0;
	}


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


	#instagram{
		background-size:250%;
	}


}



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

	#photo{
		padding:0;
	}

	#photo h1{
		margin:0 0 35px;
		padding:35px 0 0;
	}

	#photo .photo dl{
		width:180px;
		margin-right:15px;
	}

	#photo .photo dl:nth-child(even){
		margin-right:15px;
	}

	#photo .photo dl:nth-child(3n){
		margin-right:15px;
	}

	#photo .photo dl:last-child{
		margin-right:0;
	}



	#news{
		margin-bottom:40px;
	}

	#news h1{
		margin:0 0 40px;
		padding:0;
	}

	#news .news dd{
		width:75%;
	}



	#life h1{
		margin:0 0 40px;
		padding:0;
	}

	#life .life dl{
		float:left;
		width:220px;
		margin-right:100px;
	}

	#life .life dl:nth-child(even){
		float:left;
		width:220px;
		margin-right:100px;
	}

	#life .life dl:nth-child(3n){
		float:left;
		width:220px;
		margin-right:0;
	}

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




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

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

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

	#cdn .box article:first-child{
		float:left;
		width:50%;
		padding:25px 0;
		text-align:left;
	}

	#cdn .box article h1{
		text-align:center;
	}

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

	#cdn .box article:last-child{
		float:left;
		width:50%;
		margin-top:0;
	}


	#instagram{
		background-size:contain;
	}

	#instagram #feed li{
		float:left;
		width:16.6666%;
	}



	#access{
		clear:none;
		float:left;
		width:50%;
	}

	#access .access{
		float:right;
		width:60%;
		padding:25px 0 0 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;
	}


	#map{
		clear:none;
		float:right;
		width:50%;
	}

	#map .map{
		clear:none;
	}

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

}


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

	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe[style]{
		width:100% !important;
	}

}



/* 写真ページ(photo/index.html)
------------------------------------------------------------ */

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

	#photopage{
		padding:0 5%;
	}

	#mainbodyIn div.bg2{
		background-image:url(../../photo/images/main_top_illust.png);
		background-repeat:no-repeat;
		xbackground-size:contain;
		background-position:left top;
	}

	#photopage h1{
		margin-left:2%;
		margin-bottom:20px;
		padding:85px 0 15px;
		background-image:url(../../photo/images/title_line2.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		font-size:2.4rem;
		font-weight:400;
		text-align:left;
	}

	#photopage .photopage{
		padding:0 0 30px;
		xbackground-image:url(../../photo/images/starline.png);
		xbackground-repeat:repeat-x;
		xbackground-position:center bottom;
	}

	/*#photopage .photopage:after{
		content:"";
		display:inline-block;
		width:100%;
		min-height:230px;
		background-image:url(../../photo/images/photo.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	*/

	#photopage .photopage ul:first-child{
		padding:0 2%;
	}

	#photopage .photopage ul li{
		margin-bottom:15px;
		border-bottom:3px dashed #bdbcc3;
		font-size:1.4rem;
	}

	#photopage .photopage ul a{
		display:block;
		padding-bottom:10px;
	}


	#photopage .ymd{
		padding:0px 0 45px;
	}

	#photopage .ymd ul{
		text-align:center;
	}

	#photopage .ymd li{
		display:inline-block;
		margin-bottom:12px;
	}

	#photopage .ymd ul a{
		display:block;
		width:82px;
		margin-right:10px;
		padding:28px 0;
		-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:50%;
		-moz-border-radius:50%px;
		border-radius:50%;
		color:#fff;
		font-size:1.8rem;
		text-align:center;
	}

	#photopage .ymd ul span{
		display:block;
		font-size:1rem;
	}

	#photopage .ymd ul:first-child a{
		background-color:#ff7373;
	}

	#photopage .ymd ul:nth-child(2) a{
		background-color:#72bac9;
	}

	#photopage .ymd ul:nth-child(3) a{
		background-color:#82b538;
	}
	#photopage .ymd ul:last-child a{
		background-color:#fd811d;
	}

	#photopage .object{
		clear:both;
	}

	#photopage .object h2{
		clear:both;
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:2px solid #1e1e1e;
		font-size:1.8rem;
		font-weight:400;
	}

	#photopage .object div{
		xtext-align:center;
	}

	#photopage .object dl{
		display:inline-block;
		width:48%;
		margin-right:2%;
		margin-bottom:40px;
	}

	#photopage .object dl:nth-child(even){
		margin-right:0;
	}

	#photopage .object dt img{
		width:100%;
		height:auto;
		margin-bottom:5px;
	}

	#photopage .object dd:first-of-type{
		font-size:1.3rem;
		margin-bottom:5px;
	}

	#photopage .object dd:last-of-type{
		font-size:1.6rem;
	}


	#fmenu .fmenu{
		padding:50px 28px;
		-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:#f6fe99;
	}

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

	#fmenu .fmenu h2:before,
	#fmenu .fmenu h2:after{
		content:"★";
		display:inline-block;
		margin-right:5px;
	}

	#fmenu .fmenu h2:after{
		margin:0 0 0 5px;
	}

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

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

	#fmenu .fmenu li:before{
		content:url(../images/arrowRight.png);
		display:inline-block;
		margin-right:10px;
		position:relative;
		top:4px;
	}



}



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

	#mainbodyIn div.bg2{
		xbackground-size:65% auto;
	}


	#photopage h1{
		padding:18% 0 25px;
		font-size:3.2rem;
	}

}



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

	#photopage .ymd ul{
		float:left;
		text-align:center;
	}

	#photopage .object dl{
		display:inline-block;
		width:31.3333%;
		margin-right:2%;
		margin-bottom:40px;
		vertical-align:top;
	}

	#photopage .object dl:nth-child(even){
		margin-right:2%;
	}

	#photopage .object dl:nth-child(3n){
		margin-right:0;
	}


}


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

	#photopage .ymd{
		padding:0px 6% 45px;
	}

}


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

	#photopage .ymd{
		padding:0px 8% 45px;
	}

	#mainbodyIn div.bg2{
		xbackground-size:50% auto;
	}

}


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

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

	#photopage{
		padding:0 38px;
	}

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

	#photopage .photopage{
		padding-bottom:72px;
	}

	#photopage .photopage ul{
		width:460px;
	}

	#photopage .photopage:after{
		display:none;
		content:"";
		background-image:none;
	}

	#photopage .ymd{
		padding:40px 0 45px;
	}

	#photopage .ymd ul{
		margin-right:4px;
	}

	#photopage .ymd ul:last-child{
		margin-right:0;
	}

	#photopage .ymd ul a {
		width:68px;
		margin-right:0;
		padding:20px 0;
	}

	#photopage .object h2{
		padding:2% 0 3px;
	}

	#photopage .object div{
		text-align:left;
	}

	#photopage .object dl{
		display:inline-block;
		width:160px;
		margin-right:12px;
		margin-bottom:20px;
	}

	#photopage .object dl:nth-child(even){
		margin-right:12px;
	}

	#photopage .object dl:nth-child(3n){
		margin-right:12px;
	}

	#photopage .object dl:nth-child(5n){
		margin-right:0;
	}

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

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

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

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

	#fmenu{
		float:right;
		width:50%;
	}

}



/* 写真詳細ページ(photo/detail.html)
------------------------------------------------------------ */

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

	#photopageIn{
		padding:0 5%;
	}

	#mainbodyIn div.bg3{
		background-image:url(../../photo/images/main_top_illust2.png);
		background-repeat:no-repeat;
		xbackground-size:contain;
		background-position:right top;
	}

	#photopageIn h1{
		margin-left:2%;
		margin-bottom:20px;
		padding:85px 0 15px;
		background-image:url(../../photo/images/title_line3.png);
		background-repeat:repeat-x;
		background-position:left bottom;
		font-size:2.4rem;
		font-weight:400;
		text-align:left;
	}

	#photopageIn .phototitle{
		padding:10px 0 0;
	}

	#photopageIn .phototitle h2{
		clear:both;
		margin-bottom:40px;
		padding:10px 20px;
		-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:1px solid #1e1e1e;
		font-size:1.4;
		font-weight:400;
	}

	#photopageIn .phototitle ul{
		margin-bottom:15px;
		text-align:center;
	}

	#photopageIn .phototitle li{
		display:inline-block;
		width:48%;
		margin-right:2%;
		margin-bottom:30px;
	}

	#photopageIn .phototitle li:nth-child(even){
		margin-right:0;
	}

	#photopageIn .phototitle li img{
		width:100%;
		height:auto;
	}

	#photopageIn ul.page{
		clear:both;
		margin-bottom:40px;
		text-align:center;
	}

	#photopageIn ul.page li{
		display:inline-block;
		width:128px;
		height:35px;
		margin-right:12px;
		-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:1px solid #1e1e1e;
		font-size:1.4rem;
		text-align:center;
		vertical-align:middle;
	}

	#photopageIn ul.page li:last-child{
		margin-right:0;
	}

	#photopageIn ul.page li a{
		display:block;
		padding:8px 0;
	}

}


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

	#mainbodyIn div.bg3{
		xbackground-size:65% auto;
	}

}



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

	#photopageIn .phototitle li{
		display:inline-block;
		width:31.3333%;
		margin-right:2%;
		margin-bottom:30px;
	}

	#photopageIn .phototitle li:nth-child(even){
		margin-right:2%;
	}

	#photopageIn .phototitle li:nth-child(3n){
		margin-right:0;
	}

}



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

	#mainbodyIn div.bg3{
		xbackground-size:50% auto;
	}

}



@media screen and (min-width: 980px){
	
	#photopageIn h1{
		margin-left:0;
	}

	#mainbodyIn div.bg3{
		xbackground-size:40% auto;
	}

}