@charset "UTF-8";
/*
 * [ css ] /_css/default.css
 * Date: 09/29/2017
 * Author: (C)Minatoro Works
 *
 * 【Heartner】 default.css
 * Minatoro Works service introsite
 * default style
*/


/* ----------- *
  Initialize
*/
html, body	{	height: 100%;}
body	{	background-color: #fff;	color: #222;	font: normal 1em/1.0 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;-webkit-text-size-adjust: 100%;/*  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/}
img,a img,fieldset	{	border: none;}
a img	{	text-decoration: none;}
legend	{	display: none;}
table	{	font-size: 1.0em;	border-collapse: collapse;	border-spacing: 0;}
table	th, table	td {	empty-cells:show;}
hr	{	display: none;}
ul li {list-style: none;}

/* Andloid 4.0 bug fix */
p,li,dd,td	{	background: url(/_img/spacer.gif);}

div,p,li {	box-sizing: border-box;}

/* ----------- *
  utility
*/

/** clearfix **/
.cfx:after {	content: ""; display: block; height: 0;	clear: both;}

/** anchor **/
a:link,
a:visited { color: #06C; text-decoration: none;}
a:active { color: #F30;	text-decoration: none;}
/*a.btn img:hover {	opacity: 0.7;	cursor: pointer;	webkit-transition: 0.3s; transition: 0.3s;}*/

/** form item **/
input[type="text"], input[type="password"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"] textarea, select	{	border: solid 1px #999;	background-color: #FFF; border-radius: 5px;}
input[type="text"], input[type="password"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"]	{	padding: 5px;	font-size: 1em;	text-indent: 2px; 	/*ime-mode: active;*/}
input[type="radio"], input[type="checkbox"]	{	position: relative;	top: -0.1em;	margin-right: 4px;	cursor: pointer;}
input.onebyte	{	ime-mode: inactive;	font-family: Arial, Helvetica, sans-serif;}
textarea	{	padding: 5px;}
select	{	padding: 5px;}
button[type="submit"],button[type="button"] {	display: block;	padding: 10px;	text-align: center;	border-radius: 5px;	border: none;}
button[type="submit"]  {	background-color: #0066CC;	color: #fff;	font-size: 14px;	font-weight: bold;}
button[type="button"] {	background-color: #ccc;}

/** text item **/
.attention-txt	{	color: #F00 !important;}
.note	{	margin-top: 10px;	font-size: 0.9em;}

/** sup text **/
sup, .sup {	position: relative; top: -0.8em;	margin-left: 0.2em;	margin-right: 0.2em;	vertical-align: baseline;	font-weight: normal;	font-size:x-small;}
.sup	{	font-size:x-small!important;}

/** list style **/
.liststyle	{	margin-left: 1.6em;}
.liststyle.disc	{	list-style-type: disc;}
.liststyle.decimal	{	list-style-type: decimal;}
.liststyle.decimal>li	{	padding-left: 0.45em;}
.liststyle.upper-roman	{	margin-left: 2em;	list-style: upper-roman;}
.liststyle.upper-roman>li	{	padding-left: 0.45em;}
ol.liststyle.parentheses	{	margin-left: 2em;	counter-reset: item;	list-style: none;}
ol.liststyle.parentheses>li	{	counter-increment: item;	text-indent: -2em;}
ol.liststyle.parentheses>li::before	{	display: marker;	content:"(" counter(item) ")";	margin-right: 0.5em;}
ol.liststyle.parentheses>li li	{	text-indent: 0;}

/** annotation **/
.annotation	{	line-height: 1.3em;	color: #666666;}
.annotation span	{	font-family: monospace !important;}
.annotation em	{	font-style: normal;	color: #990000;}
p.annotation,
ul.annotation {	margin-top: 10px;}
p.annotation,
ul.annotation li	{	margin-left: 1.3em;	text-indent: -1.3em;	font-size: 13px;}


/** button **/ /* a:hover event > min-width: 781px */
.buttons {	margin-top: 30px;	text-align: center;}
a.button {	display: inline-block;	padding: 10px;	background-color: #00366C;	color: #fff;	font-size: 14px;	font-weight: bold;	text-align: center;	border-radius: 3px;outline: none;	position: relative; z-index: 2; overflow: hidden;}
a.button.middle {	padding: 10px 20px;	font-size: 22px;	font-weight: normal;}
a.button.green {	background-color: #39540C;}
a.button.white {	background-color: #fff;	color:#06c;}
a.button i {	margin-left: 5px;}
a.button i.icon_right-open {	margin-right: 0;}
a.button i.icon_left-open {	margin-left: 0;}
a.button::before,
a.button::after {  position: absolute; z-index: -1; display: block;  content: '';}
a.button,
a.button::before,
a.button::after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

a.button.left,a.button.left::before,a.button.left::after,
a.button.rotation,a.button.rotation::before, a.button.rotation::after{  -webkit-transition: all .5s; transition: all .5s;}
a.button.left::after {	left: -100%;	top: 0; width: 100%;  height: 100%;	border-radius: 0;}
a.button.rotation::after {	top: 0;  left: 0; width: 100%;  height: 100%;}


/* ----------- *
  basic layout
*/

/**
  body
*/
/*body	{	min-width: 1200px;	background-color: #fff;	color: #000;	font: normal 1em/1.0 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;	text-align: center;}
*/

/**
  #container
*/
#container {	height: auto;}
/* #headline */
#headline	{	width: 100%;	height:293px;	background-color: #DFEBF7;	text-align: center;}
#headline>div {	max-width: 1200px;	margin: 0 auto;}
#headline .breadcrumbs {	padding-top: 120px;}
#headline h1 {	padding: 50px 0 0 30px;	text-align: left;	font-size: 42px;	font-weight: normal;	text-shadow: 1px 1px 6px rgba(255,255,255,0.9);}
#headline h1.double {	padding: 30px 0 0 30px;	}
/* .lead */
#contents>.lead {	width: 100%;	padding: 60px 0;	line-height: 1.4;}
#contents>.lead>div {	max-width: 1200px;	margin: 0 auto;}
#contents>.lead>div>p span::before	{	content:"\A";	white-space: pre;}

/* section,aside */
#contents>section,
#contents>aside  {	padding-top: 60px;	line-height: 1.4;}
#contents>section .lead,
#contents>aside .lead {	margin-top: 30px;}
#contents>section .lead p span::before,
#contents>aside .lead p span::before {	content:"\A";	white-space: pre;}
#contents>section .content,
#contents>aside .content {	padding: 40px 30px 80px;}

#contents>section:nth-child(even) {	background-color: #F7F7F7;}
#contents>section>div	{	max-width: 1200px;	margin: 0 auto;}
#contents>section>div>header h1,
#contents>aside>div>header h1{	color: #00366C;	font-size: 40px;	font-weight: normal;	line-height: 1.1;}
#contents>section>div>header h1 sup,
#contents>aside>div>header h1 sup {	top: -20px;}
#contents>section table {	width: 100%;	border: 3px solid #fff;}
#contents>section table th,
#contents>section table td {	padding: 10px;	border: 3px solid #fff;}
#contents>section table th {	background-color: #a4d6fb;}

#contents>aside {}
#contents>aside header h1 {}



/**
  header element > module.css
*/



/**
  footer element > module.css
*/



/**
  #mw_load loading

#mw_load	{	width: 100%;	height: 100%;	background: #fff;	position: fixed;	top: 0;	left: 0;	z-index: 999999;}
#mw_load img	{	position: absolute;	top: 50%;	left: 50%;	margin-top: -25px;	margin-left: -120px;}
*/



/**
  #imgbox

#imgbox	{	position: absolute;	top:0;	left: 0;	width:100%; z-index:1; overflow: hidden;}
#imgbox>div	{	position:	fixed; top: 50%;	left:50%; z-index:2;}
*/



/**
  #loading

#loading	{	position: absolute;	top: 30px;	right: 30px;	z-index:9999;}
#loading.centerpos	{	top: 300px;	right:50%;	margin-right: -12px;}
#loading.centerwin	{	top: 50px;	right: 50%;	margin: -12px -12px auto auto;}
*/



/**
  #pagetop_button
*/
#pagetop_button	{	position: fixed;	right: 10px;	bottom: 20px;	z-index: 4;-webkit-transform: rotate3d(0, 1, 0, 90deg);transform: rotate3d(0, 1, 0, 90deg);transform-origin: center center;-webkit-transform-origin: center center; -webkit-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s;	opacity: 0.8;}
#pagetop_button a {	display: block;	width: 40px;	height: 40px;	background-color: rgba(0,54,108,0.8); color:#FFF;	font-size: 12px !important;	line-height: 1.1;	text-align: center;	text-decoration: none;	border-radius: 3px;}
#pagetop_button a span	{	display: block;	padding-top: 2px;	font-size: 20px !important;}
#pagetop_button.show {-webkit-transform: rotate3d(0, 1, 0, 0deg);transform: rotate3d(0, 1, 0, 0deg); -webkit-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s;}



/**
  #content
*/

#content	{	}



/**
  #analysiscode
*/
#analysiscode	{	visibility: hidden;	height: 0;	overflow: hidden;}



@media (max-width: 1250px) {
	#contents>.lead>div,
	#contents>section>div	{	padding-right: 30px;	padding-left: 30px;}
}

@media (max-width: 1200px) {
	#headline>div,
	#contents>.lead>div,
	#contents>section {	width: 100%;}
	#contents>.lead>div,
	#contents>section>div	{	width: auto;}
	/* section */
	#contents>section header h1 img,
	#contents>aside header h1 img {	width: 100%;	max-width: 980px;}
}
@media (max-width: 980px) {

}
@media (min-width: 781px) {
	a:hover { color: #09F;	text-decoration: none;}
	a.button:hover {	background-color: #0071E1;	color: #fff;}
	a.button.green:hover {	background-color: #80BD1B;}
	a.button.white:hover {	background-color: #c7e4ff;	color: #06C;}
	button[type="submit"]:hover {	background-color: #0074E8;	cursor: pointer;}
	button[type="button"]:hover {	background-color: #e2e2e2;	cursor: pointer;}
	a.button.left:hover::after 	{  left: 0;  background-color: #ff9900;}
	a.button.rotation:hover::after {-webkit-transform: scale(2) rotate(180deg); transform: scale(2) rotate(180deg); background: #ff9900;}
}
@media (max-width: 780px) {
	#contents>section header h1 img,
	#contents>aside header h1 img {	max-width: 400px;}
	#contents>section .content {	padding: 40px 0 80px;}
}
@media (max-width: 640px) {
	/* .lead */
	#contents>.lead {	padding: 30px 0;}
	#contents>section,
	#contents>aside {	padding-top: 40px;}
	#contents>.lead>div,
	#contents>section>div	{	padding-right: 15px;	padding-left: 15px;}
	#contents>section header h1,
	#contents>aside header h1 {	font-size: 30px;}
	#contents>section .lead,
	#contents>aside .lead {	margin-top: 20px;}
	#contents>section .content,
	#contents>aside .content {	font-size: 0.9em;}
}
@media (max-width: 480px) {
	#headline {	height: 200px;}
	#headline h1 {	font-size: 30px;}
	#contents>section .content {	padding: 30px 0;}
}



/* ----------- *
  hack
*/

/* firefox */
@-moz-document url-prefix()	{
	/* input elements bug */
	input,select,textarea	{	font-size: 1.1em; font-family:	"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic";}
	select	{	font-size: 1em;}
}




/* [F] */