@charset "utf-8";
/* CSS Document */
/*---------------------------------------------
Reset
---------------------------------------------*/
html { color: #333; overflow-y: scroll;	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
	font-size: 62.5%; line-height:1.5; scroll-behavior: smooth;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
img { border: none; vertical-align: bottom; height: auto; margin: 0; padding: 0; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0;}
*, *:before, *:after { box-sizing: border-box;}
body { margin: 0 auto; padding: 0; text-align: center; font-size:1.8rem;}

/*---------------------------------------------
Style
---------------------------------------------*/
#wrap .flex{
  display: -webkit-box;  /*Android2#wrap .3~*/
  display: -webkit-flex; /*Android2#wrap .3~*/
  display: -ms-flexbox; /*IE9~用*/
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
  display: flex;
}

#wrap .flexwrap{
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items:normal;
}

#wrap .box_800{	max-width:800px; margin:0 auto;}
#wrap .box_900{	max-width:900px; margin:0 auto;}
#wrap .box_1000{ max-width:1000px; margin:0 auto;}
#wrap .box_1080{ max-width:1080px; margin:0 auto;}

#wrap .bg_w{ background:#fff;}
#wrap .mb10{margin-bottom: 10px;}
#wrap .for_sp{ display:none; margin:0 auto;}
#wrap .for_pc{ display:block;margin:0 auto;}

/*---------------------------------------------
共通
---------------------------------------------*/

/*section*/
section{ padding: 96px 0 48px;}
section#main{ padding: 0;}
section#date{ position:relative; color: #fff; background-color: #faeae1;}
section#itemlist{ padding: 96px 5%;}
section#notice{ background-color: #faeae1;}
section#notice h2{ font-size: 4rem; font-weight: bold; color: #fff; padding: 10px; background-color: #c7000a;}
section#notice h3{ font-size: 2rem; font-weight: bold; color: #c7000a; padding: 10px 0; text-align: left;}

section#notice .box{width: 980px; margin: 0 auto; background-color: #fff;}
section#notice .box .inner{padding: 20px 50px;}
section#notice .box .txt01{font-size: 1.45em; font-weight: bold; margin:30px 0;}
section#notice .box .txt01 span{ color: #cf000d;}
section#notice .box p{text-align: left; margin-bottom: 20px; }
section#notice .box p,#wrap .txt_wrap ul li,#wrap .txt_wrap ul.note li{font-size: 1.6rem; margin-bottom: 3px;}

#wrap{ margin: 0 auto;}
#wrap .ttl{margin: 0 auto 56px;}
/*#wrap .note{ font-size: 0.8rem; color: #fff; font-weight: normal; }*/
#wrap .note_entry{ margin: -60px 0 60px; font-size: 90%; color: #fff;}
#wrap .note_date{ color: #fff; font-size: 1.5rem; margin-top: 15px;}
#wrap .note_date a{ color: #FCFB03;}
#wrap .txt_wrap{ }
    
#wrap .box_1200{ max-width: 1200px; padding: 50px 30px; }
#wrap .box_bg{ background: none; padding: 0px 30px; }
#wrap .img_pt{ padding-top: 50px;}
#wrap .img_pt80{ padding-top: 80px;}

#wrap .btn-area{ width: 80%; margin: 0 auto; padding-bottom: 80px;}
	
/*コンテンツエリア　タイトル*/
#wrap .section_ttl .txt-box{
	display: flex;
	align-items: center;
    justify-content: center;
	}
	
#wrap .section_ttl .txt_sub{
	font-size: 3.75rem;
	font-weight: 900;
	color: #e20012;
	background-color: #fff;
	padding: 0px 10px 5px;
	border-radius: 15px;
	margin:0 20px 0 0;
	}

.text-left{text-align: left; margin-bottom: 20px;}

/*---------------------------------------------
ヘッダー
---------------------------------------------*/
header { background-color: #fff; color: #fff; }
header a img { position: absolute; top: 0; left: 8%; /*width: 18vw;*/ max-width: 219px;}
header .logo{ position: relative; width: 1200px; margin: 0 auto; }
#wrap .note_item{ padding: 16px 0;}

/*---------------------------------------------
メインビジュアル　イメージエリア
---------------------------------------------*/
.main_visual_ttl{padding-top: 60px;}
.main_visual{ background: url("../img/cp/bg-kv_pc.jpg") repeat-x;}
.bg_item01{ width: 100%; padding: 80px 0 60px 0;}
.bg_item01 img{	width: 980px; margin-bottom: 80px!important;}

/*背景グラデーション*/
.bg_item01{
	background-repeat: repeat-x;
	background-color: #c7000a;
}
/*.bg_item02{
	background-repeat: repeat;
	background: url("../bg-pattern.png") , -moz-linear-gradient(left, #4a0000, #cc061d, #4a0000);
	background:url("../bg-pattern.png") , -webkit-linear-gradient(left, #4a0000, #cc061d, #4a0000);
}
.bg_item03{
	background-repeat: repeat;
	background: url("../bg-pattern.png") , -moz-linear-gradient(left, #154717, #45b035, #154717);
	background:url("../bg-pattern.png") , -webkit-linear-gradient(left, #154717, #45b035, #154717);
}*/


/*---------------------------------------------
注意事項
---------------------------------------------*/
#wrap .txt_wrap ul{ text-align:left; padding:0 2.5rem; margin-bottom: 20px;}
#wrap .txt_wrap ul.note{ list-style: none; padding-left: 1.5em; margin-left: 0em; }
#wrap .txt_wrap ul.note li{ text-indent: -1.5em; }
#wrap .txt_wrap ul.note li:before{ content: "※"; margin-right: 0.5em; }


/*----- ボタン-----*/
/*枠*/
#wrap a.btn_01,#wrap a.btn_02,#wrap .btn_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width:600px;
  position: relative;
  border-radius: 50px;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
  padding:16px 0;
  margin:48px auto 16px;
  font-weight:bold;
}

#wrap a.btn_01:before,#wrap a.btn_02:before{
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

/*白*/
#wrap a.btn_01 { background: #c7000a; border: 2px solid #fff; color: #fff; font-size: 2.8rem;}
#wrap a.btn_01:before { right: 30px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: translateY(-25%) rotate(135deg);}
#wrap a.btn_01:hover { background: #fff; color:#c7000a; /*color:#21307b;*/}
#wrap a.btn_01:hover:before { border-top: 3px solid #c7000a; border-right: 3px solid #c7000a;}
	
/*赤*/
#wrap a.btn_02 { background: #cc0000; border: 2px solid #cc0000; color: #fff; font-size: 2.8rem;}
#wrap a.btn_02:before { right: 35px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
#wrap a.btn_02:hover { background: #fff; color: #cc0000;}
#wrap a.btn_02:hover:before { border-top: 3px solid #cc0000; border-right: 3px solid #cc0000;}

/*グレイ*/
#wrap .btn_03 { background: #858585; border: 2px solid #858585; color: #fff; font-size: 2.8rem;}

/*---------------------------------------------
フッター
---------------------------------------------*/

footer{
	width: 100%;
	padding: 20px 0;
	font: Arial, Helvetica, sans-serif;
	background: #2b2b2b;
	font-size: 90%;
}

footer a{
	color: #fff;
	text-decoration: none;
}

#wrap .go-to-top{
    position:fixed;
    bottom: 5px;
    right: 5px;
    width: 60px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
#wrap .go-to-top--show {
    opacity: 1;
}
    
#wrap .pagetop {
    height: 60px;
    width: 60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #888888;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

#wrap .pagetop__arrow {
    height: 15px;
    width: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}

/*---------------------------------------------
スマホ表示調整
---------------------------------------------*/
@media screen and (max-width: 768px){
/*Reset*/
body { margin: 0 auto; padding: 0; font-size:1.6rem; text-align: center;}
header {}
img{ max-width: 100%;}
/*Style*/
#wrap .for_sp{ display:block; margin:0 auto;}
#wrap .for_pc{ display:none; margin:0 auto;}
#wrap .box_1200{ padding: 0;}
#wrap .bg_w { width: 90%; margin: 0 auto; background: #fff;}
section{ padding: 3rem 0 5rem;}
section#notice{ background-color: #c7000a; padding: 0 0 80px;}
section#notice .box {width: 95%;}
section#notice h2 { font-size: 1.8em; background-color: #faeae1; color: #c7000a;}
section#notice .box .inner { padding: 20px 20px 40px;}
section#notice .box .txt01 { margin: 10px 0 30px;}
	
/*ヘッダー*/
header a img{ max-width: 100vw; width: 28vw; left: 2%;}
header .logo{ width: auto;}
	
/*メインビジュアル*/
.main_visual_ttl { padding: 20px 0 0;}
	
/*コンテンツエリア*/
.bg_item01{ width: 100%; padding: 60px 0 5px;}
.bg_item01 img{ width: 95%; margin-bottom: 20px!important;}
#wrap .btn-area { width: 95%;}
#wrap .section_ttl{ margin-bottom: 50px;}
#wrap .section_ttl .txt{ font-size: 3rem; font-weight: 700;}
#wrap .box_bg {	margin: 0 0 5rem;}
#wrap .bnr{	width: 90%;	margin: 0 auto;}
#wrap .ttl{	width: 75vw; margin: 0 auto 32px;}
#wrap .haisou { width: 90% !important;}
#wrap .txt_wrap { padding: 0 0 0 10px; font-size: 1.5rem; }
#wrap .txt_wrap ul { padding: 0 0 0 1em;}
#wrap .txt_wrap ul.note {padding: 0 0 0 1em;}



/*白*/
#wrap a.btn_01 { width: 90%; padding:16px 25px 16px 0; margin:48px auto 16px; font-size:2rem; letter-spacing: 0;}
#wrap a.btn_01:before { top: 50%; margin-top: -6px;}

	
/*赤*/
#wrap a.btn_02 { width: 90%;　font-size:150%; padding:16px 10px 16px 0; margin:48px auto 16px; font-size:2rem; letter-spacing: 0;}
#wrap a.btn_02:before { top: 50%;　right: 35px; margin-top: -6px;}
#wrap a.btn_02:hover { background: #fff; color: #cc0000;}
#wrap a.btn_02:hover:before { border-top: 3px solid #cc0000;　border-right: 3px solid #cc0000;}

/*グレイ*/
#wrap .btn_03 { width: 90%; padding:16px 25px 16px 0; margin:48px auto 16px; font-size:2rem; letter-spacing: 0;}

/*フッター*/
footer{padding:10px 0; }
#page-top a{ margin: 0 -10px 0 0;}
	
}/*メディアクエリ/max-width: 768px end*/

@media screen and (max-width: 380px){
#wrap .btn-area {padding: 0;}
#wrap .btn-area,.bg_item01 img { margin-bottom: 40px !important;}
#wrap a.btn_01,#wrap a.btn_02,#wrap .btn_03 { padding:16px 0; margin: 20px auto;}
#wrap a.btn_01:before,#wrap a.btn_02:before{display: none;}
section#notice .box .inner { padding: 20px 15px 40px;}
section#notice .box .txt01 { font-size: 1.25em;}
}/*メディアクエリ/max-width: 380px end*/