html{	font-size : 62.5%;}
div,p,a,span,input{
	box-sizing : border-box;
	line-height : 120%;
	font-size: 1.4rem;
	font-family: "新ゴ R" ,Shin Go Regular, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper{
	width : 100%;
	min-width: 900px;
    background: #E8E8F2;
}

/*------------------
共通設定
------------------*/

.mb_20{margin-bottom : 20px;}
.mb_40{margin-bottom : 40px;}
.mb_55{margin-bottom : 55px;}
.mb_60{margin-bottom : 60px;}
.mb_80{margin-bottom : 80px;}


.mt_20{margin-top: 20px;}
.mt_40{margin-top: 40px;}
.mt_60{margin-top: 60px;}



.border{
	border-top: solid 1px #dfdfdf;
}

.fontsize_12{font-size: 1.2rem;}
.fontsize_14{font-size: 1.4rem;}
.fontsize_16{font-size: 1.6rem;}

.red_font{
	color : #ff0000;
}

.blue_font{
	color: #181878;
}

p{
	line-height: 1.8em;
	font-size: 1.4rem;
}

.flex-box{
	display: flex;
	justify-content: center;
}

/*------------------
ヘッダー
------------------*/

#head{
	width : 100%;
	height: 180px;
	padding : 75px 0 35px;
	background-color : #181878;
}

#head_area{
	width : 920px;
	margin : 0 auto;
}


#head_area .head_logo{
	text-align: center;
	margin:auto;
}



/*------------------
メイン
------------------*/

#main{
	width : 1000px;
	background-color : #ffffff;
	margin: auto;
	padding : 30px 0 30px 0;
}


#main_area,
#joint_exhibits{
	width : 900px;
	margin : 0 auto;
}

#main_area .page_name{
	color : #181878;
}

#main_area h1{
	text-align: center;
	font-size: 2.9rem;
	margin: 16px 0;
	color : #000000;
	font-family:"新ゴ R",Shin Go Medium, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main_area .page_name .p1{
	font-size : 1.4rem;
	text-align: center;
}

#main_area .page_name .p2{
	font-size : 3rem;
}

#main_area .info{
	width: 800px;
	padding: 40px 30px;
	margin: auto;
	border-bottom: solid 1px #181878;
}

h2{
	font-size : 2.0rem;
	color: #1547AA;
	line-height: 1.5;
	font-family: "新ゴ R" ,"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.icon_check{
	margin-right: 7px;
	vertical-align: -2px;
}

.flow{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

h3{
	background-color: #1547AA;
	color: #ffffff;
	font-size: 2.0rem;
	padding: 15px;
	margin-bottom: 15px;
	font-family: "新ゴ R" , "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h4{
	background-color:#9e9e9e;
	color: #ffffff;
	width: 80px;
	text-align: center;
	margin-top: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*------------------
テーブル
------------------*/

#main_area .table{
	width : 100%;
	display : table;
	margin-top: 20px;
}

#main_area .table .tbody{
	width : 100%;
	display : table-row-group;
}

#main_area .table .tr{
	width : 100%;
	display : table-row;
}

#main_area .table .tr .th{
	display : table-cell;
	width : 350px;
	background-color : #eaeaea;
	border : solid 1px #d6d6d6;
	vertical-align: middle;
	padding : 15px;
}

#main_area .table .tr .td{
	display : table-cell;
	width : 550px;
	border : solid 1px #d6d6d6;
	vertical-align: middle;
	padding : 15px;
}

.honsya_check{
	margin-top: 16px;
}

/*------------------
入力フォーム
------------------*/

input[type='password'],
input[type='text'],
select{
	font-size: 1.6rem;
	width: 90%;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select{
  background: url(../img/select.png) no-repeat;
  background-size: contain;
	background-size: 10px 8px;
	background-position: right 8px center;
}

input[type='text'].zipcode{
    width: 120px;
}



#main_area .radio_box{
	border: solid 1px #181878;
	padding: 35px 20px;
	margin-top: 20px;
	font-size : 1.6rem;
}

#main_area .radio_box label{
	display: block;
}

#main_area .radio_box label:not(:last-child) {
	margin-bottom: 20px;
}

#main_area .annotation{
	color : #ff0000;
	font-size : 1.2rem;
	line-height:1.3em;
	margin-top: 10px;

}

#main_area .form_box{
	margin-bottom: 50px;
}

#main textarea{
  width: 90%;
  height: 150px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.formwidth_short{
	width: 200px;
}


/* 2021.02.16 長屋追加開始 */
.form_error{
	color : #ff0000;

	/* 2021.02.17 西根追加開始 */
	background-color: #f4baba;
	color:#630021;
	font-size:1.5rem;
	font-family: "メイリオ", Meiryo,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 20px 0px;
	padding-left: 10px;
	/* 2021.02.17 西根追加終了 */

	/* 2021.02.22 西根追加開始 */
	margin-bottom: 20px;
	/* 2021.02.22 西根追加終了 */

}
/* 2021.02.16 長屋追加終了 */


/*------------------
規約
------------------*/

#main .terms{
	margin: auto;
	margin-top: 90px;
}

#main .terms h2{
	font-size: 2.0rem;
	text-align: center;
	color: #181878;
}

#main .scroll_box{
	font-size: 1.1rem;
	color: #9e9e9e;
	width: 680px;
	height: 230px;
	overflow: auto;
	padding: 10px;
	margin:20px auto 30px;
	border: solid 1px #9e9e9e;
	border-radius: 6px;
}

#main .cb{
	text-align: center;
}


/*------------------
ボタン
------------------*/
#main .btns{
	text-align: center;
}

#main .btn_type01[disabled]{
	color: #ffffff;
	border: none;
	border-radius: 6px;
	background-color: #a9a9a9;
	height: 70px;
	width: 295px;
	transition: .4s;
	cursor: default;
}

#main .btn_type01[disabled]:hover{
	background-color: #a9a9a9;
}

#main .btn_type01{
	background-color: #181878;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	height: 60px;
	width: 320px;
	cursor: pointer;
	transition: .3s;
    font-size: 1.2rem;
}

#main .btn_type02{
	display: inline-block;
	text-decoration: none;
	border: solid 2px #9fd1fb;
	height: 65px;
	width: 295px;
	border-radius: 6px;
	line-height: 65px;
	color: #9fd1fb;
	transition: .3s;
}


#main .btn_type03{
	color: #9fd1fb;
	background-color: #ffffff;
	border: solid 2px #9fd1fb;
	height: 65px;
	width: 295px;
	border-radius: 6px;
	line-height: 65px;
	cursor: pointer;
	margin-right: 20px;
	transition: .3s;
}

#main .btn_type04{
	color: #ffffff;
	border: none;
	border-radius: 6px;
	background-color: #181878;
	height: 65px;
	width: 295px;
	cursor: pointer;
	transition: .3s;
}

#main .btn_type05{
	display: inline-block;
	color: #ffffff;
	border: none;
	border-radius: 6px;
	background-color: #3fa2f7;
	height: 65px;
	width: 295px;
	line-height: 65px;
	text-decoration: none;
	margin: 30px auto 60px;
	transition: .3s;
}

#main .btn_type01:hover,
#main .btn_type04:hover,
#main .btn_type05:hover{
	background-color: #0079e4;
	transition: .3s;
}

#main .btn_type02:hover,
#main .btn_type03:hover{
	color: #3fa2f7;
	background-color: #ddf0ff;
	transition: .3s;
}


/*------------------
お問い合わせ
------------------*/
#main .contacts{
	width: 800px;
	margin: auto;
	text-align: center;
	border-top: solid 1px #181878;
}

#main .contacts .p1{
	padding: 25px;
}

#main .contacts .p2{
	font-size: 1.3rem;
	margin-top: 8px;
}


/*------------------
フッター
------------------*/
#footer{
	width : 100%;
	background-color : #181878;
	color: #ffffff;
	height: 185px;
	}
	
#footer_area{
	width : 1000px;
	margin : 0 auto;
	padding: 40px 0;
	text-align: center;
}

#footer .company_info p,
#footer .copyright{
	font-size: 1.0rem;
    line-height: 1.4;
}

#footer .copyright{
	margin-top: 40px;
}




/* 2021.02.22 西根追加開始 */
/*-----------------
ログイン
------------------*/

#login{
	border:none;
}

#login #main{
	padding-bottom: 70px;
    background-color: transparent;
}

#login h1{
	color: #181878;
	font-size: 2.5rem;
	font-family: "新ゴ R" , "メイリオ", Meiryo,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 105px auto 30px;
}

#login #head{
    display: flex;
    justify-content: flex-start;
    align-items: center;
	height: 58px;
	padding: 20px 0 ;
	background-color: #fff;
    border-bottom: 1px solid rgba(35, 24, 21, .3);
}
#login #head_area {
    width: fit-content;
    margin: 0 0 0 35px;
}

#login #head img{
	height: 45px;
	width: auto;
}
#login form{
	border-top: solid 1px #dfdfdf;
	padding-top: 50px;
	/* width: 930px; */
}

#login #main_area .table,
#login #main_area .tbody,
#login #main_area .tr,
#login #main_area .th,
#login #main_area .td{
	display: block;
	background-color: transparent;
	border:none;
}

#login #main_area .th,
#login #main_area .td{
	width: 100%;
}

#login #main_area .th{
	font-size: 1.6rem;
	line-height: 1.8;
	padding: 0;
	font-family: "新ゴ R" , "メイリオ", Meiryo,  "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#login #main_area .td{
	padding: 0;
	margin-bottom: 40px;
}

#login .form_box2{
	width: 670px;
	margin-right: auto;
	margin-left: auto;
    margin-bottom: 140px;
}

#login input[type="password"],
#login input[type="text"]{
	background-color: #fff;
	width: 100%;
	padding: 10px;
    border-color: #000;
    border-radius: 0;
    font-size: 1.4rem;
}

#login #main_area .annotation{
	color: #1B1C80;
}

#login .forget{
	display: inline-block;
	margin-top: 14px;
	color: #1B1C80;
	font-size:1.4rem;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	transition: .2s;
}

#login .btn_margin{
	margin-right: 10px;
}

#login .forget:hover{
	color: #bfbfbf;
	text-decoration: underline;
	transition: .2s;
}

#login #footer{
	width : 100%;
	background-color : #1B1C80;
	display: flex;
    justify-content: center;
    align-items: center;
    height: fit-content;
	}
	
#login #footer_area{
	padding: 10px 0;
}

#login #footer .copyright{
	margin-top: 0;
}


#login #main_area .info{
	border-bottom: none;
}

/* 2021.02.22 西根追加終了 */






/*-----------------
レスポンシブデザイン
------------------*/

@media only screen and (min-width: 0px) and (max-width:480px) {
	#wrapper{
		width : 100%;
		min-width: auto;
	}
	
	/*------------------
	共通設定
	------------------*/
	
	#main_area .mb_20{
		margin-bottom : 20px;
	}
	
	.flex-box{
		display: block;
	}
	
	/*------------------
	ヘッダー
	------------------*/
	
	#head{
		width : 100%;
		height: 185px;
		padding : 75px 0 35px;
	}
	
	#head_area{
		width : 90%;
		margin : 0 auto;
	}
	
	#head_area .head_logo{
		height: auto;
		text-align: center;
		margin:auto;
	}
	
	#head_area .head_logo img{
		width: 90%;
		height: auto;
	}
	
	
	/*------------------
	メイン
	------------------*/
	
	#main{
		width : 100%;
		margin: auto;
	}
	
	#main_area,
	#joint_exhibits{
		width : 90%;
		margin : 0 auto;
		padding : 30px 0 30px 0;
	}
	
h1{
		text-align: center;
		font-size: 3.0rem;
		margin: 8px 0 0 0;
	}
	
	#main_area .page_name .p1{
		font-size : 1.2rem;
		text-align: center;
	}
	
	
	#main_area .info{
		width: 90%;
		padding: 20px 14px;
	}
	
h2{
		font-size : 2.0rem;
	}
	
	.flow{
		width: 100%;
	}

	.flow img{
		width: 100%;
		height: auto;
	}
	
h3{
		font-size: 2.2rem;
		line-height: 1.2;
	}
	
	/*------------------
	テーブル
	------------------*/
	
	#main_area .table .tr .th{
		display : block;
		width : 100%;
		border-bottom: none;
		padding : 20px;
	}
	
	#main_area .table .tr .td{
		display : block;
		width : 100%;
		border-top: none;
		padding : 20px;
	}
	
	/*------------------
	入力フォーム
	------------------*/
	
	input[type='text'],
	select{
		width: 100%;
		padding: 8px;
	}
	
	select:before{
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(50%) translateX(0);
		content: '';
		width: 15px;
		height: 15px;
		background: url(../images/select.png) no-repeat;
		background-size: contain;
	}
	
	#main textarea{
		width: 95%;
	}
	#main .zipcode{
		width:50%;
	}
	
	
	/*------------------
	規約
	------------------*/

	
	#main .scroll_box{
		width: 100%;
		height: 230px;
	}

	
	/*------------------
	ボタン
	------------------*/
	#main .btn_type03{
		color: #9fd1fb;
		background-color: #ffffff;
		border: solid 1px #9fd1fb;
		height: 65px;
		width: 295px;
		border-radius: 6px;
		line-height: 65px;
		cursor: pointer;
		margin:0 0 16px 0;
		transition: .4s;
	}
	
	#main .btn_type04{
		color: #ffffff;
		border: none;
		border-radius: 6px;
		background-color: #3fa2f7;
		height: 65px;
		width: 295px;
		cursor: pointer;
		transition: .4s;
	}
	
	#main .btn_type05{
		display: inline-block;
		color: #ffffff;
		border: none;
		border-radius: 6px;
		background-color: #3fa2f7;
		height: 65px;
		width: 295px;
		line-height: 65px;
		text-decoration: none;
		margin: 30px auto 60px;
		transition: .4s;
	}
	
	#main .btn_type01:hover,
	#main .btn_type04:hover,
	#main .btn_type05:hover{
		background-color: #0079e4;
		transition: .4s;
	}
	
	#main .btn_type02:hover,
	#main .btn_type03:hover{
		color: #3fa2f7;
		background-color: #ddf0ff;
		transition: .4s;
	}
	
	
	/*------------------
	お問い合わせ
	------------------*/
	#main .contacts{
		width: 100%;
	}
	
	#main .contacts .p1{
		padding: 16px 8px 8px;
	}
	
	#main .contacts .p2{
		font-size: 1.2rem;
		margin-top: 8px;
	}
	
	
	/*------------------
	フッター
	------------------*/
	#footer{
		height: 230px;
		}
		
	#footer_area{
		width : 90%;
	}




/* 2021.02.22 西根追加開始 */

	/*------------------
	ログイン
	------------------*/
	#login h1{
		margin: 30px auto 30px;
	}

	#login #main{
		padding-bottom: 70px;
	}
	
	#login form{
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	#login .form_box2{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	#login #footer{
		height: 180px;
		}

	#login .btn_margin{
		margin-right: 0;
		margin-bottom: 10px;
	}



/* 2021.02.22 西根追加終了 */

}


/* 2021.03.21 小林追加分 */
/*Login用　追加スタイル*/
#login #main_area .LoginAttention{
	margin-bottom: 80px;
}

#login #main_area .LoginAttention .annotation p{
	font-size: 1.2rem;
	line-height: 1.8rem;
}


.onlinelink{
	display: block;
	width: 400px;
	height: 60px;
	background: #fd0;
	text-align: center;
	line-height: 60px;
	font-size: 17px;
	text-decoration: none;
	margin: 20px auto;
	color: #000;
}



pre{
	white-space: pre-wrap ;
}