@charset "UTF-8";

/* 愛媛電算システム  ==========================*/
/* 愛媛電算システム  ==========================*/

/* event-preview  ==========================*/

.event-preview {
text-align:left;}
.event-preview .plan-party {
padding:1.5em;
border:6px solid #f8cc80;}
.event-preview .plan-seminar {
padding:1.5em;
border:6px solid #cee6b9;}
.event-preview .plan-ttl {}
.event-preview .plan-ttl h2 {
margin:0.5em 0;
font-size:162.5%;
line-height:1.3;
font-weight:600;
color:#1a3;}
.event-preview .plan-naiyo01 {
display:flex;
flex-wrap:wrap;
flex-direction:row-reverse;
justify-content:space-between;
margin-top:1.7em;
padding:1.7em 0.0em 0.0em;
border-top:2px dotted #1a3;}
.event-preview .plan-naiyo01 .img {
text-align:center;
margin:0.2em 0 1.5em 0;
width:40%;}
.event-preview .plan-naiyo01 .img img {
width:100%;}
.event-preview .plan-naiyo01 .txt {
width:55%;
line-height:1.6;}
.event-preview .plan-naiyo02 {
margin-top:1.5em;}
.event-preview .plan-naiyo03 {
margin-top:1.7em;
padding:1.7em 0.0em 0.0em;
border-top:2px dotted #1a3;}
.event-preview .plan-naiyo03 table {
border-collapse:collapse;}
.event-preview .plan-naiyo03 table td.subject {
padding:1em;
width:25%;
color:#e06;
font-weight:600;
border:1px solid #ccc;}
.event-preview .plan-naiyo03 table td.condition {
padding:1em;
font-size:87.5%;
line-height:1.6;
border:1px solid #ccc;}
.event-preview .plan-naiyo03 table td.err_str {
color:#FF0000;}
.event-preview .plan-entry {
text-align:center;
margin-top:2.5em;
line-height:1.4;}
.event-preview .plan-entry .btn-entry {
margin:0 auto 1.5em;
width:100%;
max-width:400px;}
.event-preview .plan-entry .btn-entry a {
display:block;
background:#1a3;
border-bottom:6px solid #287307;
border-radius:10px;
overflow:hidden;}
.event-preview .plan-entry .btn-entry a:hover {
border-top:4px solid #fff;
border-bottom:2px solid #287307;}
.event-preview .plan-entry br {
display:none;}
.event-preview .sample1 {
font-size:16px;
font-weight:600;}
.event-preview .sample2 {
font-size:10px;}
.event-preview .sample3 {
margin-top:1em;
font-size:70%;
line-height:1.4;}
.event-preview p.evname {
font-weight:600;}

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

.event-preview .plan-naiyo01 .img {
margin:0em 0 2em 0;
width:100%;}
.event-preview .plan-naiyo01 .img img {
width:90%;}
.event-preview .plan-naiyo01 .txt {
width:100%;}

.event-preview .plan-naiyo03 table td.subject {
padding:0.6em 0.8em;
display:block;
width:100%;
border-bottom:none;}
.event-preview .plan-naiyo03 table td.condition {
padding:0.8em;
display:block;
width:100%;
border-top:1px dotted #ddd;}
.event-preview .plan-entry br {
display:block;}

}

/* event-list  ==========================*/

.event-list {
text-align:left;
padding-top:1.45em;}
.event-list ul {
margin-top:1.45em;
display:flex;
flex-wrap:wrap;
align-items:center;}
.event-list ul.plan-party {
border:6px solid #f8cc80;}
.event-list ul.plan-seminar {
border:6px solid #cee6b9;}
.event-list ul li.icon {
padding:12px;
width:150px;}
.event-list ul li.icon a {
display:block;}
.event-list ul li.icon .thumb {
margin:0 auto;
width:100%;
aspect-ratio:1 / 1;}
.event-list ul li.icon .thumb img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;}
.event-list ul li.name {
padding:12px;
width:38%;}
.event-list ul li.name img {
margin:0 0 10px 0;}
.event-list ul li.naiyo {
padding:12px;
width:calc(100% - 150px - 38%);}
.event-list p.sample1 {
font-size:125%;
line-height:1.25;
font-weight:600;}
.event-list p.sample2 {
padding:0.5em 0 0 0;
font-size:81.25%;
line-height:1.55;}
.event-list p.sample3 {
font-size:93.75%;
line-height:1.65;}

.event-list-pager {
text-align:center;
margin-top:1.6em;
font-weight:500;}

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

.event-list ul li.icon {
padding:3.5%;
width:100%;}
.event-list ul li.icon .thumb {
width:100%;
max-width:480px;
aspect-ratio:auto;}
.event-list ul li.name {
padding:3.5%;
width:100%;}
.event-list ul li.naiyo {
padding:1.1% 3.5% 3.5%;
width:100%;}
.event-list p.sample1 {
font-size:131.25%;}
.event-list p.sample3 {
line-height:1.6;}

}

/* event-calendar  ==========================*/

.event-calendar {}
.event-calendar ul {
text-align:center;}
.event-calendar ul.month li {
display:inline;
height:32px;
line-height:32px;
letter-spacing:1px;
font-size:22px;}
.event-calendar ul.month li a {
color:#333;
display:block;}
.event-calendar ul.month li.aquo {
font-size:32px;
padding:0;}
.event-calendar ul.month li.now {
font-size:32px;
padding:0;}
.event-calendar .plan-info {
text-align:center;
margin-top:1em;}
.event-calendar .plan-info p {
display:inline-block;
padding:0 1em;
font-size:93.75%;
line-height:2.3;
font-weight:500;
white-space:nowrap;
border:2px solid #be9f66;
border-radius:2em;}
.event-calendar table {
margin-top:1.5em;
width:100%;}
.event-calendar table th {
text-align:center;
padding:0.35em;
font-weight:600;}
.event-calendar table td {
vertical-align:top;
padding:0.375em;
border:1px solid #be9f66;
width:14.28%;
height:110px;}
.event-calendar table td.t-gray span {
color:#999;}
.event-calendar table td.holiday {
background:#fdf3f4;}
.event-calendar table td.saturday {
background:#e9f6fd;}
.event-calendar table td p {
margin:0.55em 0;
font-size:12px;
line-height:1.35;
font-weight:600;}
.event-calendar table td p a {
display:block;
color:#e60012;}
.event-calendar table td p.plan-party a {
color:#cc3300;}
.event-calendar table td p.plan-party a::before {
content:"●";
margin-right:0.1em;
color:#f09000;}
.event-calendar table td p.plan-seminar a {
color:#006611;}
.event-calendar table td p.plan-seminar a::before {
content:"● ";
margin-right:0.1em;
color:#1a3;}

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

.event-calendar table {
border-top:1px solid #be9f66;}
.event-calendar table td.t-gray {
display:none;}
.event-calendar table th {
display:none;}
.event-calendar table td {
display:block;
width:100%;
height:auto;
border-top:none;
border-right:1px solid #be9f66;
border-bottom:1px solid #be9f66;
border-left:1px solid #be9f66;}

}

/* 愛媛電算システム  ==========================*/
/* 愛媛電算システム  ==========================*/

.event01 {
overflow:hidden;
white-space:nowrap;}
.event01 .event-img00 {
position:absolute;
z-index:-1;
width:66%;
right:-12%;
top:35%;}
.event01 .event-img01 {
position:absolute;
width:37%;
right:-2%;
top:50%;
transform:translate(0,-50%);}
.event01 .event-img01 .img {
width:100%;
aspect-ratio:3 / 4;}
.event01 .event-img01 .img img {
object-fit:cover;
object-position:top;
width:100%;
height:100%;}
.event01 .event-ttl01 {
padding-top:5.85%;
width:66.67%;
line-height:0;}
.event01 .event-ttl02 {
margin-top:2.65%;
font-family:'Zen Maru Gothic';
font-size:218.75%;
line-height:1.4;
font-weight:500;
letter-spacing:-0.025em;
white-space:nowrap;
color:#1a3;}
.event01 .event-ttl03 {
margin-top:3.6%;
width:50%;
max-width:480px;}
.event01 .event-ttl03 .notice01 {
text-align:center;}
.event01 .event-ttl03 .notice01 span {
position:relative;
display:inline-block;
padding:0 1em;
font-size:106.25%;
line-height:2.4;
font-weight:500;
color:#1a3;
box-shadow:0 0 0 2px #1a3;
border-radius:1.2em;}
.event01 .event-ttl03 .notice01 span::after {
content:"";
position:absolute;
top:100%;
left:50%;
width:10px;
height:10px;
background:#fff;
border-bottom:2px solid #1a3;
border-left:2px solid #1a3;
transform:translate(-50%,-4px) rotate(-45deg);}
.event01 .event-ttl03 .bnr {
margin:2.7% 0;}
.event01 .event-ttl03 .bnr a {
display:block;
transition:transform 0.25s;}
.event01 .event-ttl03 .bnr a:hover {
transform:scale(1.03);}
.event01 .event-ttl03 .notice02 {
font-size:75%;
line-height:1.5;}
.event01 .event-ttl04 {
text-align:center;
position:absolute;
width:33.3333%;
right:0;
bottom:0;
padding:1em;
line-height:1.3;
color:#1a3;
background:rgba(224,243,215,0.95);
border-radius:1.2em;}
.event01 .event-ttl04 h3 {
font-size:175%;
font-weight:600;}

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

.event01 {
font-size:1.564vw;}

}

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

.event01 {
text-align:center;
font-size:15px;}
.event01 .event-img00 {
width:100%;
right:0%;
top:7%;}
.event01 .event-img01 {
position:static;
margin:5.5% auto 0;
width:60%;
transform:translate(0,0%);}
.event01 .event-img01 .img {
aspect-ratio:3 / 3;}
.event01 .event-ttl01 {
margin:0 auto;
padding-top:5%;
width:96%;}
.event01 .event-ttl02 {
margin-top:4.0%;
font-size:5.0vw;
transform:translate(0.25em,0);}
.event01 .event-ttl03 {
margin-top:7.5%;
width:100%;
max-width:1000px;}
.event01 .event-ttl03 .notice01 span {
font-size:3.2vw;}
.event01 .event-ttl03 .bnr {
margin:3.8% auto;
width:88%;}
.event01 .event-ttl03 .notice02 {
font-size:2.2vw;}
.event01 .event-ttl04 {
position:static;
width:70%;
margin:6% auto 0;
font-size:2.85vw;}

}

.event02 {
text-align:center;}
.event02 .tab-event {
border-bottom:2px solid #1a3;}
.event02 .tab-event ul.tab_menu {
width:100%;
max-width:800px;
align-items:flex-end;}
.event02 .tab-event ul.tab_menu li {
width:33.3333%;}
.event02 .tab-event ul.tab_menu li a {
display:block;
margin-right:0.8em;
padding:12px 0;
white-space:nowrap;
font-size:100%;
line-height:1.35;
font-weight:500;
color:#1a3;
background:#ecf8e3;
border:2px solid #1a3;
border-bottom:none;
border-radius:1em 1em 0 0;}
.event02 .tab-event ul.tab_menu li a br {
display:none;}
.event02 .tab-event ul.tab_menu li:nth-child(1) a {
margin-left:0.8em;}
.event02 .tab-event ul.tab_menu li:nth-child(3) a {
color:#fff;
background:#1a3;}
.event02 .tab-event ul.tab_menu li.active a {
padding:16px 0 14px 0;
background:#fff;
transform:translate(0,2px);}
.event02 .tab-event ul.tab_menu li:nth-child(3).active a {
color:#fff;
background:#1a3;}
.event02 .btn-event {
text-align:center;
justify-content:space-between;
margin:0 auto;
width:100%;
max-width:660px;}
.event02 .btn-event li {
width:49%;}
.event02 .btn-event li a {
display:block;
background:#1a3;
border-bottom:6px solid #287307;
border-radius:10px;
overflow:hidden;}
.event02 .btn-event li a:hover {
border-top:4px solid #fff;
border-bottom:2px solid #287307;}

.event02 .company {
padding:3em 4em;}
.event02 .company .txt {
text-align:left;}

.event02 .company .btn-check {
margin-top:1em}
.event02 .company .btn-check input[type="checkbox"] {
display:none;}
.event02 .company .btn-check input[type="checkbox"] + label {
cursor:pointer;
display:inline-block;
position:relative;
padding:0 0 2px 30px;
line-height:28px;
white-space:nowrap;}
.event02 .company .btn-check input[type="checkbox"] + label::before {
content:"";
position:absolute;
display:block;
width:16px;
height:16px;
left:5px;
top:50%;
transform:translate(0,-50%);
border:2px solid #bbb;
background:#fff;
border-radius:3px;}
.event02 .company .btn-check input[type="checkbox"]:checked + label {
color:#900;}
.event02 .company .btn-check input[type="checkbox"]:checked + label::before {
border:2px solid #900;
background:#900;
border-radius:3px;}
.event02 .company .btn-check input[type="checkbox"]:checked + label::after {
content:"";
position:absolute;
display:block;
width:9px;
height:5px;
left:10px;
top:35%;
transform:rotate(-45deg);
border-bottom:2px solid #fff;
border-left:2px solid #fff;}
.event02 .company .btn-check input[type="checkbox"] ~ .btn-link-l {
pointer-events:none;
margin-top:1em;}
.event02 .company .btn-check input[type="checkbox"] ~ .btn-link-l a {
background:#aaa;
box-shadow:0 0 0 2px #aaa;}
.event02 .company .btn-check input[type="checkbox"]:checked ~ .btn-link-l {
pointer-events:auto;}
.event02 .company .btn-check input[type="checkbox"]:checked ~ .btn-link-l a {
background:#1a3;
box-shadow:0 0 0 2px #1a3;}

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

.event02 .tab-event ul.tab_menu li a {
padding:8px 0;
font-size:3.1vw;
margin-right:0.5em;}
.event02 .tab-event ul.tab_menu li:nth-child(1) a {
margin-left:0.5em;}
.event02 .tab-event ul.tab_menu li a br {
display:block;}
.event02 .tab-event ul.tab_menu li.active a {
padding:12px 0 10px 0;}
.event02 .company {
padding:3em 1em;
font-size:93.75%;}

}

.event03 {
text-align:center;}
.event03 ul {
justify-content:space-between;
width:100%;}
.event03 ul li {
padding:1.5% 0;
width:24%;}
.event03 ul li .img01 {
position:relative;
margin:0 auto;
width:92%;}
.event03 ul li .img01 img {
width:100%;
border-radius:50%;
box-shadow:0 0 0 2px #1a3;}
.event03 ul li .img01 .num {
font-family:'Zen Maru Gothic';
position:absolute;
padding:0 0 0.15em 0;
left:-4.5%;
top:-4.5%;
width:1.35em;
font-size:281.25%;
line-height:1.2em;
color:#fff;
background:#1a3;
border-radius:50%;}
.event03 ul li .ttl {
margin:5.5% 0;
line-height:0;}
.event03 ul li .txt {
text-align:left;
padding:0.85em 0.95em;
font-size:87.5%;
line-height:1.55;
border:3px solid #ecf8e3;
border-radius:1em;}
.event03 ul li .txt p {
min-height:4.65em;}
.event03 ul li .btn-link {
margin:0.75em 0 0 0;}
.event03 ul li .btn-link a {
display:block;
padding:0 0 0.1em 0;
font-size:81.25%;
line-height:2;}

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

.event03 ul li .img01 .num {
font-size:4.4vw;}
.event03 ul li .txt {
font-size:1.4vw;}

}

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

.event03 ul {
margin:0 auto;
max-width:600px;}
.event03 ul li {
padding:3.5% 0;
width:48%;}
.event03 ul li .img01 .num {
font-size:8.0vw;}
.event03 ul li .txt {
font-size:87.5%;}
.event03 ul li .txt p {
min-height:auto;}

}


/* event guide  ==========================*/

.guide-main {
float:right;
width:65%;}
.guide-side {
text-align:center;
float:left;
width:31%;}
.guide-arrow {
text-align:center;
margin:0.8em 0 0.7em 0;
width:100%;
line-height:0;}
.guide-block {
margin:0.7em 0;
padding:0.75em 1.25em;
width:100%;
background:#ffd18d;
font-weight:600;
line-height:1.2;
border-radius:0.75em;}

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

.guide-main {
float:none;
width:100%;}
.guide-side {
float:none;
margin-bottom:1.7em;
width:100%;}

}