@charset "UTF-8";
/*common*/
@import url（ 'https://fonts.googleapis.com/css?family= Noto + Sans + JP | Sawarabi + Mincho＆display = swap＆subset = japanese'）; 

html {
	font-size:100%;
}

body {
	margin:0 auto;
	padding:0;
	font-family: 'Sawarabi Mincho','Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

div {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a:link {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a:hover {
	margin: 0;
	padding: 0;
	text-decoration: none ;
}

a:visited {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a:active {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

h1 {
	margin: 0 0 32px 0;
	padding: 0;
	
	font-size: 32px;
	font-weight: 400;
	color: #3a7fbf;
	text-decoration: none;
}

h2 {
	margin: 0;
	padding: 0;
	
	font-size: 24px;
	font-weight: 400;
	color:#3a7fbf;
	text-decoration: none;
}

h3 {
	margin: 0;
	padding: 0;
	
	font-size:16px;
	font-weight: 600;
	color:#3a7fbf;
	text-decoration: none;
}

h4 {
	margin: 0;
	padding: 0;
	
	font-size: 16px;
	font-weight: 600;
	color:#3a7fbf;
	text-decoration: none;
}

p { 
	margin: 0;
	padding: 0;
	
	text-align: justify;
	color: #67574c;
	font-size: 16px;
	line-height:2.0;
}

ul {
	color: #67574c;
	font-size: 14px;
	list-style-type: disc;
}

li {
	margin: 0;
	padding: 0;
}

table {
	color: #67574c;
	font-size: 16px;
	border-collapse: collapse;
}

td {
	text-align: center;
	letter-spacing: 0.05em;
	background-color: #FFFFFF;
	border: solid 1px #ececec;
}

th {
	background-color: #FFFFFF;
	border: solid 1px #ececec;
}

.none {
	background-color: rgba(255,255,255,0.00);
	border: none;
}

/*style*/

.small {
	font-size: 10px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.blue {
	color: #3a7fbf;
}

.clear {
	width: 40%;
	color: #67574c;
	background: -moz-linear-gradient(65deg, #f1f7f9, #e9f5f9);
	background: -webkit-linear-gradient(65deg, #f1f7f9, #e9f5f9); 
	background: linear-gradient(25deg, #f1f7f9, #e9f5f9); 
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: solid 1px #ffffff;
}

.orange {
	width: 40%;
	color: #FFFFFF;
	background: -moz-linear-gradient(65deg, #ffd800, #ff9600);
	background: -webkit-linear-gradient(65deg, #ffd800, #ff9600); 
	background: linear-gradient(25deg, #ffd800, #ff9600); 
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: solid 1px #ffffff;
}

.paleblue {
	width: 20%;
	color: #FFFFFF;
	background: #89b2d9;
	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: solid 1px #ffffff;
}

.cell_56 {
	height: 56px;
	text-align: center;
	vertical-align: middle;
	
	font-size: 20px;
	letter-spacing: 1.5;
}

.cell_42 {
	height: 42px;
	text-align: center;
	vertical-align: middle;
}



/*layout*/

.box {
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.text_box {
	width: 864px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.flexbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap: wrap;
}

.flexbox_wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.leftbox {
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0;
		
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.rightbox {
	width: 65%;
	height: auto;
	padding: 0;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.rightbox img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#about{
	width:100%;
	height: auto;
	padding:56px 0 30px 0;
	background-color: #eef7fa;
}

#about.rightbox img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}


.graph_box {
	width: 786px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.graph_box li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

/*nav*/

/*#header_contents_fixed {
	width:100%;
	height: 60px;
	background-color: #BBCFE7;
}*/

#nav {
	width:100%;
	height:60px;
	background-color: #eef7fa;
}

.nav_box {
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.nav_box img {
	width:auto;
	height: 32px;
	margin: 14px 22px 14px 14px;
	line-height: 36px;
	display: inline;
}

.nav_box p {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	font-size: 12px;
	vertical-align: 24px;
}

.nav_sns {
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: 20px;
}

.footer_sns {
	display: none;
}

#top {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
}

.top_pc {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}

.top_sp {
	display: none;
}

#period {
	width:100%;
	height: auto;
	margin: 0;
	padding: 12px 0;
	background: #f6fbfd;
	color: #67574c;
}

#period h1{
	margin: 0 auto;
	padding: 0;
	color: #67574c;
	text-align: center;
	vertical-align: middle;
	display: block;
	
	line-height: 1.5;
	}

#campaign {
	margin: 56px 0 32px 0;
}

.leftbox_campaign {
	width: 576px;
	height: auto;
	margin: 0;
	padding: 0;
		
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.leftbox_campaign img{
	display: none;
}

.leftbox_campaign h1{
	line-height: 1.5;
	margin: 0 0 16px 0;
	padding: 0;
}

.rightbox_campaign {
	width: 208px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.rightbox_campaign img {
	width: 208px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#point {
	padding: 56px 0 30px 0;
	background-color: #f6fbfd;
}

.point {
	width: 100%;
	height: auto;
	margin: 0 auto 32px auto;
	padding: 0;
	
	display: flex;
	flex-direction: column;
    justify-content: center; 
    align-items: center;  
}

.leftbox_point {
	width: 184px;
	height: auto 0;
	margin: 0 auto;
	padding: 0;
	
    text-align: center;
	vertical-align: middle;
	align-items: center;

    display: flex;
	
	flex-direction: column;
	justify-content: center;
}

.leftbox_point img {
	width: 184px;
	height: auto;
	margin:  0;
	padding: 0;
	
	display: block;
	align-items: center;
}

.rightbox_point {
	width: 576px;
	height: auto;
	margin: 0;
	padding: 0;
		
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.rightbox_point h1{
	margin: 0 0 16px 0;
	padding: 0;
}

.rightbox_point img {
	display: none;
}

.sample {
	margin: 0 auto;
	padding: 32px 0 16px 0;
}

.sample h2{
	margin: 0 auto;
	padding: 0;
}

.schedule_pc {
	width: 744px;
	height: auto;
	margin: 0 auto;
	padding: 16px 0 32px 0;
	
	display: block;
}

.schedule_sp{
	display: none;
}

span #remit {
	text-align: center;
	color: #957E6E;
}

.kakomi_small {
	margin: 32px auto 16px auto;
	background-color: #ffffff;
	box-shadow: 4px 4px rgba(58,127,191,0.6);
}

.kakomi_small h2{
	margin: 0 auto;
	padding: 24px 0 0 0;
	text-align: center;
}

.kakomi {
	margin: -4px 0 16px 0;
	background-color: #ffffff;
	box-shadow: 4px 4px rgba(58,127,191,0.6);
}

.koudoku {
	margin:0 auto;
	padding: 24px;
	
	display: flex;
	flex-flow: wrap;
}

.koudoku p{
	margin: 0 auto;
	padding: 0;
	vertical-align: middle;
}

.koudoku img{
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
}

.leftbox_koudoku{
	width:30%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	justify-content: space-between;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
}

.rightbox_koudoku{
	width:70%;
	height: auto;
	margin-right: -18px;
	padding: 0;
	
	justify-content: space-between;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
}

div.moushikomi {
 position:relative;
 clear:both;
 width:100%;
 margin:0;
 padding:42px 0;
}

div.form_bt {
	width:560px;
	height:72px;
	margin:0 auto;
	padding: 0;
	text-align: center;
	
	border-radius:36px;
	background-color: #67574c; 
	filter: drop-shadow(8px 8px 16px rgba(4,4,5,0.15));
}

.form_bt h1{
	margin: 0 auto;
	padding: 0;
	font-size: 36px;
	color: #ffffff;
	text-align: center;
	line-height: 2.0;
	
	display: inline;
}

.form_bt img{
	width: 40px;
	height: 40px;
	margin-left: 16px;
	padding: 0;
	
	vertical-align:-6px;
}

#member {
	width:100%;
	height: auto;
	padding:56px 0 30px 0;
	background: #FFFFFF;
}

#member ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#member p span{
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
	line-height: 0.5;
	display: block;
}

.member {
	width: 786px;
	height: auto;
	margin: 32px auto 0 auto;
	padding: 0;
}

.member_contents {
	width: 144px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.member_contents img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.member_contents p{
	text-align: center;
}

.membership_type{
	margin: 32px auto 48px auto;
	padding: 0;
}

.memberpay_type{
	margin: 32px auto 16px auto;
	padding: 0;
}

/*
dl {
float: left ;
padding: 0 ;
text-align: center ;
}

dt {
float: left ;
clear: left ;
width: 250px ;
height: 1.6em ;
background-color: #8F82F8 ;
}

dd {
margin-left: 0px ;
width: 250px ;
height: 187px ;
}

*/

#news{
	width:100%;
	height: auto;
	padding:32px 0;
	background: -moz-linear-gradient(rgba(232,245,249,0), rgba(232,245,249,1.0)); 
	background: -webkit-linear-gradient(rgba(232,245,249,0), rgba(232,245,249,1.0)); 
	background: linear-gradient(rgba(232,245,249,0), rgba(232,245,249,1.0)); 
}

.ranking_container{
	width: 100%;
	height: auto;
	margin: 40px auto 16px auto;
	padding: 0;
	
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
}

.ranking_box{
	width: 174px;
	height: 216px;
	margin: 0 auto 24px auto;
	padding: 8px 12px 16px 12px;
	
	background-color: #FFFFFF;
	filter: drop-shadow(8px 8px 16px rgba(58,127,191,0.25));
	
	display: block;
}

.ranking_box img{
	width: 100%;
	height: auto;
	margin: 4px auto;
	padding: 0;
}


.ranking_box p{
	font-size: 12px;
	line-height: 1.25;
}

.ranking_box span{
	font-size: 8px;
	vertical-align: bottom;
	color: #a2a2a2;
}

.ranking_box h3{
	font-size: 20px;
	text-align: center;
}

.ranking_box h4{
	padding: 3px 0;
	text-align: center;
}

#attention {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:56px 0;
	background: #f6fbfd;
	
	line-height: 2.0;
}

#attention h2{
	text-align: center;
}

#footer {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:56px 0;
	background:#b1a092;
}

#footer img {
	width:216px;
	height: auto;
	margin:0 auto 4px auto;
	text-align:center;
	display: block;
}

#footer p {
	margin: 0 auto;
	padding: 0;
	font-size:6px;
	text-align:center;
	color:#FFFFFF;
	letter-spacing: 2px;
}

#pageTop {
	width: 80px;
	height: 80px;
	padding: 0;
	
	position: fixed;
	bottom: 32px;
    right: 32px;
	
    background: #89b2d9;
    color: #FFF;
 	font-size: 12px;
	border-radius: 40px;
}

#pageTop img{
	width: 32px;
	height: 20px;
	margin: 28px auto 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;

	display: block;
}

.sns_header {
	margin:0;
	padding:0;
	display: inline-flex;
}

.sns_header ul {
	margin-left: 0;
	padding:0;
}

.sns_header li {
	margin-left: 10px;
	font-size: 10px;
	padding:0;
	list-style-type: none;
}

.sns {
 margin:0;
 padding:0;
}

.sns li {
 margin:0;
 padding:0;
}

@media print {
 .header_contents_fixed {
 display:none;
}
}