Commit 12408cc4 by Orine Matsui

画像見切れないように調整

parent 153d43f2
/* ======================================== /* ========================================
seminar.css seminar.css
======================================== */ ======================================== */
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.sp-only { .sp-only {
display: none !important; display: none !important;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.pc-only { .pc-only {
display: none !important; display: none !important;
} }
} }
body { body {
min-width: 1250px; min-width: 1250px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
body { body {
min-width: 320px; min-width: 320px;
} }
} }
.container { .container {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.container { .container {
width: 100%; width: 100%;
padding: 0 15px; padding: 0 15px;
} }
} }
.c-mainvisual { .c-mainvisual {
background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif); background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);
background-position: top center; background-position: top center;
background-repeat: no-repeat !important;
background-size: cover !important; background-repeat: repeat !important;
background-size: 1207px 124px!important;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual { .c-mainvisual {
margin-top: 100px; margin-top: 100px;
height: 210px; height: 210px;
background-size: 603px 62px!important;
} }
} }
.p-seminar-orig .c-mainvisual {
.c-mainvisual-img {
height: auto !important; height: auto !important;
background-image: none; background-image: none;
display: block; display: block;
} }
.p-seminar-orig .c-mainvisual__ttl { .p-seminar-orig .c-mainvisual__ttl {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 0; left: 0;
transform: translateY(-50%); transform: translateY(-50%);
} }
.c-mainvisual__image img { .c-mainvisual__image img {
width: 100%; width: 100%;
} }
.c-mainvisual__ttl { .c-mainvisual__ttl {
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 4rem; font-size: 4rem;
line-height: 1.4; line-height: 1.4;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__ttl { .c-mainvisual__ttl {
transform: translateY(-30px); transform: translateY(-30px);
font-size: 3rem; font-size: 3rem;
} }
.p-seminar .c-mainvisual__ttl { .p-seminar .c-mainvisual__ttl {
transform: translateY(0); transform: translateY(0);
text-align: left; text-align: left;
padding: 0px 15px; padding: 0px 15px;
} }
} }
.p-seminar .c-imgtext1 p { .p-seminar .c-imgtext1 p {
margin-bottom: 0; margin-bottom: 0;
} }
.p-seminar .c-maintxt1 { .p-seminar .c-maintxt1 {
margin-top: 0; margin-top: 0;
display: block !important; display: block !important;
} }
.c-mainvisual__txt { .c-mainvisual__txt {
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.2;
color: #fff; color: #fff;
margin: 27px 0 0; margin: 27px 0 0;
display: block; display: block;
position: absolute; position: absolute;
top: 300px; top: 300px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainvisual__txt { .c-mainvisual__txt {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.5; line-height: 1.5;
margin: 12px 0 0; margin: 12px 0 0;
top: 110px; top: 110px;
width: 80%; width: 80%;
} }
} }
.l-btn--center { .l-btn--center {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.l-btn--center { .l-btn--center {
display: block; display: block;
} }
} }
.c-btn1__txt { .c-btn1__txt {
display: inline-block; display: inline-block;
width: 579px; width: 579px;
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1.75; line-height: 1.75;
color: #093d6e; color: #093d6e;
font-weight: bold; font-weight: bold;
border: 2px solid #093d6e; border: 2px solid #093d6e;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding: 18px 0 16px; padding: 18px 0 16px;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn1__txt { .c-btn1__txt {
width: 100%; width: 100%;
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.4; line-height: 1.4;
padding: 12px 0 10px; padding: 12px 0 10px;
} }
} }
.c-btn1__txt::after { .c-btn1__txt::after {
content: ''; content: '';
width: 8px; width: 8px;
height: 8px; height: 8px;
border-top: 2px solid #093d6e; border-top: 2px solid #093d6e;
border-right: 2px solid #093d6e; border-right: 2px solid #093d6e;
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 20px; right: 20px;
-webkit-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn1__txt::after { .c-btn1__txt::after {
right: 10px; right: 10px;
} }
} }
.c-btn2 { .c-btn2 {
display: inline-block; display: inline-block;
margin: 0 8px; margin: 0 8px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn2 { .c-btn2 {
display: block; display: block;
margin: 5px 0; margin: 5px 0;
} }
}
.c-btn2__txt {
}
.c-btn2__txt {
display: block; display: block;
min-width: 360px; min-width: 360px;
background: #093d6e; background: #093d6e;
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
padding: 32px 10px 24px; padding: 32px 10px 24px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-btn2__txt { .c-btn2__txt {
min-width: auto; min-width: auto;
font-size: 1.5rem; font-size: 1.5rem;
padding: 20px 16px 15px; padding: 20px 16px 15px;
} }
} }
.c-mainttl { .c-mainttl {
text-align: center; text-align: center;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainttl { .c-mainttl {
text-align: left; text-align: left;
} }
} }
.c-mainttl__txt { .c-mainttl__txt {
font-size: 2rem; font-size: 2rem;
line-height: 1.5; line-height: 1.5;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-mainttl__txt { .c-mainttl__txt {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
.c-title1 { .c-title1 {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
border-bottom: 0; border-bottom: 0;
} }
.c-title1__txt { .c-title1__txt {
position: relative; position: relative;
font-size: 3.2rem; font-size: 3.2rem;
line-height: 1.4; line-height: 1.4;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
padding: 0 0 5px; padding: 0 0 5px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title1__txt { .c-title1__txt {
font-size: 2rem; font-size: 2rem;
} }
} }
.c-title1__txt span { .c-title1__txt span {
font-size: 2.4rem; font-size: 2.4rem;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title1__txt span { .c-title1__txt span {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
.c-title1__txt:after { .c-title1__txt:after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
height: 2px; height: 2px;
width: 100%; width: 100%;
background: #b8a136; background: #b8a136;
} }
.c-title2 { .c-title2 {
background: #1b1b1b; background: #1b1b1b;
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding: 37px 39px 29px 121px; padding: 37px 39px 29px 121px;
margin: -60px 0 0; margin: -60px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title2 { .c-title2 {
padding: 18px 18px 14px 30px; padding: 18px 18px 14px 30px;
margin: -30px 0 0; margin: -30px 0 0;
} }
} }
.c-title2__main { .c-title2__main {
font-size: 3.6rem; font-size: 3.6rem;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
padding: 0 16px 0 0; padding: 0 16px 0 0;
margin: 0 25px 0 0; margin: 0 25px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-title2__main { .c-title2__main {
font-size: 2rem; font-size: 2rem;
padding: 0 10px 0 0; padding: 0 10px 0 0;
margin: 0 15px 0 0; margin: 0 15px 0 0;
} }
} }
.c-title2__main::after { .c-title2__main::after {
content: ''; content: '';
width: 4px; width: 4px;
height: 65%; height: 65%;
background: #7d0000; background: #7d0000;
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 0; right: 0;
-webkit-transform: skew(-19deg) translate(0, -50%); -webkit-transform: skew(-19deg) translate(0, -50%);
transform: skew(-19deg) translate(0, -50%); transform: skew(-19deg) translate(0, -50%);
} }
.c-title2__sub { .c-title2__sub {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
font-weight: 500; font-weight: 500;
font-family: 'Noto Sans JP', sans-serif; font-family: 'Noto Sans JP', sans-serif;
margin: -11px 0 0; margin: -11px 0 0;
letter-spacing: 0.2px; letter-spacing: 0.2px;
} }
@media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
.c-title2__sub { .c-title2__sub {
font-size: 1.3rem; font-size: 1.3rem;
margin: -6px 0 0; margin: -6px 0 0;
} }
} }
.c-text1__txt1 { .c-text1__txt1 {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1.625; line-height: 1.625;
font-weight: 700; font-weight: 700;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-text1__txt1 { .c-text1__txt1 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.625; line-height: 1.625;
} }
} }
.c-text1__txt2 { .c-text1__txt2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.625; line-height: 1.625;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-text1__txt2 { .c-text1__txt2 {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
} }
} }
.c-imgtext1 { .c-imgtext1 {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
} }
.c-imgtext1__inner { .c-imgtext1__inner {
padding-right: 55px; padding-right: 55px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__inner { .c-imgtext1__inner {
padding-right: 0; padding-right: 0;
} }
} }
.c-imgtext1__info { .c-imgtext1__info {
width: 670px; width: 670px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__info { .c-imgtext1__info {
width: 100%; width: 100%;
padding: 0; padding: 0;
} }
} }
.c-imgtext1__img { .c-imgtext1__img {
width: 502px; width: 502px;
margin: 14px 0 0; margin: 14px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__img { .c-imgtext1__img {
width: 100%; width: 100%;
-webkit-box-ordinal-group: 0; -webkit-box-ordinal-group: 0;
-ms-flex-order: -1; -ms-flex-order: -1;
order: -1; order: -1;
margin: 0 0 20px; margin: 0 0 20px;
text-align: center; text-align: center;
} }
.c-imgtext1__img img { .c-imgtext1__img img {
width: auto; width: auto;
} }
} }
.c-imgtext1__txt { .c-imgtext1__txt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.625; line-height: 1.625;
color: #1b1b1b; color: #1b1b1b;
margin-bottom: 27px; margin-bottom: 27px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__txt { .c-imgtext1__txt {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
.c-imgtext1 p { .c-imgtext1 p {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.625; line-height: 1.625;
color: #1b1b1b; color: #1b1b1b;
margin-bottom: 27px; margin-bottom: 27px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1 p { .c-imgtext1 p {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
.c-imgtext1__txt2 { .c-imgtext1__txt2 {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
color: #1b1b1b; color: #1b1b1b;
margin-bottom: 16px; margin-bottom: 16px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__txt2 { .c-imgtext1__txt2 {
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 15px; margin-bottom: 15px;
} }
} }
.c-imgtext1__title { .c-imgtext1__title {
font-size: 2.2rem; font-size: 2.2rem;
line-height: 1.3; line-height: 1.3;
color: #1b1b1b; color: #1b1b1b;
margin-bottom: 27px; margin-bottom: 27px;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1__title { .c-imgtext1__title {
font-size: 1.4rem; font-size: 1.4rem;
line-height: 1.6; line-height: 1.6;
margin-bottom: 15px; margin-bottom: 15px;
}
}
}
.c-imgtext1__title + img {
margin-bottom: 26px;
} }
.c-imgtext1 .l-btn {
margin: 55px 0 0;
}
.c-imgtext1__title + img {
margin-bottom: 26px;
}
.c-imgtext1 .l-btn {
margin: 55px 0 0;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1 .l-btn { .c-imgtext1 .l-btn {
margin: 20px 0 0; margin: 20px 0 0;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.c-list1 li { .c-list1 li {
font-family: heisei-kaku-gothic-std, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.8rem; line-height: 1.8rem;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list1 li { .c-list1 li {
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.4; line-height: 1.4;
} }
} }
.c-list1 li:before { .c-list1 li:before {
content: '※'; content: '※';
margin-right: 3px; margin-right: 3px;
} }
.c-list1-ma { .c-list1-ma {
margin-top: 15px; margin-top: 15px;
margin-right: auto; margin-right: auto;
} }
.c-list1-ma p { .c-list1-ma p {
font-size: 1.2rem; font-size: 1.2rem;
} }
.c-list2 { .c-list2 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
.c-list2__item { .c-list2__item {
margin: 40px 0 0 2%; margin: 40px 0 0 2%;
padding: 24px 24px; padding: 24px 24px;
border: 1px solid #fff; border: 1px solid #fff;
width: 32%; width: 32%;
background: #fff; background: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2 { .c-list2 {
margin-top: 20px; margin-top: 20px;
} }
.c-list2__item { .c-list2__item {
width: 100%; width: 100%;
margin: 0 0 15px; margin: 0 0 15px;
padding: 14px 14px; padding: 14px 14px;
} }
} }
.c-list3 { .c-list3 {
display: -webkit-box; display: -webkit-box;
display: -ms-box; display: -ms-box;
display: box; display: box;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list3 { .c-list3 {
display: block; display: block;
} }
} }
.c-list3__item { .c-list3__item {
margin: 40px 0 0 2%; margin: 40px 0 0 2%;
padding: 24px 24px; padding: 24px 24px;
border: 1px solid #fff; border: 1px solid #fff;
width: 23.5%; width: 23.5%;
background: #fff; background: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list3__item { .c-list3__item {
width: 100%; width: 100%;
margin: 0 0 15px; margin: 0 0 15px;
padding: 16vw 15px 15px; padding: 16vw 15px 15px;
} }
} }
.c-list3__item:first-child { .c-list3__item:first-child {
margin: 60px 0 0 0; margin: 60px 0 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list3__item { .c-list3__item {
width: 100%; width: 100%;
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
} }
.c-list2__item:first-child, .c-list2__item:first-child,
.c-list3__item:first-child { .c-list3__item:first-child {
margin: 40px 0 0 0; margin: 40px 0 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__item:first-child { .c-list2__item:first-child {
margin-top: 0 !important; margin-top: 0 !important;
} }
.c-list3__item:first-child { .c-list3__item:first-child {
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
.c-list2__item, .c-list2__item,
.c-list3__item { .c-list3__item {
position: relative; position: relative;
width: 100%; width: 100%;
margin: 20px 0 0 0; margin: 20px 0 0 0;
} }
} }
.c-list2__ttl, .c-list2__ttl,
.c-list3__ttl { .c-list3__ttl {
font-size: 2.6rem; font-size: 2.6rem;
line-height: 1.2; line-height: 1.2;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
margin: 0 0 8px; margin: 0 0 8px;
text-align: center; text-align: center;
}
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__ttl, .c-list2__ttl,
.c-list3__ttl { .c-list3__ttl {
font-size: 1.5rem; font-size: 1.5rem;
position: absolute; position: absolute;
top: 16px; top: 16px;
left: 14px; left: 14px;
} }
} }
.c-list2__ttl span, .c-list2__ttl span,
.c-list3__ttl span { .c-list3__ttl span {
font-size: 3rem; font-size: 3rem;
display: block; display: block;
margin: -2px 0 0; margin: -2px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__ttl span, .c-list2__ttl span,
.c-list3__ttl span { .c-list3__ttl span {
font-size: 2rem; font-size: 2rem;
margin: 0; margin: 0;
} }
} }
.c-list2__txt, .c-list2__txt,
.c-list3__txt { .c-list3__txt {
font-size: 1.9rem; font-size: 1.9rem;
line-height: 1.5; line-height: 1.5;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list2__txt, .c-list2__txt,
.c-list3__txt { .c-list3__txt {
font-size: 1.4rem; font-size: 1.4rem;
text-align: left; text-align: left;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.c-imgtext1, .c-imgtext1,
.c-imgtext2 { .c-imgtext2 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
.c-imgtext1__image, .c-imgtext1__image,
.c-imgtext2__image { .c-imgtext2__image {
width: 386px; width: 386px;
} }
.c-imgtext1__image2 { .c-imgtext1__image2 {
width: 386px; width: 386px;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
margin: 0; margin: 0;
justify-content: space-between; justify-content: space-between;
} }
.c-imgtext1__image1 img { .c-imgtext1__image1 img {
width: 100%; width: 100%;
max-width: 386px; max-width: 386px;
} }
.c-imgtext1__image2 img { .c-imgtext1__image2 img {
width: calc(50% - 5px); width: calc(50% - 5px);
} }
.c-imgtext1__info { .c-imgtext1__info {
width: calc(100% - 416px); width: calc(100% - 416px);
} }
.c-imgtext2__info { .c-imgtext2__info {
width: calc(100% - 560px); width: calc(100% - 560px);
} }
.c-imgtext1__info .c-imgtext1__title, .c-imgtext1__info .c-imgtext1__title,
.c-imgtext2__info .c-imgtext2__title { .c-imgtext2__info .c-imgtext2__title {
font-size: 5rem; font-size: 5rem;
line-height: 1.2; line-height: 1.2;
margin: 0; margin: 0;
} }
.c-imgtext1__info .c-imgtext1__title2, .c-imgtext1__info .c-imgtext1__title2,
.c-imgtext2__info .c-imgtext2__title2 { .c-imgtext2__info .c-imgtext2__title2 {
font-size: 2rem; font-size: 2rem;
line-height: 1.4; line-height: 1.4;
text-align: left; text-align: left;
font-weight: 700; font-weight: 700;
margin: 20px 0 !important; margin: 20px 0 !important;
} }
.c-imgtext1__text, .c-imgtext1__text,
.c-imgtext2__text { .c-imgtext2__text {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
} }
.c-imgtext2__image2 { .c-imgtext2__image2 {
width: 200px; width: 200px;
margin-left: 20px; margin-left: 20px;
} }
.c-imgtext2__image2 img { .c-imgtext2__image2 img {
width: 100%; width: 100%;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-imgtext1, .c-imgtext1,
.c-imgtext2 { .c-imgtext2 {
display: block; display: block;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
.c-imgtext1__image, .c-imgtext1__image,
.c-imgtext2__image { .c-imgtext2__image {
width: 100%; width: 100%;
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
} }
.c-imgtext1__image2 { .c-imgtext1__image2 {
display: block; display: block;
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
.c-imgtext1__image2 img { .c-imgtext1__image2 img {
margin: 10px 0 0 0; margin: 10px 0 0 0;
width: 50%; width: 50%;
} }
.c-imgtext1__info { .c-imgtext1__info {
width: 100%; width: 100%;
} }
.c-imgtext1__info .c-imgtext1__title { .c-imgtext1__info .c-imgtext1__title {
font-size: 2.8rem; font-size: 2.8rem;
line-height: 1.2; line-height: 1.2;
margin: 0; margin: 0;
} }
.c-imgtext1__info .c-imgtext1__title2 { .c-imgtext1__info .c-imgtext1__title2 {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
margin: 10px 0 15px !important;
}
.c-imgtext1__text { margin: 10px 0 15px !important;
font-size: 1.6rem;
line-height: 1.5;
} }
.c-imgtext1__text {
font-size: 1.6rem;
line-height: 1.5;
}
} }
@media screen and (max-width: 425px) { @media screen and (max-width: 425px) {
.c-imgtext1__image1 img { .c-imgtext1__image1 img {
max-width: 193px; max-width: 193px;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.seminar1 { .seminar1 {
padding: 75px 0 70px; padding: 75px 0 70px;
} }
.seminar__gray { .seminar__gray {
background-color: #ececec; background-color: #ececec;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar1 { .seminar1 {
padding: 42px 0; padding: 42px 0;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.seminar2 { .seminar2 {
padding: 75px 0 85px; padding: 75px 0 85px;
background-color: #ececec; background-color: #ececec;
} }
.seminar__white { .seminar__white {
background-color: #fff; background-color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar2 { .seminar2 {
padding: 45px 0; padding: 45px 0;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.seminar3 { .seminar3 {
padding: 75px 0 70px; padding: 75px 0 70px;
background-color: #1f3563; background-color: #1f3563;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar3 { .seminar3 {
padding: 45px 0; padding: 45px 0;
} }
} }
.seminar3 .c-title1 { .seminar3 .c-title1 {
text-align: center; text-align: center;
margin: 0 0 26px; margin: 0 0 26px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar3 .c-title1 { .seminar3 .c-title1 {
padding: 0 15px; padding: 0 15px;
} }
} }
.seminar3 .c-title1__txt { .seminar3 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
display: inline-block; display: inline-block;
color: #beac56; color: #beac56;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar3 .c-title1__txt { .seminar3 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
.seminar3 .c-title1__txt img { .seminar3 .c-title1__txt img {
max-width: 340px; max-width: 340px;
height: auto; height: auto;
} }
.seminar3 .c-title1__txt:after { .seminar3 .c-title1__txt:after {
width: 100vw; width: 100vw;
} }
.seminar3__txt { .seminar3__txt {
text-align: center; text-align: center;
font-size: 1.8rem; font-size: 1.8rem;
color: #333; color: #333;
line-height: 1.4; line-height: 1.4;
margin-bottom: 24px; margin-bottom: 24px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar3__txt { .seminar3__txt {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.seminar3 .c-list2__item { .seminar3 .c-list2__item {
background: none; background: none;
} }
.seminar3 .c-list2__item .c-list2__txt { .seminar3 .c-list2__item .c-list2__txt {
color: #FFF; color: #FFF;
} }
.seminar3 .c-list3__item { .seminar3 .c-list3__item {
background: none; background: none;
} }
.seminar3 .c-list3__item .c-list2__txt, .seminar3 .c-list3__item .c-list2__txt,
.seminar3 .c-list3__item .c-list3__txt { .seminar3 .c-list3__item .c-list3__txt {
color: #FFF; color: #FFF;
} }
.c-list4 { .c-list4 {
margin-top: 30px; margin-top: 30px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list4 { .c-list4 {
margin-top: 0; margin-top: 0;
} }
} }
.c-list4__item { .c-list4__item {
width: 100%; width: 100%;
margin: 28px 0 0 0; margin: 28px 0 0 0;
} }
.c-list4__inner { .c-list4__inner {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: justify; -webkit-box-pack: justify;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
} }
.c-list4__img { .c-list4__img {
width: 190px; width: 190px;
margin: 2px 0 0; margin: 2px 0 0;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list4__img { .c-list4__img {
width: 38%; width: 38%;
margin: 1px 0 0; margin: 1px 0 0;
} }
} }
.c-list4__info { .c-list4__info {
width: calc(100% - 210px); width: calc(100% - 210px);
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list4__info { .c-list4__info {
width: 58%; width: 58%;
} }
} }
.c-list4__ttl { .c-list4__ttl {
font-size: 2rem; font-size: 2rem;
line-height: 1.24; line-height: 1.24;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-list4__ttl { .c-list4__ttl {
font-size: 1.8rem; font-size: 1.8rem;
} }
} }
.c-list4__txt { .c-list4__txt {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
color: #363636; color: #363636;
margin: 10px 0 0 !important; margin: 10px 0 0 !important;
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.seminar4 { .seminar4 {
padding: 75px 0 80px; padding: 75px 0 80px;
background-color: #fff; background-color: #fff;
} }
.seminar4 .bgGRY { .seminar4 .bgGRY {
background-color: #ececec; background-color: #ececec;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar4 { .seminar4 {
padding: 45px 0; padding: 45px 0;
} }
} }
.seminar4 .c-title1 { .seminar4 .c-title1 {
text-align: center; text-align: center;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar4 .c-title1 { .seminar4 .c-title1 {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.seminar4 .c-title1__txt { .seminar4 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
display: inline-block; display: inline-block;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar4 .c-title1__txt { .seminar4 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
.seminar4 .c-title1__txt img { .seminar4 .c-title1__txt img {
max-width: 340px; max-width: 340px;
height: auto; height: auto;
} }
.seminar4 .c-title1__txt:after { .seminar4 .c-title1__txt:after {
width: 100vw; width: 100vw;
} }
.c-table2 { .c-table2 {
margin-top: 40px; margin-top: 40px;
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table2 { .c-table2 {
margin-top: 20px; margin-top: 20px;
} }
} }
.c-table1 dl, .c-table1 dl,
.c-table2 dl { .c-table2 dl {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
border-bottom: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table1 dl, .c-table1 dl,
.c-table2 dl { .c-table2 dl {
display: block; display: block;
} }
} }
.c-table1 dl:last-of-type, .c-table1 dl:last-of-type,
.c-table2 dl:last-of-type { .c-table2 dl:last-of-type {
border-bottom: none; border-bottom: none;
} }
.c-table1 dt { .c-table1 dt {
width: 200px; width: 200px;
font-size: 2.0rem; font-size: 2.0rem;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding: 23px 30px; padding: 23px 30px;
line-height: 1.8; line-height: 1.8;
justify-content: flex-end; justify-content: flex-end;
} }
.c-table2 dt { .c-table2 dt {
width: 200px; width: 200px;
background-color: #ececec; background-color: #ececec;
border-right: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
font-weight: bold; font-weight: bold;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding: 23px 30px; padding: 23px 30px;
line-height: 1.8; line-height: 1.8;
text-align: left; text-align: left;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table1 dt, .c-table1 dt,
.c-table2 dt { .c-table2 dt {
font-size: 1.5rem; font-size: 1.5rem;
width: 100%; width: 100%;
border-right: none;
display: block;
border-right: none;
display: block;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
} }
.c-table1 dt { .c-table1 dt {
padding: 20px 0px 10px 0px; padding: 20px 0px 10px 0px;
} }
} }
.c-table1 dd, .c-table1 dd,
.c-table2 dd { .c-table2 dd {
width: calc(100% - 200px); width: calc(100% - 200px);
padding: 27px 30px 25px; padding: 27px 30px 25px;
position: relative; position: relative;
} }
.c-table1 dd { .c-table1 dd {
font-size: 2.0rem; font-size: 2.0rem;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table1 dd, .c-table1 dd,
.c-table2 dd { .c-table2 dd {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
text-align: left; text-align: left;
} }
} }
.c-table2 dd { .c-table2 dd {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
-webkit-align-items: center; -webkit-align-items: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
text-align: left; text-align: left;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table1 dd { .c-table1 dd {
display: block; display: block;
padding: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;
} }
.c-table2 dd { .c-table2 dd {
display: block; display: block;
} }
} }
.c-table1 p { .c-table1 p {
font-size: 2.0rem; font-size: 2.0rem;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table1 p { .c-table1 p {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
.c-table2 p { .c-table2 p {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table2 p { .c-table2 p {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.c-table2 dd p.c-table1__tt2 { .c-table2 dd p.c-table1__tt2 {
font-size: 2.0rem; font-size: 2.0rem;
color: #363636; color: #363636;
margin-right: 20px; margin-right: 20px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table2 dd p.c-table1__tt2 { .c-table2 dd p.c-table1__tt2 {
font-size: 1.4rem; font-size: 1.4rem;
margin-right: 0; margin-right: 0;
} }
} }
.c-table2 .list li { .c-table2 .list li {
font-size: 1.6rem; font-size: 1.6rem;
color: #363636; color: #363636;
position: relative; position: relative;
padding-left: 16px; padding-left: 16px;
} }
.c-table2 .list li:not(:first-child) { .c-table2 .list li:not(:first-child) {
margin-top: 0.6em; margin-top: 0.6em;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table2 .list li { .c-table2 .list li {
font-size: 1.4rem; font-size: 1.4rem;
padding-left: 14px; padding-left: 14px;
} }
} }
.c-table2 .list li:before { .c-table2 .list li:before {
content: ""; content: "";
width: 10px; width: 10px;
height: 10px; height: 10px;
background-color: #999; background-color: #999;
border-radius: 100px; border-radius: 100px;
position: absolute; position: absolute;
top: 6px; top: 6px;
left: -1px; left: -1px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.c-table2 .list li:before { .c-table2 .list li:before {
width: 8px; width: 8px;
height: 8px; height: 8px;
top: 5px; top: 5px;
} }
} }
.c-table2 .list li a { .c-table2 .list li a {
color: #093d6e; color: #093d6e;
text-decoration: underline;
}
text-decoration: underline;
}
.c-table1 .c-table1__ttl {
min-width: 110px;
padding: 3px 20px;
border-radius: 10px;
text-align: center;
}
/*
------------------------------------------------------------*/
.seminarBtm {
padding: 0 0 80px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.seminarBtm {
padding: 0 0 40px;
}
}
.c-table1-btn {
position: absolute;
top: 27px;
right: 30px;
}
@media screen and (max-width: 767px) {
.c-table1-btn {
width: 100%;
margin-top: 16px;
position: relative;
top: auto;
right: auto;
}
}
/*
.c-table1 .c-table1__ttl {
min-width: 110px;
padding: 3px 20px;
border-radius: 10px; ------------------------------------------------------------*/
text-align: center;
}
/* .seminar5 {
------------------------------------------------------------*/ padding: 75px 0 70px;
.seminarBtm {
padding: 0 0 80px;
background-color: #fff; background-color: #1f3563;
}
@media screen and (max-width: 767px) {
.seminarBtm { color: #fff;
padding: 0 0 40px;
}
} }
.c-table1-btn {
position: absolute;
top: 27px;
right: 30px; @media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
.c-table1-btn { .seminar5 {
width: 100%;
margin-top: 16px;
position: relative; padding: 45px 0;
top: auto;
right: auto;
} }
} }
/*
.seminar5 .c-title1 {
------------------------------------------------------------*/
.seminar5 {
padding: 75px 0 70px; text-align: center;
background-color: #1f3563;
color: #fff;
} margin: 0 0 26px;
@media screen and (max-width: 767px) {
.seminar5 { position: relative;
padding: 45px 0;
}
} }
.seminar5 .c-title1 {
text-align: center;
margin: 0 0 26px;
position: relative;
} .seminar5 .c-title1__txt {
.seminar5 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
display: inline-block; display: inline-block;
color: #beac56; color: #beac56;
} }
.seminar5 .c-title1__txt:after { .seminar5 .c-title1__txt:after {
width: 100vw; width: 100vw;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar5 .c-list2__item, .seminar5 .c-list3__item { .seminar5 .c-list2__item, .seminar5 .c-list3__item {
height: 72px; height: 72px;
padding: 14px 14px 14px 30px !important; padding: 14px 14px 14px 30px !important;
} }
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
.seminar6 { .seminar6 {
padding: 75px 0 70px; padding: 75px 0 70px;
background-color: #fff; background-color: #fff;
color: #fff; color: #fff;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar6 { .seminar6 {
padding: 45px 0px 20px; padding: 45px 0px 20px;
background-color: #fff; background-color: #fff;
color: #fff; color: #fff;
} }
} }
.seminar6 .c-title1 { .seminar6 .c-title1 {
text-align: center; text-align: center;
margin: 0 0 26px; margin: 0 0 26px;
position: relative; position: relative;
} }
.seminar6 .c-title1__txt { .seminar6 .c-title1__txt {
margin-bottom: 20px; margin-bottom: 20px;
display: inline-block; display: inline-block;
color: #333; color: #333;
} }
.seminar6 .c-title1__txt:after { .seminar6 .c-title1__txt:after {
width: 100vw; width: 100vw;
} }
/* /*
------------------------------------------------------------*/ ------------------------------------------------------------*/
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar3 .c-list3__item, .seminar5 .c-list3__item { .seminar3 .c-list3__item, .seminar5 .c-list3__item {
padding: 15px; padding: 15px;
} }
.seminar5 .c-list2__ttl, .seminar5 .c-list3__ttl { .seminar5 .c-list2__ttl, .seminar5 .c-list3__ttl {
margin-bottom: 4px; margin-bottom: 4px;
} }
} }
.seminar-btnset .container { .seminar-btnset .container {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.seminar-btnset .container .l-btn:nth-child(2n) { .seminar-btnset .container .l-btn:nth-child(2n) {
margin-left: 37px; margin-left: 37px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar-btnset .container { .seminar-btnset .container {
display: block; display: block;
} }
.seminar-btnset .container .l-btn:nth-child(2n) { .seminar-btnset .container .l-btn:nth-child(2n) {
margin-left: 0; margin-left: 0;
} }
} }
.seminar-btnset { .seminar-btnset {
margin-bottom: 100px; margin-bottom: 100px;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar-btnset { .seminar-btnset {
margin-bottom: 76px; margin-bottom: 76px;
} }
} }
.seminar-btnset .c-btn1 { .seminar-btnset .c-btn1 {
text-align: center; text-align: center;
} }
.seminar-btnset .c-btn1 a { .seminar-btnset .c-btn1 a {
font-size: 1.6rem; font-size: 1.6rem;
} }
.seminar-btnset .c-btn1 span { .seminar-btnset .c-btn1 span {
display: block; display: block;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar-btnset .c-btn1 a { .seminar-btnset .c-btn1 a {
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.seminar-btnset .c-btn1-red { .seminar-btnset .c-btn1-red {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
.seminar-btnset .c-btn1-red a { .seminar-btnset .c-btn1-red a {
background: #7d0000; background: #7d0000;
border: 2px solid #7d0000; border: 2px solid #7d0000;
color: #fff; color: #fff;
} }
.seminar-btnset .c-btn1-red .c-btn1__txt::after { .seminar-btnset .c-btn1-red .c-btn1__txt::after {
border-top: 2px solid #fff; border-top: 2px solid #fff;
border-right: 2px solid #fff; border-right: 2px solid #fff;
} }
<?php $pageid="seminar";?> <?php $pageid="seminar";?>
<?php include(get_template_directory() . '/assets/include/header.php'); ?> <?php include(get_template_directory() . '/assets/include/header.php'); ?>
<?php if( have_rows('themes') ): while( have_rows('themes') ): the_row(); <?php if( have_rows('themes') ): while( have_rows('themes') ): the_row();
$option = get_sub_field('option'); $option = get_sub_field('option');
$theme_1 = get_sub_field('theme_1'); $theme_1 = get_sub_field('theme_1');
$theme_2= get_sub_field('theme_2'); $theme_2= get_sub_field('theme_2');
?> ?>
<main class="p-seminar p-seminar-01"> <main class="p-seminar p-seminar-01">
<?php if( have_rows('mainvisual') ): while( have_rows('mainvisual') ): the_row(); <?php if( have_rows('mainvisual') ): while( have_rows('mainvisual') ): the_row();
$display = get_sub_field('display'); $display = get_sub_field('display');
if($display == "option1"){ if($display == "option1"){
if( have_rows('option_1') ): while( have_rows('option_1') ): the_row(); if( have_rows('option_1') ): while( have_rows('option_1') ): the_row();
$experience_mv_pc = get_sub_field('experience_mv_pc'); $experience_mv_pc = get_sub_field('experience_mv_pc');
$experience_mv_sp = get_sub_field('experience_mv_sp'); $experience_mv_sp = get_sub_field('experience_mv_sp');
?> ?>
<div class="c-mainvisual c-mainvisual-bg-01 pc-only" style="background-image: url(<?php echo $experience_mv_pc;?>);"></div>
<div class="c-mainvisual c-mainvisual-bg-01 sp-only" style="background-image: url(<?php echo $experience_mv_sp;?>);"></div> <div class="c-mainvisual c-mainvisual-img pc-only"><img src="<?php echo $experience_mv_pc;?>" alt=""></div>
<div class="c-mainvisual c-mainvisual-img sp-only"><img src="<?php echo $experience_mv_sp;?>" alt=""></div>
<?php endwhile; endif; } else { <?php endwhile; endif; } else {
if( have_rows('option_2') ): while( have_rows('option_2') ): the_row(); if( have_rows('option_2') ): while( have_rows('option_2') ): the_row();
$experience_mv_img = get_sub_field('experience_mv_img'); $experience_mv_img = get_sub_field('experience_mv_img');
$experience_mv_ttl = get_sub_field('experience_mv_ttl'); $experience_mv_ttl = get_sub_field('experience_mv_ttl');
if($experience_mv_img != "none") { if($experience_mv_img != "none") {
?> ?>
<div class="c-mainvisual c-mainvisual-bg-01" <div class="c-mainvisual c-mainvisual-bg-01"
<?php if($experience_mv_img == "blue") { <?php if($experience_mv_img == "blue") {
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"';
}elseif($experience_mv_img == "red"){ }elseif($experience_mv_img == "red"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_RED.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_RED.gif);"';
} }
elseif($experience_mv_img== "green"){ elseif($experience_mv_img== "green"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"';
} }
elseif($experience_mv_img == "lightblue"){ elseif($experience_mv_img == "lightblue"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
} }
elseif($experience_mv_img == "gray"){ elseif($experience_mv_img == "gray"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
} }
?> > ?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2> <h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div> </div>
<?php } elseif ($experience_mv_img == "none"){ ?> <?php } elseif ($experience_mv_img == "none"){ ?>
<div class="c-mainvisual c-mainvisual-bg-01" <div class="c-mainvisual c-mainvisual-bg-01"
<?php if($theme_2 == "1f3563") { <?php if($theme_2 == "1f3563") {
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"';
}elseif($theme_2 == "812727"){ }elseif($theme_2 == "812727"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_RED.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_RED.gif);"';
} }
elseif($theme_2 == "2e4e34"){ elseif($theme_2 == "2e4e34"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"';
} }
elseif($theme_2 == "1e5169"){ elseif($theme_2 == "1e5169"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
} }
elseif($theme_2 == "363636"){ elseif($theme_2 == "363636"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"'; echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
} }
?> > ?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2> <h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div> </div>
<?php } ; endwhile; endif; } ; endwhile; endif; ?> <?php } ; endwhile; endif; } ; endwhile; endif; ?>
<?php $experience_lead = get_field("experience_lead")?> <?php $experience_lead = get_field("experience_lead")?>
<?php if(!empty($experience_lead)){ ?> <?php if(!empty($experience_lead)){ ?>
<section class="seminar1"> <section class="seminar1">
<div class="c-mainttl container"> <div class="c-mainttl container">
<h3 class="c-mainttl__txt"><?php echo $experience_lead;?></h3> <h3 class="c-mainttl__txt"><?php echo $experience_lead;?></h3>
</div> </div>
</section> </section>
<?php } ?> <?php } ?>
<section class="seminar2"> <section class="seminar2">
<div class="container"> <div class="container">
<div class="c-imgtext1 c-maintxt1"> <div class="c-imgtext1 c-maintxt1">
<?php $experience_maintext = get_field("experience_maintext")?> <?php $experience_maintext = get_field("experience_maintext")?>
<p class="c-imgtext1__txt"><?php echo $experience_maintext;?></p> <p class="c-imgtext1__txt"><?php echo $experience_maintext;?></p>
<?php $experience_attention = get_field("experience_attention")?> <?php $experience_attention = get_field("experience_attention")?>
<?php if(!empty($experience_attention)){ ?> <?php if(!empty($experience_attention)){ ?>
<div class="c-list1 c-list1-ma"> <div class="c-list1 c-list1-ma">
<?php echo $experience_attention;?> <?php echo $experience_attention;?>
</div> </div>
<?php } ?> <?php } ?>
</div> </div>
</div> </div>
</section> </section>
<?php <?php
if( have_rows('list_people')) : while( have_rows('list_people') ): the_row(); if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$displayflg = get_sub_field("text_list_people"); $displayflg = get_sub_field("text_list_people");
?> ?>
<?php endwhile; endif;?> <?php endwhile; endif;?>
<?php <?php
if(!empty($displayflg)){ if(!empty($displayflg)){
?> ?>
<section class="seminar3" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>"> <section class="seminar3" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>">
<div class="c-title1"> <div class="c-title1">
<?php $section3_ttl = get_field("section3_ttl")?> <?php $section3_ttl = get_field("section3_ttl")?>
<?php if(!empty($section3_ttl)){ ?> <?php if(!empty($section3_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section3_ttl; ?></h3> <h3 class="c-title1__txt"><?php echo $section3_ttl; ?></h3>
<?php } ?> <?php } ?>
<div class="container"> <div class="container">
<?php <?php
$count = count(get_field('list_people')); $count = count(get_field('list_people'));
if($count <= 3){ if($count <= 3){
?> ?>
<ul class="c-list2"> <ul class="c-list2">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row(); <?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$text_list_people = get_sub_field("text_list_people"); $text_list_people = get_sub_field("text_list_people");
?> ?>
<li class="c-list2__item"><p class="c-list2__txt"><?php echo $text_list_people; ?></p></li> <li class="c-list2__item"><p class="c-list2__txt"><?php echo $text_list_people; ?></p></li>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</ul> </ul>
<?php } else { ?> <?php } else { ?>
<ul class="c-list3"> <ul class="c-list3">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row(); <?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$text_list_people = get_sub_field("text_list_people"); $text_list_people = get_sub_field("text_list_people");
?> ?>
<li class="c-list3__item"><p class="c-list2__txt"><?php echo $text_list_people; ?></p></li> <li class="c-list3__item"><p class="c-list2__txt"><?php echo $text_list_people; ?></p></li>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</ul> </ul>
<?php }; ?> <?php }; ?>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
</div> </div>
</section> </section>
<?php }; ?> <?php }; ?>
<?php if( have_rows('organiz_pro')) : <?php if( have_rows('organiz_pro')) :
?> ?>
<section class="seminar4"> <section class="seminar4">
<div class="c-title1"> <div class="c-title1">
<?php $section4_ttl = get_field("section4_ttl")?> <?php $section4_ttl = get_field("section4_ttl")?>
<?php if(!empty($section4_ttl)){ ?> <?php if(!empty($section4_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section4_ttl; ?></h3> <h3 class="c-title1__txt"><?php echo $section4_ttl; ?></h3>
<?php } ?> <?php } ?>
<div class="container"> <div class="container">
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<?php while( have_rows('organiz_pro') ): the_row(); <?php while( have_rows('organiz_pro') ): the_row();
$organiz_pro_img = get_sub_field("organiz_pro_img"); $organiz_pro_img = get_sub_field("organiz_pro_img");
$organiz_pro_name = get_sub_field("organiz_pro_name"); $organiz_pro_name = get_sub_field("organiz_pro_name");
$organiz_pro_intoro = get_sub_field("organiz_pro_intoro"); $organiz_pro_intoro = get_sub_field("organiz_pro_intoro");
$organiz_pro_txt = get_sub_field("organiz_pro_txt");?> $organiz_pro_txt = get_sub_field("organiz_pro_txt");?>
<div class="c-imgtext1"> <div class="c-imgtext1">
<div class="c-imgtext1__image"><img src="<?php echo $organiz_pro_img;?>" alt="" width="300" height="300"></div> <div class="c-imgtext1__image"><img src="<?php echo $organiz_pro_img;?>" alt="" width="300" height="300"></div>
<div class="c-imgtext1__info"> <div class="c-imgtext1__info">
<p class="c-imgtext1__title"><?php echo $organiz_pro_name;?></p> <p class="c-imgtext1__title"><?php echo $organiz_pro_name;?></p>
<p class="c-imgtext1__title2"><?php echo $organiz_pro_intoro;?></p> <p class="c-imgtext1__title2"><?php echo $organiz_pro_intoro;?></p>
<div><?php echo $organiz_pro_txt;?></div> <div><?php echo $organiz_pro_txt;?></div>
<?php while (have_posts()){ the_post(); if( have_rows('trainer_book') ): ?> <?php while (have_posts()){ the_post(); if( have_rows('trainer_book') ): ?>
<ul class="c-list4"> <ul class="c-list4">
<?php while( have_rows('trainer_book') ): the_row(); <?php while( have_rows('trainer_book') ): the_row();
$trainer_book_img = get_sub_field('trainer_book_img'); $trainer_book_img = get_sub_field('trainer_book_img');
$trainer_book_ttl = get_sub_field('trainer_book_ttl'); $trainer_book_ttl = get_sub_field('trainer_book_ttl');
$trainer_book_txt = get_sub_field('trainer_book_txt'); $trainer_book_txt = get_sub_field('trainer_book_txt');
$trainer_book_url = get_sub_field('trainer_book_url'); $trainer_book_url = get_sub_field('trainer_book_url');
?> ?>
<li class="c-list4__item"> <li class="c-list4__item">
<a href="<?php echo $trainer_book_url ?>" target="_blank" class="c-list4__inner"> <a href="<?php echo $trainer_book_url ?>" target="_blank" class="c-list4__inner">
<div class="c-list4__img"> <div class="c-list4__img">
<img src="<?php echo $trainer_book_img['url']?>" alt="<?php echo $trainer_book_ttl?>"> <img src="<?php echo $trainer_book_img['url']?>" alt="<?php echo $trainer_book_ttl?>">
</div> </div>
<div class="c-list4__info"> <div class="c-list4__info">
<h4 class="c-list4__ttl"><?php echo $trainer_book_ttl?></h4> <h4 class="c-list4__ttl"><?php echo $trainer_book_ttl?></h4>
<p class="c-list4__txt"><?php echo $trainer_book_txt?></p> <p class="c-list4__txt"><?php echo $trainer_book_txt?></p>
</div> </div>
</a> </a>
</li> </li>
<?php endwhile; ?> <?php endwhile; ?>
</ul> </ul>
<?php endif;} ?> <?php endif;} ?>
</div> </div>
</div> </div>
<?php endwhile;?> <?php endwhile;?>
<!-- <div class="c-imgtext1"> <!-- <div class="c-imgtext1">
<div class="c-imgtext1__image"><img src="/assets/img/trainer/img_trainer_shimamura.png" alt="" width="300" height="300"></div> <div class="c-imgtext1__image"><img src="/assets/img/trainer/img_trainer_shimamura.png" alt="" width="300" height="300"></div>
<div class="c-imgtext1__info"> <div class="c-imgtext1__info">
<p class="c-imgtext1__title">嶌村 武男</p> <p class="c-imgtext1__title">嶌村 武男</p>
<p class="c-imgtext1__title2">アチーブメント株式会社 トレーナー</p> <p class="c-imgtext1__title2">アチーブメント株式会社 トレーナー</p>
<p class="c-imgtext1__text">1970年、熊本県八代市生まれ。日本航空株式会社に航空機のエンジニアとして18年間勤務。<br> <p class="c-imgtext1__text">1970年、熊本県八代市生まれ。日本航空株式会社に航空機のエンジニアとして18年間勤務。<br>
その後、営業組織においてトップクラスの成績を収め、リーダーとして5000名以上の人材育成や講演に携わる。<br> その後、営業組織においてトップクラスの成績を収め、リーダーとして5000名以上の人材育成や講演に携わる。<br>
2007年よりアチーブメント株式会社入社。<br> 2007年よりアチーブメント株式会社入社。<br>
現在は、チームリーダーとして部下育成を行うと同時に、営業力強化セミナーや時間管理セミナーなどの公開講座でトレーナーを務め、<br> 現在は、チームリーダーとして部下育成を行うと同時に、営業力強化セミナーや時間管理セミナーなどの公開講座でトレーナーを務め、<br>
経営者をはじめ営業職、専門職の方々の成長に寄与している。<br> 経営者をはじめ営業職、専門職の方々の成長に寄与している。<br>
また、企業研修においては、選択理論心理学をベースとした体験型のチームビルディングやモチベーション・マネジメント研修を担当。<br> また、企業研修においては、選択理論心理学をベースとした体験型のチームビルディングやモチベーション・マネジメント研修を担当。<br>
技術職と営業職の両方のキャリアがあり、営業職のみならず研究職や技術職といった<br> 技術職と営業職の両方のキャリアがあり、営業職のみならず研究職や技術職といった<br>
理系受講生からも高い共感値と満足度を得ている。</p> 理系受講生からも高い共感値と満足度を得ている。</p>
</div> </div>
</div> --> </div> -->
</div> </div>
</section> </section>
<?php ; endif;?> <?php ; endif;?>
<?php if(!empty(get_field('section5_ttl'))|| (!empty(get_field('list_seminar')))){ ?> <?php if(!empty(get_field('section5_ttl'))|| (!empty(get_field('list_seminar')))){ ?>
<section class="seminar5" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>"> <section class="seminar5" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>">
<div class="c-title1"> <div class="c-title1">
<?php $section5_ttl = get_field("section5_ttl")?> <?php $section5_ttl = get_field("section5_ttl")?>
<?php if(!empty($section5_ttl)){ ?> <?php if(!empty($section5_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section5_ttl; ?></h3> <h3 class="c-title1__txt"><?php echo $section5_ttl; ?></h3>
<?php } ?> <?php } ?>
<div class="container"> <div class="container">
<?php <?php
if(!empty(get_field('list_seminar'))){ if(!empty(get_field('list_seminar'))){
$count = count(get_field('list_seminar')); $count = count(get_field('list_seminar'));
} }
if($count <= 3){ if($count <= 3){
?> ?>
<ul class="c-list2"> <ul class="c-list2">
<?php if( have_rows('list_seminar')) : while( have_rows('list_seminar') ): the_row(); <?php if( have_rows('list_seminar')) : while( have_rows('list_seminar') ): the_row();
$number_list_seminar = get_sub_field("number_list_seminar"); $number_list_seminar = get_sub_field("number_list_seminar");
$text_list_seminar = get_sub_field("text_list_seminar"); $text_list_seminar = get_sub_field("text_list_seminar");
?> ?>
<li class="c-list2__item"><h4 class="c-list2__ttl"><?php echo $number_list_seminar?></h4><p class="c-list2__txt"><?php echo $text_list_seminar;?></p></li> <li class="c-list2__item"><h4 class="c-list2__ttl"><?php echo $number_list_seminar?></h4><p class="c-list2__txt"><?php echo $text_list_seminar;?></p></li>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</ul> </ul>
<?php } else { ?> <?php } else { ?>
<ul class="c-list3"> <ul class="c-list3">
<?php if( have_rows('list_seminar')) : while( have_rows('list_seminar') ): the_row(); <?php if( have_rows('list_seminar')) : while( have_rows('list_seminar') ): the_row();
$number_list_seminar = get_sub_field("number_list_seminar"); $number_list_seminar = get_sub_field("number_list_seminar");
$text_list_seminar = get_sub_field("text_list_seminar"); $text_list_seminar = get_sub_field("text_list_seminar");
?> ?>
<li class="c-list3__item"><h4 class="c-list3__ttl"><?php echo $number_list_seminar?></h4><p class="c-list3__txt"><?php echo $text_list_seminar;?></p></li> <li class="c-list3__item"><h4 class="c-list3__ttl"><?php echo $number_list_seminar?></h4><p class="c-list3__txt"><?php echo $text_list_seminar;?></p></li>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</ul> </ul>
<?php }; ?> <?php }; ?>
</div> </div>
</div> </div>
</section> </section>
<?php } ?> <?php } ?>
<section class="seminar6"> <section class="seminar6">
<div class="c-title1"> <div class="c-title1">
<?php $section6_ttl = get_field("section6_ttl")?> <?php $section6_ttl = get_field("section6_ttl")?>
<?php if(!empty($section6_ttl)){ ?> <?php if(!empty($section6_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section6_ttl; ?></h3> <h3 class="c-title1__txt"><?php echo $section6_ttl; ?></h3>
<?php } ?> <?php } ?>
<div class="container"> <div class="container">
<div class="c-table2"> <div class="c-table2">
<?php if( have_rows('table_experience')) : while( have_rows('table_experience') ): the_row(); <?php if( have_rows('table_experience')) : while( have_rows('table_experience') ): the_row();
$title_experience = get_sub_field("title_experience"); $title_experience = get_sub_field("title_experience");
$text_experience = get_sub_field("text_experience"); $text_experience = get_sub_field("text_experience");
?> ?>
<dl> <dl>
<dt><?php echo $title_experience; ?></dt> <dt><?php echo $title_experience; ?></dt>
<dd> <dd>
<p><?php echo $text_experience; ?></p> <p><?php echo $text_experience; ?></p>
</dd> </dd>
</dl> </dl>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<?php if( have_rows('button_group')) : while( have_rows('button_group') ): the_row(); ?> <?php if( have_rows('button_group')) : while( have_rows('button_group') ): the_row(); ?>
<section class="seminar-btnset"> <section class="seminar-btnset">
<div class="container"> <div class="container">
<?php if( have_rows('button')) : while( have_rows('button') ): the_row(); <?php if( have_rows('button')) : while( have_rows('button') ): the_row();
$text_button = get_sub_field("text_button"); $text_button = get_sub_field("text_button");
$note_text_button = get_sub_field("note_text_button"); $note_text_button = get_sub_field("note_text_button");
$display_note_text = get_sub_field("display_note_text"); $display_note_text = get_sub_field("display_note_text");
$color_btn = get_sub_field("color_btn"); $color_btn = get_sub_field("color_btn");
$url_btn = get_sub_field("url_btn"); $url_btn = get_sub_field("url_btn");
?> ?>
<div class="l-btn l-btn--center"> <div class="l-btn l-btn--center">
<div class="c-btn1 <?php if($color_btn == "red") { echo "c-btn1-red"; }?>"> <div class="c-btn1 <?php if($color_btn == "red") { echo "c-btn1-red"; }?>">
<a target="_blank" href="<?php echo $url_btn;?>" class="c-btn1__txt"><?php echo $text_button; ?> <a target="_blank" href="<?php echo $url_btn;?>" class="c-btn1__txt"><?php echo $text_button; ?>
<?php if($display_note_text[0] == "true") {?> <?php if($display_note_text[0] == "true") {?>
<span><?php echo $note_text_button;?></span> <span><?php echo $note_text_button;?></span>
<?php }?> <?php }?>
</a> </a>
</div> </div>
</div> </div>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</div> </div>
</section> </section>
<?php endwhile; endif;?> <?php endwhile; endif;?>
</main> </main>
<?php endwhile; endif;?> <?php endwhile; endif;?>
<?php include(get_template_directory() . '/assets/include/footer.php'); ?> <?php include(get_template_directory() . '/assets/include/footer.php'); ?>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment