@charset "utf-8";
html body#attend{ background:url('../img/attend/back_head_attend3.jpg') no-repeat center top,white; background-size: 100%;}
html body #centerMenuSec{ background:url('../img/common/back_common.jpg') repeat-y center top; background-size: cover; margin-bottom: auto;}
#headerWrap{ margin-top: 1vw; }

h1#attendTitle img{ height: 14vw; max-height: 12vw; }
h1#attendTitle{ font-size: 1.5rem; line-height: 4; }

#covidMenu img,#covidMenu a{ vertical-align: middle;line-height: 3; }
#covidMenu img{ max-height: 1.75rem; padding-right: 1rem; width: 2.5rem; overflow: hidden;}
#covidMenu a{ color: white; font-size: 0.9rem; }
#covidMenuSec{ margin: 0vw auto 1vw auto; } 
#covidMenu div{ border-right: 1px dashed white; }
#covidMenu div:last-child{ border:none; }
 
body#attend #othPgHeader,
body#attend #pgHeaderSec{ min-height: 1vh; }
body#attend #pgHeaderSec{ padding-bottom: 2rem; }

.page-id-28 #othPgContSec {padding-top: 0;padding-bottom: 0;}
.attend_mv {background:url("../img/prev-covid19/attend_baclground.jpg?ver3")no-repeat top;background-size:cover;padding: 0 0 2em;}
.attend_mv_inner{max-width: 860px;margin:0 auto;}
.green_midashi {text-align: center;font-weight: bold;font-size: 35px;color: #2FAB6F;}
.at_mvtitle{font-size:72px;font-weight:bold;text-align:center;line-height: 0.5;margin-bottom: 30px;}
.at_mvtitle span{font-size:149px;color:#D94B58;}
.at_mvtitle+p {font-size: 28px;text-align: center;border-top: 2px solid #cacaca;border-bottom: 2px solid #cacaca;width: 23em;margin: 0 auto;}
.attend_mv ul {display: flex;flex-wrap: wrap;padding-left: 4em;margin-bottom: 0;padding-bottom:30px;}
.attend_mv li {list-style: none;width: 100%;font-size: 22px;padding-left: 2.5em;}
.attend_mv li::before{content: '';display: inline-block;width: .8em;height: .8em;background-image: url("../img/prev-covid19/check_icon.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-right: 0.3em;}
.attend_mv li:nth-of-type(2),.attend_mv li:first-of-type{width:50%;}
#Awrap{padding: 60px 2em;overflow:hidden;max-width: 1100px;margin: 0 auto;position: relative;}
#Aslider{ margin: auto; padding: 0; }
#Aslider li{list-style-type: none;width: 230px;float: left;display: inline-block;margin-right: 2.5rem;color: #494949;outline: none;text-align: center;height:100px;position:relative;}
#Awrap button {display: none;}
#Awrap a {display: inline-block;width: 1em;position: absolute;top: 40%;left: 0;}
#Awrap a:last-of-type{right:0;left:auto;} 
#Awrap button.slick-prev.slick-arrow,#Awrap button.slick-next.slick-arrow {display: none!important;}
.attend_logo_wrap {background: #f3f3f3;}
#Awrap  .slick-dots {display:none!important;}
#Awrap .slick-slide img {margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 200px;}
.A_table{border-collapse: collapse;width: 440px;margin: 0 auto;}
.A_table th, .A_table td {padding: .5em 0 0.5em 1.5em;}
.A_achivement ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;padding: 0;width: 1000px;margin: 0 auto 40px;}
.A_achivement li {width: 475px;background: #fff;border-radius: 6px;box-shadow: 4px 4px 25px #ccc;list-style: none;padding-bottom: 1.5em;margin-bottom: 60px;}
.A_achivement {padding-top: 40px;}
.gmidashi2 {text-align: center;font-size: 30px;font-weight: bold;color: #2FAB6F;padding-bottom: 0;margin-bottom: 35px;}
.gmidashi3 {margin-bottom: 0;font-size: 25px;text-align: center;font-weight: bold;color: #2FAB6F;padding: 10px 0;}
.A_table th {font-weight:bold;color:#fff;background:#6bab3c;border:none;font-size:16px;}
.A_table td{font-size:14px;border-bottom:1px solid #ccc;}
.g_submidashi {text-align: center;font-size: 17px;border-top: 2px solid #cacaca;border-bottom: 2px solid #cacaca;width: 25em;margin: 15px auto 40px;}
.A_margin{margin:0;}
.page-id-28 div.attnTipMain + div.attnTipMain:before{display:none;}
.page-id-28 #othPgContSec .defText{font-size:16px; line-height:1.8;}
.page-id-28 .col-sm-6{padding:0;}
.A_charactoristic ul {display: flex;margin: 0;padding: 0;justify-content: space-between;flex-wrap: wrap;}
.A_charactoristic li {width: 32%;/* background: #2FAB6F; *//* padding: 1.3em; */color:#fff;/* border-radius: 8px; */list-style: none;margin: 0;}
.A_charactoristic li p img{height:160px;padding: 13px 0;}
.A_charactoristic li p{text-align:center;font-size: 22px;margin-bottom: 0;}
.A_charactoristic li p:last-of-type{font-size:16px;text-align: justify;letter-spacing: -0.05em;}
.A_charactoristic li:nth-of-type(2)>div{background:#f3f3f3; color:inherit;}
.A_charactoristic li:nth-of-type(2){color:inherit;}
.A_charactoristic li:last-of-type img{padding:20px 0;}
.A_charactoristic li>div{background: #2FAB6F;padding: 1.3em;border-radius: 8px;}
.page-id-28 .row{margin-right:0;margin-left:0;}
.page-id-28 .anchor {display: block;padding-top: 60px;margin-top: -60px;}
.A_charactoristic {margin: 70px 0;}
.A_example ul {margin: 0;padding: 0;}
.A_example li {list-style: none;padding-left: 1.5em;position:relative;font-size: 16px;}
.A_example li::before{content: '';display: inline-block;width: .8em;height: .8em;background-image: url("../img/prev-covid19/circle_list.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-right: 0.3em;position:absolute;top: 0.5em;left: 0;}
.A_footerimg{background:url("../img/prev-covid19/attend_baclground3.jpg")no-repeat bottom;background-size:cover; height:500px;}
.page-id-28 .container{max-width:1160px;}
.A_example .g_submidashi {line-height: 1.5;padding: 0.3em 0;}

@media screen and  (max-width: 1280px) {
.A_example{margin-bottom:70px;}
}
@media screen and  (max-width: 1025px) {
.green_midashi{font-size:30px;}
.at_mvtitle span {font-size: 125px;}
.at_mvtitle {font-size: 62px;}
.at_mvtitle+p {font-size: 25px;}
.attend_mv li {font-size: 16px;padding-left: 3.5em;}
#Awrap{max-width:850px;}
.page-id-28 #centerMenu img{width:1.5rem;}
.A_charactoristic li{width:50%;}
.A_charactoristic li>div{width:400px; margin:0 auto 20px;}
.page-id-28 .row{display:block;}
.page-id-28 .col-sm-6 {margin: 0 auto;}
.A_achivement ul{display:block;width:auto;}
.A_achivement li{margin: 0 auto 30px;}
.A_footerimg {background-size: contain;height: 320px;}
}
@media screen and  (max-width: 950px) {
.A_charactoristic ul {display:block;}
.A_charactoristic li {width: 100%;}
.green_midashi {font-size: 27px;}
.at_mvtitle span {font-size: 80px;}
.at_mvtitle {font-size: 45px;}
.at_mvtitle+p {font-size: 20px;}
.attend_mv ul{padding: 0 0 2em;width: 550px;margin: 20px auto 0;}
.attend_mv li {padding-left:1.5em;}
#Awrap {padding: 30px 2em;max-width: 550px}
#Aslider li {width: 120px;margin-right: 4.5rem;}
.gmidashi2{font-size:27px;}
.gmidashi3{font-size: 23px;padding:0;} 
}

@media screen and  (max-width: 768px) {
#covidMenuSec{background:url('../img/common/sp_menuback_green_center.svg') repeat-y center top  !important;
background-size: 100%;}
.page-id-28 .col-sm-6 {max-width: 100%;padding: 0 30px;}
body#attend  #spGreenBottomBiz{background-color: transparent;}
.attend_mv {background:url("../img/prev-covid19/attend_baclground_sp.jpg")no-repeat bottom;background-size:contain;padding: 0 0 50vw;}
}

@media screen and  (max-width: 500px) {
.green_midashi {font-size: 20px;}
.at_mvtitle {font-size: 35px;}
.at_mvtitle span {font-size: 75px;}
.at_mvtitle+p {font-size: 16px;width: auto;margin: 0 30px;}
.attend_mv ul{width:auto;}
.attend_mv li {padding-left: 30px;margin-bottom: 0.5em;padding-right: 30px;font-size: 14px;}
#Awrap {max-width: 90%;}
.A_achivement li{width:auto;}
.A_table{width: 400px;}
.A_table th, .A_table td {padding: 0.5em 0 0.5em 0.8em;}
.A_table th:first-of-type{width:7em;}
.gmidashi2 {font-size: 23px;margin-bottom: 20px;}
.gmidashi3 {font-size: 20px;padding: 5px 0;}
.g_submidashi{width:auto;margin: 0px 8% 30px;}
.page-id-28 #othPgContSec .defText{margin-bottom:1em;font-size:15px;}
.A_charactoristic li>div {width: 350px;}
.A_charactoristic li p {font-size:18px;}
.A_example .g_submidashi{font-size:14px;}
.A_example li::before {width: 0.6em;height: 0.6em;}
.A_footerimg {height: 150px;}
.attend_mv{background:#fff;}
.A_charactoristic li p:last-of-type,.A_example li{font-size:15px;}
#Awrap .slick-slide img{width: 30vw;}
#Aslider li {margin-right: 0.5rem;width: 41vw;margin-left: 0.5em;}
.page-id-28 .col-sm-6{padding:0;}
}
@media screen and  (max-width: 440px) {
#Awrap {padding: 10px 2em;}
.A_table {width: 310px;}
.A_table th, .A_table td {font-size: 3.3vw;}
.gmidashi3 {font-size: 4.5vw;}
.g_submidashi{font-size: 3.8vw;}
}