@charset "UTF-8";


/** リセット **/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

html { 
	font-size: 62.5%; /*10px=1rem*/
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height:1.8;
	height: 100%;
    font-size: 62.5%; /*10px*/
}

p{
	font-size: 1.6rem;
}

h1, h2, h3, h4, p {
	margin:10px 0;
}

ul {
	list-style: none;
}

img {
	vertical-align:bottom;
}

a img {
	border:0;
}

a {
	text-decoration: none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.clearfix{
	display:block;
}

/*コンテンツ*/

.head_back{
	background: url("img/sky_back2.jpg") center top no-repeat;
    background-size: auto;
}

.head_image{
    text-align: center;
    /*background-color: #3574BB;*/
	background-image: url("img/left_sky2.jpg"), url("img/right_sky2.jpg");
    background-position: left top, right top;
	background-size: 50% auto;
	background-repeat: no-repeat, no-repeat; 
}

div.title{
padding-bottom: 150px;
}

div.title img{
position: relative;
z-index: 200;
}

.head_image2{
position: relative;
text-align: center;
}

.yane{
width: 80%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 10px);
}

.plate{
width: 80%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 10px);
}

.board{
    padding-top: 16px;
    padding-bottom: 12px;
    text-align: center;
    background-image: url("img/board.png");
    background-position: right top;
	background-size: auto 100%;
	background-repeat: repeat-x; 
}

.onki{
position: absolute;
right:10px;
top:10px;
width: 25vw;
max-width: 124px;
}

.onki img{
width: 100%;
max-width: 124px;
}


.purple{
background-color: #B6B1D4;
}

.blue{
background-color: #9DBFFF;
}

.yoko{
padding: 10px 0;
margin: 20px 0;
text-align: center;
}

h1 {
font-size: 2.8rem;
}

h2{
font-size: 2.4rem;
text-align: center;
color:#4573DC;
}

h3{
font-size: 1.8rem;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: #4573DC;
}

h4{
font-size: 1.4rem;
}

.hissu{
font-size: 1.2rem;
color:#c00;
}

.text_box{
display: inline-block;
text-align: left;
}

.text_box_l{
width: 90%;
max-width: 840px;
text-align: left;
margin:0 auto;
}

dl{
font-size: 1.6rem;
}

dt{
font-weight: bold;
margin-top: 10px;
}

dd{
margin-left: 1em;
}

dd span {
font-size: 2rem;
}

dt:before{
content: "■ ";
color:#4573DC;
}

.bumon_box{
display: flex;
margin-bottom: 50px;
}

.bumon{
flex-basis: 50%;
}

.texts{
font-size: 1.4rem;
}

.sage1{
margin-left: 1em;
}

.chusyaku{font-size: 1.4rem;}

.sp_br{
display: none;
}

.sage9{
margin-left: 11.2rem;
}

.toko_box{
border:1px solid #4573DC;
padding: 20px 20px;
margin: 20px 0;
}

.red{
color:#F00;
}

.button_set{
text-align: center;
margin-top: 50px;
}

.button_set input[type="submit"]{
margin-right:3em;
}

table, tr, td{
border-collapse: collapse;
border:1px solid #999;
}

table{
margin-left: 2em;
}

td{
font-size: 1.4rem;
padding: 5px 0.5em;
}

td:nth-child(1){
text-align: right;
vertical-align: top;
background-color: #E6F7FF;
}

table#mfp_confirm_table,
table#mfp_confirm_table tr,
table#mfp_confirm_table td{
border:none;
}


/*戻るボタン*/

.link_btn,
.slink_btn{
text-align: center;
}

.link_btn a,
.slink_btn a{
display: inline-block;
font-size: 1.6rem;
padding: 10px 16px;
border: 1px solid #4100CC;
border-radius: 6px;
background-color: #E2D6FF;
}

.slink_btn a{
background-color: #EFE8FF;
}

.link_btn a:hover,
.link_btn a:active,
.slink_btn a:hover,
.slink_btn a:active{
background-color: #4100CC;
color: #fff;
}

.slink_btn{
position: absolute;
top: 10px;
left: 10px;
}

.attention{
margin-top: 20px;
}

p.sage1a{
margin:0 0;
font-size: 1.4rem;
margin-left:1em;
text-indent: -1em;
}


/*フッター*/

footer{
background-color:#4573DC;
}

.footer_inner{
width: 90%;
margin: 0 auto;
font-size: 1.4rem;
text-align: right;
color:#fff;
}


/* totop */

#pagetop {
	position: fixed;
	bottom: 80Px;
	height: 80px;
	width: 40px;
	z-index: 90;
	right: 0;
	/*margin-left: 400px;*/
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#pagetop p { font-size: 1.4rem; line-height:1em; font-weight: bold; }

#pagetop p span { font-size: 1.8rem; }

a#move_top { 
	display: block; 
	position:relative;
	cursor: pointer; 
	color: #fff; 
	text-decoration: none; 
	text-align: center; 
	line-height: 20px;
	height: auto; 
	width: 40px; 
	padding:12px 0 12px 0; 
	background-color: #4573DC;
	border-radius:10px 0 0 0;
}

@media screen and (max-width: 1260px){

.sp_br{
display: inline;
}

.text_box p{
font-size: 1.4rem;
}

table{
width: 90%;
max-width:640px;
margin-right:1em;
}
td:nth-child(1){
text-align: left;
}
tr,td{
display: block;
width: auto;
border:none;
}

}

@media screen and (max-width: 920px){

.text_box_l{
max-width: 700px;
}

.bumon_box{
display: block;
}

.bumon{
flex-basis: auto;
}

.pc_br {
display: none;
}

.sage9{
margin-left: 0;
}

}

@media screen and (max-width: 880px){
.head_image{
	background-size: 50% 100%;
}

}

@media screen and (max-width: 800px){

.onki{
width: 16vw;
}

table#mfp_confirm_table{
width: 100%;
border: none;
margin-right: 0;
margin-left:0;
display:table;
border-bottom: 1px solid #ccc;
}


table#mfp_confirm_table tr{
display: table-row;
}
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td{
display: table-cell;
}


}

@media screen and (max-width: 420px){

div.title img{
width: 80%;
}

div.board img{
width: 80%;
}

}

@media print{

h2{page-break-before: always;}

.bumon_box{
display: block;
}

.bumon{
flex-basis: none;
}

}