Commit 4da84fab by Orine Matsui

アジタス、css更新

parent d9f96b50
/* ========================================
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 {
height: 360px;
background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);
background-position: top center;
background-repeat: repeat!important;
background-size: 1207px 134px!important;
background-size: auto!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.p-seminar p {
font-size: 1.6rem;
margin: 10px;
}
@media screen and (max-width: 767px) {
.p-seminar p {
font-size: 1.4rem;
}
}
.p-seminar p a {
color: #093d6e;
text-decoration: underline;
}
.c-table2 .list li a{
color: #093d6e;
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.c-mainvisual {
margin-top: 100px;
height: 250px;
background-size: 604px 67px!important;
}
}
.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(-10px);
font-size: 2.6rem;
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 {
.l-btn--center {
text-align: center;
}
.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;
text-align: center;
}
.l-btn--center {
margin-left: auto;
margin-right: auto;
}
padding: 18px 0 16px;
position: relative;
}
@media screen and (max-width: 767px) {
.l-btn + .l-btn {
margin-top: 20px;
}
.c-btn1__txt {
width: 100%;
font-size: 1.4rem;
line-height: 1.4;
padding: 12px 0 10px;
font-weight: 400;
}
}
.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;
}
}
......@@ -352,965 +661,1862 @@ body {
.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.4rem;
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 {
display: block;
margin-top: 20px;
}
.c-list3__item {
width: 100%;
margin: 0 0 15px;
padding: 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__item:first-child,
.c-list3__item:first-child {
margin: 0;
}
}
.c-list2__ttl,
.c-list3__ttl {
font-size: 3.0rem;
font-size: 2.6rem;
line-height: 1.2;
color: #fff;
color: #000;
font-weight: bold;
margin: 0 0 38px;
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: 2.0rem;
font-size: 1.9rem;
line-height: 1.5;
color: #fff;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-weight: 600;
}
@media screen and (max-width: 767px) {
.c-list2__txt,
.c-list3__txt {
font-size: 1.4rem;
}
}
color: #000;
font-weight: bold;
.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-list2__txt,
.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-list3__txt {
.c-list4__img {
width: 190px;
margin: 2px 0 0;
}
font-size: 1.4rem;
@media screen and (max-width: 767px) {
.c-list4__img {
width: 38%;
margin: 1px 0 0;
}
}
text-align: left;
.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.6rem;
}
}
.c-list4__txt {
font-size: 1.6rem;
line-height: 1.5;
color: #363636;
margin: 10px 0 0!important;
}
/*
------------------------------------------------------------*/
.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;
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: 20px 0;
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: 30px 0;
padding: 42px 0;
}
}
/*
------------------------------------------------------------*/
.seminar2 {
padding: 75px 0 70px;
padding: 75px 0 85px;
background-color: #ececec;
}
.seminar__white{
background-color: #fff;
}
@media screen and (max-width: 767px) {
.seminar2 {
padding: 30px 0;
padding: 45px 0;
}
}
/*
------------------------------------------------------------*/
.seminar3,
.seminar5 {
.seminar3 {
padding: 75px 0 70px;
background-color: #1f3563;
color: #fff;
}
@media screen and (max-width: 767px) {
.seminar3,
.seminar5 {
padding: 30px 0;
.seminar3 {
padding: 45px 0;
}
}
.seminar3 .c-title1,
.seminar5 .c-title1 {
.seminar3 .c-title1 {
text-align: center;
margin: 0 0 26px;
}
@media screen and (max-width: 767px) {
.seminar3 .c-title1,
.seminar5 .c-title1 {
.seminar3 .c-title1 {
padding: 0 15px;
}
}
.seminar3 .c-title1__txt,
.seminar5 .c-title1__txt {
.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,
.seminar5 .c-title1__txt {
.seminar3 .c-title1__txt {
margin-bottom: 20px;
}
}
.seminar3 .c-title1__txt img,
.seminar5 .c-title1__txt img {
max-width: 340px;
height: auto;
}
.seminar3 .c-title1__txt:after,
.seminar5 .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;
}
}
.seminar5 .c-list2__item,
.seminar5 .c-list3__item {
background-color: #fff;
}
.seminar3 .c-list2__ttl,
.seminar3 .c-list3__ttl,
.seminar5 .c-list2__ttl,
.seminar5 .c-list3__ttl {
margin-bottom: 0;
}
.seminar5 .c-list2__ttl,
.seminar5 .c-list2__txt,
.seminar5 .c-list3__ttl,
.seminar5 .c-list3__txt {
color: #363636!important;
}
@media screen and (max-width: 767px) {
.seminar4,
.seminar6 {
padding: 30px 0 40px;
}
}
/*
------------------------------------------------------------*/
.seminar4 {
padding: 75px 0 120px;
background-color: #fff;
}
.seminar6 {
margin-bottom: 65px;
padding: 75px 0 0;
background-color: #fff;
}
.seminar4 .bgGRY,
.seminar6 .bgGRY {
background-color: #ececec;
}
.seminar4 .c-imgtext1 {
margin-top: 40px;
}
.seminar4 .c-imgtext1 + .c-imgtext1 {
margin-top: 60px;
}
@media screen and (max-width: 767px) {
.seminar4,
.seminar6 {
padding: 30px 0 40px;
}
}
@media screen and (max-width: 767px) {
.seminar4 .c-imgtext1 {
margin-top: 20px;
}
.seminar4 .c-imgtext1 + .c-imgtext1 {
margin-top: 40px;
}
}
.seminar4 .c-title1,
.seminar6 .c-title1 {
text-align: center;
}
@media screen and (max-width: 767px) {
.seminar4 .c-title1,
.seminar6 .c-title1 {
margin-bottom: 0;
}
}
.seminar4 .c-title1__txt,
.seminar6 .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,
.seminar6 .c-title1__txt {
margin-bottom: 20px;
}
}
.seminar3 .c-title1__txt img {
.seminar4 .c-title1__txt img,
.seminar6 .c-title1__txt img {
max-width: 340px;
height: auto;
}
.seminar4 .c-title1__txt:after,
.seminar6 .c-title1__txt:after {
.seminar3 .c-title1__txt:after {
width: 100vw;
}
@media screen and (max-width: 767px) {
.seminar6 {
margin-bottom: 0;
}
}
}
.seminar3__txt {
text-align: center;
font-size: 1.8rem;
/*
color: #333;
------------------------------------------------------------*/
.seminar-btnset {
margin-top: 65px;
padding: 0 0 105px;
background-color: #fff;
}
.seminar-btnset > .container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.seminar-btnset .c-btn1__txt {
font-size: 1.6rem;
}
.seminar-btnset .c-btn1__txt strong {
font-size: 2.4rem;
font-weight: 900;
}
.c-btn1-red {
background: #7d0000;
}
.c-btn1-red .c-btn1__txt {
color: #fff;
border: 2px solid #7d0000;
}
.c-btn1-red .c-btn1__txt::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
line-height: 1.4;
margin-bottom: 24px;
@media screen and (max-width: 767px) {
.seminar-btnset {
margin-top: 0;
padding: 0 0 65px;
}
.seminar-btnset > .container {
flex-direction: column;
}
.seminar-btnset .l-btn,
.seminar-btnset .c-btn1,
.seminar-btnset .c-btn1__txt {
display: block;
width: 100%;
}
.seminar-btnset .c-btn1__txt {
font-size: 1.4rem;
}
.seminar-btnset .c-btn1__txt strong {
font-size: 2.0rem;
font-weight: 900;
}
}
@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 #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;
justify-content: flex-end;
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;
}
.c-table1 dd {
position: relative;
padding-right: 260px;
}
position: relative;
.c-table1-btn {
position: absolute;
top: 27px;
right: 30px;
}
.c-table1-btn a {
margin-top: 0;
}
.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-table1 dd {
padding-right: 0;
}
.c-table1-btn {
width: 100%;
margin-top: 16px;
position: relative;
top: auto;
right: auto;
}
}
.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;
justify-content: flex-start;
text-align: left;
}
}
.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 {
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;
}
/*
------------------------------------------------------------*/
.c-mainvisual.c-mainvisual-bg-01 {background-image: url(/assets/img/seminar/img_seminar_mv_NVY.gif);}
.c-mainvisual.c-mainvisual-bg-02 {background-image: url(/assets/img/seminar/img_seminar_mv_RED.gif);}
.c-mainvisual.c-mainvisual-bg-03 {background-image: url(/assets/img/seminar/img_seminar_mv_GRN.gif);}
.c-mainvisual.c-mainvisual-bg-04 {background-image: url(/assets/img/seminar/img_seminar_mv_BLU.gif);}
.c-mainvisual.c-mainvisual-bg-05 {background-image: url(/assets/img/seminar/img_seminar_mv_BLK.gif);}
.p-seminar-01 .seminar3,
.p-seminar-01 .seminar5 {background-color: #1f3563;}
.p-seminar-02 .seminar3,
.p-seminar-02 .seminar5 {background-color: #812727;}
.p-seminar-03 .seminar3,
.p-seminar-03 .seminar5 {background-color: #2e4e34;}
.p-seminar-04 .seminar3,
.p-seminar-04 .seminar5 {background-color: #1e5169;}
.p-seminar-05 .seminar3,
.p-seminar-05 .seminar5 {background-color: #363636;}
@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;
.p-seminar-orig .c-mainvisual__ttl {display: none;}
.p-seminar-orig .seminar3.font-Black .c-list2__item, .p-seminar-orig .seminar3.font-Black .c-list3__item {border: 1px solid #1b1b1b;}
.p-seminar-orig .seminar3.font-Black .c-list2__txt, .p-seminar-orig .seminar3.font-Black .c-list3__txt {color: #1b1b1b;}
justify-content: center;
}
.seminar-btnset .container .l-btn:not(:first-child){
margin-left: 40px;
}
@media screen and (max-width: 767px){
.seminar-btnset .container{
display: block;
}
.seminar-btnset .container .l-btn:not(:first-child){
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;
}
\ No newline at end of file
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