@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Kosugi&display=swap');
@import url('https://fonts.googleapis.com/css?family=Prompt&display=swap');
/*-----------------------
	基本クラス
----------------------------------*/

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



sup{vertical-align:top; font-size:0.7em;}
sub{vertical-align:bottom; font-size:0.7em;}


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

ul{
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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


ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

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

hr{
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

img {
	vertical-align: top;
	font-size:0;
	line-height: 0;
	max-width:100%;
}

a{
	text-decoration:none;
	color:#636363;
}
a:hover{	color:#222;	}


html {
	font-size:12px;
	font-family: sans-serif;	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

strong{
	font-size:1.2em;
}

body{
	text-align:center;
}

/*// クラス設定 ///////////////////////////////*/

.autoWrap{
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	text-align:left;
	position:relative;
}

.clear{	clear:both;	}
br.clear{	height:0;line-height:0;	}

.none{	display:none;	}
.clF::before,
.clF::after{
  content:"";
  display: table;
}
.clF::after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.clF{
  *zoom:1;
}

.Fl{	float:left;	}
.Fr{	float:right;	}

.lT{	text-align:left;	}
.cT{	text-align:center;	}
.rT{	text-align:right;	}

.tV{	vertical-align : top;	}
.mV{	vertical-align : middle;	}
.uV{	vertical-align : unser;	}

.mTlong{	margin-top:12em;	}
.mTw{	margin-top:4em;	}
.mT{	margin-top:2em;	}
.mTs{	margin-top:0.5em;	}

.fSs{	font-size: 0.8em;	}
.fSm{	font-size: 1rem;	}
.fSl{	font-size: 1.2em;	}
.fSll{	font-size: 2.4em;	}

.lH10{	line-height: 1em;	}
.lH12{	line-height: 1.25em;	}
.lH15{	line-height: 1.5em;	}
.lH17{	line-height: 1.75em;	}
.lH20{	line-height: 2em;	}

.fWn{	font-weight:normal;	}
.fWb{	font-weight:bold;	}

.fCo{	color:#E83A29;	}
.fCbl{	color:#2A90D9;	}
.fCr{	color:#900;	}

.Ma1{	margin-left:1px;	margin-right:1px;	}

.spOnly{	display:none;	}
.Pa1{	padding:1em;	}

.fFen{	font-family: 'Prompt', sans-serif;	}


html, body{
	height:100%;
} 

/*---------------
	ヘッダー
	--------------------*/
	
#header{
    position: fixed;
    width: 100%;
    background-color: #FFF;
	z-index:10000;
	transition: all 300ms 0s ease;
}

#header .autoWrap.mT{
	padding:32px 0 16px;
	border-bottom:4px solid #FFF;
}
#header h1{	
	width:266px;
	float:left;
}

#header #mainNavi{	
	marign-left:280px;
}

#header #mainNavi ul{
	text-align:right;
}


#header #mainNavi li{
	display:inline-block;
	margin-left:1%;
	height:72px;	
}
#header #mainNavi li img{
	height:72px;	
	width:auto;
}
#header #mainNavi li span{	display:none; }

#overlapContents{
	padding-top:144px;

}

#language{
	background-color:#E4F8FF;
	color:#111;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:4px 0;
}

#language ul{
	float:right;
	background:url("../image/common/language.png") no-repeat left center;
	background-size:23px;
	padding-left:30px;
	height: 24px;
    line-height: 16px;
}

#language ul li,
#language ul li form{
	display:inline;
}
#language ul li a,
#language ul li span{
	display:inline-block;
	border:1px solid #333;
	font-size:1.4em;		font-size:1.4rem;
	padding:0.15em 2em;
	border-radius:1em;
}

#language ul li a:hover,
#language ul li span
{
	background-color:#444;
	color:#FFF;

}

#language ul li form button{	
	display:inline-block;
	border:none;
	background-color:transparent;
	width:1.4em;
	padding:0;
	cursor:pointer;
}
#language ul li form button img{	
	vertical-align:bottom;
}
#mainNavi #spMenuBtn{	display:none;	}


#pageTitle{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	padding:162px 0;
	
}
#pageTitle.mkPage{
	background-image:url("../image/common/kojititle.jpg");
	background-position:center bottom;
}

#pageTitle h1{
	display:inline-block;
	font-size:3em;
	position:relative;
	padding-left:0.5em;
	font-weight:normal;
	color:#333;
	z-index:1;
}

#pageTitle h1 span{
	position:relative;
	z-index:2;
	text-shadow:1px 1px 2px #FFF;
}

#pageTitle h1::before{
	content:"";
	position:absolute;
	padding:1em 2em 1em 1em;
	width:100%;
	top: -0.5em;
	left: -1em;
	z-index:0;
/*	background-color:rgb(255,255,255,0.5);	*/
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.65) 1%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 1%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.65) 1%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


}

#pageLinks{
	padding:0.75em 0;
	font-size:1.2em;
}

#pageLinks ul{
	text-align:left;
}

#pageLinks li{	display:inline;
	padding:0.75em 0;
}

#pageLinks a::after{
	content:" > ";
}


/*---------------
	フッター
	--------------------*/
#footer{
	clear:both;
	background-color:#E3F8FF;
	padding-top:2.5em;
}

#footerNavi {
	padding-bottom:1.5em;
}

#footerNavi ul{
	width:23%;
	margin-right:2%;
	float:left;
}


#footerNavi li{
	font-size:1.6em;		font-size:1.6rem;
	padding-left:1em;
	line-height:1.4;
	margin-bottom:0.2em;
	position:relative;
}

#footerNavi li._l2{
	font-size:1.4em;		font-size:1.4rem;
	margin-left:1em;
	line-height:1.75;
	margin-bottom:0em;
}
#footerNavi li a{
	color:#333;
}

#footerNavi li a:hover{	color:#111;	}

#footerNavi li a::before,
#copyright a::before{
	content:"〉";
	position:absolute;
	left:0;
}
#footerNavi li a:hover::before,
#copyright a:hover::before{
	left:0.25em;
}

#copyright {
	background-color:#83E5FF;
	padding:1em;
	font-size:1.2em;	font-size:1.2rem;
	
}

#copyright a{
	display:inline-bloock;
	margin-left:1em;
	
}
#copyright address{
	position:absolute;
	right:0.5em;
	top:0em;	
}

#inqContents{
	text-align:left;
	padding:60px 0 40px;

	box-shadow:inset 0 -15px 20px -10px #CCC , 
				inset 0 15px 20px -10px #CCC;
				
	background:url("../image/css/inq.jpg") no-repeat left top;
	background-size: auto 100%;
}


#inqContents .autoWrap{
	text-align:center;
}

#inqContents p{
	
	font-size:2em;		font-size:2rem;
	font-weight:bold;
	color:#555;
}


#inqContents a{
	
	display:inline-block;
	width:50%;
	font-size:2em;		font-size:2rem;
	background-color:#E3F8FF;
	color:#555;
	padding:0.75em 0;
	margin:2em 0 0.5em;
}

#inqContents  a::before{
	content:"";
	display:inline-block;
	width:26px;
	height:18px;
	background:url("../image/css/mail.png") no-repeat center center;
	background-size:cover;
	vertical-align: middle;
	margin-right:0.5em;
}
#inqContents a:hover{
	color:#111;
	background-color:#D3E8EF;
}


#inqContents a:hover{
	color:#111;
	background-color:#D3E8EF;
}


.icon._c1{	background-color:#0B7ED3;}
.icon._c2{	background-color:#D33302;}
.icon._c3{	background-color:#222;}

/*#wpadminbar{display:none;	}*/

@media screen and (max-width: 1000px) {
	
	.spOnly{	display:block;	}
	
	.autoWrap{
		width:96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	#header h1{	
		width:26vw;
	}
	
	#header #mainNavi{	
		marign-left:28vw;
	}
	
	#header #mainNavi li{
		margin-left:0;
		height:7.5vw;	
	}
	#header #mainNavi li img{
		height:7.5vw;	
	}
	
	
}
@media screen and (max-width: 800px) {
	#footerNavi ul{		width:48%;	margin-bottom:2em;	}


}
@media screen and (max-width: 600px) {
	
	body{
		overflow-x:hidden;
	}
	
	.Fl{	float:none;	}
	.Fr{	float:none;	}
	.spOnly{	display:block;	}
	
	.autoWrap{
		width:96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	#language ul li a,
	#language ul li span{
		font-size:1.2em;		font-size:1.2rem;
		padding:0.35em 0.75em;
	}

	#header h1{	
		width:260px;
		float:none;
		padding-top:20px;
	}
	
	#header #mainNavi{	
		marign-left:280px;
	}
	
	#header #mainNavi li{
		height:25vw;
	}
	#header #mainNavi li img{
		height:25vw;
	}
	#header .autoWrap{
		width:98%;
		margin:0 0 0 2%;
	}
	#header .autoWrap.mT{
		padding:16px 0;
		border-bottom:none;
	}

	#mainNavi{
		position:absolute;
		left:100%;
		top:3em;
		transition: all 300ms 0s ease;
		background-color:rgb(228,248,255 , 0.7);
	}
	#overlapContents{		padding-top:104px;		}
	
	#mainNavi._on{	left:60px;	}
	
	
	#mainNavi #spMenuBtn{
		display:inline-block;
		position:absolute;
		background-color:rgb(228,248,255 , 0.7);
		border:none;
		
		color:#555;
		width:48px;
		height:48px;
		border-radius:1em 0 0 1em;
		top:0;
		left:-48px;
		cursor:pointer;
		transition: all 300ms 0s ease;
	}
	
	#pageTitle{
		padding:48px 0;
		
	}
	#pageTitle h1{
		font-size:20px;
	}

	
	#inqContents p{		font-size:4vw;	line-height:1.5;	}
	
	
	#inqContents a{
		
		display:inline-block;
		width:60%;
		font-size:5vw;
		padding:0.25em;
		border:2px solid #D3E8EF;
	}


	#footer{
		padding-top:0.5em;
	}
	
	#footerNavi ul{
		width:100%;
		margin-right:0;
		margin-bottom:0;
		float:none;
	}
	#footerNavi li{
		border-bottom:1px solid #CCC;
		font-size:1.4em;		font-size:1.4rem;
	}
	#footerNavi li a{
		display:block;
		padding:0.25em 0;
	}

	#footerNavi li._l2{
		display:none;
	}
	#copyright address{
		position:static;
		text-align:right;
	}
}