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
Changes suppressed. Click to show.
/* ========================================
seminar.css
======================================== */
@media screen and (min-width: 768px) {
.sp-only {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc-only {
display: none !important;
}
}
body {
min-width: 1250px;
}
@media screen and (max-width: 767px) {
body {
min-width: 320px;
}
}
.container {
width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.container {
width: 100%;
padding: 0 15px;
}
}
.c-mainvisual {
background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);
background-position: top center;
background-repeat: no-repeat !important;
background-size: cover !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 767px) {
.c-mainvisual {
margin-top: 100px;
height: 210px;
}
}
.p-seminar-orig .c-mainvisual {
height: auto !important;
background-image: none;
display: block;
}
.p-seminar-orig .c-mainvisual__ttl {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.c-mainvisual__image img {
width: 100%;
}
.c-mainvisual__ttl {
width: 100%;
text-align: center;
font-size: 4rem;
line-height: 1.4;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-mainvisual__ttl {
transform: translateY(-30px);
font-size: 3rem;
}
.p-seminar .c-mainvisual__ttl {
transform: translateY(0);
text-align: left;
padding: 0px 15px;
}
}
.p-seminar .c-imgtext1 p {
margin-bottom: 0;
}
.p-seminar .c-maintxt1 {
margin-top: 0;
display: block !important;
}
.c-mainvisual__txt {
font-size: 2rem;
line-height: 1.2;
color: #fff;
margin: 27px 0 0;
display: block;
position: absolute;
top: 300px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.c-mainvisual__txt {
font-size: 1.5rem;
line-height: 1.5;
margin: 12px 0 0;
top: 110px;
width: 80%;
}
}
.l-btn--center {
display: inline-block;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.l-btn--center {
display: block;
}
}
.c-btn1__txt {
display: inline-block;
width: 579px;
font-size: 2.4rem;
line-height: 1.75;
color: #093d6e;
font-weight: bold;
border: 2px solid #093d6e;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 18px 0 16px;
position: relative;
}
@media screen and (max-width: 767px) {
.c-btn1__txt {
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
padding: 12px 0 10px;
}
}
.c-btn1__txt::after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #093d6e;
border-right: 2px solid #093d6e;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
.c-btn1__txt::after {
right: 10px;
}
}
.c-btn2 {
display: inline-block;
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.c-btn2 {
display: block;
margin: 5px 0;
}
}
.c-btn2__txt {
display: block;
min-width: 360px;
background: #093d6e;
font-size: 2.4rem;
line-height: 1;
color: #fff;
font-weight: bold;
text-align: center;
padding: 32px 10px 24px;
}
@media screen and (max-width: 767px) {
.c-btn2__txt {
min-width: auto;
font-size: 1.5rem;
padding: 20px 16px 15px;
}
}
.c-mainttl {
text-align: center;
}
@media screen and (max-width: 767px) {
.c-mainttl {
text-align: left;
}
}
.c-mainttl__txt {
font-size: 2rem;
line-height: 1.5;
color: #333;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-mainttl__txt {
font-size: 1.8rem;
}
}
.c-title1 {
position: relative;
overflow: hidden;
border-bottom: 0;
}
.c-title1__txt {
position: relative;
font-size: 3.2rem;
line-height: 1.4;
color: #333;
font-weight: bold;
padding: 0 0 5px;
}
@media screen and (max-width: 767px) {
.c-title1__txt {
font-size: 2rem;
}
}
.c-title1__txt span {
font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.c-title1__txt span {
font-size: 1.8rem;
}
}
.c-title1__txt:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
height: 2px;
width: 100%;
background: #b8a136;
}
.c-title2 {
background: #1b1b1b;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 37px 39px 29px 121px;
margin: -60px 0 0;
}
@media screen and (max-width: 767px) {
.c-title2 {
padding: 18px 18px 14px 30px;
margin: -30px 0 0;
}
}
.c-title2__main {
font-size: 3.6rem;
line-height: 1.5;
color: #fff;
font-weight: bold;
position: relative;
padding: 0 16px 0 0;
margin: 0 25px 0 0;
}
@media screen and (max-width: 767px) {
.c-title2__main {
font-size: 2rem;
padding: 0 10px 0 0;
margin: 0 15px 0 0;
}
}
.c-title2__main::after {
content: '';
width: 4px;
height: 65%;
background: #7d0000;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: skew(-19deg) translate(0, -50%);
transform: skew(-19deg) translate(0, -50%);
}
.c-title2__sub {
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
margin: -11px 0 0;
letter-spacing: 0.2px;
}
@media screen and (max-width: 767px) {
.c-title2__sub {
font-size: 1.3rem;
margin: -6px 0 0;
}
}
.c-text1__txt1 {
font-size: 1.8rem;
line-height: 1.625;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.c-text1__txt1 {
font-size: 1.6rem;
line-height: 1.625;
}
}
.c-text1__txt2 {
font-size: 1.6rem;
line-height: 1.625;
}
@media screen and (max-width: 767px) {
.c-text1__txt2 {
font-size: 1.4rem;
line-height: 1.6;
}
}
.c-imgtext1 {
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-imgtext1__inner {
padding-right: 55px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__inner {
padding-right: 0;
}
}
.c-imgtext1__info {
width: 670px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__info {
width: 100%;
padding: 0;
}
}
.c-imgtext1__img {
width: 502px;
margin: 14px 0 0;
}
@media screen and (max-width: 767px) {
.c-imgtext1__img {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0 0 20px;
text-align: center;
}
.c-imgtext1__img img {
width: auto;
}
}
.c-imgtext1__txt {
font-size: 1.6rem;
line-height: 1.625;
color: #1b1b1b;
margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__txt {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1 p {
font-size: 1.6rem;
line-height: 1.625;
color: #1b1b1b;
margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
.c-imgtext1 p {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__txt2 {
font-size: 1.4rem;
line-height: 1.6;
color: #1b1b1b;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__txt2 {
font-size: 1.3rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__title {
font-size: 2.2rem;
line-height: 1.3;
color: #1b1b1b;
margin-bottom: 27px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-imgtext1__title {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__title + img {
margin-bottom: 26px;
}
.c-imgtext1 .l-btn {
margin: 55px 0 0;
}
@media screen and (max-width: 767px) {
.c-imgtext1 .l-btn {
margin: 20px 0 0;
}
}
/*
------------------------------------------------------------*/
.c-list1 li {
font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.2rem;
line-height: 1.8rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.c-list1 li {
font-size: 1.2rem;
line-height: 1.4;
}
}
.c-list1 li:before {
content: '※';
margin-right: 3px;
}
.c-list1-ma {
margin-top: 15px;
margin-right: auto;
}
.c-list1-ma p {
font-size: 1.2rem;
}
.c-list2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-list2__item {
margin: 40px 0 0 2%;
padding: 24px 24px;
border: 1px solid #fff;
width: 32%;
background: #fff;
}
@media screen and (max-width: 767px) {
.c-list2 {
margin-top: 20px;
}
.c-list2__item {
width: 100%;
margin: 0 0 15px;
padding: 14px 14px;
}
}
.c-list3 {
display: -webkit-box;
display: -ms-box;
display: box;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.c-list3 {
display: block;
}
}
.c-list3__item {
margin: 40px 0 0 2%;
padding: 24px 24px;
border: 1px solid #fff;
width: 23.5%;
background: #fff;
}
@media screen and (max-width: 767px) {
.c-list3__item {
width: 100%;
margin: 0 0 15px;
padding: 16vw 15px 15px;
}
}
.c-list3__item:first-child {
margin: 60px 0 0 0;
}
@media screen and (max-width: 767px) {
.c-list3__item {
width: 100%;
margin: 20px 0 0 0;
}
}
.c-list2__item:first-child,
.c-list3__item:first-child {
margin: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
.c-list2__item:first-child {
margin-top: 0 !important;
}
.c-list3__item:first-child {
margin: 20px 0 0 0;
}
.c-list2__item,
.c-list3__item {
position: relative;
width: 100%;
margin: 20px 0 0 0;
}
}
.c-list2__ttl,
.c-list3__ttl {
font-size: 2.6rem;
line-height: 1.2;
color: #000;
font-weight: bold;
margin: 0 0 8px;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-list2__ttl,
.c-list3__ttl {
font-size: 1.5rem;
position: absolute;
top: 16px;
left: 14px;
}
}
.c-list2__ttl span,
.c-list3__ttl span {
font-size: 3rem;
display: block;
margin: -2px 0 0;
}
@media screen and (max-width: 767px) {
.c-list2__ttl span,
.c-list3__ttl span {
font-size: 2rem;
margin: 0;
}
}
.c-list2__txt,
.c-list3__txt {
font-size: 1.9rem;
line-height: 1.5;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-list2__txt,
.c-list3__txt {
font-size: 1.4rem;
text-align: left;
}
}
/*
------------------------------------------------------------*/
.c-imgtext1,
.c-imgtext2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 10px 0 0 0;
}
.c-imgtext1__image,
.c-imgtext2__image {
width: 386px;
}
.c-imgtext1__image2 {
width: 386px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0;
justify-content: space-between;
}
.c-imgtext1__image1 img {
width: 100%;
max-width: 386px;
}
.c-imgtext1__image2 img {
width: calc(50% - 5px);
}
.c-imgtext1__info {
width: calc(100% - 416px);
}
.c-imgtext2__info {
width: calc(100% - 560px);
}
.c-imgtext1__info .c-imgtext1__title,
.c-imgtext2__info .c-imgtext2__title {
font-size: 5rem;
line-height: 1.2;
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;
}
/* ========================================
seminar.css
======================================== */
@media screen and (min-width: 768px) {
.sp-only {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc-only {
display: none !important;
}
}
body {
min-width: 1250px;
}
@media screen and (max-width: 767px) {
body {
min-width: 320px;
}
}
.container {
width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.container {
width: 100%;
padding: 0 15px;
}
}
.c-mainvisual {
background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);
background-position: top center;
background-repeat: repeat !important;
background-size: 1207px 124px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 767px) {
.c-mainvisual {
margin-top: 100px;
height: 210px;
background-size: 603px 62px!important;
}
}
.c-mainvisual-img {
height: auto !important;
background-image: none;
display: block;
}
.p-seminar-orig .c-mainvisual__ttl {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.c-mainvisual__image img {
width: 100%;
}
.c-mainvisual__ttl {
width: 100%;
text-align: center;
font-size: 4rem;
line-height: 1.4;
color: #fff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-mainvisual__ttl {
transform: translateY(-30px);
font-size: 3rem;
}
.p-seminar .c-mainvisual__ttl {
transform: translateY(0);
text-align: left;
padding: 0px 15px;
}
}
.p-seminar .c-imgtext1 p {
margin-bottom: 0;
}
.p-seminar .c-maintxt1 {
margin-top: 0;
display: block !important;
}
.c-mainvisual__txt {
font-size: 2rem;
line-height: 1.2;
color: #fff;
margin: 27px 0 0;
display: block;
position: absolute;
top: 300px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.c-mainvisual__txt {
font-size: 1.5rem;
line-height: 1.5;
margin: 12px 0 0;
top: 110px;
width: 80%;
}
}
.l-btn--center {
display: inline-block;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.l-btn--center {
display: block;
}
}
.c-btn1__txt {
display: inline-block;
width: 579px;
font-size: 2.4rem;
line-height: 1.75;
color: #093d6e;
font-weight: bold;
border: 2px solid #093d6e;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 18px 0 16px;
position: relative;
}
@media screen and (max-width: 767px) {
.c-btn1__txt {
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
padding: 12px 0 10px;
}
}
.c-btn1__txt::after {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #093d6e;
border-right: 2px solid #093d6e;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
.c-btn1__txt::after {
right: 10px;
}
}
.c-btn2 {
display: inline-block;
margin: 0 8px;
}
@media screen and (max-width: 767px) {
.c-btn2 {
display: block;
margin: 5px 0;
}
}
.c-btn2__txt {
display: block;
min-width: 360px;
background: #093d6e;
font-size: 2.4rem;
line-height: 1;
color: #fff;
font-weight: bold;
text-align: center;
padding: 32px 10px 24px;
}
@media screen and (max-width: 767px) {
.c-btn2__txt {
min-width: auto;
font-size: 1.5rem;
padding: 20px 16px 15px;
}
}
.c-mainttl {
text-align: center;
}
@media screen and (max-width: 767px) {
.c-mainttl {
text-align: left;
}
}
.c-mainttl__txt {
font-size: 2rem;
line-height: 1.5;
color: #333;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-mainttl__txt {
font-size: 1.8rem;
}
}
.c-title1 {
position: relative;
overflow: hidden;
border-bottom: 0;
}
.c-title1__txt {
position: relative;
font-size: 3.2rem;
line-height: 1.4;
color: #333;
font-weight: bold;
padding: 0 0 5px;
}
@media screen and (max-width: 767px) {
.c-title1__txt {
font-size: 2rem;
}
}
.c-title1__txt span {
font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
.c-title1__txt span {
font-size: 1.8rem;
}
}
.c-title1__txt:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
height: 2px;
width: 100%;
background: #b8a136;
}
.c-title2 {
background: #1b1b1b;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 37px 39px 29px 121px;
margin: -60px 0 0;
}
@media screen and (max-width: 767px) {
.c-title2 {
padding: 18px 18px 14px 30px;
margin: -30px 0 0;
}
}
.c-title2__main {
font-size: 3.6rem;
line-height: 1.5;
color: #fff;
font-weight: bold;
position: relative;
padding: 0 16px 0 0;
margin: 0 25px 0 0;
}
@media screen and (max-width: 767px) {
.c-title2__main {
font-size: 2rem;
padding: 0 10px 0 0;
margin: 0 15px 0 0;
}
}
.c-title2__main::after {
content: '';
width: 4px;
height: 65%;
background: #7d0000;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: skew(-19deg) translate(0, -50%);
transform: skew(-19deg) translate(0, -50%);
}
.c-title2__sub {
font-size: 1.4rem;
line-height: 1.5;
color: #fff;
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
margin: -11px 0 0;
letter-spacing: 0.2px;
}
@media screen and (max-width: 767px) {
.c-title2__sub {
font-size: 1.3rem;
margin: -6px 0 0;
}
}
.c-text1__txt1 {
font-size: 1.8rem;
line-height: 1.625;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.c-text1__txt1 {
font-size: 1.6rem;
line-height: 1.625;
}
}
.c-text1__txt2 {
font-size: 1.6rem;
line-height: 1.625;
}
@media screen and (max-width: 767px) {
.c-text1__txt2 {
font-size: 1.4rem;
line-height: 1.6;
}
}
.c-imgtext1 {
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-imgtext1__inner {
padding-right: 55px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__inner {
padding-right: 0;
}
}
.c-imgtext1__info {
width: 670px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__info {
width: 100%;
padding: 0;
}
}
.c-imgtext1__img {
width: 502px;
margin: 14px 0 0;
}
@media screen and (max-width: 767px) {
.c-imgtext1__img {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0 0 20px;
text-align: center;
}
.c-imgtext1__img img {
width: auto;
}
}
.c-imgtext1__txt {
font-size: 1.6rem;
line-height: 1.625;
color: #1b1b1b;
margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__txt {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1 p {
font-size: 1.6rem;
line-height: 1.625;
color: #1b1b1b;
margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
.c-imgtext1 p {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__txt2 {
font-size: 1.4rem;
line-height: 1.6;
color: #1b1b1b;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.c-imgtext1__txt2 {
font-size: 1.3rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__title {
font-size: 2.2rem;
line-height: 1.3;
color: #1b1b1b;
margin-bottom: 27px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-imgtext1__title {
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 15px;
}
}
.c-imgtext1__title + img {
margin-bottom: 26px;
}
.c-imgtext1 .l-btn {
margin: 55px 0 0;
}
@media screen and (max-width: 767px) {
.c-imgtext1 .l-btn {
margin: 20px 0 0;
}
}
/*
------------------------------------------------------------*/
.c-list1 li {
font-family: heisei-kaku-gothic-std, sans-serif;
font-size: 1.2rem;
line-height: 1.8rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.c-list1 li {
font-size: 1.2rem;
line-height: 1.4;
}
}
.c-list1 li:before {
content: '※';
margin-right: 3px;
}
.c-list1-ma {
margin-top: 15px;
margin-right: auto;
}
.c-list1-ma p {
font-size: 1.2rem;
}
.c-list2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-list2__item {
margin: 40px 0 0 2%;
padding: 24px 24px;
border: 1px solid #fff;
width: 32%;
background: #fff;
}
@media screen and (max-width: 767px) {
.c-list2 {
margin-top: 20px;
}
.c-list2__item {
width: 100%;
margin: 0 0 15px;
padding: 14px 14px;
}
}
.c-list3 {
display: -webkit-box;
display: -ms-box;
display: box;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.c-list3 {
display: block;
}
}
.c-list3__item {
margin: 40px 0 0 2%;
padding: 24px 24px;
border: 1px solid #fff;
width: 23.5%;
background: #fff;
}
@media screen and (max-width: 767px) {
.c-list3__item {
width: 100%;
margin: 0 0 15px;
padding: 16vw 15px 15px;
}
}
.c-list3__item:first-child {
margin: 60px 0 0 0;
}
@media screen and (max-width: 767px) {
.c-list3__item {
width: 100%;
margin: 20px 0 0 0;
}
}
.c-list2__item:first-child,
.c-list3__item:first-child {
margin: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
.c-list2__item:first-child {
margin-top: 0 !important;
}
.c-list3__item:first-child {
margin: 20px 0 0 0;
}
.c-list2__item,
.c-list3__item {
position: relative;
width: 100%;
margin: 20px 0 0 0;
}
}
.c-list2__ttl,
.c-list3__ttl {
font-size: 2.6rem;
line-height: 1.2;
color: #000;
font-weight: bold;
margin: 0 0 8px;
text-align: center;
}
@media screen and (max-width: 767px) {
.c-list2__ttl,
.c-list3__ttl {
font-size: 1.5rem;
position: absolute;
top: 16px;
left: 14px;
}
}
.c-list2__ttl span,
.c-list3__ttl span {
font-size: 3rem;
display: block;
margin: -2px 0 0;
}
@media screen and (max-width: 767px) {
.c-list2__ttl span,
.c-list3__ttl span {
font-size: 2rem;
margin: 0;
}
}
.c-list2__txt,
.c-list3__txt {
font-size: 1.9rem;
line-height: 1.5;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.c-list2__txt,
.c-list3__txt {
font-size: 1.4rem;
text-align: left;
}
}
/*
------------------------------------------------------------*/
.c-imgtext1,
.c-imgtext2 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 10px 0 0 0;
}
.c-imgtext1__image,
.c-imgtext2__image {
width: 386px;
}
.c-imgtext1__image2 {
width: 386px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
margin: 0;
justify-content: space-between;
}
.c-imgtext1__image1 img {
width: 100%;
max-width: 386px;
}
.c-imgtext1__image2 img {
width: calc(50% - 5px);
}
.c-imgtext1__info {
width: calc(100% - 416px);
}
.c-imgtext2__info {
width: calc(100% - 560px);
}
.c-imgtext1__info .c-imgtext1__title,
.c-imgtext2__info .c-imgtext2__title {
font-size: 5rem;
line-height: 1.2;
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 include(get_template_directory() . '/assets/include/header.php'); ?>
<?php if( have_rows('themes') ): while( have_rows('themes') ): the_row();
$option = get_sub_field('option');
$theme_1 = get_sub_field('theme_1');
$theme_2= get_sub_field('theme_2');
?>
<main class="p-seminar p-seminar-01">
<?php if( have_rows('mainvisual') ): while( have_rows('mainvisual') ): the_row();
$display = get_sub_field('display');
if($display == "option1"){
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');
?>
<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 endwhile; endif; } else {
if( have_rows('option_2') ): while( have_rows('option_2') ): the_row();
$experience_mv_img = get_sub_field('experience_mv_img');
$experience_mv_ttl = get_sub_field('experience_mv_ttl');
if($experience_mv_img != "none") {
?>
<div class="c-mainvisual c-mainvisual-bg-01"
<?php if($experience_mv_img == "blue") {
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"';
}elseif($experience_mv_img == "red"){
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);"';
}
elseif($experience_mv_img == "lightblue"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
}
elseif($experience_mv_img == "gray"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
}
?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div>
<?php } elseif ($experience_mv_img == "none"){ ?>
<div class="c-mainvisual c-mainvisual-bg-01"
<?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);"';
}
elseif($theme_2 == "2e4e34"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"';
}
elseif($theme_2 == "1e5169"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
}
elseif($theme_2 == "363636"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
}
?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div>
<?php } ; endwhile; endif; } ; endwhile; endif; ?>
<?php $experience_lead = get_field("experience_lead")?>
<?php if(!empty($experience_lead)){ ?>
<section class="seminar1">
<div class="c-mainttl container">
<h3 class="c-mainttl__txt"><?php echo $experience_lead;?></h3>
</div>
</section>
<?php } ?>
<section class="seminar2">
<div class="container">
<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)){ ?>
<div class="c-list1 c-list1-ma">
<?php echo $experience_attention;?>
</div>
<?php } ?>
</div>
</div>
</section>
<?php
if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$displayflg = get_sub_field("text_list_people");
?>
<?php endwhile; endif;?>
<?php
if(!empty($displayflg)){
?>
<section class="seminar3" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>">
<div class="c-title1">
<?php $section3_ttl = get_field("section3_ttl")?>
<?php if(!empty($section3_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section3_ttl; ?></h3>
<?php } ?>
<div class="container">
<?php
$count = count(get_field('list_people'));
if($count <= 3){
?>
<ul class="c-list2">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$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>
<?php endwhile; endif;?>
</ul>
<?php } else { ?>
<ul class="c-list3">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$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>
<?php endwhile; endif;?>
</ul>
<?php }; ?>
</div>
</div>
<div class="container">
</div>
</section>
<?php }; ?>
<?php if( have_rows('organiz_pro')) :
?>
<section class="seminar4">
<div class="c-title1">
<?php $section4_ttl = get_field("section4_ttl")?>
<?php if(!empty($section4_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section4_ttl; ?></h3>
<?php } ?>
<div class="container">
</div>
</div>
<div class="container">
<?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'); ?>
<?php $pageid="seminar";?>
<?php include(get_template_directory() . '/assets/include/header.php'); ?>
<?php if( have_rows('themes') ): while( have_rows('themes') ): the_row();
$option = get_sub_field('option');
$theme_1 = get_sub_field('theme_1');
$theme_2= get_sub_field('theme_2');
?>
<main class="p-seminar p-seminar-01">
<?php if( have_rows('mainvisual') ): while( have_rows('mainvisual') ): the_row();
$display = get_sub_field('display');
if($display == "option1"){
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');
?>
<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 {
if( have_rows('option_2') ): while( have_rows('option_2') ): the_row();
$experience_mv_img = get_sub_field('experience_mv_img');
$experience_mv_ttl = get_sub_field('experience_mv_ttl');
if($experience_mv_img != "none") {
?>
<div class="c-mainvisual c-mainvisual-bg-01"
<?php if($experience_mv_img == "blue") {
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);"';
}elseif($experience_mv_img == "red"){
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);"';
}
elseif($experience_mv_img == "lightblue"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
}
elseif($experience_mv_img == "gray"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
}
?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div>
<?php } elseif ($experience_mv_img == "none"){ ?>
<div class="c-mainvisual c-mainvisual-bg-01"
<?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);"';
}
elseif($theme_2 == "2e4e34"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);"';
}
elseif($theme_2 == "1e5169"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);"';
}
elseif($theme_2 == "363636"){
echo 'style="background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);"';
}
?> >
<h2 class="c-mainvisual__ttl"><?php echo $experience_mv_ttl;?></h2>
</div>
<?php } ; endwhile; endif; } ; endwhile; endif; ?>
<?php $experience_lead = get_field("experience_lead")?>
<?php if(!empty($experience_lead)){ ?>
<section class="seminar1">
<div class="c-mainttl container">
<h3 class="c-mainttl__txt"><?php echo $experience_lead;?></h3>
</div>
</section>
<?php } ?>
<section class="seminar2">
<div class="container">
<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)){ ?>
<div class="c-list1 c-list1-ma">
<?php echo $experience_attention;?>
</div>
<?php } ?>
</div>
</div>
</section>
<?php
if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$displayflg = get_sub_field("text_list_people");
?>
<?php endwhile; endif;?>
<?php
if(!empty($displayflg)){
?>
<section class="seminar3" style="background-color:#<?php if($option == 'theme1'){ echo $theme_1; } else { echo $theme_2; }?>">
<div class="c-title1">
<?php $section3_ttl = get_field("section3_ttl")?>
<?php if(!empty($section3_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section3_ttl; ?></h3>
<?php } ?>
<div class="container">
<?php
$count = count(get_field('list_people'));
if($count <= 3){
?>
<ul class="c-list2">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$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>
<?php endwhile; endif;?>
</ul>
<?php } else { ?>
<ul class="c-list3">
<?php if( have_rows('list_people')) : while( have_rows('list_people') ): the_row();
$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>
<?php endwhile; endif;?>
</ul>
<?php }; ?>
</div>
</div>
<div class="container">
</div>
</section>
<?php }; ?>
<?php if( have_rows('organiz_pro')) :
?>
<section class="seminar4">
<div class="c-title1">
<?php $section4_ttl = get_field("section4_ttl")?>
<?php if(!empty($section4_ttl)){ ?>
<h3 class="c-title1__txt"><?php echo $section4_ttl; ?></h3>
<?php } ?>
<div class="container">
</div>
</div>
<div class="container">
<?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