@charset "utf-8";
/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */
/* ----------------------------------------------------------------- */
/*	base                                                             */
/* ----------------------------------------------------------------- */
/*

ピンク　 #EC6D8E rgba(236,109,142,1.0)
文字     #E95853 rgba(233,88,83,1.0)

*/

/*-----------------------------------
  body
-----------------------------------*/

body {
	position:relative;
	width:100%;
	height:100%;
	background:url(../../image/base/bg.jpg) no-repeat fixed center top;
}
#wrapper {
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
	padding:0 20px;
	color: #000;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#wrapper{
		padding:20px 10px 0;
	}
}

/*-----------------------------------
  header
-----------------------------------*/
header{
	position:relative;
	height:0px;
	padding-top:144px;
	z-index:10;
	}
	header h1{
		position:absolute;
		top:0px;
		left:50%;
		width:552px;
		height:214px;
		margin-left:-276px;
		background:url(../../image/base/logo_bg.png) no-repeat 0 0;
	}
	header h1 a{
		display:block;
		position:absolute;
		top:0px;
		left:97px;
		width:360px;
		height:144px;/*63+73+8*/
		padding:73px 20px 8px;
		z-index:1;
	}
	#tmpuh{
		position:absolute;
		top:18px;
		left:50%;
		margin-left:-148px;
		z-index:0;
	}

/* main_nav */
header #menubar{
	position:relative;
	width:220px;
	margin-bottom:50px;
	}
	header #menubar ul{
		position:relative;
		list-style:none;
		border-top:2px dotted rgba(236,109,142,1.0);
	}
	header #menubar li{
		position:relative;
		width:100%;
		padding:5px;
		text-align:center;
		border-bottom:2px dotted rgba(236,109,142,1.0);
		color:#000;
	}
	header #menubar li a{
		display:block;
		position:relative;
		width:100%;
		padding:13px 5px;
		font-family: 'Kosugi Maru', sans-serif;
		font-size:0.9rem;
		text-decoration:none;
		text-align:center;
		color:#000;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}
	header #menubar li:nth-of-type(1){
		display:none;
	}/*
	header #menubar li:nth-of-type(7) a,
	header #menubar li:nth-of-type(8) a{
		background:rgba(0,97,177,0.15);
		background:rgba(214,214,235,0.5);
		background:rgba(236,109,142,0.15);
	}*/
	header #menubar li:nth-of-type(9) a{
		background:rgba(236,109,142,0.15);
	}
	header #menubar li a:hover{
		text-decoration:none;
		background:rgba(236,109,142,0.3);
	}
	header #menubar li#kango_form{
		position:relative;
		padding:25px 0 0 3px;
		text-indent:-9999px;
		text-align:left;
		border-bottom:none;
		color:#000;
		overflow:hidden;
	}
	header #menubar li#kango_form a{
		position:relative;
		width:213px;
		height:70px;
		background:url(../../image/base/kango_form.png) no-repeat 0 0;
}

/* --- responsive --- */
@media(max-width:767px){
	header{
		display:none;
		padding-top:0px;
	}
	header h1{
		display:none;
	}
	#tmpuh{
		display:none;
	}
}

/*-----------------------------------
  main
-----------------------------------*/

main{
	display:block;
	width:calc(100% - 260px);
	margin:0 0 0 260px;
}

#main_contents h1#page_title{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:-10px;
	right:0px;
	min-height:60px;
	margin:0 0 12px;
	padding:0px 20px 0 12px;
	font-family: 'Kosugi Maru', sans-serif;
	font-size:1.3rem;
	text-align:left;
	background:#EC6D8E;
	line-height:1.15;
	color:#FFF;
	}
	#main_contents h1#page_title::after{
		content:" ";
		position:absolute;
		top:0px;
		left:-60px;
		border:30px solid transparent;
		border-top:30px solid #EC6D8E;
		border-right:30px solid #EC6D8E;
}

#main_contents{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:30px 20px 20px;
	background:rgba(255,255,255,0.95);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

section{
	margin:0 0 70px;
}

#main_contents h2,
#main_contents .h2{
	display:block;
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	padding:0px 0 0px 25px;
	font-weight:bold;
	font-size:1.5rem;
	border:none;
	background:none;
	border:none;
	color:#000;
	}
	#main_contents h2 *,
	#main_contents .h2 *{
		font-weight:inherit;
		font-size:inherit;
	}
	#main_contents h2:before,
	#main_contents .h2:before{
		content:" ";
		position:absolute;
		top:11px;
		left:0px;
		width:15px;
		height:20px;
		background:rgba(236,109,142,1.0);
	}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_contents h2,
	#main_contents .h2{
		font-size:1.4rem;
	}
	#main_contents h2:before,
	#main_contents .h2:before{
		top:8px;
	}
}



#main_contents p{
	font-size:0.9rem;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	main{
		width:100%;
		margin:0px;
	}
	
	#main_contents h1#page_title{
		position:relative;
		top:0px;
		left:-20px;
		padding:12px 12px 0 20px;
		font-size:1.1rem;
		text-align:left;
		}
		#main_contents h1#page_title::after{
			content:" ";
			position:absolute;
			top:0px;
			left:auto;
			right:-40px;
			border:20px solid transparent;
			border-top:20px solid #EC6D8E;
			border-left:20px solid #EC6D8E;
	}
	#main_contents p{
		font-size:0.8rem;
	}
}

/*-----------------------------------
  footer
-----------------------------------*/

footer{
	clear:both;
	position:relative;
	width:calc(100% - 260px);
	padding:20px;
	margin-left:260px;
	text-align:center;
}
footer p{
	font-size:0.9rem;
	color:#E95853;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	footer{
		width:100%;
		margin-left:0px;
	}
}

/*---------------------
 contents
---------------------*/

#pageback{
	position:fixed;
	right:20px;
	bottom:25px;
	width:50px;
	height:50px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	background:#FFFFFF;
	border:5px solid rgba(236,109,142,1);
	opacity:0.7;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:7px;
		left:5px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(236,109,142,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:22px;
		left:14px;
		width:13px;
		height:19px;
		background:rgba(236,109,142,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-15px;
		top:-10px;
		width:80px;
		min-height:20px;
		padding:55px 7px 10px 0;
		font-size:0.8em;
		color:rgba(236,109,142,1);
		text-align:center;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
		}
		#pageback a:hover{
			text-decoration:none;
}
/* --- responsive --- */
@media only screen and (max-width:767px){
	#pageback{
		display:none;
	}
}