@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');


/*0518*/

.pf-1{
	position:relative;
}

.abo-text{
	position:absolute;
	left: 0;
	bottom: -24px;
	font-size: 22px;
}

.shi{
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
}

.message-section{
	background-image: url('img/message-bg.png');
	background-size:cover;
	background-position: center;
	padding:100px 0 60px;
}

.plus-wrap{
	width: 1040px;
	box-sizing:border-box;
	padding:0 20px;
	max-width: 100%;
	display:block;
	margin: 0 auto;
}

.me-flex{
	display:flex;
	width: 100%;
}

.me-left{
	width: 50%;
	box-sizing:border-box;
	padding-right:30px;
}

.me-left h2{
	margin: 0;
	font-weight: 400;
	font-size: 49px;
	color:#3E4393;
	line-height: 1.4;
}

.me-right{
	width: 50%;
	box-sizing:border-box;
}

.title-sub{
	font-size: 14px;
	margin: 0;
	color:#3E4393;
}

.me-right img{
	width: 310px;
	max-width: 100%;
}

.me-link{
	display:block;
	width: 300px;
	height: 60px;
	line-height: 60px;
	margin-top: 65px;
	transition: 0.4s;
	box-sizing:border-box;
	background: white;
	text-align: center;
	color:#3E4393;
	text-decoration:none;
	position:relative;
}

.me-link:before{
	content: '';
    position: absolute;
    left: 0;
    width: 42px;
    height: 1px;
    background: #3E4393;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.fe-section{
	margin-top: 100px;
}

.num-abo1{
	position:absolute;
	left: 0;
	top: 50%;
	width: 47px;
	z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.num-abo2{
	position:absolute;
	right: 0;
	top: 35%;
	width: 47px;
	z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.p1t-flex, .p1-secction , .p2-title , .p2-text1 , .deco-text{
	position:relative;
	z-index: 3;
}

.fe-section h2{
	margin: 0;
	font-weight: 400;
	font-size: 49px;
	color:#3E4393;
	line-height: 1.4;	
}

.fe-flex{
	display:flex;
	justify-content: space-between;
	margin-top: 55px;
}

.fe-flex a{
	width: 48.2%;
	position:relative;
	background-image:url('img/fe-bg.png');
	background-size: cover;
	background-position: center;
	padding:23px;
	box-sizing:border-box;
	height: 250px;
}

.fe-flex a .num{
	width: 168px;
}

.t-abo{
	color:white;
	position:absolute;
	right: 23px;
	bottom: 23px;
}

.t-abo p{
	margin: 0;
}

.ta-1{
	font-size: 14px;
}

.ta-2{
	font-size: 30px;
	line-height: 1.3;
}

.message header{
	background: white;
	position:fixed;
	z-index: 999;
}

.title-area{
	background-image:url('img/title-bg.png');
	background-size: cover;
	background-position: center;
	width: 100%;
	padding:100px 0;
	margin-top: 108px;
}

.message header .header-right ul li a{
	color:#3E4393;
}

.title-area h2{
	text-align: center;
	font-size: 49px;
	line-height:1.4;
	color:#3E4393;
	margin: 0;
	font-weight: 400;
}

.title-area p{
	margin: 0;
	text-align: center;
	color:#3E4393;
	font-size: 14px;
}

.m-mainarea{
	width: 100%;
	background-image:url('img/m-mainbg.png');
	background-size: cover;
	background-position: bottom;	
	padding:185px 0 300px;
}

.m-flex{
	display:flex;
	width: 100%;
}

.m-left{
	width: 50%;
	box-sizing:border-box;
}

.m-right{
	width: 50%;
	box-sizing:border-box;
	padding-left: 125px;
	padding-right: 50px;
}

.m-left img{
	width: 109px;
	display:block;
	margin-left: auto;
}

.m-right p{
	font-size: 16px;
	color:#3E4393;
	margin:0 0 30px;
	line-height: 2.2;
}

.m-section2{
	margin: 140px 0;
}

.me-box{
	width: 790px;
	padding:35px 55px;
	box-sizing:border-box;
	border:1px solid #1D3388;
	margin:0 auto;
}

.me-box h3{
	font-size: 35px;
	font-weight: 400;
	margin: 0 0 15px;
	color:#1D3388;
	letter-spacing: 0.2em;
}

.me-box h3 span{
	font-size: 35px;
	letter-spacing: 0.18em;
	display:block;
	margin-right:79px;
	position: relative;
}

.m-big{
	font-size: 29px;
	margin:1px 0;
	letter-spacing: 0.2em;
	color:#1D3388;
}

.m-big2{
	font-size: 40px;
	line-height: 1.5;
	margin:0 0 8px;
	letter-spacing: 0.14em;
	color:#1D3388;
}

.m-small{
	font-size: 16px;
	font-weight: 500;
	margin:2px 0;
	color:#1D3388;
}

.me-box2{
	margin-top: 100px;
}

.p-title{
	font-size: 35px;
	text-align: center;
	color:#3E4393;
	margin:140px 0 0;
	line-height: 1.4;
	font-weight: 400;
}

.p-sub{
	font-size: 14px;
	text-align: center;
	margin: 0;
	color:#3E4393;
}

.pr-flex{
	display:flex;
	width: 100%;
	margin-top: 100px;
}

.pr-left{
	width: 54%;
	box-sizing: border-box;
}

.pr-right{
	width: 46%;
	box-sizing:border-box;
	padding-left: 40px;
}

.pr-right img{
	width: 100%;
}

.pr-left h3{
	margin: 0;
	font-size: 26px;
	color: #3E4393;
}

.pr-left .enfont{
	margin:0 0 50px;
	font-size: 16px;
	color:#ABA2CB;
}

.m-content{
	font-size: 15px;
	margin:0;

}

.primg-box{
	position:relative;
	width: 342px;
	max-width: 100%;
	display:block;
	margin-left: auto;
	margin-right:28px;

}

.pr-bg{
	position:absolute;
	right: -28px;
	bottom: -14px;
	width: 342px;
	max-width: 100%;
	z-index: -1;
}

.name{
	margin: 0;
	width: 50%;
	background: white;
	text-align: center;
	position:absolute;
	left: 0;
	bottom: -28px;
	padding:19px 0;
	font-size: 15px;
}

.f-area{
	margin-top: 180px;
}

.point-1{
	padding-top:120px;
	width: 100%;
}

.point-img{
	width: 248px;
	margin: 0;
	line-height: 1;
}

.num-sub{
	font-size: 20px;
	color:#3E4393;
	margin: 0 0 5px;
	line-height: 1;
}

.p-flex{
	display:flex;
	align-items: center;
	margin-bottom: 45px;
}

.pf-1{
	color: #3E4393;
	font-size: 44px;
	margin:0;
	width: 48%;
}

.pf-2{
	color: #3E4393;
	font-size: 15px;
	margin:0;
	width: 52%;
	letter-spacing: 0.02em;
}

#point2 .pf-1{
	width: 52%;
	box-sizing:border-box;
	padding-right: 15px;
}

#point2 .pf-2{
	width: 48%;
	box-sizing:border-box;
	padding-left: 15px;
}

.point-table-1{
	background: #E4E4E5;
	width: 100%;
	padding:34px 80px 40px;
	position:relative;
	box-sizing:border-box;
}

.point-table-1::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 50%;
  border-bottom: 100px solid #E4E4E5;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  transform: translateX(-50%) rotate(180deg);
  z-index: 99;
}

.point-table-2{
	background: #D4D5D5;
	width: 100%;
	padding:140px 80px 10px;
	position:relative;
	box-sizing:border-box;	
	margin-bottom: 60px;
}

.point-table-2::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 50%;
  border-bottom: 100px solid #D4D5D5;
  border-left: 500px solid transparent;
  border-right: 500px solid transparent;
  transform: translateX(-50%) rotate(180deg);
  z-index: 99;
}

.p1-table{
	display:block;
	width: 240px;
	margin:0 auto;
}

.p1t-flex{
	display:flex;
	align-items: center;
	margin-top: 40px;
}	

.p1t-flex img{
	width: 265px;
	margin-right: 65px;
}

.p1t-flex p{
	font-size: 15px;
	margin: 0;
}

.p1-secction{
	display:flex;
	width: 100%;
	margin-top: 50px;
	justify-content: space-between;
}

.p1-block{
	width: 23%;
	display:block;
}

.img-title{
	display:flex;
	justify-content: center;
	align-items: center;
}

.img-title img{
	width: 27px;
	margin:0 3px;
}

.box-color1{
	color:white;
	width: 100%;
	box-sizing:border-box;
	padding:5px 10px 12px;
	background:#D42C6B;
	min-height: 315px;
	border-radius: 15px;
	margin-top: 10px;
}

.box-color2{
	color:white;
	width: 100%;
	box-sizing:border-box;
	padding:5px 10px 12px;
	background:#23ABAF;
	min-height: 315px;
	border-radius: 15px;
	margin-top: 10px;
}

.box-color3{
	color:white;
	width: 100%;
	box-sizing:border-box;
	padding:5px 10px 12px;
	background:#4AA355;
	min-height: 315px;
	border-radius: 15px;
	margin-top: 10px;
}

.box-color4{
	color:white;
	width: 100%;
	box-sizing:border-box;
	padding:5px 10px 12px;
	background:#E77500;
	min-height: 315px;
	border-radius: 15px;
	margin-top: 10px;
}

.bc1{
	margin: 0;
	font-size: 35px;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.07em;
}

.bc1 span{
	font-size: 22px;
	position:relative;
	bottom: 2px;
	margin-left: 3px;
}

.bc2{
	font-size: 15px;
	margin:0;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.07em;
}

.bc2 span{
	font-size: 25px;
	margin:0 5px;
	position:relative;
	top: 3px;
}

.bc3{
	text-align: center;
	font-size: 14px;
	border-bottom:1px solid white;
	margin:10px 0 7px;
	padding-bottom:7px;
	letter-spacing: 0;
	font-weight: 600;
}

.bc4{
	font-size: 14px;
	margin: 0;
	line-height: 1.6;
}

.p2-title{
	text-align: center;
	font-size: 29px;
	color:black;
	margin:30px 0 15px;
}

.p2-text1{
	font-size: 15px;
	margin: 0 auto 100px;
	width: 660px;
	max-width: 100%;
}

.deco-text{
	position:relative;
	width: 465px;
	box-sizing:border-box;
	max-width: 100%;
	padding:10px 20px;
	display:block;
	margin:57px auto 0;
	background: #E4E4E5;
}

.deco-text .shi{
	color:#1D3388;
	margin: 0 0 2px;
	font-size: 24px;
	line-height: 1.6;
}

.deco-text .normal{
	margin: 0;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.deco-text .shi.mt-space{
	margin-top: 14px;
}

.d-1{
	position:absolute;
	left: -10px;
	top: -10px;
	width: 25px;
}

.d-2{
	position:absolute;
	right: -10px;
	bottom: -10px;
	width: 25px;
}

.years-img{
	display:block;
	margin:0 auto 40px;
	width: 107px;
	position:relative;
	z-index: 99;
}

.years-title{
	text-align: center;
	font-size: 29px;
	margin:0;
	text-align: center;
	color:#1D3388;
}

.ye-flex{
	display:flex;
	justify-content: space-between;
	width: 940px;
	margin:45px auto 130px;
	max-width: 100%;
}

.ye-flex div{
	background: #1D3388;
	border-radius: 20px;
	color:white;
	display:flex;
	align-items: center;
}

.ye-flex div p{
	margin: 0;
	width: 100%;
	font-size: 21px;
	line-height: 1.6;
}

.ye-flex div p span{
	font-size: 18px;
}

.row1{
	text-align: center;
	width: 27.5%;
}

.row2{
	text-align: center;
	width: 27.5%;
}

.row3{
	box-sizing: border-box;
	padding:45px 25px;
	width: 38%;
}

.cu-section h2{
	text-align: center;
	font-size: 49px;
	margin: 0;
	color:#3E4393;
	line-height: 1.4;
	font-weight: 400;
}

.cu-section .cu-sub{
	font-size: 14px;
	text-align: center;
	color:#3E4393;
	margin: 0;
}

.cu-table{
	display:block;
	width: 910px;
	margin: 88px auto 0;
	max-width: 100%;
}

.cu-table img{
	width: 100%;
}

.cut-info{
	font-size: 15px;
	margin:0;
	color:#1D3388;
}

.cu-flex{
	display: flex;
	width: 100%;
	box-sizing:border-box;
	padding:0 22px;
	align-items: center;
	margin-top: 78px;	
}

.cu-left{
	width: 50%;
	box-sizing:border-box;
}

.cu-left2{
	width: 50%;
	padding-right: 50px;
	box-sizing:border-box;
}

.cu-left img , .cu-right2 img{
	width: 100%;
}

.cu-right{
	width: 50%;
	box-sizing:border-box;
	padding-left: 50px;
}

.cu-right2{
	width: 50%;
	box-sizing:border-box;
}

.cur1{
	margin: 0;

}

.cur1 span.span1{
	background:#1E3488;
	padding:5px 15px;
	color:white;
	border-radius: 15px;
	font-size: 19px;
}

.cur1 span.span2{
	border:1px solid #3E4393;
	color:#1D3388;
	display:inline-block;
	margin-left:12px;
	padding:0 11px;
	font-size: 16px;
}

.cur2{
	font-size: 26px;
	margin:20px 0 30px;
	color:#3E4393;
}

.cur3{
	font-size: 15px;
	margin: 0;
}

.mt-0{
	margin-top: 0!important;
}

.cur4{
	font-size: 12px;
	margin:35px 0 0;
}

.cu-flex.al-none{
	align-items: stretch;
}

.b-bottom{
	font-size: 15px;
	margin:0 0 5px;
	padding-bottom: 5px;
	border-bottom:1px solid black;
}

.b-none{
	border: 0;
}

.cu-last-flex{
	display:flex;
	padding:0 22px;
	width: 100%;
	box-sizing:border-box;
	margin: 105px 0 0;
}

.cul-left{
	width: 50%;
	box-sizing:border-box;
	padding-right: 36px;
}

.cul-right{
	width: 50%;
	box-sizing:border-box;
	padding-left: 36px;	
}

.cul-title{
	margin: 0 0 30px;
	font-size: 29px;
	color: #1D3388;
}

.cul-left img{
	width: 100%;
}

.cul-2{
	font-size: 15px;
	margin:20px 0 0;
}

.cul-point{
	position:relative;
	margin-top: 50px;
	box-sizing:border-box;
	padding:20px ;
	background: #E4E4E5;
	border-radius: 30px;
}

.cul-point:before{
	content: '';
    position: absolute;
    top: -20px;
    left: 72px;
    border-bottom: 20px solid #E4E4E5;
    border-left:10px solid transparent;
    border-right: 10px solid transparent;
    transform: translateX(-50%);
    z-index: 99;	
}

.point-text1{
	font-size: 19px;
	margin:0 auto 10px;
	font-weight: bold;
	color:#302D2C;
	width: 270px;
	letter-spacing: 0;
	max-width: 100%;
	line-height: 1.7;
	position: relative;
	z-index: 2;
}

.point-text2{
	margin: 0;
	letter-spacing: 0;
	color:#302D2C;
	font-size: 16px;
	position: relative;
	z-index: 2;	
}

.d1{
	width: 19px;
	position:absolute;
	left: 0px;
	top: -7px;
}

.d2{
	width: 19px;
	position:absolute;
	right: 0px;
	bottom: -7px;
}

.d3{
	width: 45px;
	position:absolute;
	left: 30px;
	top: 0;
}

.d4{
	width: 46px;
	position:absolute;
	left: 20px;
	top: 41px;
}

.d5{
	width: 40px;
	position:absolute;
	right: 20px;
	top: 25px;
	z-index: 2;
}


.p-abo{
	color:white;
	line-height: 1;
	position:absolute;
	left: 140px;
	top: 0;
	font-size: 68px;
	z-index: 1;
	margin: 0;
}

.voice-section{
	margin-top: 130px;
}

.voice-section h3{
	margin: 0;
	display:flex;
	position:absolute;
	left: -1px;
	top: -35px;
	background: white;
	width: 49%;
	z-index: 2;
	padding-top: 7px;
	padding-left: 42px;
	border-top:1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-top-left-radius:35px;
	border-top-right-radius:35px;
/*	overflow: hidden;*/
}



.voice-section h3 img{
	width: 310px;
	margin-right: 40px;
	position:relative;
	top: 23px;
}

.voice-section h3 p{
	font-size: 15px;
	margin: 0;
	position:relative;
	top: 23px;	
}

.voice-section{
	border:1px solid black;
	box-sizing:border-box;
	position:relative;
	padding:80px 42px 60px;
}

.left-space{
	font-size: 27px;
	position:relative;
	margin: 0;
	padding-left: 50px;
	letter-spacing: 0;
	line-height: 1.5;
}

.left-space:before{
	content: '';
	position:absolute;
	left: -42px;
	height: 1px;
	width: 70px;
	background: black;
	top: 50%;
}

.voice-flex{
	display:flex;
	margin-top: 47px;
}

.voice-left{
	width: 50%;
	box-sizing:border-box;
	line-height: 1.65;
}

.voice-right{
	width: 50%;
	box-sizing:border-box;
	padding-left: 50px;
}

.voice-main{
	font-size: 15px;
	margin: 0;
}

.voice-right img{
	width: 100%;
}


.vm-2{
	font-size: 21px;
	margin-top: 20px;
	margin-bottom: 0;
}

.vm-3{
	font-size: 12px;
	margin: 0;
	letter-spacing: 0.02em;
}

.p2-main{
	position:relative;
	width: 100%;
}

.p2-main img{
	width: 74%;
	position:relative;
	z-index: -1;
}

.p2-main .textarea{
	width: 38%;
	box-sizing:border-box;
	padding:40px 0 0;
	padding-right: 0;
	padding-left: 40px;
	position:absolute;
	right: 0;
	bottom: -10px;
	background: white;
}

.p2-main .textarea h3{
	color:#1D3388;
	font-size: 29px;
	margin: 0 0 15px;
	text-decoration: underline;
	text-underline-offset: 4px;
	letter-spacing: 0.08em;
	font-weight: 400;
	line-height: 1.65;
}

.p2-main .textarea p{
	font-size: 15px;
	margin: 0;
}

.club-title{
	margin-top: 125px;
	text-align: center;
	font-size: 49px;
	font-weight: 400;
	color:#3E4393;
	margin-bottom: 0;
	line-height:1.4;
}

.club-sub{
	font-size: 14px;
	margin: 0;
	color:#3E4393;
	text-align: center;
}

.club-area{
	background: #EBEBEB;
	padding:54px 51px;
	width: 100%;
	box-sizing:border-box;
	position:relative;
	margin-top: 105px;
}

.cl-flex{
	display:flex;
	align-items: center;
}

.cl-flex img{
	width: 78px;
	display:block;
	margin-left: 40px;
	margin-right:30px;
}

.cl-flex p{
	font-size: 15px;
	margin:0;
}

.club-flex{
	display:flex;
	align-items: center;
	margin-top: 65px;
	margin-bottom: 65px;

}

.club-flex.c-flex2{
	padding-top: 65px;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom:0;
	background-image: linear-gradient(to right, black 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;	
}

.club-left{
	width:52%;
	box-sizing:border-box;
	padding-right: 20px;
	position:relative;
}

.club-right2{
	position:relative;
}

.cl-abo1{
	width: 351px!important;
	max-width: 70%!important;
	position:absolute;
	left: -20px;
	bottom: -12px;
}

.cl-abo2{
	width: 389px!important;
	max-width: 70%!important;
	position:absolute;
	right: -20px;
	bottom: -12px;
}

.club-right{
	width: 48%;
	box-sizing:border-box;
	padding-left: 20px;
	position:relative;
}

.club-left2{
	width:48%;
	box-sizing:border-box;
	padding-right: 20px;
}

.club-right2{
	width: 52%;
	box-sizing:border-box;
	padding-left: 20px;
}

.club-left img , .club-right2 img{
	width: 100%;
}

.cr1{
	font-size: 19px;
	margin: 0;
	text-align: center;
	letter-spacing: 0.25em;
	color:#1D3388;
}

.club-right ul , .club-left2 ul{
	list-style: none;
	display:flex;
	margin-top: 25px;
	padding: 0;
	line-height: 1.7;
	margin-bottom: 0;
}

.club-list1{
	width: 60%;
	box-sizing:border-box;
	font-size: 15px;
	padding-right: 10px;
}

.club-list2{
	width: 40%;
	box-sizing:border-box;
	font-size: 15px;
	padding-left: 10px;
}

.cr2{
	text-align: right;
	margin-top: 21px;
	margin-bottom: 0;
	font-size: 24px;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.cr2 span{
	font-size: 49px;
}


.c-flex2 .club-list1{
	width: 40%;
	box-sizing:border-box;
	font-size: 15px;
	padding-right: 10px;
}

.c-flex2 .club-list2{
	width: 60%;
	box-sizing:border-box;
	font-size: 15px;
	padding-left: 10px;
}

.c-deco1{
	position: absolute;
	left: 0;
	top: -20px;
}

.c-deco2{
	position: absolute;
	right: 0;
	bottom: -20px;
}

.fe-title{
	margin-top: 150px;
}

.f-center{
	font-weight: 500;
	text-align: center;
	margin-top: 85px;
	margin-bottom: 65px;
	font-size: 15px;
}

.fi-main{
	display:block;
	margin:0 auto 135px;
	width: 871px;
	max-width: 100%;
}

.fi-flex{
	display:flex;
	justify-content: space-between;
	width: 100%;
}

.fi-left{
	width: 48%;
}

.fi-left img{
	width: 100%;
}

.fi-right{
	width: 48%;
	box-sizing:border-box;
	padding-right: 40px;
}

.fir-1{
	margin:20px 0 30px;
	font-size: 29px;
	color:#1D3388;
}

.fir-2{
	font-size: 15px;
}

.voice-sub{
	text-align: right;
	font-size: 11px;
	margin:8px 0 0;
}

.vs-2 .left-space{
	line-height: 1.7;
}

.voice-section h3 p.en-title{
	font-size: 35px;
	font-weight: 400;
	margin-right: 25px;
	line-height: 1;
}

.voice-section.vs-2 h3{
	top: -43px;
}

.voice-section.vs-2{
	padding-top: 55px;
	margin-bottom: 155px;
}






























@media screen and (max-width: 1200px){
	.ta-1{
		font-size: 13px;
	}

	.ta-2{
		font-size: 22px;
	}	

	.fe-flex a .num{
		width:140px;
	}

	.me-box{
		max-width: 100%;
	}

	.message{
		overflow-x:hidden;
	}

	.voice-section h3{
		width: 60%;
	}

	.point-table-1::after , .point-table-2::after{
		overflow-x: hidden;
	}


	.point-table-1{
		padding:34px 30px 10px;
	}



}

	@media screen and (max-width:1040px){
		.point-table-1::after , .point-table-2::after{
			border-left: calc(50vw - 30px) solid transparent;
			border-right: calc(50vw - 30px) solid transparent;
		}

		.absolute-area{
			bottom: -32vw;
			padding:40px 25px;
		}

		.absolute-area-text1{
			font-size: 22px;
		}

		.absolute-area-text2{
			font-size: 14px;
		}

		.absolute-area-text3{
			font-size: 14px;
		}




	}

.sp{
	display:none!important;
}

.mt-10{
	margin-top: 10px!important;
}

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

	.p2-text1{
		margin-bottom: 60px;
		width: 85%;
	}

	.abo-text{
		position:absolute;
		left: 0;
		bottom: -22px;
		font-size: 16px;
	}

	#point2 .pf-2{
		margin-top: 38px;
	}


	.m-mainarea{
		background-image: url('img/m-mainbg-sp.png');
		background-position: bottom!important;
	}

	.m-flex{
		display:block;
	}

	.m-left{
		width: 100%;
	}

	.m-right{
		width: 100%;
		padding: 0!important;
	}

	.cur1 span.span2{
		font-size: 14px;
	}

	.cl-abo1{
		left: -10px;
		bottom: -25px;
	}

	.num-abo2 , .num-abo1{
		width: 38px;
	}

	.sp{
		display:block!important;
	}

	.pc{
		display: none!important;
	}

	.message-section{
		padding:60px 0;
	}

	.me-flex{
		display:block;
	}

	.me-left{
		width: 100%;
		padding: 0;
	}

	.me-right{
		width: 100%;
		padding: 0;
		margin-top: 40px;
	}

	.me-left h2 , .fe-section h2{
		font-size: 31px;
	}

	.title-sub{
		font-size: 12px;
	}

	.me-link{
		margin-top: 35px;
	}

	.fe-section{
		margin-top: 60px;
	}

	.fe-flex{
		margin-top: 45px;
		display:block;
	}

	.fe-flex a{
		width: 100%;
		display:block;
		height: 220px;
		margin: 30px 0;
	}

	.me-link{
		width: 234px;
		height: 47px;
		line-height: 47px;
		font-size: 12px;
	}

	.me-link:before{
		width: 33px;
	}

	.me-right img{
		width: 260px;
	}

	.title-area{
		margin-top: 84px;
	}

	.page-nav.menu_button{
		left: calc(100% - 80px);
		width: 60px;
		height: 60px;
		top: 14px;
	}

	.page-nav.menu_button .menu_icon01{
		padding:19px 0;
	}

	.page-nav.menu_button.open .menu_icon01{
		padding:22px 0;
	}

	.message header{
		z-index: 9999;
	}

	.m-mainarea{
		padding:85px 0 395px;
	}

	.m-flex{
		width: 80%;
		margin:0 auto;
	}

	.m-left img{
		margin-left: 0;
		width: 75%;
		margin-bottom: 60px;
	}

	.m-right{
		padding-right: 0;
		padding-left: 20px;
	}

	.me-box{
		padding:30px 40px;
	}

	.me-box h3 span{
		font-size: 28px;
		margin-right: 45px;
	}

	.me-box h3{
		font-size: 27px;
	}

	.m-big{
		font-size: 24px;
	}

	.m-big2{
		font-size: 24px;
	}

	.m-small{
		font-size: 15px;
	}

	.me-box2{
		margin-top: 75px;
	}

	.p-title{
		font-size: 28px;
	}

	.p-sub{
		font-size: 13px;
	}

	.pr-flex{
		margin-top: 75px;
		display:block;
	}

	.pr-left{
		width: 100%;
	}

	.pr-right{
		width: 100%;
		padding-left: 0;
		padding-right: 25px;
	}

	.pr-left h3{
		font-size: 22px;
	}

	.pr-left .enfont{
		font-size: 15px;
		margin-bottom: 35px;
	}

	.primg-box{
		width: 100%;
		margin-top: 35px;
	}

	.title-area{
		padding:75px 0;
	}

	.title-area h2{
		font-size:40px;
	}

	.title-area p{
		font-size: 13px;
	}

	.point-1{
		padding-top: 100px;
	}

	.fe-flex a{
		margin-bottom: 0;
	}

	.p-flex{
		display:block;
	}

	.pf-1{
		width: 100%;
	}

	.pf-2{
		width: 100%;
	}

	.num-sub{
		font-size: 18px;
	}

	.pf-1{
		font-size: 35px;
	}

	.pf-2{
		font-size: 14px;
		margin-top: 15px;
	}

	.p1t-flex{
		display:block;
		margin-top: 30px;
	}

	.p1t-flex img{
		margin-right: 0;
		margin-bottom: 20px;
	}

	.p1-secction{
		flex-wrap:wrap ;
	}

	.p1-block{
		width: 48%;
	}

	.box-color1 , .box-color2 ,.box-color3 .box-color4{
		min-height: 300px;
		padding-bottom: 40px;
		margin-bottom: 30px;
	}

	.point-table-1{
		padding:34px 15px 10px;
	}

	.point-table-2{
		padding:90px 15px 10px;
	}

	.point-table-1::after{
		border-bottom:85px solid #E4E4E5;
		    bottom: -85px;
	}

	.point-table-2::after{
		border-bottom: 85px solid #D4D5D5;
		bottom: -85px;
	}

	.point-table-2{
		margin-bottom: 55px;
	}

	.ye-flex{
		flex-wrap: wrap;
	}

	.row1{
		width: 48%;
		padding:35px 0;
	}

	.row2{
		width: 48%;
		padding:35px 0;
	}

	.row3{
		width: 100%;
		margin-top: 20px;
		padding:35px 20px;
	}

	.f-area{
		margin-top: 100px;
	}

	.p2-title{
		font-size: 24px;
	}

	.p2-text1{
		font-size: 14px;
	}

	.deco-text .shi{
		font-size: 20px;
	}

	.deco-text .normal{
		font-size: 13px;
	}

	.years-img{
		width: 80px;
	}

	.ye-flex div p{
		font-size: 18px;
	}

	.cu-section h2{
		font-size: 38px;
	}

	.cu-section .cu-sub{
		font-size: 13px;
	}

	.cu-table{
		margin-top: 50px;
	}

	.cut-info{
		font-size: 14px;
	}

	.cu-flex{
		display:block;
	}

	.cu-left{
		width: 100%;
	}

	.cu-right{
		width: 100%;
		padding: 0;
	}

	.cu-right img{
		width: 100%;
		margin-top: 20px;
	}

	.cur1 span.span1{
		font-size: 17px;
	}

	.cur2{
		font-size: 21px;
		margin: 15px 0 20px;
	}

	.cur3{
		font-size: 14px;
	}

	.cu-left2{
		width: 100%;
		padding: 0;
	}

	.cu-right2{
		width: 100%;
	}

	.cu-right2 img , .cu-left img{
		margin-top: 20px;
	}

	.cur4{
		margin-top: 20px;
	}

	.cu-flex{
		padding: 0;
		margin-top: 65px;
	}

	.cu-last-flex{
		display:block;
		margin-top: 80px;
		padding: 0;
	}

	.cul-left{
		width: 100%;
		padding: 0;
	}

	.cul-right{
		width: 100%;
		padding: 0;
	}

	.cul-title{
		font-size: 21px;
	}

	.cul-2{
		font-size: 14px;
	}

	.cul-right{
		margin-top: 65px;
	}

	.point-text1{
		width: calc(100% - 78px);
		margin-right: 0;
		margin-left:78px ;
		font-size: 18px;
	}

	.point-text2{
		font-size: 15px;
	}

	.voice-section h3{
		display:block;
		height: 28px;
	}

	.left-space{
		font-size: 20px;
	}

	.voice-flex{
		display:block;
		margin-top: 30px;
	}

	.voice-left{
		width: 100%;
	}

	.voice-right{
		width: 100%;
		padding: 0;
	}

	.voice-right img{
		margin-top: 30px;
	}

	.voice-section{
		padding:70px 20px 45px;
	}

	.left-space:before{
		left: -19px;
		width: 42px;
	}

	.voice-section h3 img{
		width: 240px;
	}

	#point2 .pf-1{
		width: 100%;
	}

	#point2 .pf-2{
		width: 100%;
		padding: 0;
	}

	.p2-main img{
		width: 100%;
		margin-bottom: 20px;
	}

	.p2-main .textarea{
		width: 100%;
		padding: 0;
		position:relative;
		right: 0;
		bottom: 0;
	}

	.club-title{
		font-size: 41px;
		margin-top: 90px;
	}

	.club-sub{
		font-size: 13px;
	}

	.club-area{
		padding:30px 20px;
	}

	.cl-flex p{
		font-size: 14px;
	}

	.club-flex{
		display:block;
	}

	.club-left , .club-left2{
		width: 100%;
		padding: 0;
	}

	.club-right , .club-right2{
		width: 100%;
	}

	.club-right img , .club-right2 img{
		width: 100%;
		margin-top: 20px;
	}

	.club-flex.c-flex2{
		padding-top: 40px;
		margin-top: 40px;
	}

	.c-deco1{
		width: 36px;
		top: -18px;
	}

	.c-deco2{
		width: 36px;
		bottom: -18px;
	}

	.f-center{
		margin-top: 50px;
		margin-bottom: 40px;
	}

	.fi-flex{
		display:block;
	}

	.fi-left , .fi-right{
		width: 100%;
		padding: 0;
	}

	.fi-right img{
		width: 100%;
	}

	.fi-main{
		margin-bottom: 100px;
	}

	.voice-section.vs-2 h3{
		top: -35px;
	}

/*	.vs-2 .left-space{
		margin-top: 40px;
	}*/

	.vs-2 .left-space br{
		display:none;
	}

	.voice-section h3 p.en-title{
		font-size: 24px;
	}

	#point2 .pf-1{
		padding: 0;
	}

	.club-right{
		padding: 0;
	}

	.club-right2{
		padding: 0;
	}

	.sub-img{
		display:none;
	}

	.main-img{
		width: 100%;
		margin: 0;
		max-width: 100%;
	}

	.absolute-area{
		width: 100%;
		position:static;
		bottom: 0;
		padding:20px 0 0;
	}

	.plus-section{
		padding-bottom: 0;
	}

	.voice-section.vs-2{
		padding-top: 35px;
	}






}


.sp2 , .spbr{
	display:none!important;
}

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

	.spbr{
		display:block!important;
	}

	.voice-section.vs-2{
		padding-top: 25px;
	}

	.point-table-1::after, .point-table-2::after{
		border-left: calc(50vw - 20px) solid transparent;
    border-right: calc(50vw - 20px) solid transparent;
	}


	.p2-title{
		width: 100%;
		margin:30px auto 15px;
	}

	.absolute-area-text1{
		font-size: 20px;
	}

	.absolute-area-text2{
		margin-bottom: 30px;
	}

	.pc2{
		display:none!important;
	}

	.sp2{
		display:block!important;
	}

	.title-area h2{
		font-size: 30px;
	}

	.title-area{
		padding:50px 0;
	}

	.m-flex{
		width: 93%;
	}

	.m-left img{
		width: 100%;
	}


	.m-mainarea{
		padding:85px 0 75vw;
	}

	.m-section2{
		margin:90px 0;
	}

	.me-box{
		padding:25px 15px;
	}

	.me-box h3 span{
		font-size: 24px;
		margin-right: 30px;
	}

	.me-box h3{
		font-size: 24px;
		margin-bottom: 8px;
	}

	.m-big{
		font-size: 18px;
		letter-spacing: 0.02em;
	}

	.m-big2{
		font-size: 22px;
		margin-bottom: 12px;
	}

	.m-small{
		font-size: 14px;
	}

	.p-title{
		margin-top: 100px;
	}

	.pr-flex{
		margin-top:50px;
	}

	.pr-left h3{
		font-size: 20px;
	}

	.name{
		width: 65%;
	}

	.fe-flex{
		margin-top: 20px;
	}

	.f-area{
		margin-top: 60px;
	}

	.point-1{
		padding-top: 80px;
	}

	.point-img{
		width: 200px;
	}

	.num-sub{
		font-size: 16px;
	}

	.pf-1{
		font-size: 29px;
	}

	.p1-table{
		width: 200px;
	}

	.p1t-flex img{
		width: 230px;
		display:block;
		margin:0 auto 20px;
	}

	.p1t-flex p{
		font-size: 14px;
	}

	.p1-block{
		width: 100%;
	}

	.box-color1, .box-color2, .box-color3 , .box-color4{
		min-height: auto;
		margin-bottom: 30px;
	}

	.point-table-1::after{
		border-bottom: 55px solid #E4E4E5;
    bottom: -55px;
	}

	.p2-title{
		font-size: 20px;
	}

	.deco-text .shi{
		font-size: 18px;
	}

	.deco-text .normal br{
		display:none;
	}

	.point-table-2::after{
		border-bottom: 55px solid #D4D5D5;
    bottom: -55px;
	}

	.point-table-2{
		margin-bottom: 30px;
	}

	.years-title{
		font-size: 24px;
	}

	.row2 , .row1{
		padding: 30px 0;
		width: 49%;
	}

	.row3{
		padding:30px 20px;
	}

	.cu-section h2{
		font-size: 31px;
	}

	.cut-info{
		font-size: 13px;
	}

	.cur1 span.span1{
		font-size: 16px;
	}

	.cur2{
		font-size: 19px;
		margin:10px 0 15px;
	}

	.b-bottom{
		font-size: 14px;
	}

	.cul-title{
		font-size: 19px;
		margin-bottom: 20px;
	}

	.p-abo{
		left: 75px;
		font-size: 38px;
		z-index: 1;
	}

	.point-text1{
		font-size: 17px;
		width: calc(100% - 70px);
		margin-left: 70px;
	}

	.point-text2{
		font-size: 14px;
		margin-top: 20px;
	}

	.voice-section{
		padding:60px 15px 20px;
	}

	.voice-section h3{
		width: 79%;
		padding-left: 20px;
		padding-top: 0;
		top: -28px;
	}

	.voice-section h3 img{
		width: 200px;
	}

	.voice-section h3 p{
		font-size: 13px;
	}

	.left-space{
		font-size: 18px;
		padding-left: 40px;
	}

	.left-space:before{
		width: 30px;
		left: -15px;
	}

	.voice-main{
		font-size: 14px;
	}

	.vm-2{
		font-size: 19px;
	}

	.p2-main img{
		margin-bottom: 10px;
	}

	.p2-main .textarea h3{
		font-size: 21px;
	}

	.club-title{
		font-size: 28px;
	}

	.cl-flex{
		display:block;
	}

	.cl-flex img{
		margin:0 auto 10px;
	}

	.club-list1{
		font-size: 13px;
		padding-right: 5px;
	}

	.club-list2{
		font-size: 13px;
		padding-left: 5px;
	}

	.cr2{
		font-size: 20px;
	}

	.cr2 span{
		font-size: 38px;
	}

	.c-flex2 .club-list2{
		font-size: 13px;
		padding-left: 5px;
	}

	.c-flex2 .club-list1{
		font-size: 13px;
		padding-right: 5px;
	}

	.fi-main{
		max-width: calc(100% + 40px);
		position:relative;
		right: 20px;
	}

	.f-center{
		font-size: 14px;
	}

	.f-center br{
		display:none;
	}

	.fir-1{
		font-size: 25px;
	}

	.fir-2{
		font-size: 14px;
	}

	.voice-section.vs-2 h3{
		top: -28px;
	}

	.voice-section.vs-2{
		margin-bottom: 120px;
	}

	.d5{
		width: 30px;
		right: 14px;
		top: 12px;
	}

	.d3{
		width: 40px;
	}

	.d4{
		width: 42px;
		top: 38px;
	}

	.num-abo2{
		top: 50%;
	}










}