@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
/*Mplus 1p の丸フォントバージョン呼び出し*/

/*******
コンセプトカラー
#615C94
********/
*{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	
	font-family: 'Noto Serif JP', sans-serif;
	text-align: center;
	background-color: #000000;
 	position: relative;
  	width: 100%;
  	min-height: 100vh;
}

.header{
	/*background-color: FFF;*/
	font-family: 'Bebas Neue', cursive;
	font-family: 'Oswald', sans-serif;
	/*color: #F3ECD8;*/
	/*letter-spacing: 3px;*/
	/*box-shadow:2px 5px 26px -13px #000000;*/
	height: 150px;
  	width: 100%;
  	}

.back{

	background-image: url(img/background.png);/*背景画像*/
 	width: 100vw;
 	height: 150px;
 	background-size: cover;
}

@media only screen and (max-width: 1000px) {/*****スマホ設定****/
	th td{font-size:2.5em;}
}

/******************************************
　　　　　　　　お申込みボタン
*******************************************/

.moushikomi_btn{/***右上画像**/
	position: fixed;
	right: 5px;
	top: 5px;
	z-index: 999;
	
	animation-name: swing;
	animation-duration: 2s;
	animation-delay: .45s;
}
/****************振り子のアニメーション****************/

@-webkit-keyframes swing {
    0%,100% { 
        -webkit-transform-origin: bottom center; 
    }
    10% { -webkit-transform: rotate(-15deg); }  
    20% { -webkit-transform: rotate(10deg); }
    30% { -webkit-transform: rotate(-5deg); }   
    40% { -webkit-transform: rotate(5deg); }    
    50% { -webkit-transform: rotate(-3deg); }

    60% { -webkit-transform: rotate(2deg); }
    70% { -webkit-transform: rotate(-2deg); }
    80% { -webkit-transform: rotate(1deg); }
    90% { -webkit-transform: rotate(-1deg); }
    100% { -webkit-transform: rotate(0deg); }
}

.omoushikomi_btn{
	display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #B6AFF11;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #DF7401;
    border-radius: 3px;
	width: 250px;
	margin: 50px auto;
}

.omoushikomi_btn:hover {/*ボタンを押したとき*/
	background: #FE2E64;/*ボタン色*/
	border-bottom: solid 4px #555;
}

.omoushikomi_btn a{
	color: #FFFFFF;
	text-decoration-line: none;
}

.container{
	
	background-color: #FFFFFF;
	width: 100%;
	/*margin:50px auto;*/
	margin:0px auto;

}

.container img{
	width: auto;
	height: auto;
}

.container img{
	width: auto;
	height: auto;
}

.container_c{
	background-color: #B6AFF11;
	
}

.container_c h3{
	font-size: 30px;
	
}

/*.container_c h4{
	background: #FFFFFF;
	font-size: 20px;
}*/

.img-size{
	width:100%;
	height:auto;
	}

/******************************************
　　　　　　　　　　　優待得点
*******************************************/
.yutai-box{
	/*border: 5px solid #FF0004;*/
	/*background-color: #FF7A7C;*/
	width: 100%;
	position: relative;
  	overflow: hidden;
	margin: 30px auto;
}

.yutai-box ul{
	position: relative;
  	left: 50%;
	float: left;
	list-style: none;
}

.yutai-box ul li{
	position: relative;
 	left: -50%;
  	float: left;
	margin: auto;
}

.yutai-box ul li img{
	width: 380px;
	height: auto;
}



/******************************************
　　　　　　　	スクロールボタン
*******************************************/

.pagetop {/*トップへ上がる矢印*/
    position: fixed;
    bottom: 20px;
    right: 20px;
	width: 70px;
	height: 70px;
	display: block;
	border: 5px solid #fff;
	border-radius: 50px;
	z-index: 99;
	opacity: 0.7;
}

.pagetop a{
	position: relative;
	display: inline-block;
	padding-left: 45px;
}

.pagetop a::before{
	content: '';
	width: 40px;
	height: 40px;
	border-top: solid 5px #fff;
	border-right: solid 5px #fff;
	-ms-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 0px;
	top: 20px;
	opacity: 0.7;
}

/**************入会規約*******************/
.admission_box{
	width: 80%;
	margin: 0 auto;
	padding: 15px;
}
@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
.admission_box{
	width: 90%;
	 font-size:1.5em;
}
p{
	font-size:1.1em;}
}
.admission_box h2{
	position: relative;
	padding: 0.5em;
	/*background: #7c7c7c;*/
	background: #1426AD;
	color: FFF;
	margin-bottom: 20px;
}

.admission_box h2::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 20px transparent;
	border-right: solid 25px rgb(149, 158, 155);
}

.admission_box h3{
	border-bottom: 2px solid #B19130;
	margin-bottom: 20px;
	padding-bottom: 5px;
	
}

.admission_box p{
	text-align: left;
	
}
.admission_box ul{
	text-align: left;
}
.admission_box ul li{
	margin: 10px 0;
}

.flow{
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 10px;
}
.flow_c{
	
	box-shadow: 2px 3px 4px 3px rgba(0, 0, 0, 0.32);/*影*/
	
}
.flow_c:before{
	content: 'お客様';
	background-color: #B6AFF1;
	/*font-size: 20px;*/
	display: block;
	
}
.flow_s{
	box-shadow: 2px 3px 4px 3px rgba(0, 0, 0, 0.32);/*影*/
	
}
.flow_s:before{
	content: 'トワライズ';
	background-color:#545454;
	color: #fff;
	/*font-size: 20px;*/
	display: block;
	
}

.flow:after{
	content: '▼';
}

.flow_last:after{
	content: ' ';
}
.{/****テーブル設定******/
	margin: 20px 20px;
	/*font-size: 14px;*/
	margin: 10px auto;
	border-collapse: collapse;
}
.admission_table{
	margin-left: auto;
    margin-right: auto;
}
.admission_table tr{
	
	
}

.admission_table td{
	border: 1px solid #6A6A6A;
	padding: 3px;
	
}

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .admission_table td{font-size:1.5em;}
    }

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .sm_font{
	   font-size:1.5em;
	    }
    }


.table_bk1{
	background-color: #1426AD;
	color: #fff;
}

.application_box{
	padding: 20px;
	
}
.agreement_read_bt{
	display: inline-block;
    padding: 7px 20px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-color:f4b651;
    transition: .2s;
    }
    @media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	    .agreement_read_bt{
	    font-size:2.5em;
	    }
    }
}
.agreement_read_bt:hover{
	opacity: 0.5;
}

.consent_bt{/***同意ボタン*****/
	margin: 20px 5px;
	display: inline-block;
    padding: 0.5em 1em;
    border-radius: 25px;0
    text-decoration: none;
    color: #FFF;
    transition: .2s;
    background-color: #1426AD;
}
@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	    .consent_bt{
	    font-size:2.5em;
	    }
    }
}


.consent_bt:hover {/*ボタンを押したとき*/
	opacity: 0.5;
}

/*************画像スマホ対応*************/


@media only screen and (max-width: 1000px) {/*****スマホ設定****/
	.img_sm img{
		width: 100%;
		height: auto;}
	
	.top_img{
		width: 100%;
		height: auto;}
}

/*************クリアフィックス*************/

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}



/*お申込にあたってのお願い*/

.moushikomi_waku_top{
	background-color: #0003B8;
	width: 100%;
	color: #fff;
}

.moushikomi_center td{
	text-align: left;
	vertical-align: middle;
}

.moushikomi-waku{
	border: 3px solid #0003B8;
	
	padding: 20px 0 10px 0;
	text-align: center;
}

.moushikomi_center{
	margin-left:auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
}

.moushikomi-plus{
	font-size: 6em;
	color: #0003B8;
	display: block;
	height: 35px;
}



.moushikomi_oomozi{
	font-size: 1.2em;
	font-weight: bold;
}

.moushikomi-box{
	width: 90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
/*オレンジのテーブル*/
.moushikomi-table-orange table{
	border: #FF9600;
	margin-left: auto;
	margin-right: auto;
	border-collapse:  collapse;
}

.moushikomi-table-orange th{
	background-color: #FF9600;
	color: #FFFFFF;
	font-weight: bold;
	
}

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .moushikomi-table-orange th{font-size:1.5em;}
	   .moushikomi-table-orange td{font-size:1.5em;}
	   
    }

.moushikomi-table-orange td{
	border: 2px solid #FF9600;
	text-align: center;
}

/*水色のテーブル*/
.moushikomi-mizu{
	border: #2D6CFF;
	margin-left: auto;
	margin-right: auto;
}

.moushikomi-table-mizu table{
	border-collapse:  collapse;
}

.moushikomi-table-mizu th{
	background-color: #2D6CFF;
	color: #FFFFFF;
	font-weight: bold;
}

.moushikomi-table-mizu td{
	border: 2px solid #2D6CFF;
}

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .moushikomi-table-mizu th{font-size:1.5em;}
	   .moushikomi-table-mizu td{font-size:1.5em;}
    }

/*黄色のテーブル*/
.moushikomi-yellow{
	
	margin-left: auto;
	margin-right: auto;
	
}

.moushikomi-table-yellow table{
	border-collapse:  collapse;
	
}

.moushikomi-table-yellow th{
	background-color: #FFC600;
	color: #000;
	font-weight: bold;
	
}

.moushikomi-table-yellow td{
	border: 2px solid #FFC600;
}

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .moushikomi-table-yellow th{font-size:1.5em;}
	   .moushikomi-table-yellow td{font-size:1.5em;}
    }


/*小豆色のテーブル*/
.moushikomi-azuki{
	border: #772121;
	margin-left: auto;
	margin-right: auto;
}

.moushikomi-table-azuki img{
	max-width: 100%;
	height: auto;
	
}

.moushikomi-table-azuki table{
	border-collapse:  collapse; 
}
.moushikomi-table-azuki th{
	background-color: #772121;
	color: #FFF;
	font-weight: bold;
	
}

.moushikomi-table-azuki td{
	border: 2px solid #772121;
}

/*テーブル*/
.moushikomi-01{
	border: #000000;
	margin-left: auto;
	margin-right: auto;
}

.moushikomi-table-01 img{
	max-width: 100%;
	height: auto;
	
}

.moushikomi-table-01 table{
	border-collapse:  collapse; 

}
.moushikomi-table-01 th{
	background-color: #000000;
	color: #FFF;
	font-weight: bold;
	
}

.moushikomi-table-01 td{
	border: 2px solid #000000;
	padding: 15px;

}

.td-bak-01{
	background-color: #90ee90;
}

@media only screen and (max-width: 1000px) {/*************文字スマホ対応*************/
	   .moushikomi-table-azuki th{font-size:1.5em;}
	   .moushikomi-table-azuki td{font-size:1.5em;}
    }

.img_auto{
}

.omoushikomi-box{
	text-align: left;
}

.p-indent{
  text-indent: 1em;
}

.red-font{
	color: #ff0000;
	font-size: 1.3em;
	margin-top:10px;
	
}