@charset "utf-8";

body {
	color: #3E3A39;
    font-family: 'Noto Sans JP', sans-serif,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 100%;
	width: 100%;
    line-height: 1.6;
    letter-spacing: 0.05em;
	
}

/*全体*/
.both {
    clear: both;
}
.no_bdR {
    margin-right: 20px;
}
a {
    text-decoration: none;
}
a:hover {
	opacity: 0.5;
	transition: 0.9s;
    
}
p {
    text-align: left;
    font-family:'Noto Sans JP', sans-serif;
	letter-spacing:0.08em;
}

p.img_main img {
    width: 100%;
    height: auto;
}
img {
    width: 100%;
    height: auto;
}

.pc {
    display: block;
}
.sp {
	display: none;
}
/* ローディングの背景部分のCSS */
.loader {
  background:rgba(0,0,0,0.9);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:3100;
}



.loading {
	width: 60px;
	height: 60px;
	  left:50%;
  margin:-5px 0 0 -5px;
  position:absolute;
  top:50%;
	border: 5px solid rgba(255,255,255,0.4);
	border-top-color: rgba(255,255,255,0.9);
	border-radius: 50%;
	animation: spin 1.2s linear 0s infinite;
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}




/**/
#wrapper {
    
    width: 100%;
    overflow: hidden;
}
.content {
  position: relative;
  padding-top:0px;
  margin:0;
	background-color:rgba(255,255,255,1);
}
/*header*/

#header {
    width: 100%;
    height: 160px;
    z-index: 3010;
	position: fixed;
	top:0;
}

#header > div {
    text-align: center;
}
.flex_nomal{
        display: flex;
    justify-content: space-between;
flex-wrap: wrap;
}



.flex_left{
        display: flex;
    
flex-wrap: wrap;
}

.flex_center{
        display: flex;
    justify-content: center;
flex-wrap: wrap;
}


.t_syutu_num {
    width: 115px;
    padding: 40px 40px;
}
.t_syutu_box_1{
    width: 80%;
    padding: 40px 0 0 0;
}
.t_syutu_box_2{
    width: 85%;
    padding: 20px 0 20px 0;
}
.t_syutu_box_3{
    width: 85%;
    padding: 30px 0 20px 0;
}


.sinsei_syo_boderbox{
    border: 1px solid #595757;
    border-radius: 8px;
    margin-bottom: 30px;
}
    
.sinsei_li_pos{
    position: relative;
    padding: 30px 0 30px 30px;

    font-size: 130%;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #595757;
    
    
}
.sinseipos_dl {
    position: absolute;
    top: 33%;
    right: 3.5%;
    max-width: 150px;
}


.flex_sb{
        display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}
.flex_sb_end{
    margin-bottom: 0px;padding: 0 0 40px 0;
}
.boder_gre{
    border-bottom: 1px solid #acabab;
    
}
.flex_20{
    width: 11%;
}
.flex_75{
    width: 85%;
    font-size: 150%;
    font-weight: 500;
    color: #595757;
    
}
.flex_30{
    width: 30%;
    
}
.flex_40{
    width: 40%;
    
}
.flex_40s{
    width: 40%;
    margin: 0 3%;
}
.flex_40center{
    width: 40%;
    margin: 0 2%;
}
.flex_48{
    width: 48%;
    
}
.flex_50{
    width: 50%;
    
}
.flex_50_top{
    width: 50%;
    
}
.flex_55{
    width: 55%;
    
}
.flex_60{
    width: 60%;
    
}

.nagare_im3{
    width: 70%;
    margin: 0 auto;
}

.job_im {
    width: 80%;
    margin: 0 auto;
}

.news_box {
    background: #fe7e39;
    
}
.h3_ti_s{
    color: #fff;
}

dl.ad_dl {
    
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
dl.ad_dl dt{
    background: #18216e;
    padding: 10px;color: #FFFFFF;
    font-size: 90%;
    
    text-align: center;
    width: 24%;margin-right: 5%;margin-bottom: 5px;
}
dl.ad_dl dt.pt_on {

    padding: 28px 10px 10px 10px;

}
dl.ad_dl dt.pt_on2 {

    padding: 18px 10px 10px 10px;

}
dl.ad_dl dd{
    color: #18216e;
    padding: 10px 0;
    margin: 0;
    width: 70%;font-weight: 600;font-size: 90%;
}







.wid_nomal{
    width: 90%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 80px  0;
}

h3.sec_ti_h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 580%;
    color: #fff;
    padding-bottom: 30px;
    line-height: 0.5;
}
p.sec_p{
      font-weight: 700;font-size: 120%;
    color: #fff;
}

.top_logo {

    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.logo_bg {
    padding-left: 82px;
    background: url(../image/head_logo_pc.png) no-repeat 10px 16px;
    background-size: 53px;
	padding-bottom:13px;
}

h2.mainlogo {
    text-align: left;
    font-size: 160%;
    padding-top: 18px;
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing:0.1em;

}
h2.mainlogo a {
    color: #464646;
}
p.top_p {
    font-size: 70%;
	font-family: 'Noto Serif JP', serif;
}
.red_box{
	border: 4px solid #E7380D;
	border-radius: 5px;
	margin: 0 0 25px 0;
	padding: 20px 25px 20px 130px;
	background: url("../image/2x/att.png") no-repeat 25px 25px;
	background-size: 80px;
	
}
.c_logo_bg {
    padding-left: 120px;
    background: url("../image/wh_logo.svg") no-repeat 10px 16px;
    background-size: 84px;
	padding-bottom:13px;
	width: 560px;
    margin: 0 auto;
    position: absolute;
    top: 280px;
    left: 0;
    right: 0;
    z-index: 3001;
}
_:-ms-lang(x)::-ms-backdrop, .c_logo_bg {
  /* IE11 のみ適用される */
	 padding-left: 120px;
    background: url("../image/wh_logo.png") no-repeat 10px 16px;
    background-size: 84px;
	padding-bottom:13px;
	width: 560px;
    margin: 0 auto;
    position: absolute;
    top: 280px;
    left: 0;
    right: 0;
    z-index: 3001;
}



h2.clogo {
    text-align: left;
    font-size: 320%;
    padding-top: 18px;
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing:0.1em;
	color:#FFFFFF;

}

h2.clogo a {
  
	color:#FFFFFF;

}

p.clogo_p {
    font-size: 100%;
	font-family: 'Noto Serif JP', serif;
	color:#FFFFFF;
	letter-spacing:0.2em;
	padding-left: 10px;
}


.pre_logo_bg {
    padding-left: 190px;
    background: url("../image/pre_logo.svg") no-repeat 0px 0px;
    background-size: 164px;
	padding-bottom:40px;
	max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}

h2.pre_logo {
    text-align: left;
    font-size: 320%;
    padding-top: 18px;
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing:0.1em;
	color:#7d5f00;

}

p.pre_logo_p {
    font-size: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	color:#7d5f00;
	letter-spacing:0.2em;
	padding-left: 10px;
}
ul#pre_link {
	
	width:90%;
display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
	margin: 0 auto 60px;
}

ul#pre_link li {
	width: 23%;
	background-color:#FFFFFF;
	margin: 0 1% 0 1%;
	box-shadow: 0 2px 2px 1px #7d5f00;
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	}
ul#pre_link li a{
	padding:12px 0px 12px 0px;
	color: #7d5f00;
	background-color:#FFFFFF;
	display: block;
	
	}



ul#pre_link li img {
	width: 100%;
	height: auto;
}





.kanren_arw {
    width: 15px;
    position: absolute;
    right: 25px;
    top: 30%;
    margin: 0 auto;
}

.kanren_arw_hed {
    width: 15px;
    position: absolute;
    right: 15px;
    top: 31%;
    margin: 0 auto;
}



@media screen and (max-width: 1367px) {
.c_logo_bg {
    padding-left: 120px;
    background: url("../image/wh_logo.svg") no-repeat 10px 16px;
    background-size: 84px;
	padding-bottom:13px;
    top: 180px;

}
    
_:-ms-lang(x)::-ms-backdrop, .c_logo_bg {
  /* IE11 のみ適用される */
	 padding-left: 120px;
    background: url("../image/wh_logo.png") no-repeat 10px 16px;
    background-size: 84px;
	padding-bottom:13px;
	width: 560px;
    margin: 0 auto;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    z-index: 3001;
}
    
    
    
    
    
}

@media screen and (max-width: 780px){

h2.pre_logo {
    text-align: left;
    font-size: 270%;
    padding-top: 21px;

}
.pre_logo_bg {
    padding-left: 190px;
    background: url(../image/pre_logo.svg) no-repeat 0px 0px;
    background-size: 164px;
    padding-bottom: 45px;

}
	
.c_logo_bg {
    
    top: 100px;
}

	
	
	
}


.mid_p_bk {
    color: #3E3A39;
    font-size: 130%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    padding-bottom: 10px;
}
.mid_p_bk span {
    color: #E8380D;
}

@media screen and (max-width: 450px) {
	.mid_p_bk {
    
    font-size: 120%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    padding-bottom: 10px;
    text-align: justify;
}
	.red_box {
    margin: 0 0 25px 0;
    padding: 20px 25px 20px 100px;
    background: url(../image/2x/att.png) no-repeat 20px 25px;
    background-size: 60px;
}
.logo_bg {
    padding-left: 42px;
    background: url(../image/head_logo_pc.png) no-repeat 10px 16px;
    background-size: 38px;
	padding-bottom:12px;
}
h2.mainlogo {
    padding-left: 20px;
    padding-top: 17px;
	font-size: 120%;
}
p.top_p {
    font-size: 50%;
   
}

.c_logo_bg {
    padding-left: 67px;
    background: url("../image/wh_logo.svg") no-repeat 10px 16px;
    background-size: 42px;
	padding-bottom:13px;
	max-width: 283px;
    margin: 0 auto;
    position: absolute;
    top: 180px;
   
}

h2.clogo {
    text-align: left;
    font-size: 160%;
    padding-top: 16px;
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing:0.1em;
	color:#FFFFFF;

}

p.clogo_p {
    font-size: 60%;
	font-family: 'Noto Serif JP', serif;
	color:#FFFFFF;
	letter-spacing:0.1em;
	padding-left: 0px;
}

	
	
	
}

.top_ank_box{
	background: url("../image/3x/top_ank_bg.png")no-repeat;
	background-size:100%;
}

.top_logo .btnArea {
    position: fixed;
    display: inline-block;
    width: 60px;
    height: 60px;
    top: 0px;
    right: 30px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3000;
}

#header .btnMenu {
    position: absolute;
    left: 14px;
    top: 38px;
    display: inline-block;
    cursor: pointer;
    width: 36px;
    height: 30px;
    -webkit-tap-highlight-color: transparent;
}


#header .btnMenu span {
    display: inline-block;
    transition: all 0.4s;
    position: absolute;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #33984C;
}
#header .btnMenu span:nth-of-type(1) {
    top: 0;
}

#header .btnMenu span:nth-of-type(2) {
    top: 40%;
    margin-top: -2.1px;
}

#header .btnMenu span:nth-of-type(3) {
    top: 68%;
    bottom: 0;
	width: 70%;
	right:0;
}
.pos_moto{
    position: relative;
}
.contArea {
width: 50%;
    z-index: 3001;
    
	background: #1A6DC8;
background: linear-gradient(90deg,rgba(67,74,137, 1) 0%, rgba(24,33,110, 1) 100%);
	height: 80px;
}
.contArea2 {
width: 50%;
    z-index: 3001;
    
	background: #1A6DC8;
background: linear-gradient(90deg,rgba(254,151,95, 1) 0%, rgba(254,89,0, 1) 100%);
	height: 80px;
}

.contArea2 a,.contArea a{
color: #fff;
    font-weight: 700;
    display: block;
    padding: 25px 0 20px 0;
}




.po_info_bt {
width: 70%;
    max-width: 580px;
background: linear-gradient(90deg,rgba(254,151,95, 1) 0%, rgba(254,89,0, 1) 100%);
position: absolute;
    bottom: -45px;
    right: 0;
    left: 0;
    margin: 0 auto;border-radius: 15px;
}
.po_info_bt a {
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 28px 0;font-size: 140%;
}

.nomal_info_bt {
width: 70%;
    max-width: 580px;
background: linear-gradient(90deg,rgba(254,151,95, 1) 0%, rgba(254,89,0, 1) 100%);
position: relative;
    margin: 0 auto 30px;border-radius: 15px;
}
.nomal_info_bt a {
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 28px 0;font-size: 140%;
}

.nomal_info_bt2 {
width: 70%;
    max-width: 580px;
background: linear-gradient(90deg,rgba(19,174,103, 1) 0%, rgba(0,105,52, 1) 100%);
position: relative;
    margin: 0 auto 30px;border-radius: 15px;
}
.nomal_info_bt2 a {
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 15px 0;font-size: 140%;
}

.nomal_info_bt_hf_ora {
width: 48%;
    max-width:520px;
    background: linear-gradient(90deg,rgba(254,151,95, 1) 0%, rgba(254,89,0, 1) 100%);
position: relative;
    margin: 0 auto 30px;border-radius: 15px;
}
.nomal_info_bt_hf_ora a {
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 22px 0;font-size: 130%;
}

.nomal_info_bt_hf_blue {
width: 48%;
    max-width:520px;
    background: linear-gradient(90deg,rgba(67,74,137, 1) 0%, rgba(24,33,110, 1) 100%);
position: relative;
    margin: 0 auto 30px;border-radius: 15px;
}
.nomal_info_bt_hf_blue a {
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 22px 0;font-size: 130%;
}

.pos_bottm{
    max-width: 960px;
bottom: -80px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.gmap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mj_bt{
    width: 50%;
    background: #18216e;
}
.mj_bt2{
    width: 50%;
    background: url("../image/3x/mj_bt_bg_1.jpg") no-repeat center;
    background-size: cover;
    
}
.mj_bt3{
    width: 50%;
    background: url("../image/3x/mj_bt_bg_2.jpg") no-repeat center;
    background-size: cover;
    
}
.mj_bt4{
    width: 50%;
    background: url("../image/3x/mj_bt_bg_3.jpg") no-repeat center;
    background-size: cover;
    
}

.mj_bt2 img,.mj_bt3 img,.mj_bt4 img{
    vertical-align: bottom;
}



h5.bottom_link_ti{
    color: #fff;
    text-align: center;
    font-size: 200%;
    font-weight: 700;
    padding-top: 15%;
}

p.bot_l_ti_s{
    color: #fff;text-align: center;
 font-family: "Open Sans", sans-serif;
     font-weight: 700;font-size: 120%;
}




.snsArea {
    position: absolute;
    display: inline-block;
    width: 160px;
    top: 33px;
    right: 140px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 3001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sns_box{
}
.sns_ico {
	width:20%;
	margin:0 2.5% 0 2.5%;
	
}


ul.cont_bt {
	position:absolute;
	top:40px;
	right:80px;
}
ul.cont_bt li {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	font-size:80%;
	margin:0 20px;
}
ul.cont_bt li a {
	color:#111;
	padding: 0 .3em;

}
ul.cont_bt li a:hover {
 
}

ul#side_bnr {
	width:94px;
	position:fixed;
	right:0;
	top:40%;
	z-index: 3001;
}

ul#side_bnr li{
	padding:5px 0;
}
ul#side_bnr li img{
	width: 100%;
	height: auto;
}

ul#side_bnr_sp {
	display: none;
}



/*sidemenu_main*/
.closeBtnArea {
    height: 80px;
}
.mCloseBtn {
    width: 80px;
    height: 100%;
    text-align: center;
    line-height: 65px;
    cursor: pointer;
    font-size: 3em;
}
.mCloseBtn p {
    text-align: center;
    color: #FFFFFF;
}
.menuList {
    position: relative;
}
@media screen and (max-width: 1420px) {
	.contArea {

   

}
ul.cont_bt {
    position: absolute;
    top: 40px;
    right: 100px;
}

}

@media screen and (max-width: 1250px) {

.snsArea {
    width: 160px;
    top: 136px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.sns_box{
	width:100%;
	border-top:1px solid #E0E0E0;
	margin-top:18px;
}

}
@media screen and (max-width: 1024px) {
.contArea {
	
}
}


/*side*/
ul#sidemenu {
	padding: 0 60px 20px 60px;
}

ul#sidemenu li {
	background: url( ../image/side_arw_1.png) 0px 18px no-repeat;
	background-size: 8px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #DEEAC0;
	
	text-align: justify;
	font-size: 110%;
}
.menuList a, .menuLang a {
    color: #fff;
}
ul#sidemenu li a{
	display:block;
	padding: 10px 0 10px 30px;

	
}

ul#sidemenu li.side_home {

	background:none;
	font-size: 110%;
}

ul#sidemenu li.oya {

	
	border-bottom:none;
	
	margin-bottom: 0px;
}
ul#sidemenu li.oya a{
	display:block;
	padding: 10px 0 0px 30px;

	
}
ul#sidemenu li.co {
    padding: 0px 0 0 20px;
    border-bottom: none;
    font-size: 90%;
    background: url(../image/side_arw_1.png) 32px 16px no-repeat;
    background-size: 8px;
}
ul#sidemenu li.co a{
	display:block;
	padding: 10px 0 0px 30px;

}

ul#sidemenu li.bo {
    padding: 0px 0 0 10px;
    border-bottom: none;
    font-size: 90%;
    background:none;
    background-size: 8px;
}
ul#sidemenu li.bo a{
	display:block;
	padding: 10px 0 0px 20px;

}



ul#sidemenu li.coend {
    background: url(../image/side_arw_1.png) 32px 16px no-repeat;
    background-size: 8px;
	padding: 0px 0 0 20px;
	font-size: 90%;
	
}

ul#sidemenu li.side_item {
    height: 40px;
    padding:12px 0 0 120px;
	
	
}




ul#sidemenu li.side_sns img {
	width: 60%;
	height: auto;
	
}

ul#sidemenu li.side_sns2 {
	
	font-size: 90%;
	background: none;
	padding: 30px 0 50px 20px;
	float: left;
	width: 40%;
	
}


ul#sidemenu li.side_sns2 img {
	width: 50%;
	height: auto;
	
}


.nomal_white_box {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    background: #fff;
    border-radius: 20px;
}
.nomal_white_boxs {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    
    position: relative;
    background: #fff;
    
}
h3.cot_ti_h3{
    color: #18216e;
    text-align: center;
font-size: 230%;
    font-weight: 800;
    padding-bottom: 10px;
}
h3.cot_ti_h3l{
    color: #18216e;
    text-align: center;
font-size: 280%;
    font-weight: 800;
    margin: 30px 0 10px 0;
}
h4.cot_ti_h4{
    color: #18216e;
    text-align: center;
font-size: 160%;
    font-weight: 800;
    padding-bottom: 30px;
}
h3.cot_ti_h3l_ora{
    color: #fe7e39;
    text-align: center;
font-size: 300%;
    font-weight: 800;
    padding-bottom: 30px;
}
h3.cot_ti_h3m_ora {
    color: #fe7e39;
    text-align: center;
    font-size: 260%;
    font-weight: 800;
    padding-bottom: 30px;
}
h3.cot_ti_h3s_ora {
    color: #fe7e39;
    text-align: center;
    font-size: 250%;
    font-weight: 800;
    padding-bottom: 0px;
}
.orange_bd_line{
    margin: 0 auto 10px;
    width: 90px;
    height: 3px;
    background: #fe7e39;
    
}
h5.cot_ti_h5{
    color: #18216e;text-align: center;
    margin-bottom: 60px;font-size: 120%;
      font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


h5.intern_com_ti{
    color: #1a216e;
   background-color:rgba(24,33,110,0.15);
    font-weight: 600;
    font-size: 130%;padding: 20px 30px;margin-bottom: 12px;
    
}

.flex_80{
    width: 80%;
}
ul.comp_data{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;margin:0 30px 0 0;
}
ul.comp_data li {
  margin: 0 ;
color: #1a216e;
    padding: 10px 0;width: 25%;
}

.flex_25 {
width: 19%;
}
.boder_bottom_compdata {
    border-bottom: 1px solid #1a216e;
    padding-bottom: 15px;
    margin-bottom: 20px;
}




@media screen and (max-width: 599px) {
	
	.pc {
    display: none;
}
.sp {
	display: block;
}
	
p.top_p {
    padding-left: 20px;
}
.loading {
    width: 60px;
    height: 60px;
    left: 42%;
    margin: -5px 0 0 -5px;
    position: absolute;
    top: 40%;
    border: 5px solid rgba(255,255,255,0.4);
    border-top-color: rgba(255,255,255,0.9);
    border-radius: 50%;
    animation: spin 1.2s linear 0s infinite;
}
ul#sidemenu {
padding: 0 20px 60px 20px;
}
ul#sidemenu li {
background: url( ../image/side_arw_1.png) 0px 18px no-repeat;
background-size: 8px;

font-size: 90%;
}


}


#sideMenu {
    position: fixed;
    top: 0;
    right: -480px;
    width: 480px;
    height: 100%;
    background: #33984C;
    z-index: 2002;
    overflow: scroll;
    padding-bottom: 40px;
}
.menu_box{
	height: 80px;
	padding: 0px 0 0 0;
	background-color:rgba(212,240,250,1);
}


ul.menu {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0px auto 0;
}

ul.menu li{
  width: 33%;
    padding-top: 19px;
    line-height: 1;
    
}
ul.menu li {
    font-weight: 800;
    text-align: center;
    font-size: 120%;
    
    
}
ul.menu li span{

    font-size: 60%;
    
    
}
ul.menu li a{
 color: #18216e;
    
    
}
/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #111;
    border-bottom: 1px solid #111;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 40px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background-color:rgba(255,255,255,0.9);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}

li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
}


.nomal_960 {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 90px;
    position: relative;
}

.news_860 {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 90px;
    position: relative;
}



.pre_name_box {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto 90px;
    padding-bottom: 90px;
    position: relative;
}
.about_kiyaku_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto 90px;
    padding-bottom: 90px;
    position: relative;
}
p.att_txt1210 {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	letter-spacing:0.1em;
	font-size:120%;
	padding-bottom:60px;
	text-align:center;
}
p.att_txt1210 span {
	
    font-weight: 300;
	
	font-size:80%;
}
@media screen and (max-width: 959px){

}

@media screen and (max-width: 450px) {
	
.nomal_960 {
    padding-bottom: 40px;
}


.top_logo .btnArea {
    width: 60px;
    height: 60px;
    top: -10px;
    right: 10px;
}

.snsArea {
    width: 180px;
    top: 116px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.contArea {
   
}
ul.cont_bt {
	display:none;
}
ul.cont_bt li {
    font-size: 50%;
    float: left;
    display: inline;
    width: 49%;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-right: 0px;
}

#sideMenu {
    width: 75%;
    max-width: 480px;
    right: -80%;
}
ul#side_bnr {
	
	display: none;
}


ul#side_bnr_sp {
	width:100%;
	position:fixed;
	right:0;
	bottom: 0;
display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
	z-index: 4001;
}

ul#side_bnr_sp li.pr {
	padding:8px;
	border: 1px solid #b3962b;
	width: 60%;
	background-color:#FFFFFF;
	}
ul#side_bnr_sp li.mail {
	
	border: 1px solid #32964b;
	width: 40%;
		background-color:#FFFFFF;
	}
	
ul#side_bnr_sp li.mail a {
	padding:24px 8px 0 8px;
	display: block;
	
	}

ul#side_bnr_sp li img {
	width: 100%;
	height: auto;
}


}




/*top_slide*/
.top_mov {
    max-width: 1536px;
    margin: 0 auto;
    position: relative;
    padding: 0px 0 0px 0;
    z-index: 3000;
	width: 80%;
}

h1#top_c_logo {
    width: 550px;
    margin: 0 auto;
	position:absolute;
	top:200px;
	left:0;
	right:0;
	z-index:3001;
}
.sub_innnerTop {
	max-width:1280px;
    padding-top: 20px;
    padding-bottom: 20px;
	border:1px solid #C80000;
	margin: 30px auto 80px;
	
}
.nomal_800_sh {
	width: 90%;
	
	margin: 0 auto;
	position: relative;
}

p.emg a {
	color: #C80000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 90%;
}

dl.prof {
  width: 100%;
	margin: 0 auto ;
	padding: 0 0 0 0;
}

dl.prof dt {
  clear: left;
  float: left;
  width: 9em; 
  margin-bottom: 0px;
  color:#C80000;
  font-size:80%;
  line-height:1.4;
  font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

dl.prof dd {
  margin-left: 7em;
  margin-bottom: 0px;
  zoom: 1;
  line-height:1.4;
  color:#252525;
  font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

dl.prof dd a{
	color: #C80000;
	text-decoration:none;
}

.grid_ft {
  display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
	padding-bottom: 60px;
}
.item_ct {
    padding: 0 0 0px 0;
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    position: relative;
	width: 31%;
	margin: 0 1% 25px 1%;
}

.news_ct {
    padding: 0 0 0px 0;
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    position: relative;
	width: 100%;
	
}


.day_cat {
	  display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: nowrap;
   flex-wrap: nowrap;
	margin: 10px 0;
}

.day_cat_ct {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 10px 0;
    width: 50%;
}

.data{
	color: #0092D8;
	  font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	width: 50%;
	text-align: left;
	padding: 5px 0;
}
.catgory_1{
	width: 50%;
	background-color: #deeac0;
	text-align: center;
	  font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	
}

.catgory_1 a{
	display: block;
		color: #32964b;
	padding: 5px 0;
}

.catgory_ct {
	width: 50%;
	background-color: #fff;
	text-align: center;
		color: #C80000;
	  font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	
    border: 1px solid #C80000;
}

.catgory_ct a {
display: block;
		color: #C80000;
    font-weight: 400;
	padding: 5px 0;
    
}

h5.artic_ti {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 100%;
    text-align: justify;
    letter-spacing: 0.02em;
    line-height: 1.4;
    padding-bottom: 10px;
    color: #464646;
}

h5.news_kizi_ti {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	font-size:200%;
	text-align: justify;
	padding-bottom: 50px;
    padding-top: 50px;
	color: #464646;
	
}



p.top_txt_s {
	font-size: 80%;
	padding: 0 0px 20px 0px;
	letter-spacing: 0.1em;
	
	color: #464646;
}
p.top_txt_s a {
	
}

p.kizi_txt_s {
    font-size: 80%;
    padding: 0 0px 60px 0px;
    letter-spacing: 0.1em;
    color: #464646;
}





ul.sq_link {
    margin: 0px auto ;
    max-width: 270px;
    
}
ul.sq_link_all {
    margin: 90px auto 0 ;
    max-width: 270px;
    
}
ul.sq_link li,ul.sq_link_all li {
    text-align: center;
    font-size:90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
ul.sq_link li a,ul.sq_link_all li a{
    display: block;
    color: #0092D8;
    padding: 20px 0 20px 0;
    border: 2px solid #0092D8;
	border-radius: 30px;
}
ul.sq_link li a:hover,ul.sq_link_all li a:hover {
	transition: 0.9s;
	background-color: #d3edfb;
    border: 2px solid #0092D8;
	color: #0092D8;
 
}

.arrow_his {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}

.arrow_his::before,
.arrow_his::after{
position: absolute;
top:0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.arw-his2::before {
	top:-5px;
    right: -30px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #32964b;
    border-right: 2px solid #32964b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arw-mail::before {
	top:-20px;
    right: -60px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #32964b;
    border-right: 2px solid #32964b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arw-mail2::before {
	top:-20px;
    right: -40px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #32964b;
    border-right: 2px solid #32964b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow_hisL {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}

.arrow_hisL::before,
.arrow_hisL::after{
position: absolute;
top:0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.arw-hisL2::before {
	top:-5px;
    left: -30px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #32964b;
    border-right: 2px solid #32964b;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}




.arw-pre::before {
    border-top: 2px solid #7d5f00;
    border-right: 2px solid #7d5f00;
}
.arw-foot::before {
	top:-5px;
    right: 0px;
	width: 6px;
    height: 6px;

}
.arw-l_blk::before {
	top:-10px;
    right: -30px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #464646;
    border-right: 2px solid #464646;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arw-l_wh::before {
	top:-10px;
    right: -30px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

ul.sq_link_bw {
    margin: 0px auto ;
    max-width: 270px;
    
}
ul.sq_link_bw li {
    text-align: center;
    font-size:90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
ul.sq_link_bw li a {
    display: block;
    color: #32964b;
    padding: 20px 0 20px 0;
    background-color: #FFFFFF;
	border-radius: 30px;
}

ul.sq_link_bw li a:hover {
	transition: 0.9s;
	background-color: #deeac0;
	color: #32964b;
 
}

ul.sq_link_pre {
    margin: 0px auto ;
    max-width: 270px;
    
}
ul.sq_link_pre li {
    text-align: center;
    font-size:90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
	border: #7d5f00 2px solid;
	border-radius: 30px;
}
ul.sq_link_pre li a {
    display: block;
    color: #7d5f00;
    padding: 20px 0 20px 0;
	border-radius: 30px;
}

ul.sq_link_pre li a:hover {
	transition: 0.9s;
	background-color: #fff;
	
 
}
@media screen and (max-width: 780px){
	
.top_mov {
  width: 100%;
}
}



.top_txt_s_new p{
    font-size: 90%;
    padding: 0 0px 20px 0px;
    letter-spacing: 0.1em;
    color: #464646;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;

}


@media screen and (max-width: 450px){
h5.artic_ti {
    
    font-size: 90%;
    padding-right: 5px;
}
.top_txt_s_new p{
    font-size: 80%;
    padding: 0 0px 20px 0px;
    font-weight: 300;
	border-bottom:1px solid #CCC;

}
.top_mov {
  width: 100%;
}
.sub_innnerTop {
    width: 90%;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 2px solid #C80000;
    margin: 20px auto 30px;
}
	
h1#top_c_logo {
    
	width:90%;

    top: 100px;

}
.cont_zone {
    padding-top: 0px;
    padding-bottom: 0px;
}
dl.prof dt {
    clear: left;
    float: none;
    width: 9em;
	padding-bottom: 6px;

}
dl.prof dd {
    margin-left: 0em;
    margin-bottom: 0px;
    zoom: 1;
    line-height: 1.4;
    color: #252525;
    font-size: 80%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
}

/*top_slide*/



/*top_コンテナ*/
#container {
    
    width: 100%;
	overflow: hidden;
	margin-top: 160px;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}








.item {
  padding: 0 0 0px 0 ;
  text-align: center;
	background-color: #FFFFFF;
	
	position: relative;
	max-width: 334px;
	margin: 0 10px;
}

_:-ms-lang(x)::-ms-backdrop, .item {
  /* IE11 のみ適用される */
	width: 30%;
	float:left;
	margin-right: 3%;
	margin-bottom: 20px;
}


.slider-ctr {
  width: 700px;
  height: 440px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: -350px;
  box-sizing: border-box;
  border: 10px solid white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1);
}
.slider-ctr:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
  pointer-events: none;
  z-index: 9;
}

.slider-control {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 80px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);
  z-index: 99;
}
.slider-control .control {
  width: 50%;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  transition: .3s all ease;
  background: white;
}
.slider-control .control .icon {
  pointer-events: none;
  transition: .3s all ease;
}
.slider-control .control.disabled {
  pointer-events: none;
  background: #ddd;
}
.slider-control .control.disabled .icon {
  opacity: .5;
}

.slide {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.125);
}
.slide.slide-on {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.slide.text-on .title {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide.text-on .author {
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
.slide img {
  display: block;
}
.slide figcaption {
  position: absolute;
  top: 30px;
  left: 30px;
}
.slide .title {
  font-size: 50px;
  margin-bottom: 2px;
  color: white;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 400;
  letter-spacing: 10px;
  text-transform: uppercase;
  position: relative;
}
.slide .author {
  font-size: 16px;
  color: white;
  opacity: .8;
  transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  font-weight: 300;
  letter-spacing: 3px;
  position: relative;
  z-index: 9;
}

.pcon {
	display: block;
}

.ipd {
	display: none;
}

.gridbox {
    max-width: 1280px;
    margin: 0px auto ;
}

.gridtab {
	cursor: pointer;
}

.f_noto_r {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
.f_noto_m {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
.f_noto_l {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}


.f_notoSe_400 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
.f_notoSe_600 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}
.f_notoSe_700 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
}



ul.mod_ul li {
border-bottom: 1px solid #D3D6D1;
	}	



ul.mod_ul li a {
color: #233219;
		font-size: 110%;
			text-decoration: none;
			padding-bottom: 10px;
			padding-top: 10px;
	padding-left: 10px;
			display: block;
	text-align: center;
	}	
	
			ul.mod_ul li a:hover {
background-color: #233219;
				color: #FFFFFF;
				transition: 0.9s;
	}	
				ul.mod_ul li.oya {
		
		border-bottom: none;
		
		
	}	
	ul.mod_ul li.co {
border-bottom: none;
		
	}
		ul.mod_ul li.co a {
font-size: 90%;
		padding-bottom: 10px;
			
	}	
			ul.mod_ul li.coend a {
font-size: 90%;
		padding-bottom: 30px;
	}	
	
ul.mod_ul li.oya a {
		
		padding-bottom: 10px;
	}

/*top*/
section.top_news {
	width: 100%;
	background-color: #FFFFFF;
	padding: 60px 0 0px 0px;
}


.top_about {
    width: 100%;
	background: url("../image/about_bg.jpg") no-repeat center;
	background-size: cover;
    padding: 170px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_about:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/about_bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_about:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_about .inner {
    z-index: 1;
    position: relative;
}

p.ira_01 {
	position: absolute;
	max-width: 220px;
	right: 150px;
	top:-120px;
	
}
p.ira_01 img {
	width:100%;
	height: auto;
	
}

.top_event {
    width: 100%;
	background: url("../image/event_bg.jpg") no-repeat center;
	background-size: cover;
    padding: 100px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_event:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/event_bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_event:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_event .inner {
    z-index: 1;
    position: relative;
}



.top_syuyukai {
    width: 100%;
	background: url("../image/syu_bg.png") no-repeat center;
	background-size: cover;
    padding: 170px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_syuyukai:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/syu_bg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_syuyukai:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_syuyukai .inner {
    z-index: 1;
    position: relative;
}


.top_m_maz {
    width: 100%;
	background: url("../image/mail_z.jpg") no-repeat center;
	background-size: cover;
    padding: 100px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_m_maz:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/mail_z.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_m_maz:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_m_maz .inner {
    z-index: 1;
    position: relative;
}

.top_ti_link a {
	font-size: 160%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	display: block;
}

.txt_wh {
	color: #FFFFFF;
}

.top_kizi {
    width: 100%;
	background: url("../image/kizi_bg.jpg") no-repeat center;
	background-size: cover;
    padding: 100px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_kizi:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/kizi_bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_kizi:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_kizi .inner {
    z-index: 1;
    position: relative;
}

.top_link {
    width: 100%;
    padding: 90px 0 90px 0px;
    text-align: center;
	background-color: #fff;
}

ul.ul_2clm {
	max-width:1080px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	
}
ul.ul_2clm li {
	width:48%;
	margin:0 1% 20px 1%;
	border:1px solid #464646;
	 font-size:120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
	
}
ul.ul_2clm li a {
	display:block;
	padding:20px 0;
	
}
ul.ul_2clm li.td {
	background:#51308E url("../image/logo_t_wh.png") no-repeat;
	background-size: 450px;
	color:#fff;
	
}
ul.ul_2clm li.td a{
	
	color:#fff;
	
}
ul.ul_2clm li.kiki a{
	background-color:#948911;
	color:#fff;
	
}


.top_pre {
    width: 100%;
	background: url("../image/pre_bg.png") no-repeat center;
	background-size: cover;
    padding: 110px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_pre:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/pre_bg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_pre:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_pre .inner {
    z-index: 1;
    position: relative;
}


.top_alumni {
    width: 100%;
	background-image: url("../image/dousou_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    padding: 110px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_alumni:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/dousou_bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_alumni:hover:after {
    opacity: .99;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.top_alumni .inner {
    z-index: 1;
    position: relative;
}
.outline {
	max-width: 640px;
	position: relative;
	border: 3px solid #FFFFFF;
margin: 0 auto;
}

ul.sq_link_bwp {
    margin: 0px auto ;
    width: 270px;
    position: absolute;
	bottom: -25px;
	right: 0;
	left:0;
}
ul.sq_link_bwp li {
    text-align: center;
    font-size:90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
ul.sq_link_bwp li a {
    display: block;
    color: #32964b;
    padding: 20px 0 20px 0;
    background-color: #FFFFFF;
	border-radius: 30px;
}

ul.sq_link_bwp li a:hover {
	transition: 0.9s;
	background-color: #deeac0;
	color: #32964b;
 
}


.alumni_logo_bg {
	padding: 10px 0 0 0;
    background: url("../image/wh_logo.svg") no-repeat center 30px;
    background-size: 100px;
	max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}

_:-ms-lang(x)::-ms-backdrop, .alumni_logo_bg {
  /* IE11 のみ適用される */
padding: 10px 0 0 0;
    background: url("../image/wh_logo.png") no-repeat center 30px;
    background-size: 100px;
	max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}




h2.alumni_logo {
    text-align: center;
    font-size: 320%;
    padding-top: 170px;
    font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing:0.1em;
	line-height: 1.3;
	color:#fff;
	padding-bottom: 30px;

}
.triangle_r {
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
	position: absolute;
	top:0;
	right: 0;
}
.triangle_l {
  border-top: 10px solid #fff;
  border-left: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
	position: absolute;
	top:0;
	left: 0;
}
.triangle_rd {
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
	position: absolute;
	bottom:0;
	right: 0;
}
.triangle_ld {
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
	position: absolute;
	bottom:0;
	left: 0;
}



.h_box {
    max-width: 1032px;
    padding: 0px 0px 42px 0px;
    margin: 0 auto;
}
h3.mess_ti {
    font-size: 200%;
    text-align: center;
    letter-spacing: 0.1em;
    
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    width: 304px;
    margin:0 auto ;
}
h3.top_ti {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
   
    margin:0 auto ;
	padding-bottom: 60px;
}

h3.top_ti_2 {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
   
    margin:0 auto ;
	padding-bottom: 30px;
}
h3.top_ti_3 {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    padding-bottom: 80px;
}
.wh_txt {
	    font-size: 100%;
    text-align: center;
    letter-spacing: 0.1em;
    
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	color: #FFFFFF;
	padding-bottom: 60px;
}

.wh_txt_2 {
	    font-size: 100%;
    text-align: center;
    letter-spacing: 0.1em;
    
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	color: #464646;
	padding-bottom: 0px;
}

.color_green {
	color: #32964b;
}

.color_wh {
	color: #fff;
}


.main_box {
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
}

p.st8_p {
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.8;
	
}

p.st8_p2 {
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.8;
	
}






.st8_top_link {
		max-width: 1240px;
	margin: 0 auto;
	position: relative;
	background: url(../image/st8_center_bg.png) no-repeat top center;
	background-size: 180px;
	margin-top: 70px;
	height: 2200px;
}
	



.backFitImageSec {
	background: url() #fff no-repeat top center;
	background-size:cover;
	background-attachment: fixed;
	
}






.item_img {
    overflow: hidden;
}
.item_img img {
    transition: 0.3s;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.news_kizi_img {
    overflow: hidden;
   max-width: 500px;
    margin: 0 auto;
}
.news_kizi_img img {
    transition: 0.3s;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.img_r_f  {
	float: left;
	padding-right: 20px;
	width: 74px;
}
.img_r_f img {
	width: 100%;
	height: auto;
}

.text-input {
    width: 100%;
    height: 40px;
    margin: 0 auto 20px;
    border: none;
    background-color: #f2f2f2;
    
    font-size: 20px;
    color: #666666;
   
   
	text-align: center;
}
.f_r a {
    display: block;
}



@media screen and (max-width: 780px) {

p.ira_01 {
    position: absolute;
    max-width: 180px;
    right: 100px;
    top: -120px;
}
}


@media screen and (max-width: 599px) {
    
    h5.news_kizi_ti {
    font-size: 100%;
    padding-bottom: 25px;
    padding-top: 25px;
    font-weight: 400;
	text-align:left;
	letter-spacing:0.08em;
}

.news_kizi_img {
    
    width: 70%;
}

.day_cat_ct {
   
    margin: 10px 0;
    width: 100%;
}
    
	.nomal_800_sh {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 0px;
}
	
	ul.cont_bt {
    display: none;
}
	
.grid_ft {
    width: 100%;
    margin: 0 auto;
	padding-bottom: 10px;
}
	.h_box {
    width: 90%;

}
h3.mess_ti {
    font-size: 130%;
    width: 100%;
}
.item_ct {
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    margin: 0 0% 20px 0%;
}
.item_img {
    overflow: hidden;
    width: 30%;
	float:left;
}
.f_r {
	float:right;
	margin-left:5%;
	width:65%;
}
    
.kizi_f_r {
	
	width:100%;
}
    
.day_cat {
	display:block;
    margin: 0px 0 10px 0;
}
.data {
    
    padding: 0px 0 5px 0;
}
.catgory_1 {
    width: 100%;

}
ul.sq_link {
    
    max-width: 200px;
}
ul.sq_link li a {
    padding: 13px 0 13px 0;

}
.arw-his2::before {
    top: -5px;
    right: -12px;
    width: 6px;
    height: 6px;

}
ul.sq_link_bw {
    
    max-width: 200px;
}
ul.sq_link_bw li a {

    padding: 13px 0 13px 0;

}
ul.sq_link_pre {
    
    max-width: 200px;
}
ul.sq_link_pre li a {
   padding: 13px 0 13px 0;
}
ul.sq_link_bwp {

    max-width: 200px;

}
	ul.sq_link_bwp li a {
     padding: 13px 0 13px 0;
}
.top_about {
    width: 100%;
    background: url(../image/about_bg.jpg) no-repeat center;
    background-size: cover;
    padding: 120px 0 0px 0px;
  
}
.top_pre {
  
    padding: 60px 0 0px 0px;
 
}
p.ira_01 {
    position: absolute;
    width: 150px;
    right: 0px;
    top: -100px;
}
	
.pre_logo_bg {
    padding-left: 90px;
    background: url(../image/pre_logo.svg) no-repeat 0px 0px;
    background-size: 82px;
    padding-bottom: 40px;
    max-width: 800px;
    margin: 0 auto 0px;
    z-index: 3001;
}
	
h2.pre_logo {
    text-align: left;
    font-size: 140%;
    padding-top: 0px;

}
p.pre_logo_p {
    font-size: 80%;

    letter-spacing: 0.1em;
    padding-left: 0px;
}
ul#pre_link {

    display: none;
    
}
.top_alumni {
    width: 100%;
    background-image: url("../image/dousou_bg_sp.jpg");
    padding: 20px 0 0px 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
	
.top_alumni:after {
    background: url("../image/dousou_bg_sp.jpg") no-repeat center center;

}
	
.alumni_logo_bg {
    padding: 10px 0 0 0;
    background: url(../image/wh_logo.svg) no-repeat 30px 30px;
    background-size: 50px;
    max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}
h2.alumni_logo {
    text-align: center;
    font-size: 150%;
    padding-top: 20px;
    line-height: 1.3;
    padding-bottom: 20px;
	padding-left: 60px;
}
.top_event {
    width: 100%;
	background: url("../image/event_bg_sp.jpg") no-repeat center;
	background-size: cover;
    padding: 40px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_event:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/event_bg_sp.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
h3.top_ti_2 {
    font-size: 160%;
padding-bottom: 10px;
}
.wh_txt {
    font-size: 90%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    padding-bottom: 30px;
}
	
.top_syuyukai {
    width: 100%;
    background: url(../image/syu_bg_sp.png) no-repeat center 30px;
    background-size: 120%;
    padding: 20px 0 0px 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.top_syuyukai:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/syu_bg_sp.png") no-repeat center  30px;
    -webkit-background-size: 120%;
    -moz-background-size: 120%;
    -ms-background-size: 120%;
    background-size: 120%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.wh_txt_2 {
    font-size: 70%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #464646;
    padding-bottom: 5px;
	padding-top: 70px;
}
h3.top_ti_3 {
    font-size: 130%;

    padding-bottom: 50px;
	line-height: 1.2em;
}
	
.top_m_maz {
    width: 100%;
	background: url("../image/mail_z_sp.jpg") no-repeat center;
	background-size: cover;
    padding: 40px 0 0px 0px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
.top_m_maz:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../image/mail_z_sp.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.top_ti_link a {
    font-size: 110%;
 
}

.top_link {
    width: 100%;
    padding: 30px 0 60px 0px;
    text-align: center;
    background-color: #fff;
}
	
h3.top_ti {
    font-size: 180%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    padding-bottom: 40px;
}
	
ul.ul_2clm li {
    width: 100%;
    margin: 0 1% 10px 1%;
    border: 1px solid #464646;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
}

	
	
	
	
/*599*/}

/*about*/

.about_top {
    width: 100%;
    background: url("../image/about_m_bg.jpg") no-repeat center top;
    background-size: cover;
    
    position: relative;
    overflow: hidden;
    text-align: center;
}

.nomal_box {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
	padding-top: 210px;
    padding-bottom: 90px;
    position: relative;
}

.bread {
	position: absolute;
	top:10px;
	left:0;
	font-size: 70%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	color: #FFFFFF;
	
}

.bread a {
	
	color: #FFFFFF;
	
}

.bread_bl {
	position: absolute;
	top:10px;
	left:0;
	font-size: 70%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	
	color: #464646;
}

.bread_bl a {
	
	color: #464646;
	
}
.bl_txt {
    font-size: 100%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #464646;
    padding-bottom: 60px;
}
h3.about_ti {
	text-align: center;
	color: #FFFFFF;
		font-size: 400%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	padding-bottom: 110px;
}

p.about_ti_txt{
		text-align: center;
	color: #FFFFFF;
		font-size: 140%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	line-height: 4.5em;
	padding-bottom: 90px;
}

ul.ul_2clm_img {
	max-width:860px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.ul_2clm_img li {
	width: 48%;
	margin:0 1% 0 1%;
	border: 1px solid #32964B;
	padding: 150px 0 0 0;
}

ul.ul_2clm_img li.bt01{
	background: url("../image/bt_bg_ab_01.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt02{
	background: url("../image/bt_bg_ab_02.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt_seri01{
	background: url("../image/seri_article_bt_bg_1.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}
ul.ul_2clm_img li.bt_seri02{
	background: url("../image/seri_article_bt_bg_2.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}
ul.ul_2clm_img li.bt_seri03{
	background: url("../image/seri_article_bt_bg_3.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}
ul.ul_2clm_img li.bt_seri04{
	background: url("../image/seri_article_bt_bg_4.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}
ul.ul_2clm_img li.bt_mail01{
	background: url("../image/mail_maga_bt_bg_1.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
    width: 98%;
}
ul.ul_2clm_img li.bt_mail02{
	background: url("../image/mail_maga_bt_bg_2.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}
ul.ul_2clm_img li.bt_mail03{
	background: url("../image/mail_maga_bt_bg_3.jpg") no-repeat center top;
	background-size: cover;
	margin-bottom: 15px;
}






ul.ul_2clm_img li.bt_ab_01{
	background: url("../image/bt_bg_about_1-01.jpg")no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt_ab_02{
	
	background:url("../image/bt_bg_about_1-02-01.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt_ab_03{
	
	background:url("../image/bt_bg_about_1-02-02.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt_aim_01{
	
	background:url("../image/alm_link_bg.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img li.bt_aim_02{
	
	background:url("../image/alm_link_bg_2.jpg") no-repeat center top;
	background-size: cover;
	
}

ul.ul_2clm_img li.bt_event_0{
	width: 31%;
	background:url("../image/event_link_bg_0.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 1% 1.5% 1%;
}
ul.ul_2clm_img li.bt_event_01{
	width: 31%;
	background:url("../image/event_link_bg_1.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 1% 1.5% 1%;
}
ul.ul_2clm_img li.bt_event_02{
	width: 31%;
	background:url("../image/event_link_bg_2.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 1% 1.5% 1%;
}
ul.ul_2clm_img li.bt_event_03{
	width: 31%;
	background:url("../image/event_link_bg_3.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 1% 1.5% 1%;
}
ul.ul_2clm_img li.bt_event_04{
	width: 31%;
	background:url("../image/event_link_bg_4.jpg") no-repeat center top;
	background-size: cover;
	margin: 0 1% 1.5% 1%;
}









ul.ul_2clm_img2 {
	max-width:860px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.ul_2clm_img2 li {
	width: 48%;
	margin:0 1% 20px 1%;
	border: 1px solid #32964B;
	padding: 150px 0 0 0;
}

ul.ul_2clm_img2 li.bt_cont_01{
	background: url("/image/bt_bg_01.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img2 li.bt_cont_02{
	background: url("/image/bt_bg_02.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img2 li.bt_cont_03{
	background: url("/image/bt_bg_03.jpg") no-repeat center top;
	background-size: cover;
	width: 100%;
}
ul.ul_2clm_img2 li.bt_cont_04{
	background: url("/image/bt_bg_04.jpg") no-repeat center top;
	background-size: cover;
	
}

p.inner_bt a {
	text-align: center;
	padding: 20px 0;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
		color: #32964B;
		font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
span.link_blank {
	font-size: 70%;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding: 5px 20px;
}

span.link_blank img {
	width: 22px;
	height: auto;
	padding-left: 10px;
	padding-top: 13px;
}

/*premium*/

.premium_top {
    width: 100%;
    background: url("/image/pre_bg.jpg") no-repeat center top;
    background-size: cover;
    
    position: relative;
    overflow: hidden;
    text-align: center;
}
.pre_img {
	width: 520px;
	margin: 0 auto;
	padding-bottom: 30px;
	position: relative;
}
.pre_img img {
	width: 100%;
	height: auto;
	
	
}

.pre_ray {
	width: 520px;
	margin: 0 auto;
	position: absolute;
	top:0;
	left:0;
	
}
.pre_ray img {
	width: 100%;
	height: auto;
	
	
}





ul.ul_2clm_img_02 {
	max-width:860px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.ul_2clm_img_02 li {
	width: 48%;
	margin:0 1% 2% 1%;
	
	padding: 30px;
}

ul.ul_2clm_img_02 li.bt01{
	background: url("/image/pre_bt_bg_01.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img_02 li.bt02{
	background: url("/image/pre_bt_bg_02.jpg") no-repeat center top;
	background-size: cover;
	
}

ul.ul_2clm_img_02 li.bt03{
	background: url("../image/pre_bt_bg_03.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img_02 li.bt04{
	background: url("../image/pre_bt_bg_04.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img_02 li.bt05{
	background: url("../image/pre_bt_bg_05.jpg") no-repeat center top;
	background-size: cover;
	
}
ul.ul_2clm_img_02 li.bt06{
	background: url("../image/pre_bt_bg_06.jpg") no-repeat center top;
	background-size: cover;
	
}



p.inner_bt_02 {
	text-align: center;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	height: 130px;
}

p.inner_bt_02 a {
	text-align: center;
	padding: 30px 0 0 0;
	border: 1px solid #b3962b;
	width: 100%;
		color: #7d5f00;
		font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
	height: 120px;
}
p.inner_bt_03 {
	text-align: center;
	padding: 5px;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	height: 130px;
}

p.inner_bt_03 a {
	text-align: center;
	padding: 40px 0 0 0;
	border: 1px solid #b3962b;
	width: 100%;
		color: #7d5f00;
		font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
	height: 120px;
}


/**/

.alumni_top {
    width: 100%;
    background: url("/image/alumni_bg.jpg") no-repeat center top;
    background-size: cover;
    position: relative;
    text-align: center;
	padding-bottom: 450px;
}


.nomal_box_alumni {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 90px;
    position: relative;
}
.outline_alumni {
    max-width: 580px;
    position: relative;
    border: 3px solid #FFFFFF;
    margin: 0 auto 90px;
}
.alumni_logo_bg2 {
    padding: 10px 0 0 0;
    background: url(../image/wh_logo.svg) no-repeat center 30px;
    background-size: 140px;
    max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}
h2.alumni_logo2 {
    text-align: center;
    font-size: 320%;
    padding-top: 230px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.3;
    color: #fff;
    padding-bottom: 30px;
}

.alumni_pos_box {
	width: 1020px;
	background-color: rgba(255,255,255,0.8);
	margin: 0 auto 80px;
	position: absolute;
	bottom: -180px;
	right: 0;
	left:0;
	padding: 60px 0;
	z-index: 3100;
}

@media screen and (max-width: 1080px){
	.alumni_pos_box {
	width: 90%;
	padding: 40px 30px;

}
	
}

section.alumni_news {
    width: 100%;
    padding: 60px 0 0px 0px;
	background: url("../image/green_bg.png") repeat-x;
	
}

.alumni_wh_box {
	margin: 200px 0 0 0;
	
}



.inner_alu_01 {
    text-align: center;
    padding: 5px;
    
    width: 100%;
    height: 130px;
	position: relative;
    border: 3px solid #FFFFFF;
}



.inner_alu_01 a {
    text-align: center;
    padding: 30px 0 30px 0;
    width: 100%;
    color: #fff;
    font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
	line-height: 1.3;
	display: block;
    
}

.inner_alu_01 .triangles_r {
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
	position: absolute;
	top:0;
	right: 0;
}
.inner_alu_01 .triangles_l {
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
	position: absolute;
	top:0;
	left: 0;
}
.inner_alu_01 .triangles_rd {
  border-top: 5px solid transparent;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
	position: absolute;
	bottom:0;
	right: 0;
}
.inner_alu_01 .triangles_ld {
  border-top: 5px solid transparent;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-right: 5px solid transparent;
	position: absolute;
	bottom:0;
	left: 0;
}

ul.ul_1clm {
    max-width: 860px;
    margin: 0 auto;
 
}

ul.ul_1clm li {
   
    margin: 0 1% 20px 1%;
    border: 1px solid #32964b;
    font-size: 120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
}

ul.ul_1clm li a {
    display: block;
    padding: 20px 0;
	color: #32964b;
}

.contact_box {
	margin: 0px 0 0px 0;
	
}

.news_box {
    margin: 0px 0 0px 0;
}


.end_box {
	margin: 0px 0 0px 0;
	padding-bottom: 0;
}

.nomal_960_contact {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 0px;
	padding-top: 70px;
    position: relative;
}


h3.contact_ti {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    padding-bottom: 20px;
}

ul.ul_2clm_contact {
    max-width: 1080px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}



.h_box_contact {
    max-width: 860px;
    padding: 0px 0px 30px 0px;
    margin: 0 auto;
}


h3.contact_ti_02 {
    font-size: 140%;
    text-align: left;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
   padding-bottom: 30px;
}

.bl_txt_l {
    font-size: 100%;
    text-align: left;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #464646;
    padding-bottom: 20px;
}


.nomal_960_end {
width: 90%;
max-width: 1120px;
margin: 0 auto;
padding-bottom: 90px;
position: relative;
}



@media screen and (max-width: 599px){
	
	.pre_img {
	width: 90%;
	
}


.pre_ray {
width: 100%;
	
}


	
	.nomal_960_end {
padding-bottom: 120px;
}
	
	.h_box_contact {
    width: 90%;
		padding: 0 0 20px 0;
}
.nomal_960_contact {

padding-bottom: 0px;
padding-top: 50px;

}
h3.contact_ti_02 {
    font-size: 140%;
    width: 100%;
	padding-bottom: 10px;
}
.bl_txt {
font-size: 90%;

padding-bottom: 40px;
}
.bl_txt_l {
font-size: 90%;

padding-bottom: 10px;
}
.end_box {
	margin: 0px 0 0px 0;
	padding-bottom: 60px;
}
	
	h3.contact_ti {
    font-size: 140%;
padding-bottom: 10px;
    
}
	
section.alumni_news {
padding: 30px 0 0px 0px;

}
	
	ul.ul_1clm li {
    width: 100%;
    margin: 0 auto;
    
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
}

	
ul.ul_2clm_alumni li {
    padding: 20px 16px;
margin: 0 1% 6px 1%;
}

p.inner_alu_01 {
    text-align: center;
    padding: 5px;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100px;
}
p.inner_alu_01 a {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 90%;
    letter-spacing: 0.1em;
    height: 90px;
}
	
ul.ul_2clm_img2 li {
width: 48%;
margin: 0 1% 8px 1%;

padding: 54px 0 0 0;
}
	
	.nomal_box {
    padding-top: 60px;
    padding-bottom: 20px;
}
	
.nomal_box_alumni {
	padding-top: 60px;
    padding-bottom: 140px;
}
.outline_alumni {

    margin: 0 auto 30px;
}

.alumni_logo_bg2 {
    padding: 10px 0 0 0;
    
    background-size: 70px;
    max-width: 800px;
    margin: 0 auto 30px;
    z-index: 3001;
}

h2.alumni_logo2 {
    text-align: center;
    font-size: 170%;
    padding-top: 130px;
    line-height: 1.3;
	padding-bottom: 0px;
   
}

.alumni_pos_box {
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    margin: 0 auto 70px;
    position: absolute;
    bottom: -180px;
    right: 0;
    left: 0;
    padding: 20px ;
    z-index: 3100;
}

	
h3.about_ti {
    font-size: 200%;
    padding-bottom: 30px;
}
p.about_ti_txt {
    font-size: 90%;
    line-height: 2em;
    padding-bottom: 40px;
}
p.inner_bt a {
   
    padding: 7px 0;
    font-size: 90%;
    letter-spacing: 0.1em;

}
ul.ul_2clm_img li {
    width: 48%;
    margin: 0 1% 0 1%;
    border: 1px solid #32964B;
    padding: 80px 0 0 0;
}
ul.ul_2clm_img_02 li {
 
    padding: 20px 14px;
}
	p.inner_bt_02 {
    text-align: center;
    padding: 5px;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100px;
}
    
.inner_alu_01 {

    height: 80px;

}

.inner_alu_01 .triangles_r {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;

}
.inner_alu_01 .triangles_l {
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-bottom: 3px solid transparent;
  border-right: 3px solid transparent;
	
}
.inner_alu_01 .triangles_rd {
  border-top: 3px solid transparent;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-left: 3px solid transparent;
	
}
.inner_alu_01 .triangles_ld {
  border-top: 3px solid transparent;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-right: 3px solid transparent;
	
}

.inner_alu_01 a {
    text-align: center;
    padding: 11px 0 15px 0;

    font-size: 90%;
    letter-spacing: 0.1em;

}
ul.ul_1clm {
    width: 100%;
}

.alumni_top {

padding-bottom: 150px;
}
	
span.link_blank {
	font-size: 60%;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding: 5px 12px;
}
span.link_blank img {
    width: 14px;
    height: auto;
    padding-left: 4px;
    padding-top: 9px;
}

	
	
	
/*about sp*/}


/*about2*/



section.about_greet {
width: 100%;
padding: 60px 0 0px 0px;

}

.img_box {
	max-width: 1315px;
	margin: 0 auto;
	padding-bottom: 60px;
	
}
.img_box img {
	width: 100%;
	height: auto;
	
}
h3.about_greet_ti {
font-size: 220%;
text-align: center;
letter-spacing: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
margin: 0 auto;
}

h3.about_sosiki_ti {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
	padding-bottom:30px;
}

.nomal_txt {
	    font-size: 120%;
    letter-spacing: 0.08em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;color: #18216e;line-height: 1.8;
    padding-top: 30px;
	
}
.nomal_txt_pb60 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom: 60px;
}

.nomal_txt_pb30 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom: 30px;
}

.nomal_txt_pb20 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom: 20px;
}

.pre_name {
    width: 370px;
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    position: absolute;
    right: 0;
    bottom: 0;	
	background: url("../image/greeting_sign3.png") no-repeat right;
	background-size: 180px;
}



.about_txt_c {
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	text-align:center;
	padding-bottom:60px;
}
.enkaku_box_green {
	
	border-bottom:#32964B 2px solid;
	margin:0 0 60px 0;
	
	}
	.enkaku_box {
	
	
	margin:0 0 0px 0;
	
	}
	
	
h5.h5_enkaku {
	    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	padding-bottom:20px;
	color:#32964B;
}

h5.h5_enkaku_2 {
	    font-size: 130%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom:20px;
	color:#32964B;
}
h5.h5_enkaku_2 span {
	    font-size: 80%;
    
}


dl.prof2 {
    width: 100%;
    margin: 0 auto 60px;
    padding: 0 0 0 0;
}

dl.prof2 dt {
  clear: left;
  float: left;
  width: 7em; 
  margin-bottom: 0.5em;
 
  font-size:90%;
  line-height:1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.prof2 dd {
  margin-left: 1em;
  margin-bottom: 0.5em;
  zoom: 1;
  font-size:90%;
  line-height:1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.prof2 dd a{
	color: #6D3919;
	text-decoration:underline;
}
h5.h5_yakuin {
	    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom:60px;
	}
	
	h5.h5_yakuin span{
		padding-left:3em;
	}

ul.yakuin_list li{
    width: 100%;
    border: 1px solid #32964B;
    cursor: pointer;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
	font-size: 140%;
	position:relative;
	}

ul.yakuin_list li.mb60 {
	text-align: center;
	margin-bottom: 60px;
	}
	
ul.yakuin_list li a{
	
    color: #32964B;
	padding:20px 40px;
	display:block;
	}
ul.yakuin_list li span {
	font-size: 60%;
	padding-left:2em;
  
	}
	
	ul.yakuin_list li p.img {
		position:absolute;
		top:20px;
		right:30px;
		width:30px;
  
	}
	
	ul.yakuin_list li p.img img {
		width:100%;
		height:auto;
  
	}

ul.yakuin_list_pre {
	background: url("../image/about_pre_bt_bg.jpg") no-repeat center;
	background-position: center;
	background-size: cover;
	margin-bottom: 60px;
	}

ul.yakuin_list_pre li{
    width: 100%;
    border: 1px solid #32964B;
    cursor: pointer;
   
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.8;
	font-size: 140%;

	}
ul.yakuin_list_pre li a {
	color: #7d5f00;
	text-align: center;
padding: 20px 0;
	display: block;
	}



ul.cir_list {
	padding-bottom: 60px;
}

ul.cir_list li {
	font-size: 90%;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding: 0 0 5px 28px;
	background: url("../image/green_cir.png") no-repeat 0 2px;
	background-size: 16px;
}

ul.cir_list_pb_30 {
	padding-bottom: 30px;
}

ul.cir_list_pb_30 li {
	font-size: 90%;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding: 0 0 5px 28px;
	background: url("../image/green_cir.png") no-repeat 0 2px;
	background-size: 16px;
}




@media screen and (max-width: 599px){
	.nomal_txt {
    font-size: 90%;
}
	ul.cir_list {
    padding-bottom: 25px;
}
.nomal_txt_pb60 {
font-size: 90%;
padding-bottom: 25px;
text-align: justify;
line-height: 1.8;
}
.nomal_txt_pb30 {
font-size: 90%;
text-align: justify;
	line-height: 1.8;
}

	.enkaku_box_green {
    margin: 0 0 40px 0;
}
	.img_box {

    padding-bottom: 30px;
}
	
ul.faqList_pre li:nth-child(odd)::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: 53%;
	right: 12px;
	width: 20px;
	height: 13px;
	background-image: url(../image/arw_pre.png);
	background-size: 16px;
	background-repeat: no-repeat;
	margin-top: -8px;
	
}
	ul.faqList_pre li {
    padding: 15px 40px 15px 25px;
 
}
section.news_bg {
    padding: 23px 0 0px 0px;
        background-size: 0.7px;
}

	.news_box {
    padding-bottom: 90px;
}
	ul.yakuin_list li p.img {
  
    width: 18px;
}
	
	.about_kiyaku_box {
  
    margin: 0 auto 30px;
    padding-bottom: 0px;
    
}
	
	ul.yakuin_list li {

    font-size: 100%;
   
}
ul.yakuin_list li.mb60 {
    text-align: center;
    margin-bottom: 30px;
}

ul.yakuin_list_pre li {

    font-size: 100%;
}



	ul.yakuin_list li span {
   
    padding-left: 0em;
}

ul.yakuin_list li a {
    color: #32964B;
    padding: 15px 20px;
    
}

ul.faqList li {
    padding: 15px 55px 15px 55px;
	font-size:90%;
	text-align:justify;
}

ul.faqList li:nth-child(even) {
	padding: 15px 15px 15px 15px;
	text-align:justify;
}


section.about_greet {
padding: 30px 0 0px 0px;
}
	
.pre_name {
width: 100%;
font-size: 90%;
letter-spacing: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
position: absolute;
right: 0;
bottom: 0;
background: url("../image/greeting_sign3.png") no-repeat right;
background-size: 180px;
}
h3.about_greet_ti {
font-size: 160%;

}
h3.about_sosiki_ti {
font-size: 160%;
padding-bottom: 10px;
}

dl.prof2 dt {
  clear: left;
  float: none;
  width: 7em; 
  margin-bottom: 0em;
 
  font-size:90%;
  line-height:1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.prof2 dd {
  margin-left: 0em;
  margin-bottom: 1.5em;
  zoom: 1;
  font-size:90%;
  line-height:1.4;

}






/*about sp*/}


.ft_box_n{
    max-width: 960px;
    margin: 90px auto 120px;
    padding: 40px 0;
    border-top: 1px solid #777;
    border-bottom:  1px solid #777;
}


/*foot*/

#footer {
        background: #18216e;
    padding: 0;
	position: relative;
	bottom: 0;
	width: 100%;
	z-index: 1;
}


.inner_foot_box {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}

ul.ul_2clm_2 {
	max-width:1080px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	
}
ul.ul_2clm_2 li {
	width:50%;
	margin:0 ;
	 font-size:120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
	text-align:center;
	
}

ul.ul_2clm_2 li.pre {
	background: url("../image/ft_bt_pre.png") no-repeat 13% 10px;
	background-size: 70px;
	font-family: 'Noto Serif JP', serif;
	
}

ul.ul_2clm_2 li.rbd {
	border-right:1px solid #32964B;
	
	
}
ul.ul_2clm_2 li.rbd span img{
	width: 30px;
	height: auto;
	padding-right: 10px;
	padding-top: 8px;
	
}
ul.ul_2clm_2 li.rbd a {
	display:block;
	padding:30px 0;
	color:  #32964B;
}
ul.ul_2clm_2 li.pre a {
	display:block;
	padding:30px 0;
	color:  #7d5f00;
}

.pos_ira_2 {
	position: absolute;
	left:5%;
	bottom:0;
	width: 100px;
}



ul.ul_3clm {
	width:580px;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
	justify-content: center;
	position:absolute;
	right:0;
	bottom:0;
	
}
ul.ul_3clm li {
	width:33%;
	margin:0 ;
	 font-size:80%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
	text-align:center;
	
}

ul.ul_3clm li a {
	display:block;
	padding:20px 0;
	color:#32964B;
	
}

.foot_logo_box {
	padding:30px 0 30px 120px;
	background:url(../image/foot_logo.png) no-repeat 0px 15px;
	background-size:87px;
	
}

h5.foot_ti{
	color:#32964B;
	 font-size:120%;
 
    letter-spacing: 0.1em;
	font-weight:400;
	
}
.foot_p {
	color:#32964B;
	 font-size:80%;
  
    letter-spacing: 0.1em;
	font-weight:300;
}

#footer p.copyright {
    font-size: 70%;
    padding-top: 20px;
    padding-bottom:20px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
}

ul#foot_up{
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
   top: -39px;width: 90px;
}
ul#foot_up li{
    
    margin: 0 auto;
}
.ipd_br {
    display: none;
}


ul.pager {
	width: 80%;
    max-width: 880px;
	
	margin: 0 auto;
	padding: 30px 0 90px 0;
	display: -webkit-flex;
   display: flex;
    justify-content: center;
}


ul.pager li {
	width: 52px;
	
	
	text-align: center;
    margin: 0 7px 0 7px;
    border-radius: 2px;
    
    color: #32964b;
    font-size: 90%;
    
  
}

ul.pager li.num a {
	padding: 18px 0 16px 0;
	color: #32964b;
	display: block;
}

ul.pager li.num a:hover {
	background: #deeac0;
	color: #32964b;
	transition: 0.9s;
}




ul.pager li.on {
	color: #FFFFFF;
	display: block;
	background-color:#32964b;
	padding: 16px 0 12px 0;
}

ul.pager li.arw a {
	color: #000;
	display: block;
	cursor: pointer;
	padding: 0px 0 0px 0;
    background-color:none;
}






ul.pager li img {
    width: 100%;
	height: auto;
  
}


@media screen and (max-width: 1025px){
.pos_ira_2 {
    left: 0%;
    width: 90px;
}
    
ul.ul_2clm_2 li.pre {
    background: url(../image/ft_bt_pre.png) no-repeat 8% 10px;
    background-size: 70px;
    font-family: 'Noto Serif JP', serif;
}
ul.ul_2clm_2 li.pre a {
    display: block;
    padding: 30px 0 30px 10%;
    color: #7d5f00;
}
.ipd_br {
    display: block;
}

    
    
    
}



@media screen and (max-width: 824px){
	ul.ul_3clm {
	display: none;
}
	
ul.ul_2clm_2 li.rbd {
    padding-left: 10%;
}
.pos_ira_2 {
    
    left: -10px;
   
}
ul.ul_2clm_2 li.pre {
    background: url(../image/ft_bt_pre.png) no-repeat 7% 12px;
    background-size: 65px;
    
}
ul.ul_2clm_2 li.pre a {
    
    padding: 30px 0 30px 55px;
    
}

h3.about_ti {
    
    font-size: 300%;
    padding-bottom: 90px;
}
p.about_ti_txt {
 
    font-size: 120%;
    letter-spacing: 0.15em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    line-height: 4em;
    padding-bottom: 90px;
}
    
}

@media screen and (max-width: 599px){
#footer {
    height: auto;
    padding: 0px 0 60px 0;

    margin-top: 0px;
}
	

ul#foot_up {
right: 0;
	left: 0;
margin: 0 auto;

top: -90px;
}
ul#foot_up li {
    width: 90px;
 
	margin: 0 auto;
}
.foot_logo_box {
padding: 150px 0 30px 0px;
background: url(../image/foot_logo.png) no-repeat center 25px;
background-size: 80px;
}
h5.foot_ti {
	padding-bottom: 10px;
	text-align: center;
	font-size: 110%;
}
.foot_p {
    text-align: center;
}
	
h3.about_ti {
    font-size: 160%;
    padding-bottom: 30px;
}
p.about_ti_txt {
    font-size: 80%;
    line-height: 2em;
}
	
	
}



@media screen and (max-width: 321px){
h2.alumni_logo {
font-size: 120%;

}
.arw-his2::before {
top: -5px;
right: -15px;
width: 6px;
height: 6px;
}
p.inner_bt_02 a {
text-align: center;
padding: 10px 0 0 0;
font-size: 80%;
letter-spacing: 0em;
height: 90px;
}
.inner_alu_01 a {

font-size: 70%;

}
	
.inner_alu_01 {
height: 70px;
}
	
.pre_name {
    width: 100%;
    font-size: 80%;

    background-size: 170px;
}
span.link_blank {
    font-size: 50%;
    border-radius: 20px;
    background-color: #FFFFFF;
    padding: 5px 8px;
}
span.link_blank img {
    width: 11px;
    height: auto;
    padding-left: 3px;
    padding-top: 9px;
}
}

/*20200701*/
.premium_hed_bg {
    position: relative;
    background: -moz-linear-gradient(left, #e1eb64, #b3962b);
  background: -webkit-linear-gradient(left, #e1eb64, #b3962b);
  background: linear-gradient(to right, #e1eb64, #b3962b);
}

.premium_hed_bg_2 {
    position: relative;
    background: -moz-linear-gradient(left, #e1eb64, #b3962b);
  background: -webkit-linear-gradient(left, #e1eb64, #b3962b);
  background: linear-gradient(to right, #e1eb64, #b3962b);
    padding: 0 0 60px 0;
}


h2.pre_title {
    text-align: center;
    font-size: 220%;
    padding: 18px 0 60px 0;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #7d5f00;
	z-index:100;
}

h2.pre_title_pos {
    text-align: center;
    font-size: 180%;
    padding: 22px 0 0 0;
    border: 1px solid #b3962b;
    width: 100%;
    color: #7d5f00;
    
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    height: 100px;
    
}
.inner_ti_pre {
    text-align: center;
    padding: 5px;
    background-color: rgba(255,255,255,0.8);
    width: 90%;
    
    max-width: 640px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -120px;
}
.pos_hagi {
    position: absolute;
    right: -8%;
    top: 0;
    width: 400px;
}
.pos_hagi img {
    width: 100%;
    height: auto;
}

.premium_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto 90px;
    padding: 90px 0;
    position: relative;
}


.pre_bene_list {
    border-bottom: 1px solid #7d5f00;
    margin-bottom: 60px;
    padding-bottom: 40px;
}

.pre_syosai_box {
    
    
}



.pre_list_img {
    max-width: 220px;
    float: left;
    margin-right: 5%;
    width: 25%;
}
.pre_list_img img {
    width: 100%;
    height: auto;
}

    
.pre_list_txt {
    float: right;
    width: 70%;
}
h5.h5_pre_ti {
     font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #7d5f00;
    padding-bottom: 20px;
}
p.pre_list_bold_txt{
         font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding-bottom: 10px;
}
p.pre_list_nomal_txt{
             font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

p.pre_syosai_nomal_txt {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 30px;
}

.nomal_txt_center {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    text-align: center;
    padding-bottom: 60px;
}

ul.pre_link {
    margin: 30px 0;
    max-width: 270px;
}
ul.pre_link li {
    text-align: center;
    font-size: 90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
ul.pre_link li a {
    display: block;
    color: #827350;
    padding: 5% 0 5% 5%;
    border: 2px solid #827350;
    border-radius: 30px;
}

ul.pre_link li a:hover {
	transition: 0.9s;
	
    border: 2px solid #827350;
	color: #827350;
 
}

.pre_box_l {
    width: 40%;
    float: left;
    max-width: 420px;
}
p.pre_img {
    padding-bottom: 5px;
}

.photo_flex {
    display: flex;
    display: -webkit-flex;
    margin: 0 auto;
    justify-content: space-between;
}
.other_p {
    width: 32%;
}

.pre_kiji_txt {
    float: right;
    width: 55%;
}
ul.q_list_pre {
    background: url(../image/about_pre_bt_bg.jpg) no-repeat center;
    background-position: center;
    background-size: cover;
    margin:0 auto 60px;
    max-width: 420px;
}
ul.q_list_pre li {
    width: 100%;
    border: 1px solid #32964B;
    cursor: pointer;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.8;
    font-size: 140%;
}
ul.q_list_pre li a {
    color: #7d5f00;
    text-align: center;
    padding: 20px 0;
    display: block;
}

.catgory_pre{
	width: 50%;
	background-color: #e1eb64;
	text-align: center;
	  font-size:80%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	color: #7d5f00;
    padding: 5px 0;
    margin-bottom: 30px;
}

.pre_goods_list {

    padding-bottom: 40px;
}

.pre_goods_sq_list {
border: 1px solid #7d5f00;
    margin-bottom: 60px;
    padding: 40px;
}

h5.good_ti {
    	text-align: center;
	  font-size:140%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #7d5f00;
    padding-bottom: 10px;
}

.good_bg {
    background-color: #f3f5f3;
    padding: 40px;
    margin-bottom: 30px;
}
p.p_pre_ti_s {
    width: 100%;
    	  font-size:100%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #7d5f00;
    padding-bottom: 20px;
    border-bottom: 1px solid #7d5f00;
    margin-bottom: 20px;
}
p.p_pre_ti_s span {
    	  font-size:140%;
padding-left: 10px;
    font-weight: 400;

}
ul.good_souryo {
margin: 0 auto 60px;
    max-width: 420px;
}


ul.good_souryo li {
    width: 100%;
    border: 1px solid #7d5f00;
    cursor: pointer;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 140%;
    position: relative;
    text-align: center;
}
ul.good_souryo li a{
	
    color: #7d5f00;
	padding:20px 40px;
	display:block;
	}

ul.good_souryo li p.img {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 30px;
}
ul.good_souryo li p.img img {
    width: 100%;
    height: auto;
}

h5.good_ct{
        font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 160%;
    color: #7d5f00;
    padding-bottom: 30px;
	letter-spacing:0.1em;
}
p.good_ct_p {
            font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 100%;
    color: #464646;
    padding-bottom: 60px;
    border-bottom: solid 1px #7d5f00;
    margin-bottom: 60px;
}

.page_img {
    max-width: 1303px;
    margin: 0 auto;
    padding: 80px 0 0 0;
}

.premium_box_sisetu {
    width: 90%;
    max-width: 860px;
    margin: 0 auto 90px;
    padding: 30px 0 0px 0;
    position: relative;
}




ul.clm_3_link {
    	margin: 0 auto;
	padding: 30px 0 90px 0;
	display: -webkit-flex;
   display: flex;
    justify-content: center;
}
ul.clm_3_link li {
    	width: 31%;
    text-align: center;
    border: 1px solid #7d5f00;
    margin: 0 1% 0 1%;
    font-family: "Noto Sans JP";
    font-weight: 300;
    letter-spacing: 0.1em;
	    background-image: url(../image/arw_pre_mg.png);
    background-size: 16px;
	background-repeat:no-repeat;
	background-position:bottom center;

}
ul.clm_3_link li a {
padding: 20px 0 30px 0;
    display: block;
    color: #7d5f00;
    
}

.arrow_center {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
}

.arrow_center::before,
.arrow_center::after{
position: absolute;
bottom:0px;
right: 0;
    left:0;
margin: 0 auto;
content: "";
vertical-align: middle;
}
.arw-cent1::before {
	bottom:-10px;
    right: 0;
    left:0;
    width: 12px;
    height: 12px;
    border-top: 2px solid #7d5f00;
    border-right: 2px solid #7d5f00;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

p.sisetu_ct_p {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 100%;
    color: #464646;
    padding-bottom: 40px;
    
   
}

.sisetu_co_box {
    background-color: #ebe7d9;
    padding: 30px 30px 0px 30px ;
    margin-bottom: 30px;
}
    
.sisetu_co_box h6 {
    
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 110%;
    color: #7d5f00;
    padding-bottom: 10px;

}


@media screen and (max-width: 767px){
.pre_box_l {
    width: 100%;
    float: none;
    margin-bottom: 40px;
}
}


.pre_list_nomal_txt_new p {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom:8px;
}
.pre_list_nomal_txt_new p a{
	color:#33984C;
	text-decoration:underline;
}
.pre_list_nomal_txt_new p a:hover {
	text-decoration: none;
}

@media screen and (max-width: 599px){
	
	.premium_box {
    margin: 0 auto 40px;
    padding: 30px 0;
   
}
	
	p.good_ct_p {
    font-size: 90%;
    padding-bottom: 30px;
    margin-bottom: 30px;
	text-align:justify;
}
	.nomal_txt_center {
    font-size: 90%;
    text-align: center;
    padding-bottom: 60px;
	line-height: 1.8;
}
	
	.pre_list_nomal_txt_new p {
    font-size: 90%;
	text-align:justify;
	
}
	
	p.pre_list_nomal_txt {
    font-size: 90%;
text-align:justify;
    
}
	
	p.sisetu_ct_p {

    font-size: 90%;
	text-align:justify;
}

	h5.good_ct {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 140%;
    color: #7d5f00;
    padding-bottom: 20px;
    letter-spacing: 0.1em;
}
	
	ul.clm_3_link {
	
   display: block;
        padding: 10px 0 40px 0;
}
ul.clm_3_link li {
    width: 100%;
    text-align: center;
    margin: 0 0% 8px 0%;
}
    
    .pre_goods_sq_list {
    border: 1px solid #7d5f00;
    margin-bottom: 60px;
    padding: 10px;
}
.good_bg {
    padding: 20px;
}
ul.good_souryo li {
    font-size: 100%;
}


.pre_goods_list {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    
    
    
    ul.q_list_pre li {
    font-size: 100%;
}

.pre_kiji_txt {
    float: none;
    width: 100%;
}
h5.h5_pre_ti {
    font-size: 120%;
    letter-spacing: 0.1em;
text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #7d5f00;
    margin-bottom: 20px;
	font-weight:500;
}
p.pre_list_bold_txt {
    font-size: 90%;
    font-weight: 500;
    padding-bottom: 20px;
}
ul.pre_link {
    margin: 30px auto;
    max-width: 100%;
}
.pre_bene_list {
    
    margin-bottom: 30px;
    padding-bottom: 30px;
}
ul.q_list_pre {
    
    margin: 0 auto 0px;
    max-width: 420px;
}

.pos_hagi {
    position: absolute;
    right: -22%;
    top: 0;
    width: 280px;
} 
h2.pre_title_pos {
    text-align: center;
    font-size: 120%;
    padding: 20px 10px 0px 10px;
    border: 1px solid #b3962b;
    width: 100%;
    color: #7d5f00;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    
}
.pre_list_img {
    max-width: 220px;
    float: none;
    margin-right: 0px;
    width: 100%;
    margin: 0 auto 30px;
    text-align: center;
}
.pre_list_txt {
    float: none;
    width: 100%;
}
ul.pager {
    width: 100%;
    
    margin: 0 auto;
    padding: 30px 0 20px 0;

} 

    
    
    
    
}

/*event*/

.event_top {
    width: 100%;
    background: url("../image/event_top_bg.jpg") no-repeat center top;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.event_box {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}
h3.event_ti {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    color: #fff;
    padding: 0 0 30px 0;
}
.event_txt_top {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
}

ul.event_top_ul {
    max-width: 860px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.event_top_ul li {
    width: 99%;
    margin: 0 0.5% 1% 0.5%;
    border: 1px solid #32964B;
    padding: 0px 0 0 0;
    position: relative;
}

ul.event_top_ul li.bt01 {
    background: url("../image/event_ul_bg_1.jpg") no-repeat center top;
    background-size: cover;
}
ul.event_top_ul li.bt02 {
    background: url("../image/event_ul_bg_2.jpg") no-repeat center top;
    background-size: cover;
    padding-left: 60%;
}
ul.event_top_ul li.bt03 {
    background: url("../image/event_ul_bg_3.jpg") no-repeat center top;
    background-size: cover;
    width: 32.3%;
    padding: 100px 0 0 0;
    margin: 0 0.5% 1.5% 0.5%;
}
ul.event_top_ul li.bt04 {
    background: url("../image/event_ul_bg_4.jpg") no-repeat center top;
    background-size: cover;
    width: 32.3%;
    padding: 100px 0 0 0;
    margin: 0 0.5% 1.5% 0.5%;
}
ul.event_top_ul li.bt05 {
    background: url("../image/event_ul_bg_5.jpg") no-repeat center top;
    background-size: cover;
    width: 32.3%;
    padding: 100px 0 0 0;
    margin: 0 0.5% 1.5% 0.5%;
}
p.event_inner_bt {
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    width: 40%;
   
    padding: 60px 20px;
    color: #32964B;
    font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1.4;
}
p.event_inner_bt a {
    text-align: center;
    padding: 60px 20px;
    background-color: rgba(255,255,255,0.6);
    color: #32964B;
    font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1.4;
}
p.event_inner_bt2 {
    text-align: center;
    background-color: rgba(255,255,255,0.6);
    
   
}
p.event_inner_bt2 a {
    text-align: center;
    padding: 60px 20px;
    background-color: rgba(255,255,255,0.6);
    color: #32964B;
    font-size: 120%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1.4;
}

p.event_inner_bt3 {
    text-align: center;
    background-color: rgba(255,255,255,0.8);
        padding: 20px 20px;
  
    color: #32964B;
    font-size: 110%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1.3;
   
}
p.event_inner_bt3 a {
    text-align: center;
    padding: 20px 20px;
    background-color: rgba(255,255,255,0.6);
    color: #32964B;
    font-size: 110%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    display: block;
    line-height: 1.3;
}

p.event_inner_bt a span,p.event_inner_bt2 a span,p.event_inner_bt3 a span {
    text-align: center;
    color: #464646;
    font-size: 60%;
    line-height: 1.4;
letter-spacing: 0em;
}

p.event_inner_bt  span,p.event_inner_bt3  span {
    text-align: center;
    color: #464646;
    font-size: 60%;
    line-height: 1.4;
letter-spacing: 0em;
}

section.event_cont {
    width: 100%;
    padding: 60px 0 0px 0px;
    background: url(../image/green_bg.png) repeat-x;
    background-position: bottom;
    background-size: 2px;
}
section.event_cont_s {
    width: 100%;
    padding: 60px 0 0px 0px;
    background: url(../image/green_bg.png) repeat-x;
    background-position: bottom;
    background-size: 2px;
}

ul.event_ul_4clm {
        
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
}

ul.event_ul_4clm li {
        width: 24%;
    border: 1px solid #32964B;
    cursor: pointer;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 120%;
    margin: 0 0.5% 0 0.5%;
    
}
ul.event_ul_4clm li a {
        color: #32964B;
    text-align: center;
    padding: 20px 0;
    display: block;
    
}

.event_img_box {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.event_main_box {
    width: 90%;
    max-width: 1080px;
    margin: 0 auto 90px;
    padding-bottom: 90px;
    position: relative;
}
.event_nomal_txt {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 60px;
}

p.e_inner_bt a {
    text-align: center;
    padding: 30px 0;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    color: #32964B;
    font-size: 110%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
p.e_inner_bt2 a {
    text-align: center;
    padding: 20px 0;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    color: #32964B;
    font-size: 110%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 1.4;
}
ul.ul_1clm_ev {
    max-width: 860px;
    margin: 30px auto 0;
}
ul.ul_1clm_ev li {
    margin: 0 1% 20px 1%;
    border: 1px solid #32964b;
    font-size: 120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
}
ul.ul_1clm_ev li a {
    display: block;
    padding: 20px 0;
    color: #32964b;
    text-align: center;
}
@media screen and (max-width: 767px){

}


@media screen and (max-width: 599px){
    
    .event_img_box {

    padding-bottom: 25px;
}
    

ul.ul_1clm_ev {
    width: 100%;
}
ul.ul_1clm_ev li {
    width: 100%;
    margin: 0 auto;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
}


section.event_cont {
    padding: 30px 0 0px 0px;
        background-size: 3px;
}
    

section.event_cont_s {
    padding: 30px 0 0px 0px;
        background-size: 1px;
}
    
    
    
p.e_inner_bt a {
    padding: 16px 0;
    font-size: 90%;
    letter-spacing: 0.1em;
}
p.e_inner_bt2 a {
    
    padding: 7px 0;

    font-size: 90%;
    letter-spacing: 0em;

}
    
ul.event_ul_4clm {
   
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}    
    
ul.event_ul_4clm li {
    width: 48%;

    background-color: #FFFFFF;
    font-size: 100%;
    margin: 0 1% 5px 1%;
}

.event_main_box {
    
    margin: 0 auto 60px;
    padding-bottom: 30px;
    
}
    
.event_top {

    background-size: 400%;
  
}
 .event_txt_top {
    font-size: 80%;

    padding-bottom: 60px;
}
ul.event_top_ul li {
    
    margin: 0 0.5% 2% 0.5%;

}
p.event_inner_bt,p.event_inner_bt2 {
    text-align: center;
    background-color: rgba(255,255,255,0.8);
    width: 100%;
}
ul.event_top_ul li.bt01,ul.event_top_ul li.bt02 {
   padding-top: 40%;
}
p.event_inner_bt a,p.event_inner_bt2 a {
    padding: 30px 20px;

}
    
ul.event_top_ul li.bt02 {

    padding-left: 0%;
}
ul.event_top_ul li.bt03,ul.event_top_ul li.bt04,ul.event_top_ul li.bt05 {

    width: 99%;
}  
    
    
    
}

/*seri_art*/

.green_bg_seri_art {
    width: 100%;
    padding: 60px 0 0px 0px;
    background-color: #deeac0;
    margin: 60px 0 60px 0;
}

.green_bg_seri_art p {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto ;
        font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 60px;
}

.interview_list {
    border-bottom: 1px solid #33984C;
    margin-bottom: 60px;
    padding-bottom: 40px;
}
h5.h5_seri_art_ti {
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #33984C;
    padding-bottom: 20px;
}
.date {
    color: #33984C;
    padding-bottom: 10px;
}
p.prof_txt {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 20px;
}
p.int_name {
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding-bottom: 30px;
}

ul.int_link {
    margin: 30px 0;
    max-width: 270px;
}
ul.int_link li {
    text-align: center;
    font-size: 90%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
ul.int_link li a {
    display: block;
    color: #33984C;
    padding: 5% 0 5% 5%;
    border: 2px solid #33984C;
    border-radius: 30px;
}

ul.int_link li a:hover {
	transition: 0.9s;
	
    border: 2px solid #33984C;
	color: #33984C;
 
}

.seri_art_topbd {
    border-top: 1px solid #33984C;
    padding-top: 80px;
}
h5.h5_seri_inv_ti {
    font-size: 180%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #33984C;
    padding-bottom: 80px;
}
p.int_txt {
    background-color: #eef4df;
    padding: 20px;
}

ul.inv_link {
    display: -webkit-flex;
   display: flex;
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
    justify-content: space-between;
}

ul.inv_link li {
    width: 30%;
    margin: 0 0 0 0;
    text-align: center;
}
ul.inv_link li.cen {
    border: 2px solid #33984C;
    border-radius: 25px;
    padding: 10px 0;
}

p.inv_prf_box {
    border: 1px solid  #33984C;
    padding: 30px;
        font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin-bottom: 90px;
    
}
p.inv_prf_box span {
    
        font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color:  #33984C;
    padding-bottom: 5px;
    
}


.seri_art_p {
    padding-bottom: 60px;
    border-bottom: solid 1px #32964b;
    margin-bottom: 60px;
}
.seri_art_p p {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 100%;
    color: #464646;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
p.goroku_prf_box {
    border: 1px solid #33984C;
    padding: 30px;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin-bottom: 30px;
}
p.goroku_cs_box {
    
    padding: 0px;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin-bottom: 90px;
}

p.goroku_prf_box span,p.goroku_cs_box span{
    color:  #32964b;
}

.mail_maga_box {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto 90px;
    padding-bottom: 0px;
    position: relative;
}
.p_policy {
      height: 250px;
  overflow: scroll;
    border: 1px solid #32964b;
    background-color: #FFFFFF;
    padding: 30px;
    margin-bottom: 60px;
}

.p_form {

    border: 1px solid #32964b;
    background-color: #FFFFFF;
    padding: 60px ;
    margin-bottom: 60px;
}







.p_policy h2 {
    color: #32964b;
    padding-bottom: 10px;
    font-size: 130%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
.p_policy h3 {
    color: #32964b;
    padding-bottom: 10px;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
.p_policy p {
    
    padding-bottom: 20px;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

ul.mail_link {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    
}

ul.mail_link li {
   width: 32%;
    text-align: center;
    border: 1px solid  #33984C;
    padding: 20px 0;
        letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
ul.mail_link li.on {
   background-color: #e1eb64;
}
ul.mail_link li a {
   color: #33984C;
}


.text-input {
    width: 100%;
    height: 40px;
    margin: 0px 0 30px 0;
    background-color: #E5E5E5;
    font-size: 20px;
    color: #333333;
    padding-left: 18px;
    border: 1px solid #CCCCCC;
    text-align: left;
}

.subm_txt {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #E5E5E5;
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
      letter-spacing: 0.1em;
    border-color:  #33984C;
}

.mail_maga_hed_bg {
    position: relative;
   background-color: #F3F5F3;
}


h3.mail_ti {
    font-size: 220%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    padding-bottom: 60px;
}

.mail_bg {
    padding-top: 60px;
}

dl.koho {
  width: 100%;
	margin: 0 auto ;
	padding: 0 0 60px 0;
}

dl.koho dt {
  clear: left;
  float: left;
  width: 9em; 
  margin-bottom: 10px;
  
  font-size:100%;
  line-height:1.4;
  font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.koho dd {
  margin-left: 7em;
  margin-bottom: 10px;
  zoom: 1;
  line-height:1.4;
  
  font-size:100%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.koho dd.iin {
  margin-left: 0em;
  margin-bottom: 10px;
  zoom: 1;
  line-height:1.4;
  font-size:100%;
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

.mail_txt_pb60 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 60px;
}
section.mail_form_bg {
    width: 100%;
    padding: 60px 0 0px 0px;
    background: url(../image/green_bg.png) repeat-x;
}



h4.h4_faq {
    font-size: 160%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding: 60px 0 30px 0;
}


ul.mail_link2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    
}

ul.mail_link2 li {
   width: 40%;
    text-align: center;
    border: 1px solid  #33984C;
    padding: 20px 0;
        letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 1% 0 1%;
}
ul.mail_link2 li.on {
   background-color: #e1eb64;
}
ul.mail_link2 li a {
   color: #33984C;
}





@media screen and (max-width: 767px){

}


h5.good_n_ct {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 120%;
    color: #7d5f00;
    padding-bottom: 20px;
    letter-spacing: 0.1em;
}
p.good_ct_np {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 100%;
    color: #464646;
    padding-bottom: 30px;
	text-align:justify;
   
}

p.good_ct_end_p {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 90%;
    color: #464646;
    padding-bottom: 20px;
	border-bottom: solid 1px #464646;
  

}
@media screen and (max-width: 599px){
	h5.good_n_ct {
font-size: 110%;
padding-bottom: 20px;

}
p.good_ct_np {
    font-size: 90%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
    ul.mail_link2 li {
   width: 100%;
        margin-bottom: 10px;
}
    
    h4.h4_faq {
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 10px;
	padding: 30px 0 10px 0;
}
    
    section.mail_form_bg {
    padding: 30px 0 0px 0px;
   
}
    
    .mail_txt_pb60 {

    padding-bottom: 30px;
}
    
    .text-input {
    width: 100%;
    height: 40px;
    margin: 0px 0 30px 0;
    background-color: #E5E5E5;
    font-size: 14px;
    color: #333333;
    padding-left: 18px;
    border: 1px solid #CCCCCC;
    text-align: left;
}
    
    dl.koho {

    padding: 0 0 10px 0;
}
    
    dl.koho dt {

  float: none;
  width: 100%; 
  margin-bottom: 0px;
}

dl.koho dd {
  margin-left: 0em;
  margin-bottom: 20px;
    font-size: 90%;

}
dl.koho dd.iin {
  margin-left: 0em;
  margin-bottom: 20px;
    

}
    
    .p_form {
    border: 1px solid #32964b;
    background-color: #FFFFFF;
    padding: 20px;
    margin-bottom: 60px;
}
    
    h3.mail_ti {
    font-size: 160%;
}
    
    ul.mail_link li {
    width: 100%;
        margin-bottom: 10px;
  
}
    
    
    .seri_art_topbd {
    border-top: 1px solid #33984C;
    padding-top: 30px;
}
    .interview_list {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
h5.h5_seri_art_ti {
    font-size: 120%;
    
    text-align: justify;
    
    border-bottom: 1px solid #33984C;
    margin-bottom: 25px;
}
ul.int_link {
    margin: 30px auto;
    
}
h5.h5_seri_inv_ti {
    font-size: 120%;
    text-align: justify;
    border-bottom: 1px solid #33984C;
    margin-bottom: 25px;
    padding-bottom: 30px;
}
ul.inv_link li.cen {
    border: 2px solid #33984C;
    border-radius: 25px;
    padding: 10px 0;
    width: 80%;
}
ul.inv_link li {
    width: 10%;
    margin: 0 0 0 0;
    text-align: center;
}
.arw-hisL2::before {
    top: 5px;
    left: -10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #32964b;
    border-right: 2px solid #32964b;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

p.inv_prf_box {
    border: 1px solid #33984C;
    padding: 30px;

    margin-bottom: 30px;
}
    
}


/*キャラ*/

.char_box {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
}

.char_top {
    width: 100%;
    background: url(../image/cha_bg.png) no-repeat center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    text-align: center;
	max-height:790px;
}
.clo_bg{
	max-width:640px;
	margin:0 auto;
	background-image:url(../image/clo_chara.png) ;
	background-repeat:no-repeat;
}

h3.char_ti{
	color:#464646;
	text-align: center;
    font-size: 220%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	padding-bottom:60px;
	padding-top:10px;
}

h3.char_ti span{
	
    font-size: 50%;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
.char_txt {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	text-align:center;
	line-height:2em;
}
.char_img {
	padding:20px 0;
	max-width:424px;
	width:90%;
	margin:0 auto;
}
.char_img img {
	width:100%;
	height:auto;
}

.char_content {
    width: 90%;
    max-width: 860px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

h5.char_h5{
	letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align:center;
	font-size:180%;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #464646;
}
p.char_txt {
}

p.char_txt2 {
	padding-bottom:90px;
	text-align:center;
	    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size:110%;
}

.char_flex_box_l {
	width:46%;
	margin:0 2% 60px 2%;
	float:left;
}
.char_flex_box_r {
	width:46%;
	margin:0 2% 60px 2%;
	float:right;
}
.char_flex_box_l img,.char_flex_box_l img {
	width:100%;
	height:auto;
}

h6.chr_h6_01 {
	background-color:#B7D450;
	letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align:center;
	font-size:140%;
	padding:10px 0;
	margin-bottom:20px;
}
h6.chr_h6_02 {
	background-color:#FBC93E;
	letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align:center;
	font-size:140%;
	padding:10px 0;
	margin-bottom:20px;
}
h6.chr_h6_03 {
	background-color:#D8A0C7;
	letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align:center;
	font-size:140%;
	padding:10px 0;
	margin-bottom:20px;
}


dl.chr_dl {
}
dl.chr_dl dt {
	    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	color:#464646;
	font-size:110%;
	padding-bottom:5px;
	letter-spacing:0.1em;
}

span.chr_col_1 {
	color:#B7D450;
}
span.chr_col_2 {
	color:#FBC93E;
}
span.chr_col_3 {
	color:#D8A0C7;
}


dl.chr_dl dd{
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	color:#464646;
	font-size:100%;
	padding-bottom:20px;
	letter-spacing:0.1em;
}
section.kamei_greet {
    width: 100%;
    padding: 90px 0 0px 0px;
}
p.kamei_box {
	padding:30px;
	background-color:#DEEAC0;
	color:#32964B;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	font-size:100%;
	letter-spacing:0.1em;
	text-align:center;
	margin-bottom:20px;
	
}

.news_kizi　{
    padding: 0 0px 60px 0px;
}
.news_kizi p {
	text-align:justify;
	padding-bottom:5px;
}
.news_kizi p img{
 width: auto;
    height: auto;
}

.almn_book_box_pt {
    background: url(../image/green_bg.png) repeat-x;
    position: relative;
    padding-top: 100px;
    background-size: 1px;
}


@media screen and (max-width: 767px){

}


@media screen and (max-width: 599px){
	
	section.kamei_greet {
    padding: 30px 0 0px 0px;
}

.almn_book_box_pt {
    padding-top: 70px;
    background-size: 1px;
}
	
	
	.char_top {
    width: 100%;
    background: url(../image/cha_bg_sp.png) no-repeat center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
    text-align: center;
	max-height:790px;
}
	.char_box {
    padding-top: 60px;
    padding-bottom: 20px;
}
.char_flex_box_l {
	width:100%;
	margin:0 0% 60px 0%;
	float:none;
}
.char_flex_box_r {
	width:100%;
	margin:0 0% 60px 0%;
	float:none;
}
h3.char_ti{

    font-size: 140%;

	padding-bottom:40px;
	padding-top:0px;
	line-height:1.4;
}

.clo_bg {
	background-size:100%;
}
	}









/*20200803*/

.monument_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto 90px;
    padding: 0px 0 0px 0;
    position: relative;
}
h5.monument_ct {
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 160%;
   
    padding-bottom: 30px;
}
h5.monument_ct span {
    
    font-size: 80%;
   
}

.monument_txt_box {
    padding-bottom: 30px;
    border-bottom: solid 1px #32964b;
    margin-bottom: 60px;
}
.monument_txt_box p{
    padding-bottom: 30px;
    font-family: "Noto Sans JP";
    font-weight: 300;
    font-size: 100%;
    color: #464646;
    letter-spacing: 0.1em;
    line-height: 1.6;
   
}

ul.moment_link {
    
    padding: 20px 0 20px 0;
    margin-bottom: 30px;
}
ul.moment_link li {
    margin-bottom: 5px;
    
}
ul.moment_link li a {
    color: #32964b;
    
}


.text-input_c7 {
    width: 100%;
    height: 40px;
    margin: 20px 0 0px 0;
    background-color: #EAEAEA;
    font-size: 20px;
    color: #333333;
    padding-left: 18px;
    border: 1px solid #CCCCCC;
    text-align: left;
}

p.c7_box {
    width: 100%;
    padding: 20px 0;
        font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

.wpcf7c-conf {
    background-color: #FCDEDE; /* 背景色 */
    color: black; /* 文字色 */
    border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}
.contact7_ti {
        padding: 20px 0 0 0;
        font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
.textarea_c7 {
    width: 100%;
    height: 260px;
    margin: 20px 0 0px 0;
    background-color: #EAEAEA;
    font-size: 20px;
    color: #333333;
    padding-left: 18px;
    border: 1px solid #CCCCCC;
    text-align: left;
}



#first_mov {
    width: 100%;
    height: 100%;
    z-index: 9999;
  position: fixed;
    
    background:rgba(51,152,76,0.9);
}

.video_box{
    width: 100%;
    height: 100%;
    position: relative;
}
.video_box video {
    width: 100%;
    position: absolute;
      top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  text-align: center;/*中央寄せ*/
}

.video_box p.skip_bt {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	font-size:90%;
    letter-spacing: 0.1em;
       position: absolute;
      bottom: 20px;
  left: 50%;

}
.video_box p.skip_bt a {
    text-align: center;

    color: #FFFFFF;
    
}
p.tweet_p {
    background: url("../image/tw.png") no-repeat;
    background-size: 50px;
    padding-left: 60px;
        font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	
    letter-spacing: 0.1em;
    margin-top: 60px;
}

.mv_txt_s {
            font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	
    letter-spacing: 0.1em;
    padding-bottom: 60px;
}

.mess_v_box_2 {
    border: 1px solid #32964B;
    padding: 30px;
    margin-bottom: 60px;
}
.mess_v_box_2 h5{
    color: #32964B;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	font-size: 120%;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
}
.mess_v_box_2 p{
     font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	
    letter-spacing: 0.1em;
}
        

    h5.mess_v_ti_h5{
        background-color: #DEEBC1;
        padding: 10px 10px 10px 30px ;
            color: #32964B;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	font-size: 120%;
    letter-spacing: 0.1em;
        margin-bottom: 15px;
}
p.mess_v_p {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	
    letter-spacing: 0.1em;
    padding-bottom: 60px;
}


p.goods_form_buy {
    width: 100%;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #7d5f00;
    padding-bottom: 0px;
   
}
.select_bt {
	width:50%;
	    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	    
}

@media screen and (max-width: 767px){

}


@media screen and (max-width: 599px){
	.select_bt {
	width:100%;
	
}
	
	p.goods_form_buy {
    width: 100%;
    font-size: 90%;
   
}
	
	
	p.c7_box {
    font-size: 90%;

}
    
    ul.moment_link {
    border: 2px solid #32964b;
    padding: 20px;
}
.text-input_c7 {

    font-size: 14px;

}
.textarea_c7 {
    font-size: 14px;
}
#first_mov {
    
    padding-top: 30%;
    
}

    
    
}

/* 20200807 */

.nomal_center_txt_pb60 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 60px;
    text-align: center;
}

.alm_kamei_box {
    width: 90%;
    max-width: 860px;
    margin: 0 auto ;
    padding-bottom: 90px;
    position: relative;
}

ul.alm_kamei_list {
	padding-bottom: 60px;
}

ul.alm_kamei_list li {
	font-size: 100%;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding: 30px 0;
text-align: center;
    background-color: #DEEAC0;
    margin-bottom: 10px;
    color: #32964B;
}

ul.ul_2clm_img li.bt_aim_03{
    background: url("../image/kanren_bg_almn.jpg") no-repeat center top;
	background-size: cover;
}

.premium_app_box {
    padding: 80px 0 90px 0px;
}


.app_box_boder_no {
    max-width: 860px;
    width: 90%;
    margin: 0 auto 60px;
}
.app_box_boder_red {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto ;
	border: #E8380D 8px solid;
}
h1#top_red_max{
	color: rgba(255,255,255,1.00);
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
	letter-spacing:0.1em;
	background: #E8380D;
	font-size: 350%;
	line-height: 1.4;
	padding: 0 30px 10px 30px;
}

.flex_bt_on a{
	padding:15px 0;
	display:block;
	color:#7D5F00;
}
.flex_bt_on a:hover{
	background-color:#E8DFBF;
	transition:0.9s;
opacity:1;
}
.arrow_flex_bt {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #E8DFBF;
    vertical-align: middle;
    text-decoration: none;
}
.arrow_flex_bt::before, .arrow_flex_bt::after {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.arrow_flex_bt_down::before {
    top: -10px;
    right: -30px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #7D5F00;
    border-right: 2px solid #7D5F00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul.pre_form_bt{
	max-width:480px;
	margin:0px auto 40px;
	background-color: #fff;
	padding:5px;
	background: linear-gradient(#DAB400, #7D5F00 ) ;
	border-radius:5px;
	box-shadow: 0 6px 3px -3px #777;
}
ul.pre_form_bt li{
	
	border:1px solid  #FFf; 
	font-size: 140%;
    line-height: 1.4;
    font-size: 140%;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
	border-radius:5px;
}
ul.pre_form_bt li a{
	padding:25px;
	display:block;
	text-align:center;
	color:#FFf; 
}
ul.pre_form_bt li a:hover {
background:#DAB400;
transition:0.9s;
color:#fff;
opacity:1;border-radius:5px;
}


ul.pre_form_bt2{
	width:90%;
	margin:20px auto 20px 0;
	padding:5px;
	background: linear-gradient(#DAB400, #7D5F00 ) ;
	border-radius:5px;
}
ul.pre_form_bt2 li{
	border:1px solid  #FFf;
	font-size: 100%;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
ul.pre_form_bt2 li a{
	padding:25px;
	display:block;
	text-align:center;
	color:#FFf; 
}
ul.pre_form_bt2 li a:hover {
background:#DAB400;
transition:0.9s;
color:#fff;
opacity:1;
}

.pre_box1{
	width:90%;
	margin:20px auto 20px 0;
	background-color: #F4EFDF;
	padding:5px;
	
}

.app_box_br_inner {
	background-color:#fff;
    margin: 0 auto 40px;
    border: 2px solid #E8DFBF;
}

.app_box_gree {
    max-width: 1120px;
    margin: 0 auto 60px;
    border: 2px solid #CAEABB;
    background-color: #F2FFE6;
}
   
.pre_app_ti {
    color: #7D5F00;
    font-size: 180%;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    margin: 0 auto;
    padding-bottom: 60px
}

.pre_app_u_boder {
    max-width: 860px;
    width: 90%;
    margin: 0 auto 60px;
    border-bottom: 1px solid #7D5F00;
    padding-bottom: 20px
}
.pre_app_u_boderNo {
    max-width: 860px;
    width: 90%;
    margin: 0 auto ;

    padding-bottom: 30px;
}
.app_title_box {
background-color: #E8DFBF;padding:20px 0;margin-bottom: 30px;
}
h4.app_ti {
    color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	background-color: #E8DFBF;
    padding: 15px 0 15px 30px;
	margin-bottom: 30px;
}
h4.app_ti2 {
    color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	background-color: #E8DFBF;
    padding: 15px 0 15px 30px;
}

h5.app_sti {
        padding: 0px 0 20px 0px;
        color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
h4.app_ti_s {
    background-color: #E8DFBF;
    padding: 15px 0 15px 30px;
        color: #7D5F00;
    font-size: 120%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}
.app_p,.app_p_all_cen {
        font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding-bottom: 25px;
	text-align: center;
}

ul.app_pay {
    border: 1px solid #7D5F00;
    padding: 20px;
    margin-bottom: 25px;
    
}
ul.app_pay li {
    
    
    
            color: #7D5F00;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
.in_app_p {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 25px;
    max-width: 800px;
    margin: 0 auto;
    width: 90%;
}

.in_app_p span img{
    width: 200px;
    height: auto;
    padding-top: 10px;
}

ul.app_list  {
  width: 90%;
    max-width: 800px;
    margin: 0 auto 30px;
   
}
ul.app_list li {
    
    border: 1px solid #7D5F00;
    cursor: pointer;
    background-color: #FFFFFF;
  
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 120%;
    position: relative;
}
ul.app_list li a {
    color: #7D5F00;
    padding: 20px 40px;
    display: block;
}
ul.app_list li p.img {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 30px;
}

.pre_app_bg_on {
    width: 100%;
    margin: 0 auto ;
    padding: 60px 20px 20px 20px;
    background-color: #F4EFDF;
}


h4.app_ti_s_n {
    background-color: #E8DFBF;
    padding: 0px 0 0px 5%;
    color: #7D5F00;
    font-size: 130%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
   
}



@media screen and (max-width: 1090px){
h1#top_red_max{
	color: rgba(255,255,255,1.00);
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
	letter-spacing:0.1em;
	background: #E8380D;
	font-size: 250%;
	line-height: 1.4;
	padding: 0 30px 10px 30px;
}
}
.white_50 {
	width:49%;
	background-color:#FFF;
	border-radius:2px;
	padding:20px 20px 20px 60px;
	position:relative;
	margin-bottom:20px;
}
.white_100 {
	width:100%;
	background-color:#FFF;
	border-radius:2px;
	padding:20px ;
	position:relative;
}
.white_box_ft {
	width:100%;
	background-color:#FFF;
	border-radius:2px;
	padding:20px ;
	position:relative;
	border: 2px solid #007235;
	margin: 30px 0 0 0;
}
.white_50 .number1 {
	position:absolute;
	left:0;
	top:0;
	width:40px;
}
.white_50 .number1 img{
	width:100%;
	height:auto;
}
.white_50 h5,.white_100 h5 {
	    font-size: 120%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	color:#7D5F00;
}


@media screen and (max-width: 599px){

	h1#top_red_max{

	font-size: 160%;
	line-height: 1.4;
	padding: 0 20px 10px 20px;
}
	.flex_bt_on {
    width: 100%;
	margin-bottom:5px;
}
	.in_app_p {
    font-size: 90%;
	line-height: 1.8;
	text-align: justify;
}
	.app_p {
    font-size: 90%;
  
	line-height: 1.8;
	text-align: justify;
}
.app_p_all_cen {
        font-size: 90%;
line-height: 1.8;
	
}
	.app_title_box {
    background-color: #E8DFBF;
    padding: 0px 0 10px 0;
    margin-bottom: 20px;
}
	
	h4.app_ti_s_n {
    padding: 15px 15px 15px 15px;
    font-size: 120%;
    margin-bottom: 0px;
}
    
.nomal_center_txt_pb60 {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 60px;
    text-align: left;
}
.alm_kamei_box {
    margin: 0 auto 30px;
    padding-bottom: 0px;
}
ul.alm_kamei_list li {
    font-size: 100%;
line-height: 1.5;

    padding: 30px 30px;

}
.pre_app_ti {
font-size: 150%;
padding-bottom: 30px;
}
ul.app_list li {
    font-size: 100%;
}
ul.app_list li a {
    color: #32964B;
    padding: 15px 55px 15px 20px;
}
ul.app_list li p.img {
    width: 18px;
}

    
    
    
    
    
    
    
    
}


.app_box_r {
    max-width: 400px;
    float: right;
    width: 35%;
}
.app_box_l {
    
    float: left;
    width: 60%;
}
                    

ul.app_num_list {
    
}

ul.app_num_list li {
        letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-left: 50px;
	padding-bottom:15px;
    margin-bottom: 15px;
	border-bottom:1px solid #7D5F00;
}
ul.app_num_list li.num1 {
       background: url("../image/pre_app_num1.png") no-repeat 0px 4px;
    background-size: 38px;
}
ul.app_num_list li.num2 {
       background: url("../image/pre_app_num2.png") no-repeat 0px 4px;
    background-size: 38px;
}
ul.app_num_list li.num3 {
       background: url("../image/pre_app_num3.png") no-repeat 0px 4px;
    background-size: 38px;
    padding-bottom: 1em;
}
ul.app_num_list li.num4_2 {
       background: url("../image/pre_app_num4.png") no-repeat 0px 4px;
    background-size: 38px;
    padding-bottom: 1em;
}
ul.app_num_list li.num4 {
       background: url("../image/pre_app_num4.png") no-repeat 0px 4px;
    background-size: 38px;
}
ul.app_num_list li.num5 {
       background: url("../image/pre_app_num5.png") no-repeat 0px 4px;
    background-size: 38px;
}
ul.app_num_list li.num6 {
       background: url("../image/pre_app_num6.png") no-repeat 0px 4px;
    background-size: 38px;
}
ul.app_num_list li.num7 {
       background: url("../image/pre_app_num7.png") no-repeat 0px 4px;
    background-size: 38px;
    padding-bottom: 30px;
}
h4.app_ti_2 {
    background-color: #CAEABB;
    padding: 20px 0 20px 40px;
        color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 60px;
}
ul.ul_app {
    max-width: 860px;
    margin: 0 auto;
    width: 90%;
}
ul.ul_app li {
    margin: 0 0 20px 0;
    border: 1px solid #7D5F00;
    font-size: 120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
}
ul.ul_app li a {
    display: block;
    padding: 20px 0;
    color: #7D5F00;
}

ul.ul_app2 {
    max-width: 860px;
    margin: 60px auto 0;
    width: 90%;
}
ul.ul_app2 li {
    margin: 0 0 20px 0;
    border: 1px solid #7D5F00;
    font-size: 120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    text-align: center;
}
ul.ul_app2 li a {
    display: block;
    padding: 20px 0;
    color: #7D5F00;
}

.cation_app_box {
   max-width: 860px;
    margin: 0 auto 30px;
    width: 90%;
    border: 1px solid #C80000;
    padding: 30px;
}
.cation_app_box h5{
        font-size: 120%;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    color: #C80000;
    padding-bottom: 10px;
}
.cation_app_box p{
          
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1em;
    color: #C80000;
    font-weight: 300;
    text-align: justify;
}
.nomal_960_mess {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-top: 70px;
    position: relative;
}
section.mess_v {
    width: 100%;
    padding: 60px 0 0px 0px;
    
}

.mess_v_box {
    background-color: #DEEBC1;
}

.mess_v_box p {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
    
}
.mess_v_box p img {
    width: 100%;
    height: auto;
    
}

ul.faqList li.l_pd {
        padding: 15px 55px 15px 25px;
}

ul.ul_2clm_img li.mess_nopd {
    width: 48%;
    margin: 0 1% 0 1%;
    border: 1px solid #32964B;
    padding: 0px 0 0 0;
}
.faq_ti_under_txt {
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    text-align: center;
    padding-bottom: 60px;
}

section.faq_top_green {
    width: 100%;
    padding: 60px 0 0px 0px;
    border-top: #32964B 2px solid;
}
h4.h4_faq_top {
    font-size: 160%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    padding-bottom: 30px;
}

ul.pre_new_bt  {
  width: 100%;
    margin: 0 auto 30px;
   
}
ul.pre_new_bt li {
    border: 1px solid #7D5F00;
    cursor: pointer;
    background-color: #FFFFFF;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 110%;
	    padding-left: 0px;
}
ul.pre_new_bt li a {
    color: #7D5F00;
    padding: 20px;
    display: block;
	text-align:center;
}

.pre_new_btn  {
  width: 100%;
    margin: 10px auto ;
   
}
.pre_new_btn a {
    border: 1px solid #7D5F00;
    cursor: pointer;
    background-color: #FFFFFF;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 110%;
    color: #7D5F00;
    padding: 20px;
    display: block;
	text-align:center;
}

@media screen and (max-width: 767px){

}


@media screen and (max-width: 599px){
	
	ul.app_num_list li {
	font-size:90%;
	text-align:justify;
}
	
	.app_box_br_inner {
    margin: 0 auto 20px;
    border: 2px solid #E8DFBF;
}
	
	h4.h4_faq_top {
    font-size: 110%;

    padding-bottom: 10px;
}


	
	section.faq_top_green {
    padding: 30px 0 0px 0px;
    
}
	
	.faq_ti_under_txt {

    padding-bottom: 30px;
}
    
    p.mess_v_p {

    padding-bottom: 30px;
	font-size:90%;
}
    
    .mess_v_box_2 {
 padding: 20px;
    margin-bottom: 30px;
}
    
    .mv_txt_s {
    
    padding-bottom: 30px;
}
    
    section.mess_v {
    
    padding: 25px 0 0px 0px;
}
    
ul.faqList li.l_pd {
        padding: 15px 55px 15px 25px;
}

.nomal_960_mess {
    padding-bottom: 50px;
    padding-top: 50px;
}


    
h2.pre_title {
    text-align: center;
    font-size: 180%;
    padding: 30px 0 40px 0;

}
.premium_app_box {
    padding: 50px 0 30px 0px;
}
.app_box_br {
    width: 95%;
	margin: 0 auto 40px;
}
h4.app_ti {
    padding: 20px 0 20px 20px;
    font-size: 130%;
    margin-bottom: 30px;
}
    
h4.app_ti_2 {
    background-color: #CAEABB;
    padding: 20px 0 20px 20px;
    color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}
    
    
h4.app_ti_s {
    background-color: #E8DFBF;
    padding: 15px 15px 15px 15px;
    color: #7D5F00;
    font-size: 120%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
}
ul.app_list {

    margin: 0 auto 20px;
}
.pre_app_bg_on {
    padding: 30px 10px 20px 10px;
    background-color: #F4EFDF;
}
.app_box_r {
    
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.app_box_l {
     float: none;
    width: 100%;
} 
.app_box_gree {
    max-width: 1120px;
    margin: 0 auto 60px;
    border: 2px solid #CAEABB;
    background-color: #F2FFE6;
    width: 95%;
}
    
ul.ul_2clm_img li.mess_nopd {
    width: 100%;
    margin: 0 0% 0 0%;
    border: 1px solid #32964B;
    padding: 0px 0 0 0;
}
    
    
    
    
    
    
    
    
    
}



.n_policy h2 {
    color: #32964b;
    padding-bottom: 10px;
    font-size: 130%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

.n_policy p {
    padding-bottom: 20px;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

.n_policy h3 {
    color: #32964b;
    padding-bottom: 10px;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

/*20200812*/


h5.pre_sise_ti {
    color: #7D5F00;
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding-top: 10px;
}

p.book_p {
    max-width: 480px;
    width: 90%;
    margin: 0 auto;
    padding: 60px 0;
        font-size: 80%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}
h5.cheer_name {
        font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #32964B;
}
p.cheer_mess{
        border-bottom: 1px solid #D8D9D8;
    padding-bottom: 20px;
    margin-bottom: 20px;font-size: 90%;
    
}

.news_ic_box {
    padding: 0 0px 20px 0px;
}
.news_ic_box p {
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1em;
    font-size: 80%;
}



dl.pre_pay {
    width: 100%;
    margin: 0 auto 25px;
    border: 1px solid #7D5F00;
    padding: 20px;
    
}

dl.pre_pay dt {
  clear: left;
  float: left;
  width: 10em; 
  margin-bottom: 0;
 
color: #7D5F00;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

dl.pre_pay dd {
  margin-left: 10em;
  margin-bottom: 0;
  zoom: 1;
color: #7D5F00;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
dl.pre_pay dd p {

    font-size: 80%;

}

dl.pre_pay dd a{
	color: #6D3919;
	text-decoration:underline;
}

p.p_pre_ti_mm {
    width: 100%;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #7d5f00;
    padding-bottom: 5px;
}
p.p_pre_ti_s {
    width: 100%;
    font-size: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #7d5f00;
    padding-bottom: 20px;
    border-bottom: 1px solid #7d5f00;
    margin-bottom: 20px;
}
p.p_pre_ti_sss {
    width: 100%;
    font-size: 90%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #7d5f00;
    padding-bottom: 20px;
    border-bottom: 1px solid #7d5f00;
    margin-bottom: 20px;
}
.mess_v_box_98 {
    border: 1px solid #32964B;
    padding: 30px;
    margin-bottom: 60px;
}
.mess_v_box_98 h5 {
    color: #32964B;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 120%;
    letter-spacing: 0.1em;
    padding-bottom: 10px;
}
.mess_v_box_98 p {
font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding-bottom: 0px;
	font-size: 100%;

}
.mv_txt_s p {
	padding-bottom:20px;
}
ul.mes_box_list {
	max-width:480px;
	margin:15px auto 0;
}
ul.mes_box_list li {
    
    cursor: pointer;
    background-color: #32964B;
    

	
}
ul.mes_box_list li a {
	display:block;
	padding:20px 0;
    letter-spacing: 0.1em;
    font-family: "Noto Sans JP";
    line-height: 1.8;
    font-size: 140%;
	text-align:center;
	color:#FFF;
	
}

.youtube_mess_b {
	max-width:1280px;
	margin:0 auto;
}

.youtube_mess {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_mess iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.pre_gree_txt {
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding-bottom:15px;
	line-height:1.8;
}
.pre_gree_txt span{
    font-size: 90%;
    color:#32964B;
}

.pre_gree_txt a {
	color:#32964B;
}

h2.ticket_form_title {
    text-align: center;
    font-size: 160%;
    padding: 22px 0 0 0;
    border: 1px solid #b3962b;
    width: 100%;
    color: #7d5f00;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
    height: 100px;
}
.inner_foot_linebox {
    width: 90%;
    max-width: 660px;
    margin: 0 auto;
    position: relative;
	padding:30px 0;
}

.ft_line_txt {
	float:left;
	width:75%;
	    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	color:#32964B;
	padding-top: 6px;
}

.ft_line_ico {
	float:right;
	width:25%;
	
}
.top_bnr_stand{
	width:100%;
	
}
.top_bnr_stand img {
	width:100%;
	height:auto;
	
}



.pre_new_s_box {
	
	width:48%;
	border:1px solid #977F33;
	border-radius:3px;
	background-color:#F4EFDF;
	
}

.pre_ti_box {
	background-color:#CAEABB;
	padding:30px 20px 20px 20px;
	text-align:center;
}

.pre_ti_box2 {
	background-color:#D3CBE3;
	padding:30px 20px 20px 20px;
	text-align:center;
}

.pre_ti_box_s {
	background-color:#977F33;
	padding:10px 0;
	
}
.pre_ti_box_90 {
    background-color: #977F33;
    padding: 10px 0;
	width:90%;
	margin:0 auto;
	border-radius:3px;
}
h5.pre_new_ti_1 {
	color: #7D5F00;
    font-size: 140%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	
	border-bottom:2px solid #7D5F00;
	display:inline-block;
	margin-bottom:20px;
}

h5.pre_new_sti {
	color: #fff;
    font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	text-align:center;
}

.pre_new_box_c {
	max-width:45px;
	width:5%;
	padding-top:30%;
}
.pre_new_box_r {
	max-width:400px;
	width:45%;
	border:1px solid #D3CBE3;
}

.pre_p {
    font-size: 90%;
    letter-spacing: 0.01em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	text-align:justify;
}

.pre_new_im {
	width:80%;
	margin:0 auto;
	padding:10px 0 10px 0;
}
.pre_new_im img{
	width:100%;
	height:auto;
}

ul.pre_new_list {
	margin:10px auto 15px;
	width:90%;
}
ul.pre_new_list li  {
	 font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
	padding:0 0 5px 20px;
}
ul.pre_new_list li.num_4 {
	background: url(../image/new_pre_num4.png) no-repeat 0 5px;
	background-size:16px;
}
ul.pre_new_list li.num_5 {
	background: url(../image/new_pre_num5.png) no-repeat 0 5px;
	background-size:16px;
}
ul.pre_new_list li.num_6 {
	background: url(../image/new_pre_num6.png) no-repeat 0 5px;
	background-size:16px;
}
ul.pre_new_list li.num_1 {
	background: url(../image/new_pre_num1.png) no-repeat 0 5px;
	background-size:16px;
}
ul.pre_new_list li.num_2 {
	background: url(../image/new_pre_num2.png) no-repeat 0 5px;
	background-size:16px;
}
ul.pre_new_list li.num_3 {
	background: url(../image/new_pre_num3.png) no-repeat 0 5px;
	background-size:16px;
}

.pre_n_img {
	width:90%;
	margin:0 auto;
}

h4.pre_new_ti_ca {
    background-color: #E8DFBF;
    padding: 10px 30px;
    color: #7D5F00;
    font-size: 110%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
	display:inline-block;
}



h5.app_Lti {
    padding: 20px 0 10px 0px;
    color: #7D5F00;
    font-size: 150%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	border-bottom:2px solid #7D5F00;
	
	margin-bottom:20px;
}
.pre_card_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 20px 0;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	width:68%;
	margin:0 0 0 5%;
	max-width:680px;
}
.pre_card {
    width: 13%;
    margin: 0 3.5% 0 0;
    padding-bottom: 22px;
}
h4.pre_card_ti_ca {
    background-color: #E8DFBF;
    padding: 5px 20px;
    color: #7D5F00;
    font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
	margin:0 0 20px 5%;
	display:inline-block;
}

h4.pre_new_ti_ca span,h4.pre_card_ti_ca span{
    color: #C80000;
}

.in_app_p a,.app_p a {
	color:#33984C;
	font-weight:400;
}

dl.pre_pay_n {
    width: 100%;
    margin: 0 auto 15px;
    padding: 5px 10px;
}

.pb_10 {
	padding-bottom:10px;
}
.pre_new_catg {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 0;
    margin: 0 0 10px 5%;
}

.pre_new_cat_1 {
	width:45%;
	margin-right:4%;
	padding:10px;
	text-align:center;
	font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
	
	background-color:#CAEABB;
}
.pre_new_cat_2 {
	width:45%;
	padding:10px;
	text-align:center;
	font-size: 100%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
	background-color:#D3CBE3;
}
table.check_tb {
	margin:20px 0 40px 0;
}
table.check_tb th{
	vertical-align:top;
		padding:5px 0 5px 0px;
}
table.check_tb td{
	vertical-align:top;
	font-size: 90%;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
	padding:5px 0 5px 5px;
}


.sinsei_link{
    width: 90%;
    max-width: 600px;
    margin: 30px auto 90px;
    text-align: center;opacity: 0.8;
}

@media screen and (max-width: 767px){

}
section.g_top_box {
    width: 100%;
    background-color: #FFFFFF;
    padding: 60px 0 0px 0px;
}
.mb5{
	
	padding-bottom: 10px;
}







@media screen and (max-width: 599px){
	#header {
    width: 100%;
    height: 80px;
}
	.pre_box1 {
    width: 100%;
    margin: 20px 0 10px 0;
}
	.white_50 {
    width: 100%;
    padding: 50px 20px 10px 20px;

}
	ul.ul_app2 {
    margin: 40px auto 0;
}
ul.ul_app2 li {
    font-size: 110%;
}
ul.pre_form_bt2 {
    width: 100%;
margin: 20px 0 10px 0;
  
}
	h5.pre_new_ti_1 {
    font-size: 130%;
}
	table.check_tb {
	margin:10px 0 20px 0;
}
	
table.check_tb td{
	
	font-size: 80%;

}
	
	.news_ic_box {
		border-bottom:1px solid #CCC;
}
	
	section.g_top_box {
    padding: 10px 0 0px 0px;
}
	
	.pre_card_flex {
  
    width: 90%;
    margin: 0 5% 0 5%;
    
}
	
	.pre_new_catg {
    width: 90%;
    padding: 0 0 0 0;
    margin: 0 0 20px 5%;
}
.pre_new_cat_1,.pre_new_cat_2 {
    
    font-size: 90%;
    
}
	
	h5.app_sti {
    padding: 0px 0 20px 0px;
    color: #7D5F00;
    font-size: 130%;

}
h5.app_Lti {
    
    font-size: 140%;
}
	.pre_app_u_boderNo {
 padding-bottom: 15px;
 
}
	
	.pre_card {
    width: 16%;
    margin: 0 2%;
}
	
	.pre_new_s_box {
    width: 100%;
	margin-bottom:10px;
}
	
	.pre_new_flex_s {
    display: block;

    padding: 0 0 0 0;
    margin: 20px auto 12px;
}
	
	.pre_app_u_boder {
    margin: 0 auto 40px;
    padding-bottom: 20px;
}
	
	.pre_new_flex {
    display: block;
}
	
	.pre_new_box_l {
    max-width: 400px;
    width: 100%;
}
.pre_new_box_c {
    max-width: 45px;
    width: 30%;
    padding-top: 10px;
	padding-bottom: 10px;
	margin:0 auto;
}
.pre_new_box_r {
width: 100%;
}
	.ft_line_txt {
	float:none;
	width:100%;
	    font-size: 120%;
		text-align:center;
}

.ft_line_ico {
		float:none;
	width:40%;
	margin:10px auto 0;
}
	
	h2.ticket_form_title {
    text-align: center;
    font-size: 110%;
    padding: 20px 10px 0px 10px;
    border: 1px solid #b3962b;
    width: 100%;
    color: #7d5f00;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    font-weight: 400;
}
	
	.pre_gree_txt {
    font-size: 90%;
	text-align:justify;
}
	
	
ul.mes_box_list li a {
	
    font-size: 110%;
	
	
}

	
	
	
	
	
	
	
	
	
	
	
	.mess_v_box_98 {
    margin-bottom: 30px;
	padding: 20px;
}
.mess_v_box_98 h5 {

    font-size: 110%;

}
.mess_v_box_98 p {
    letter-spacing: 0.1em;
    padding-bottom: 15px;
	font-size: 90%;
	text-align:justify;

}

.mv_txt_s p {
    font-size: 90%;
	text-align:justify;
}

dl.pre_pay dt {
  clear: left;
  float: none;
  width: 7em; 
  margin-bottom: 0em;
 
 
  line-height:1.4;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
}

dl.pre_pay dd {
  margin-left: 0em;
  margin-bottom: 1.5em;
  zoom: 1;
  
  line-height:1.4;

}
    
    

#single_workArea {
    margin: 60px auto 0;
}

}
.sec_content_mb{
    margin-bottom: 90px;
}