@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&display=swap');
/*----------------------------------------------------
 default
----------------------------------------------------*/
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,main{display:block;}nav ul{list-style: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;}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 #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
a { -webkit-tap-highlight-color: rgba(200,200,555,0.6); }
a:link { text-decoration: none; color: #222; }
a:visited { text-decoration: none; color: #222; }
img { vertical-align: top; }
li { list-style-type:none; }
h1, h2, h3 { font-weight: normal; }
/*----------------------------------------------------
 reset bootstrap
----------------------------------------------------*/
.row{ margin-right:0; margin-left:0;}
.row [class^="col-"]{ padding-right:0; padding-left:0;}
.container, .container-fluid{ padding-right:0; padding-left:0;}
/* datetimepicker */
.datepicker .table thead th{ border-bottom: 0;}
.datepicker .table td, .datepicker .table th{ border-top: 0;}
/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.clr:after { content: ''; display: block; clear: both; }

/*----------------------------------------------------
 Body
----------------------------------------------------*/
html { min-height: 100%; position: relative;}
body {
	background-color:#F6F5F7;
	color: #222;
	font-family: 'Noto Sans JP', sans-serif;
/* 虹の翼のfont-family
  font-family: "Kaisei Decol", serif;
  font-weight: 400 500 700;
  font-style: normal;
*/
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;

	/* footerの高さ分のmargin */
	margin-bottom: 40px;
}
/*----------------------------------------------------
 header
----------------------------------------------------*/
header {
	width: 100%;
	height: 48px;
	padding: 4px 0;
	background-color: #16171a;
}

header .headArea {
	width: 100%;
	max-width: 1168px;
	padding: 0 8px;
	margin: 0 auto;
	position: relative;
}

header h1 {
	padding: 0 8px;
	position: absolute;
	left: 0;
	top: 0;
}

header h1 img {
	display: inline-block;
	margin: 2px 8px 0 0;
	width: 36px;
	height: auto;
}

header h1 span {
	display: inline-block;
	vertical-align: middle;
	font-family: "Kaisei Decol", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	color: #FFF;
	padding: 4px 0
}

header .btnArea {
	padding: 2px 8px;
	position: absolute;
	right: 0;
	top: 0;
}

header .btnArea .iconBtn {
	color: #DDD;
	font-size: 20px;
	padding: 2px 6px;
}

header .btnArea .iconBtn:hover {
	color: #FFF;
}

/*----------------------------------------------------
 main
----------------------------------------------------*/
main {
	background-color:#F6F5F7;
	max-width: 1168px;
	padding: 0;
	margin: 0 auto;
}

main section {
	width: 100%;
	max-width: 960px;
	padding: 24px 24px 56px;
	margin: 0 auto;
}

main section h3{
	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 48px;
	padding: 11px 16px 8px 48px;
	border-radius: 8px;

	font-family: "Kaisei Decol", serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	color: #222;
}

main section h3::after {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	background-color: transparent;
	background-image: url('../img/logo_shuttle.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 8px;
	left: 8px;
}

main section .contents {
	padding: 24px 24px 0;
}


@media (max-width: 768px) {

	main section {
		padding: 8px 8px 32px;
	}

	main section .contents {
		padding: 16px 8px 0;
	}

}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	padding: 10px 0;
	background-color: #16171a;
	text-align: center;
}

footer .copyright {
	font-family: "Kaisei Decol", serif;
	font-weight: 500;
	font-style: normal;
	color: #FFF;
	margin: 0 auto;
}