@charset "utf-8";

* { margin: 0;
	padding:0; }
body { 
	height:100%;
	margin:0;
	font-size: 18px;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	background: #F9FAFC;
}
p {
	font-size: 18px;
	line-height:190%; }

/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

a{
	color:#06F;
	text-decoration:underline; }
a:hover{
	color:#F60;
	text-decoration:underline; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka {color: #ff0000;}
.ao {color: #0000cc;}
.tya {color: #bd000e;}
.gray {color: #3d3737;}
.green {color: #009900;}
.gray1 {color: #C0C0C0;}
.size8 {font-size: 8px;}
.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size15 {font-size: 15px;}
.size15 {font-size: 15px;}
.size16 {font-size: 16px;}
.size17 {font-size: 17px;}
.size18 {font-size: 18px;}
.size19 {font-size: 19px;}
.size20 {font-size: 20px;}
.size21 {font-size: 21px;}
.size22 {font-size: 22px;}
.size23 {font-size: 23px;}
.size24 {font-size: 24px;}
.size25 {font-size: 25px;}
.size26 {font-size: 26px;}
.size28 {font-size: 28px;}
.size30 {font-size: 30px;}
.size32 {font-size: 32px;}
.size34 {font-size: 34px;}
.size36 {font-size: 36px;}
.size38 {font-size: 38px;}
.size40 {font-size: 40px;}
.line-red {background: #ffadad;}
.line-blue {background: #a8eaff;}
.line-brown {background: #cc9966;}
.line-green {background: #b2ffb2;}
.line-yellow {background: #fff799;}
.line-orange {background: #ffe0c1;}
.line-h-red {background: linear-gradient(transparent 60%, #ffadad 50%);}
.line-h-blue {background: linear-gradient(transparent 60%, #a8eaff 50%);}
.line-h-brown {background: linear-gradient(transparent 60%, #cc9966 50%);}
.line-h-green {background: linear-gradient(transparent 60%, #b2ffb2 50%);}
.line-h-yellow {background: linear-gradient(transparent 60%, #fff799 50%);}
.line-h-orange {background: linear-gradient(transparent 60%, #ffe0c1 50%);}
.line-hh-red {background: linear-gradient(transparent 75%, #ffadad 50%);}
.line-hh-blue {background: linear-gradient(transparent 75%, #a8eaff 50%);}
.line-hh-brown {background: linear-gradient(transparent 75%, #cc9966 50%);}
.line-hh-green {background: linear-gradient(transparent 70%, #b2ffb2 50%);}
.line-hh-yellow {background: linear-gradient(transparent 70%, #fff799 50%);}
.line-hh-orange {background: linear-gradient(transparent 70%, #ffe0c1 50%);}
.border-red {border-bottom: 2px solid #ff7f7f;}
.border-blue {border-bottom: 2px solid #a8eaff;}
.border-brown {border-bottom: 2px solid #cc9966;}
.border-green {border-bottom: 2px solid #7fff7f;}
.border-yellow {border-bottom: 2px solid #ffdc00;}
.border-orange {border-bottom: 2px solid #ffbf7f;}
.border-d-red {border-bottom: 4px double #ff7f7f;}
.border-d-blue {border-bottom: 4px double #a8eaff;}
.border-d-brown {border-bottom: 4px double #cc9966;}
.border-d-green {border-bottom: 4px double #7fff7f;}
.border-d-yellow {border-bottom: 4px double #ffdc00;}
.border-d-orange {border-bottom: 4px double #ffbf7f;}
.b {font-weight: bold;}
.strong {font-weight: bold;}
.em {font-weight: bold;}
.yline {background: #ffff00;}
.center {text-align: center; padding: 5px 0px 0px 0px;}
.left {text-align: left; padding: 5px 5px 0px 0px;}
.right {text-align: right; padding: 5px 0px 0px 5px;}
.goto {margin: 10px 28px 10px 10px; text-align: right;}
.to_link_r {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: right;
}
.to_link {
	margin: 20px 0px 0px 0px;
	text-align: right;
}

.center {
	text-align: center;
	margin: 0 auto;
	padding:5px 0px 20px 0px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* header設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header{
	width:100%;
	height: 70px;
	margin:0;
	padding:0;
	background: url(img/navy_back.png) repeat-x;
}
h1{
	width: 940px;
	margin: 0 auto;
	font-style: normal;
	text-align: left;
	padding: 15px 0 5px;
	font-size: 1.4em;
	line-height: ;
	color: #FFFFFF;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 本体設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#contents_in{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	clear: both;
}
#center_c{
	margin: 0 auto;
	padding: 15px 0 25px;
	box-sizing: border-box;
	clear: both;
}
.entry-content{
	margin:0 0 30px;
	padding: 0 3px 20px;
	font-size:0.9em;
	line-height:20px;
	text-align:left;
	color:#333;
	border-top:none;
	clear:both;
}
.entry-content p{
	margin: 0;
	font-size: 1em;
	line-height: 190%;
}
h2.entry-title{
	margin: 20px -5px;
	padding: 12px 20px;
	color: #EAEEF3;
	text-align:left;
	font-size: 1.4em;
	line-height: 1.8em;
	border-radius: 8px;
	background: url(img/navy_back.png) repeat;
	border: 3px #EAEEF3 solid;
	clear: both;
}
* {box-sizing: border-box;}
ul {padding: 0;}
li {list-style-type: none;}
dd {margin-left: 0;}
.flow {
	border: 3px solid #ccc;
	background: #FFFFFF;}
.flow > li {padding: 30px;}
.flow > li:not(:last-child) {
	border-bottom: 3px solid #ccc;
	position: relative;}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
	content: "";
	border: solid transparent;
	position: absolute;
	top: 100%;
	left: 15%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);}
.flow > li:not(:last-child)::before {
	border-width: 22px;
	border-top-color: #ccc;}
.flow > li:not(:last-child)::after {
	border-width: 18px;
	border-top-color: #fff;}
.flow > li dl {
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;}
.flow > li .icon {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	display: block;
	border-radius: 5px;
	background: rgb(107,144,219);
	background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
	background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );}
select{
	-webkit-appearance:none;
	appearance:none;
	width:500px;
	padding:1.2em 2em 1.2em 1em;
	box-sizing:border-box;
	font-size:16px;
	border:#AAA 2px solid;
	border-radius:0;
	background:#fff;}
.selectbox::after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	right:5%;
	top:35%;
	border-bottom:#AAA 2px solid;
	border-right:#AAA 2px solid;
	transform:rotate(45deg)translateY(-30%);}
textarea {
	width: 100%;
	max-width: 800px;
	height: 300px;
	padding: 1em;
	font-size: 1em;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #fff;
}
button.button-2234 {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	padding: 20px 100px;
	border: 2px solid #005C4A;
	border-radius: 10px;
	background: linear-gradient(#258172, #005C4A);
	color: #fff;
	text-shadow: 2px 2px 0 #005C4A;}
button.button-2234::before,
button.button-2234::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;}
button.button-2234:hover {
	border: 2px solid #005C4A;
	opacity: 0.8;}
button.button-2222 {
  display: inline-block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 2em;
  padding: 20px 100px;
  border: 2px solid #004a99;
  border-radius: 10px;
  background: linear-gradient(#2185d0, #004a99);
  color: #fff;
  text-shadow: 2px 2px 0 #004a99;
}
button.button-2222::before,
button.button-2222::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

button.button-2222:hover {
  border: 2px solid #004a99;
  opacity: 0.8;
}

p.sc-get {
	text-align: center;
}
.design1-2 {
	position: relative;
	margin: 40px 0 30px;
	padding: 20px 30px 20px;
	border-radius: 8px;
	background: #FFF;
}
.design1-2 .box-title {
	position: absolute;
	top: -28px;
	left: 10px;
	padding: 20px 20px;
	line-height: 1em;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 4px;
}
.d1-2 {
	border-style: solid;
	border-color: #FBBD52;}
.d1-2-t {
	background: #FBBD52;}
.border2 {
	border-width: 2px;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#footer{
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 15px 0 0;
	text-align:center;
	background: url(img/navy_back.png) repeat;
	box-sizing: border-box;
	clear:both;
}
#footer p{
	width: 950px;
	margin: 0 auto;
	padding: 7px 0 0;
	color: #FFF;
	font-size: 14px;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#F60;
	text-decoration:none;
}

/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
https://www.mithril-web.co.jp/
--------------------------------------------------------*/