@charset "UTF-8";

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                サブページ共通CSS 

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/


/*ボタンデザイン*/
/*サイズはレスポンシブ*/
.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  font-size:18px;
  letter-spacing:0.3em;
}
.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 {
  background-color: #fff;
  line-height: 60px;
}


/*色2色*/
/*送信・警告ボタン*/
.bot1{
  border: 2px solid #960000;
  color: #960000;
}
.bot1:hover{
  background-color: #960000;
  border-color: #960000;
  color: #FFF;
	
}
/*送信・警告ボタン*/
.bot2{
  border: 2px solid #666;
  color: #666;
	
}
.bot2:hover{
  background-color: #666;
  border-color: #666;
  color: #FFF;
	
}

.lib_con{
	text-align:center;
}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {


/*最上部イメージ*/
.lib_top_img{
	width:100%;
	background:url(lib/images/top_bg01.jpg) no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
	padding:80px 0;
	
}

.lib_top_img_box1{
	text-align:center;
	font-size:1.8em;
	line-height:1.1em;
	margin-bottom:8px;
}
.lib_top_img_box2{
	text-align:center;
	line-height:1.1em;
}
		

/*■■■ボタンサイズ■■■*/
.button {
  width: 400px;
  height: 60px;
}



/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {
	
/*最上部イメージ*/
.lib_top_img{
	width:100%;
	background:url(lib/images/top_bg01.jpg) no-repeat center center;
	background-size:cover;
	box-sizing:border-box;
	padding:80px 0;
	
}

.lib_top_img_box1{
	text-align:center;
	font-size:1.8em;
	line-height:1.1em;
	margin-bottom:8px;
}
.lib_top_img_box2{
	text-align:center;
	line-height:1.1em;
}
			
	


/*■■■ボタンサイズ■■■*/
.button {
  width: 90%;
  height: 60px;
}	
	

/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/