@charset "utf-8";
article,aside,dialog,div,figure,footer,header,hgroup,hr,nav,section{display:block}a,hr{border:0;padding:0}em,mark{font-style:italic}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}mark,strong{font-weight:700}ins,mark{background-color:#ff9;color:#000}body{line-height:1.6;overflow-y:scroll}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}.chu:before,.kome:before{content:"※"}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}.red,b{color:red}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:text-top}img{vertical-align:bottom}b{font-size:inherit}small{font-size:80%}.center{text-align:center}.border{border:1px solid}.blue{color:#00f}.chu{color:red}.kome{margin-left:1em;font-size:90%}blockquote p,q{quotes:"『" "』""「" "」"}blockquote p:before,q:before{content:open-quote}blockquote p:after,q:after{content:close-quote}

body {
	font-size:100%;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'MS UI Gothic', sans-serif;
}
.wrapper {
	width:100%;
	margin:0 auto;
}
#main_header {
	margin-bottom:20px;
}
#main_header p {
	width:96%;
	max-width:1000px;
	margin: 0 auto;
	padding: 0 2%;
}
#main_header p img{
  width: 100%;
  height: auto;
}
h1 {
	width: 100%;
	padding: 15px 0;
	font-size:30px;
	line-height: 180%;
	text-align: center;
  background: #042983;
  color: white;
}
h2 {
	margin:30px 0 15px 0;
	padding:5px 0 5px 2%;
	font-size:110%;
  background: #042983;
  color: white;
}
h3 {
	clear:both;
	margin:30px 0 10px;
  padding: 3px 1em;
	font-size:110%;
  border-left: solid 10px #042983;
  background: #E8FDFF;
  color: #043c78;
}
#contents {
	width:96%;
	max-width:1000px;
	margin: 0 auto;
	padding: 20px 2%;
	font-size:95%;
	line-height:1.8;
}
.mb15{
	margin-bottom: 15px;
}

/* 汎用スタイル */
.section {
	margin-bottom:15px;
}
.text-block{
	margin: 10px 20px 20px;
	padding: 10px;
}
.box{
  padding:15px;
  border:2px solid #ccc;
  background:#eee;
}
.box2{
  margin: 10px 0;
  padding: 10px 0;
}

ul li { list-style:none; }
a:hover{ opacity:0.8; }

.center {	text-align:center; }
.left{ text-align:left;	}
.right{	text-align:right;	}
.attention { color:#f00; }
.index { padding-right:10px; }
.para p{ margin: 10px 0; }

table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}

.disc li{
	list-style: disc inside;
	text-indent: -1em;
	margin-left: 1em;
}
.list li:before{
	content: "※";
}
dl.disc div{
  display: list-item;
  margin-left: 1em;
}
table.border {
	margin:10px 0;
	border-spacing:0;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.border th, table.border td {
	padding:5px 10px;
	border:1px solid #ccc;
	vertical-align: middle;
}
table.border th {	background:#eee; }
table.border th.th { width: 4
	0%; }

@media screen and (max-width: 739px){
  table.border { border:none; }
  table.border th.th { display: none; }
  table.border th, table.border td{
    display: block;
    width: 100%!important;
  }
  table.border td[data-title]::before {
    color: #666;
    content: attr(data-title) " :";
    font-weight: bold;
    padding: 0 10px 0 0;
    display: inline;
  }  
}

/* *** contents *** */

#lead{
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.sign{
  width: 310px;
  float: right;
  text-align: right;
}

/* contact */
#contact{
  clear: both;
  display: flex;
}
#logo_area{ width: 30%; }
#address{ width: 70%; text-align: right; }
#address a{ text-decoration: none; color: #222; }
@media screen and (max-width: 739px){
  #contact{ display: block; }
  #logo_area{ width: 100%; }
  #address{ width: 100%; }
}

/* flow */
#flow > ul > li {
  list-style: none;
  margin: 10px 0;
  padding-bottom: 20px;
  background: url(../imgs/flow.png) no-repeat center bottom;
}
#flow > ul > li > div {
    padding: 10px 2%;
    border: solid 1px #DDD96E;
    background-color:#FCF5D1;
}
#flow >ul > li > div p {
  margin: 10px 0;
}
#flow >ul > li:last-child {
    background: none;
}
#flow > ul > li div,
#flow > ul > li ul {
  margin-left: 1em;
}

#btn_area {
    margin: 60px 0;
    text-align: center;
}
.button {
  display: inline-block;
  width: 300px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	font-weight: bold;
}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  border: 1px solid #15aeec;
  background-color: #49c0f0;
  background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
  background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
  border-radius: 4px;
  color: #fff;
  line-height: 50px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button a {
  display: block;
  color: yellow;
  text-decoration: none;
}
.button:hover {
  border:1px solid #1090c3;
  background-color: #1ab0ec;
  background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active {
  background: #1a92c2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #1679a1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.button_pre {
  display: inline-block;
  width: 300px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  outline: none;
	font-weight: bold;
  border: 1px solid #15aeec;
  background-color: #49c0f0;
  background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
  background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
  border-radius: 4px;
  color: #fff;
  line-height: 50px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#bank > dl > dt{
	clear: both;
	float: left;
	width: 7em;
}
#bank > dl > dt::after{
	content: "：";	
}
#bank > dl > dd{
	margin-left: 7em;
}

#page_top{
  position: fixed;
  bottom: 35px;
  right: 3%;
  cursor: pointer;
}

#main_footer {
	clear:both;
  height: 30px;
  background: #042983;
}

.t_indent {
  text-indent: -1.1rem;
  padding-left: 1.1rem;
}

@media screen and (max-width:1000px){
  .cover {
    width: 100%;
    overflow: auto;
  }
  .price {
    width: 940px;
  }
  .price02 {
    width: 700px;
  }
  .price tr th, .price tr td {
    width: auto !important;
    display: table-cell !important;
  }
}