Skip to content

sora / achievement

Go to a project
Commit 12408cc4 by Orine Matsui
Options

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

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