@charset "utf-8";
/* for PC display */

#dl-menu, #dl-menu2, #sp-newsttl, .sp-img, #sp-headnav, #toTop {
	display: none;
}


/* pc newsbox */
#newsbox #newspage-btn:before {
	content: url(/img/sp/common/sp-icon-side02.png);
	margin-right: 1%;
}

/* pc toTop */
#toTop-pc{
	clear: both;
	width: 1000px;
	margin: 0px auto;
	text-align: right;
	font-size: 0.7em;
	background-color: #fff;
}
#toTop-pc img{
	float:right;
	display:block;
	margin: 20px;
}
/*#toTop-pc a:before{
	content: url(/img/sp/common/totop-pc.png);
	margin-right: 5px;
}
#toTop-pc a:link{
	color: #000;
}*/

/* pc carousel */
#carousel{
	width: 100%;
	background-color: #EAEAE9;
	padding:40px 0;
}
#carousel-inner{
	width: 1000px;
	margin:0 auto;
	text-align: center;
	position: relative;
}
#carousel-inner p.btn-left{
	position: absolute;
	left: 0;
	top:40%;
}
#carousel-inner p.btn-right{
	position: absolute;
	right: 0;
	top:40%;
}

#carousel-inner ul{
	vertical-align: middle;
}
#carousel-inner ul li{
	display: inline-block;
	vertical-align: middle;
	margin:0 5px;
}

/***********************************

form

***********************************/
#contactform{
	margin:30px auto;
}
form .contact-form{
	margin:30px auto;
}
form .contact-form .control-group{
	padding:15px;
	border-bottom:1px solid #ccc;
	clear:both;
}
form .contact-form .control-group input{
	width:70%;
}
form .contact-form .control-group textarea{
	width:70%;
}
form .contact-form .control-group .label-important, form .contact-form .control-group p.text-error{
	color:#cf0439;
}
form .contact-form .control-label{
	float:left;
	width:20%;
	margin-right:20px;
}
form .contact-form .contact-form-submit{
	text-align:center;
	margin:30px auto;
}



/* breakpoint 600px */

@media all and (max-width:600px) {
/*
	common
	**********/
	body{
		-webkit-text-size-adjust: 100%;
	}
	
.pc-img {
	display: none;
}
.sp-img {
	display: block;
}
img {
	width: 100%;
	height:auto;
}


/*
	1部画像の間延び禁止
	***********/
img.pdficon {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
img.sizereset{
	width: auto;
}

/*
   画像サイズ間延び解除、回り込み解除
	***********/
   
/*#mainArea #main #rightside img, #mainArea-blue #main #rightside img{
	width:auto;
	clear:both;
	float:none;
	margin-right: auto;
	margin-left: auto;
}
#mainArea #main #rightside div, #mainArea-blue #main #rightside div, #mainArea #main #rightside p, #mainArea-blue #main #rightside p{
	display:block;
	float:none;
}

#mainArea #main #rightside p.wcvleft, #mainArea #main #rightside p.wcvright, #mainArea #main #rightside img.mt-image-right, #mainArea #main #rightside img.mt-image-left{
	clear:both;
	float:none;
}
#mainArea-blue #main #rightside p.wcvleft, #mainArea-blue #main #rightside p.wcvright, #mainArea-blue #main #rightside img.mt-image-right, #mainArea-blue #main #rightside img.mt-image-left{
	clear:both;
	float:none;
}

/*　大きいサイズの画像を画面幅に縮小
#mainArea #main #rightside p img.spsize, #mainArea-blue #main #rightside img.spsize{
	width:100%;
}　*/

/*　指定の画像を非表示
#mainArea #main #rightside p img.spsize, #mainArea-blue #main #rightside img.spnone{
	display:none;
}　*/

/***********/


body {
	width: 100%;
}

/*a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	color: #000;
}*/
/*
	header
	**********/
	
#headbar {
	display: none;
}
#headArea {
	width: auto;
	width: 96%;
	margin: 0 auto;
}
#headArea h1 {
	width: 50%;
	display: inline-block;
}
#headArea h1 img {
	margin-bottom: 0;
}
#headArea #headright {
	float: none;
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
#headArea #headright ul#headnav {
	display: none;
}
#headArea #headright ul#sp-headnav {
	display: block;
	width: 100%;
	text-align: right;
	padding-top: 10px;
}
#headArea #headright ul#sp-headnav li {
	width: 30%;
	display: inline-block;
}
/*#headArea #headright ul#headnav {
	float: none;
	width: 90%;
	margin: 7% 0 0 4%;
}
#headArea #headright ul#headnav li {
	float: none;
	width: 30%;
	display: inline-block;
	margin: 0;
	padding: 0;
	background-image: none;
}
#headArea #headright ul#headnav li:first-child,  #headArea #headright ul#headnav li:nth-child(5),  #headArea #headright ul#headnav li:last-child {
	display: none;
}
#headArea #headright ul#headnav li a {
	display: block;
	line-height: 4em;
	background-repeat: no-repeat;
	background-size: cover;
	text-indent: -999px;
}*/
#headArea #headright ul#headnav li:nth-child(2) a {
	background-image: url(/img/sp/common/sp-head-btn01.jpg);
}
#headArea #headright ul#headnav li:nth-child(3) a {
	background-image: url(/img/sp/common/sp-head-btn02.jpg);
}
#headArea #headright ul#headnav li:nth-child(4) a {
	background-image: url(/img/sp/common/sp-head-btn03.jpg);
}
#headArea #headright ul#head-for {
	display: none !important;
}
#mainmenuArea {
	display: none;
}
/* dlmenu */
#dl-menu-box {
	display: block;
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
#dl-menu-box #dl-menu {
	width: 50%;
	display: inline-block;
}
#dl-menu-box #dl-menu2 {
	width: 49%;
	display: inline-block;
}
#dl-menu .dl-trigger a, #dl-menu2 .dl-trigger2 a {
	display: block;
}
.dl-menuwrapper ul, .dl-menuwrapper2 ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.dl-menuwrapper li, .dl-menuwrapper2 li {
	position: relative;
}
.dl-menuwrapper li a, .dl-menuwrapper2 li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
	outline: none;
	border-bottom: dotted #ccc 1px;
}
.no-touch .dl-menuwrapper li a:hover, .no-touch2 .dl-menuwrapper2 li a:hover {
	background: rgba(255,248,213,0.1);
}
.dl-menuwrapper li > a:after, .dl-menuwrapper2 li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}
.dl-menuwrapper .dl-menu, .dl-menuwrapper2 .dl-menu2 {
	margin: 2vw 0 0 0;
	position: absolute;
	width: 48%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	z-index: 999;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle, .dl-menuwrapper2 .dl-menu2.dl-menu-toggle2 {
	transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen, .dl-menuwrapper2 .dl-menu2.dl-menuopen2 {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1, .dl-menu2.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2, .dl-menu2.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3, .dl-menu2.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4, .dl-menu2.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5, .dl-menu2.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}
	
	/*
	toTop
	**********/
	#toTop-pc{
		display: none;
	}
	#toTop{
		display: block;
		width:96%;
		margin: 10px auto;
	}
	#toTop a{
		display: block;
		width:12%;
		margin-left: auto;
	}
	
/*
	footer
	**********/
#footArea {
	width: 100%;
}
#footArea #foot {
	width: 96%;
	margin: 0 auto;
	background-size: contain;
}
#footArea #foot #footleft {
	float: none;
	display: inline-block;
	width: 60%;
}
#footArea #foot #footright {
	float: none;
	display: inline-block;
	width: 38%;
	vertical-align: top;
}
#footArea #foot #footright ul {
	width: 48%;
	float: none;
	display: inline-block;
}
#footArea #foot #footright ul:first-of-type, #footArea #foot #footright ul:nth-of-type(2), #footArea #foot #footright ul:nth-of-type(3) li:nth-child(2), #footArea #foot #footright ul:nth-of-type(3) li:nth-child(3), #footArea #foot #footright ul:nth-of-type(3) li:nth-child(4), #footArea #foot #footright ul:last-of-type li:first-child, #footArea #foot #footright ul:last-of-type li:nth-child(2), #footArea #foot #footright ul:last-of-type li:last-child {
	display: none;
}
#footArea #foot #footright ul:nth-of-type(3) li:first-child, #footArea #foot #footright ul:last-of-type li:nth-child(3) {
	width: auto;
	text-align: right;
	background-image: none;
	font-size: calc(0.6em + 0.1%);
}
#footArea #foot #footright ul:nth-of-type(3) li:first-child:before, #footArea #foot #footright ul:last-of-type li:nth-child(3):before {
	content: url(/img/arrow_footmenu.png);
	margin-right: 1%;
}
#copyArea p {
	font-size: calc(0.6em + 0.1%);
}
/*
	index
	***********/
#index-mainImg {
	width: 96%;
	margin: 0 auto;
}
#mainImg-thumnail {
	display: none;
}
#index-mainArea {
	padding: 0;
	height: auto;
}
#index-mainArea #main {
	width: 96%;
	margin: 20px auto;
}
#index-mainArea #main #leftside, #index-mainArea #main #rightside {
	float: none;
	width: 100%;
}
#newsbox {
	width: 100%;
	height: auto;
	border: none;
	background-color: #EDEDED;
	border-left: 1px solid #ccc;
}
#newsbox #newsttl {
	display: none;
}
#newsbox #sp-newsttl {
	display: block;
	background-color: #023480;
	border-top:#000 3px solid;
	color: #ffffff;
	padding: 3% 2%;
	font-size: calc(1em + 0.25%);
}
#newsbox #tabarea {
	height: auto;
	float: left;
	width: 25%;
	vertical-align: top;
}
#newsbox ul#newstub {
	position: static;
	border-bottom: 1px solid #ccc;
	
}
#newsbox ul#newstub li {
	display:block;
	float: none;
	font-size: calc(0.7em + 0.1vw);
	text-align: left;
	padding: 10%;
	width: auto;
	background-image: url(/img/sp/common/sp-icon-side.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 8%;
	border-left:none;
}
#newsbox #tabarea ul#newstub li .pc-img{
	font-size:0.7em;
}

/*選択タブ*/
#newsbox ul#newstub li.on{
	display:block;
	float:none;
	width:auto;
	font-size: calc(0.7em + 0.1vw);
	text-align:left;
	border-top:1px solid #0e5ec2;
	border-left:1px solid #0e5ec2;
	background-color:#0e5ec2;
	padding: 10%;
	color:#fff;
}
#newsbox ul#newstub li.on .pc-img{
	font-size:0.7em;
	color:#fff;
}
#newsbox ul#newstub li.on a{
	text-decoration:none;
	display:block;
}



#newsbox #newslist {
	width: 70%;
	float: left;
	/*font-size: calc(0.8em + 0.1%);*/
	padding: 0 2%;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: none;
	background-color: #ffffff;
}
#newsbox #newslist ul li {
	width: 100%;
}
	#newsbox #newslist ul li:last-child{
		border-bottom: none;
	}
#newsbox #newslist ul li img {
	width: 20%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
#newsbox #newspage-btn {
	text-align:center;
	clear: both;
	background-color: #ededed;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	padding: 2% 0;
	font-size:0.8em;
}
#newsbox #newspage-btn a:link{
	text-decoration: none;
	color:#000;
}

	#index-mainArea #main #rightside #bnbox > ul{
	}
	#index-mainArea #main #rightside #bnbox > ul > li{
		padding-left: 5%;
		padding-top: 50%;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		height: auto;
		background-color: #fff;
	}


	
#index-mainArea #main #rightside #bnbox > ul > li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#index-mainArea #main #rightside #bnbox > ul > li{display:inline-block;}

/* hides from IE-mac \*/
*html #index-mainArea #main #rightside #bnbox > ul > li{height:1%}
#index-mainArea #main #rightside #bnbox > ul > li{display:block;}
/* End hide from IE-mac */	
	
	
	
	#index-mainArea #main #rightside #bnbox > ul > li:first-child{
		background-image: url(/img/sp/index/contents-bnr01.png);
		background-repeat: no-repeat;
		background-size: 178%;
		background-position:-10px -20px;
		pa
	}
	#index-mainArea #main #rightside #bnbox > ul > li:nth-child(2) {
		background-image: url(/img/sp/index/contents-bnr02.png);
		background-repeat: no-repeat;
		background-size: 178%;
		background-position:-10px -20px;
	}
	#index-mainArea #main #rightside #bnbox > ul > li:last-child {
		background-image: url(/img/sp/index/contents-bnr03.png);
		background-repeat: no-repeat;
		background-size: 178%;
		background-position:-10px -20px;
	}
	#index-mainArea #main #leftside #bnbox > ul > li > p{
		background-position: 10px center;
		padding-left: 20px;
	}
	#index-mainArea #main #rightside #bnbox > ul > li > p.gakubuttl{
		background: url(/img/sp/index/arrow_bnbox.png) no-repeat left center;
		display:block;
		padding-left: 20px;
		width:50%;
		float:left;
	}
#index-mainArea #main #rightside #bnbox > ul > li > a img {
	display:none;
}
	#index-mainArea #main #rightside #bnbox > ul > li > ul{
		background-color: #fff;
		padding: 5px 20px 10px;
	}
	#index-mainArea #main #rightside #bnbox > ul > li > ul > li{
		background: url(/img/sp/index/link-icon2.png) no-repeat left center;
		font-size: 0.8em;
		margin-bottom: 5px;
		margin-left:20px;
		float:left;
		text-align:left;
	}
#index-mainArea #main #rightside #bnbox a:link{
	color:#000;
	text-decoration:none;
}
#index-mainArea #main #rightside #bnbox a:hover{
	color:#000;
	text-decoration:underline;
}
#index-mainArea #main #rightside #bnbox a:visited{
	color:#000;
	text-decoration:none;
}


#index-mainArea #main #rightside #requestBox ul li.leftbn, #index-mainArea #main #rightside #requestBox ul li.rightbn {
	float: none;
	display: inline-block;
	width: 47%;
}
#index-mainArea #main #rightside #requestBox ul li.leftbn {
	margin-right: 3%;
}
#index-mainArea #main #rightside #fuzokuBox .fuzokulist img {
	width: 38%;
	display: inline-block;
	float: none;
}
#index-mainArea #main #rightside #fuzokuBox .fuzokulist .txtbox {
	display: inline-block;
	width: 59%;
	float: none;
	vertical-align: top;
}
#index-mainArea #main #rightside #bnrarea {
	width: 100%;
}
#index-mainArea #main #rightside #bnrarea ul li {
	width: 100%;
}
#index-mainArea #main #rightside #bnrarea ul li:nth-child(odd) {
	margin-right: 3%;
}
#index-mainArea #main #rightside #bnset ul {
	font-size: 0;
}
#index-mainArea #main #rightside #bnset ul li {
	width: 49.4%;
	float: none;
	display: inline-block;
}
	#carousel-inner{
		width:96%;
	}
	#carousel-inner ul li{
		display: none;
	}
	#carousel-inner ul li:first-child,
	#carousel-inner ul li:nth-child(2){
		display: inline-block;
	}
	
/*
	news
	***********/
#pankuzu {
	width: 96%;
	margin: 0 auto;
}
#mainImg-blue {
	width: 96%;
	margin: 0 auto;
}
#mainImg-blue #pagettlArea-blue {
	width: 96%;
	margin: 0 auto;
	height: auto;
	padding: 3%;
}
#main-news {
	width: 96%;
	margin: 0 auto;
}


#rightside ul.newslistpage li img {
	width: 20%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#main-news ul li img {
	width: 10%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}




/*
	メインイメージ無のページ
	***********/
#mainArea-blue #main {
	width: 96%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}
#mainArea-blue #main #leftside, #mainArea-blue #main #rightside {
	float: none;
	width: 100%;
}
#mainArea-blue #main #rightside {
	margin-top: 20px;
}
/*#mainArea-blue #main #leftside{
		-webkit-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
	}
	#mainArea-blue #main #rightside{
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
		margin-top:20px;
		margin-bottom: 0;
	}*/
	
	/*
	メインイメージ有のページ
	***********/
#mainImg {
	width: 96%;
	margin: 0 auto;
	background-size: contain;
	background-position: bottom center;
	padding-top: 34%;
	position: relative;
}
#mainImg #pagettlArea {
	width: 100%;
	background: #fff url(../img/bg_pagettl.png) no-repeat center 0;
	height: auto;
	position: absolute;
	top:0;
	left: 0;
	height: 70px;
}
	#mainImg #pagettlArea #pagettl{
		height: auto;
		position: inherit;
		background-color: transparent;
		line-height: normal;
		width: auto;
		text-align: left;
		padding: 3%;
	}
	#mainImg #pagettlArea #pagettl h2{
		line-height: inherit;
		display:inline-block;
		vertical-align:bottom;
		text-align:left;
		width:auto;
		height:auto;
	}
#mainArea #main {
	width: 96%;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#mainArea #main #leftside, #mainArea #main #rightside {
	float: none;
	width: 100%;
}
#mainArea #main #leftside {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}


#mainArea #main #rightside {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	margin-top: 20px;
	margin-bottom: 0;
}
#rightside .conArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#rightside .con-block-l {
	float: none;
	width: 48%;
}
#rightside .con-block-r {
	float: none;
	width: 48%;
}
#mainArea #leftside .sidenav ul{
	border-top:1px #ccc solid;
}
p.catch{
	text-align:left;
}
#rightside ul.markList li img {
	width: 10%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

/***********************************

form

***********************************/
#contactform{
	margin:30px auto;
}
form .contact-form{
	margin:30px auto;
}
form .contact-form .control-group{
	padding:15px;
	border-bottom:1px solid #ccc;
	clear:both;
}
form .contact-form .control-label{
	float:none;
	margin-right:20px;
}
form .contact-form .contact-form-submit{
	text-align:center;
	margin:30px auto;
}


}




@media all and (max-width:490px) {
#footArea #foot #footright ul {
	width: 100%;
}
#footArea #foot #footright ul:nth-of-type(3) li:first-child, #footArea #foot #footright ul:last-of-type li:nth-child(3) {
	font-size: calc(1em + 0.1%);
}
}

@media all and (max-width:480px) {
#rightside .conArea {
	display: block;
	margin-bottom: 0;
}
#rightside .con-block-l,  #rightside .con-block-r {
	width: 100%;
	margin-bottom: 20px;
}

}