@charset "utf-8";
/* membership css */

/*-------------------------------------------------
sec_intro
-------------------------------------------------*/

.sec_intro {
position: relative;
margin-bottom: 80px;
}
.intro_body {
position: relative;
max-width: 1920px;
height: 100%;
margin: 0 auto;
}
.intro_left_ph {
max-width: 669px;
height: auto;
position: absolute;
right: 54%;
top: 0;
}
.intro_left_ph img {
width: 100%;
}
.txt_flexbox_wrap {
max-width: 1260px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.txt_dammy_box {
width: 44%;
}
.intro_txtbox_right {
width: 52%;
}
.intro_heading_copy {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 30px;
}
.intro_sentence {
font-size: 1.5rem;
line-height: 200%;
margin-bottom: 50px;
}


@media all and (max-width : 1260px ){
.intro_txtbox_right {
padding-right: 30px;
}
.blend_know {
margin-bottom: 20px;
padding-top: 30px;
}
.intro_heading_copy {
font-size: 2.0rem;
margin-bottom: 20px;
}
.intro_sentence {
line-height: 180%;
margin-bottom: 50px;
}
}

@media all and (max-width : 1024px ){
.intro_left_ph {
position: absolute;
right: 56%;
}
}

@media all and (max-width : 820px ){ 
.txt_flexbox_wrap {
flex-direction: column-reverse;
}
.intro_txtbox_right {
width: 90%;
margin: 0 auto;
padding-right: 0px;
}
.intro_left_ph img {
width: 100%;
}
.intro_left_ph {
max-width: 900px;
height: auto;
position: static;
width: 90%;
margin: 0 auto 20px;
}
.intro_left_ph::after {
content: "";
position: static;
}
.intro_sentence {
font-size: 1.4rem;
margin-bottom: 40px;
}
}

@media all and (max-width : 767px ){
.sec_intro {
margin-bottom: 20px;
}
.intro_body {
padding: 0px 0 0px 0;
}
.intro_txtbox_right {
width: 90%;
}
.intro_heading_copy {
font-size: 1.5rem;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.intro_sentence {
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 30px;
}
.intro_left_ph {
width: 90%;
margin: 0 auto 20px;
}
}


/*-------------------------------------------------
活動内容
-------------------------------------------------*/

.gry_box {
width: 100%;
background: #F7F7F7;
padding: 30px;
margin-bottom: 60px;
}
.purpose {
padding-left: 40px;
}
.purpose li {
font-size: 1.8rem;
letter-spacing: 0.2em;
padding: 5px 30px 5px 5px;
display:list-item;
list-style-type: decimal;
}

@media all and (max-width : 767px ){
.gry_box {
padding: 15px;
margin-bottom: 30px;
}
.purpose {
padding-left: 20px;
}
.purpose li {
font-size: 1.4rem;
letter-spacing: 0.1em;
padding: 5px 0px 5px 5px;
}
}


/*-------------------------------------------------
会員種別・会費
-------------------------------------------------*/

.join_box {
width: 100%;
border-collapse: collapse;
border-top: solid 1px #003D7C;
border-left: solid 1px #707070;
margin-bottom: 10px;
}
.join_box th {
background: #003D7C;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
padding: 10px;
border-right: solid 1px #707070;
border-bottom: solid 1px #003D7C;
}
.join_box td {
padding: 20px;
font-size: 1.6rem;
letter-spacing: 0.2em;
border-right: solid 1px #707070;
border-bottom: solid 1px #707070;
}
.join_box .txt_center {
text-align: center;
}
.join_txt {
font-size: 1.2rem;
text-align: right;
display: block;
margin-bottom: 60px;
}
.apply_txt {
margin-bottom: 30px;
}
.apply_box {
width: 100%;
border: solid 1px #ccc;
padding: 40px 20px 50px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 60px;
}
.apply_title {
font-size: 2.2rem;
font-weight: 500;
color: #003D7C;
letter-spacing: 0.4em;
margin-bottom: 25px;
}
.apply_box dl {
text-align: center;
letter-spacing: 0.2em;
}
.apply_box dl dt {
font-size: 1.6rem;
margin-bottom: 10px;
}
.apply_box dl dd {
padding: 5px 0 30px;
}
.apply_box dl dd a {
text-decoration: underline;
color: #003D7C;
}
.apply_box dl dd a:hover {
text-decoration: none;
}

@media all and (max-width : 767px ){
.join_box th {
font-size: 1.4rem;
padding: 6px;
}
.join_box td {
padding: 10px;
font-size: 1.4rem;
letter-spacing: 0.1em;
}
.join_txt {
font-size: 1.0rem;
margin-bottom: 30px;
}
.apply_txt {
font-size: 1.2rem;
margin-bottom: 20px;
}
.apply_box {
width: 100%;
padding: 20px 20px 25px;
margin-bottom: 30px;
}
.apply_title {
font-size: 1.6rem;
letter-spacing: 0.2em;
margin-bottom: 10px;
}
.apply_box dl {
letter-spacing: 0.1em;
}
.apply_box dl dt {
font-size: 1.3rem;
margin-bottom: 5px;
}
.apply_box dl dd {
font-size: 1.3rem;
padding: 0px 0 20px;
}
}