@charset "UTF-8";

#ttl{padding:20px 20px;}
#ttl img{width:auto;height:auto;max-width:100%;max-height:70px;}

#contents{}

#main_img{margin:auto;}
#main_img img{width:100%;height:auto;}

@media screen and (max-width:767px) {
	#ttl img{max-height:40px;}
}

#block01{padding:60px 20px 70px;}
#block01 .txt span{display:inline-block;font-size:150%;letter-spacing:0.1em;padding:0 5px;color:#e51c19;}
#block01 .txt em{display:inline-block;font-size:150%;padding:0 5px;}
#block01 .t01{font-size:3.5em;font-weight:700;line-height:1.5;}
#block01 .t02{display:inline-block;font-size:2.2em;line-height:1.8;margin:30px auto 0;padding:5px 40px 10px;position:relative;}
#block01 .t02::before,
#block01 .t02::after{display:block;content:"";width:20px;height:100%;border:1px solid #000;position:absolute;top:0;bottom:0;}
#block01 .t02::before{border-right:none;left:0;}
#block01 .t02::after{border-left:none;right:0;}

@media screen and (max-width:767px) {
	#block01{padding:30px 20px 35px;}
	#block01 .t01{font-size:2em;line-height:1.2;}
	#block01 .t02{font-size:1.6em;line-height:1.6;margin:15px auto 0;padding:5px 20px 10px;}
}

#block02{padding:60px 20px 70px;background-color:#f7f7f7;}
#block02 .sub_ttl{max-width:1000px;font-size:2em;font-weight:700;letter-spacing:0.1em;margin:0 auto 40px;position:relative;}
#block02 .sub_ttl::before{display:inline-block;content:"";width:100%;height:1px;margin:auto;background-color:#000;position:absolute;top:0;right:0;bottom:0;left:0;}
#block02 .sub_ttl span{padding:0 20px;background-color:#f7f7f7;position:relative;}
#block02 .picture_list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1000px;margin:0 auto 30px;}
#block02 .picture_list li{width:calc((100% - 96px)/4);height:150px;margin:0 32px 30px 0;box-sizing:border-box;background-color:#FFF;border:1px solid #eee;}
#block02 .picture_list.picture_list_zousei li{width:calc((100% - 64px)/3);height:235px;}
#block02 .picture_list li:nth-child(4n){margin-right:0;}
#block02 .picture_list.picture_list_zousei li:nth-child(3n){margin-right:0;}
#block02 .picture_list li a{width:100%;height:100%;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#block02 .picture_list li a img{width:auto;height:auto;max-width:100%;max-height:100%;flex-shrink:0;}
#block02 .login_title{font-size:1em;margin:0 auto 30px;}
#block02 .login_title span{display:inline-block;font-size:2.2em;line-height:1.8;padding-bottom:5px;color:#c33938;border-bottom:3px solid #c33938;}
#block02 .txt{font-size:1.5em;line-height:1.8;letter-spacing:0.1em;}
#block02 .txt span{display:block;font-size:150%;margin:20px 0 0;}
#block02 .btn{display:inline-block;margin:30px auto 0;}
#block02 .btn a{display:block;font-size:2em;font-weight:700;line-height:1.4;text-decoration:none;padding:15px 80px 15px 30px;border-radius:5px;color:#FFF;background-color:#aa910e;box-shadow:4px 4px #cccccc;position:relative;}
#block02 .btn a span{display:inline-block;width:80px;height:80px;font-size:70%;line-height:1.2;margin:auto;padding:20px 0 0;box-sizing:border-box;border-radius:100px;color:#FFF;background-color:#c33938;position:absolute;top:0;right:-20px;bottom:0;}
#block02 #login .login_btn a{display:inline-block;font-size:1.3em;font-weight:700;text-decoration:none;margin:30px auto 0;padding:10px 15px;border-radius:5px;color:#005032;border:2px solid #005032;}
@media screen and (max-width:1024px) {
#block02 .picture_list.picture_list_zousei li{height:164px;}
}
@media screen and (min-width:768px) {
	#block02 .picture_list li a img{transition:opacity .3s;}
	#block02 .picture_list li a:hover img{opacity:0.7;}
  #block02 .btn a{transition:background-color .3s;}
  #block02 .btn a:hover{background-color:#d6c722;}
	#block02 #login .login_btn a{transition:color .3s,background-color .3s;}
	#block02 #login .login_btn a:hover{color:#FFF;background-color:#005032;}
}
@media screen and (max-width:767px) {
	#block02{padding:30px 20px 35px;}
	#block02 .sub_ttl{font-size:1.6em;margin:0 auto 20px;}
	#block02 .sub_ttl span{padding:0 10px;}
	#block02 .picture_list{margin:0 auto 15px;}
	#block02 .picture_list li{width:calc((100% - 10px)/2);height:105px;margin:0 10px 10px 0;}
	#block02 .picture_list.picture_list_zousei li{width:100%;margin:0 0 10px 0;height:auto;}
	#block02 .picture_list li:nth-child(2n){margin-right:0;}
	#block02 .login_title{margin:0 auto 15px;}
	#block02 .login_title span{font-size:1.8em;line-height:1.5;}
	#block02 .txt{font-size:1.2em;text-align:left;}
	#block02 .btn{margin:15px auto 0}
	#block02 .btn a{font-size:1.5em;padding:10px 80px 10px 30px;}
	#block02 .btn a span{font-size:90%;padding:22px 0 0;}
}