section:nth-of-type(n + 2) {margin-bottom: 120px;}

h2 {width: 100%;font-size: 2.8rem;color: #2d2d2d;text-align: center;position: relative;}
h2::before {position: absolute;top: -32px;left: 0;right: 0;font-size: 1.6rem;color: #e2730f;}
h2#member::before {content: 'Message';}
h2#about::before {content: 'About\00a0us';}
h2#htj::before {content: 'How\00a0to\00a0Join';}
h2#news::before {content: 'News';}
h2#download::before {content: 'Downloads';}

header {height: 70px;background: #f9f1b7;}
.header_nav {width: 1000px;;height: 100%;margin: 0 auto;}
.header_nav h1 {width: 251px;height: 100%;text-indent: -9999px;background: url(../jcma-ehime/img/title.png) no-repeat bottom center;margin: 0 auto;}
.header_nav ul {width: 589px;align-items: end;padding: 0 20px 0 40px;}
.header_nav ul li a {font-weight: 500;letter-spacing: 0;}
.header_nav ul li a:hover {color: #d64c00;text-decoration: underline;text-underline-offset: 4px;}
.header_nav .header_btn {width: 160px;height: 70px;position: static;}
.header_nav .header_btn a {font-size: 1.7rem;padding-top: 12px;background: #18a86b;}
.header_nav .header_btn a:hover {background: #117349;}
.header_nav .header_btn a span {font-size: 1.7rem;letter-spacing: 1.6px;}

.main {background: #f9f1b7;margin-bottom: 110px;}

.txt_area {margin-top: 30px;}
.txt_area p {line-height: 35px;letter-spacing: .5px;}
.txt_area p a {text-underline-offset: 6px;}

.htj_link {margin: 25px 0;}
.htj_link div {width: 480px;height: 90px;border-radius: 10px;}
.htj_link .ex_link {border: 3px dotted #e2730f;text-align: center;}
.htj_link .ex_link p {line-height: 85px;font-weight: 500;}
.htj_link .ex_link02 {background: #e2730f;overflow: hidden;}
.htj_link .ex_link02 a {font-size: 2.5rem;font-weight: bold;color: #fff;display: block;height: 100%;line-height: 29px;padding: 15px 0 0 25px;position: relative;}
.htj_link .ex_link02 a::after {position: absolute;content: '';width: 30px;height: 30px;top: 0;bottom: 0;margin: auto;right: 20px;background: url(../jcma-ehime/img/link_w.svg) no-repeat;}
.htj_link .ex_link02 a span {font-size: 1.8rem;margin-left: -10px;}
.htj_link .ex_link02 a:hover {background: #d64c00;}

.news_area {margin-top: 30px;border-top: 2px solid #e2730f;}
.news_area dl {display: flex;gap: 35px;padding: 30px 0;border-bottom: 1px solid #aaa;}
.news_area dt {width: 95px;}
.news_area dd a:hover {color: #264fb9;text-decoration: underline;text-underline-offset: 6px;}

.dl_area {margin-top: 15px;}
.dl_area .no_dl {width: 100%;height: 60px;background: #efeded;text-align: center;border-radius: 10px;}
.dl_area .no_dl p {line-height: 60px;}
.dl_area h3 {font-size: 2rem;margin-bottom: 20px;}
.dl_area .jcma_frame li {margin-bottom: 20px;height: 60px;border: 1px solid #808080;border-radius: 10px;overflow: hidden;position: relative;}
.dl_area .jcma_frame li::before {position: absolute;content: '';width: 15px;height: 20px;background-color: #e87708;clip-path: polygon(15px 50%, 0% 0%, 0% 20px);top: 0;bottom: 0;margin: auto;left: 20px;}
.dl_area .jcma_frame li a {display: block;height: 100%;line-height: 55px;padding-left: 55px;}
.dl_area .jcma_frame li a:hover {background: #fff8c8;}

footer {background: #f9f1b7;}
footer .copy {padding: 15px 0;}

/* 仮 */
.space {display: block;height: 40px;}