@charset "UTF-8";

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}[hidden],template{display:none}


html,body{
	padding:0;
	margin:0;
	font-family: "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	background: #fff;
	line-height: 1.8em;
	color: #000;
}
_:lang(x)::-ms-backdrop, body {
    font-family: "メイリオ", Meiryo, sans-serif;
}



/* -------------------------------------
	Common
------------------------------------- */
.clear	{ clear: both;}
/* For modern browsers */
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}
a {
	text-decoration: underline;
	color: #757b4e;
}
a:hover {
	text-decoration: underline;
	color: #ff6c00;
}

a img:hover{
	opacity: .8;
}



@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}


.pcnone {display: block!important;}
.spnone {display: none!important;}

@media print, screen and (min-width: 769px) {
	.pcnone {display: none!important;}
	.spnone {display: block!important;}
}

img.img-fluid {
	max-width: 100%;
}
.aligncenter {
	text-align: center!important;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
strong.red {
	color: #da3c3c;
}
.position-relative {
	position: relative;
}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.pt10 {padding-top: 10px!important;}
.pt20 {padding-top: 20px!important;}
.pt30 {padding-top: 30px!important;}
.pt40 {padding-top: 40px!important;}
.pt50 {padding-top: 50px!important;}
.pt60 {padding-top: 60px!important;}
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pb10 {padding-bottom: 10px!important;}
.pb20 {padding-bottom: 20px!important;}
.pb30 {padding-bottom: 30px!important;}
.pb40 {padding-bottom: 40px!important;}
.pb50 {padding-bottom: 50px!important;}
.pb60 {padding-bottom: 60px!important;}
.pb70 {padding-bottom: 70px!important;}
.pb80 {padding-bottom: 80px!important;}
.pl10 {padding-left: 10px!important;}
.pl20 {padding-left: 20px!important;}
.pl30 {padding-left: 30px!important;}
.pl40 {padding-left: 40px!important;}
.pl50 {padding-left: 50px!important;}
.pl60 {padding-left: 60px!important;}
.pl70 {padding-left: 70px!important;}
.pl80 {padding-left: 80px!important;}

.h-100 {
	height: 100% !important;
}

strong { font-weight: 700; }



/* -------------------------------------
	HEADER
------------------------------------- */


@media print, screen and (min-width: 769px) {


}
@media print, screen and (max-width: 862px) and (min-width: 768px) {

}
@media print, screen and (min-width: 792px) {

}

@media print, screen and (max-width: 880px) and (min-width: 769px) {

}


#main {
	background: url();
}


/* -------------------------------------
	FOOTER
------------------------------------- */
footer {
	background: #000;
	margin: 60px 0 0 0;
	color: #fff;
}
footer a {
	color: #fff;
}
footer:before {
	content: '';
	display:block;
	width: 100%;
	height: 10px;
	background: url(../img/color-bar.png) center center;
	background-size: 100%;
}

/* -------------------------------------
	CONTENTS
------------------------------------- */
h1 {
}

h2.headlineH2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	margin: 3rem 0 2rem;
}
h2.headlineH2:after {
	content: '';
	display:block;
	width: 100%;
	height: 5px;
	background: url(../img/color-bar.png) center center;
	background-size: 100%;
}

#index-outline dl dt,
#index-outline dl dd {
	width: 100%;
	padding: 1rem 0;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
}
#index-outline dl dt {
	padding: 1rem 0 0;
}
#index-outline dl dd {
	border-bottom: 1px solid #ccc;
	padding: 0 0 1rem;
}

@media print, screen and (min-width: 769px) {
	#index-outline dl dt {
		width: 10rem;
		border-bottom: 1px solid #ccc;
		padding: 1rem 0;
	}
	#index-outline dl dd {
		width: calc(100% - 10rem);
		padding: 1rem 0;
	}
}
#index-header {
	background: url('../img/index_header.png') no-repeat center bottom;
	background-size: cover;
	height: 620px;
	z-index: 990;
	position: relative;
}
#index-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#sub-header {
	background: url('../img/sub_head.png') no-repeat center;
	background-size: cover;
	min-height: 300px;
	z-index: 0;
	position: relative;
}

#toiawase-header {
	background: url('../img/toiawase_head.png') no-repeat center;
	background-size: cover;
	min-height: 300px;
	z-index: 0;
	position: relative;
}

#access-header {
	background: url('../img/access_head.png') no-repeat center;
	background-size: cover;
	min-height: 300px;
	z-index: 0;
	position: relative;
}

#guideline-header {
	background: url('../img/guideline_head.png') no-repeat center;
	background-size: cover;
	min-height: 300px;
	z-index: 0;
	position: relative;
}

#jigyou-header {
	background: url('../img/jigyou_head.png') no-repeat top left;
	background-size: cover;
	min-height: 300px;
	z-index: 0;
	position: relative;
}

#news-header {
	background-size: cover;
	background: url('../img/news_head.png') no-repeat top left;
	min-height: 300px;
	z-index: 0;
	position: relative;
}


#main {

}

#sub-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#guideline-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#jigyou-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#news-header .h-logo {
	width: 100%;
	max-width: 650px;
}


#toiawase-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#access-header .h-logo {
	width: 100%;
	max-width: 650px;
}

#news-header .h-logo {
	width: 100%;
	max-width: 650px;
}


#main p {
	font-size: 1.2rem;
	line-height: 2.4rem;
	padding-bottom: 2rem;
}

#jigyou {
	background: url('../img/image_025.png') no-repeat center Top;
	background-size: cover;
	min-height: 290px;
	margin-top: 0px;
	z-index: 0;
	padding-top: 60px;
}

#guideline {
	background: url('../img/image_023.png') no-repeat center TOP;
	background-size: cover;
	min-height: 290px;
	margin-top: 0px;
	z-index: 0;
	padding-top: 60px;
}



table{
    width: 100%;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: 5px;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #d9d8d8;
}

table th{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    background-color: #fffde1;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #d9d8d8;
    white-space: nowrap;
}

table td{
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #d9d8d8;
}

td p{
    margin-bottom: 0.5em;
}

/* フォームパーツ設定 */
input.button{
    margin-top: 10px;
    margin-bottom: 15px;
}

textarea{
    width: 430px;
    height: 200px;
}

input.l{
    width: 430px;
	border-width : 1px;
}
input.m{
    width: 250px;
	border-width : 1px;
}
input.s{
    width: 50px;
	border-width : 1px;
}
