Skip to content

sora / achievement

Go to a project
Commit 8dcef788 by Orine Matsui
Options

本番データに更新

parent a62433d6
Inline Side-by-side
Showing with 5448 additions and 3210 deletions
achievement-official.conohawing.com/common_previous/css/schedule.css
@charset "UTF-8"; @charset "UTF-8";
/* ======================================== /* ========================================
schedule.css schedule.css
======================================== */ ======================================== */
.schedule-area ul li.empty { .schedule-area ul li.empty {
padding: 10px; padding: 10px;
} }
.hero-schedule .hero-second-inner { .hero-schedule .hero-second-inner {
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.tabArea, .tabArea,
.contents2 { .contents2 {
font-family: heisei-kaku-gothic-std, sans-serif; font-family: heisei-kaku-gothic-std, sans-serif;
} }
/*タブ切り替え用のクラス*/ /*タブ切り替え用のクラス*/
.tabArea .is-active { .tabArea .is-active {
background: #0b2237; background: #0b2237;
color: #fff; color: #fff;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
border-bottom: 1px solid #0b2237 !important; border-bottom: 1px solid #0b2237 !important;
} }
.tabCont { .tabCont {
display: none; display: none;
} }
.is-show { .is-show {
display: block; display: block;
} }
.schedule-info-area { .schedule-info-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 40px; margin-top: 40px;
} }
.schedule-info-area a { .schedule-info-area a {
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: 600;
color: #093d6e; color: #093d6e;
text-decoration: underline; text-decoration: underline;
} }
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
.contents { .contents {
padding-bottom: 30px; padding-bottom: 30px;
} }
.schedule-mv { .schedule-mv {
height: 300px; height: 300px;
background-image: url(/common_previous/img/img_hero_schedule.png); background-image: url(/common_previous/img/img_hero_schedule.png);
width: 100%; width: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
} }
.schedule-mv .schedule-mv-inner { .schedule-mv .schedule-mv-inner {
padding-top: 98px; padding-top: 98px;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
.schedule-mv .schedule-mv-ttl { .schedule-mv .schedule-mv-ttl {
margin-bottom: 40px; margin-bottom: 40px;
color: #fff; color: #fff;
font-size: 5rem; font-size: 5rem;
line-height: 1; line-height: 1;
font-weight: bold; font-weight: bold;
} }
.schedule-mv .schedule-mv-sub-ttl { .schedule-mv .schedule-mv-sub-ttl {
font-size: 2rem; font-size: 2rem;
} }
.schedule-select { .schedule-select {
width: 454px; width: 454px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.schedule-fig { .schedule-fig {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
padding-left: 27px; padding-left: 27px;
} }
.schedule-select h4 { .schedule-select h4 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
margin-left: -11px; margin-left: -11px;
margin-bottom: 6px; margin-bottom: 6px;
} }
.schedule-select ul { .schedule-select ul {
display: inline-block; display: inline-block;
} }
.schedule-select ul li { .schedule-select ul li {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
} }
.schedule-select ul li a { .schedule-select ul li a {
display: block; display: block;
position: relative; position: relative;
padding: 0 8px 0 4px; padding: 0 8px 0 4px;
line-height: 1; line-height: 1;
} }
.schedule-select ul li a.is-current, .schedule-select ul li a.is-current,
.schedule-select ul li a:hover { .schedule-select ul li a:hover {
color: #c80003; color: #c80003;
font-weight: bold; font-weight: bold;
} }
.schedule-region ul li { .schedule-region ul li {
margin-bottom: 15px; margin-bottom: 15px;
} }
.schedule-region h4 { .schedule-region h4 {
display: block; display: block;
} }
.schedule-month { .schedule-month {
margin-bottom: 13px; margin-bottom: 13px;
} }
.schedule-month ul li:first-child a { .schedule-month ul li:first-child a {
padding-left: 0; padding-left: 0;
} }
.schedule-region ul li:first-child a:before, .schedule-region ul li:first-child a:before,
.schedule-month ul li:first-child a:before { .schedule-month ul li:first-child a:before {
content: none; content: none;
} }
.schedule-select ul li a.is-current:after, .schedule-select ul li a.is-current:after,
.schedule-select ul li a:hover:after { .schedule-select ul li a:hover:after {
content: none; content: none;
} }
.schedule-select ul li a:after { .schedule-select ul li a:after {
content: ''; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 1px; height: 1px;
margin-top: 2px; margin-top: 2px;
background: #6c6c6c; background: #6c6c6c;
} }
.schedule-select ul li a:before { .schedule-select ul li a:before {
content: ''; content: '';
position: absolute; position: absolute;
width: 1px; width: 1px;
height: 16px; height: 16px;
background: #6c6c6c; background: #6c6c6c;
left: -4px; left: -4px;
} }
.schedule-area { .schedule-area {
width: calc((100% - 5px) / 2); width: calc((100% - 5px) / 2);
float: left; float: left;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
} }
.schedule-area + div { .schedule-area + div {
border-right: none; border-right: none;
} }
.schedule-area h4 { .schedule-area h4 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background: #eeeeee; background: #eeeeee;
line-height: 1; line-height: 1;
padding: 11px 0 9px 0; padding: 11px 0 9px 0;
} }
.schedule-area h4.is-current { .schedule-area h4.is-current {
color: #c80003; color: #c80003;
} }
.schedule-area ul li { .schedule-area ul li {
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
.schedule-area ul li a { .schedule-area ul li a {
display: block; display: block;
padding: 14px 0 17px 11px; padding: 14px 0 17px 11px;
} }
.schedule-area ul li a:hover, .schedule-area ul li a:hover,
.schedule-area ul li.ass a, .schedule-area ul li.ass a,
.schedule-area ul li.atc a { .schedule-area ul li.atc a {
background: #fbf4f4; background: #fbf4f4;
} }
.list-schedule-content figure { .list-schedule-content figure {
width: 100px; width: 100px;
float: left; float: left;
margin: 0 14px 8px 0; margin: 0 14px 8px 0;
} }
.list-schedule-info { .list-schedule-info {
overflow: hidden; overflow: hidden;
margin-bottom: 9px; margin-bottom: 9px;
} }
.seminar-field span { .seminar-field span {
display: inline-block; display: inline-block;
} }
.seminar-field span.list-seminar-field { .seminar-field span.list-seminar-field {
display: inline; display: inline;
color: #fff; color: #fff;
background: #111111; background: #111111;
margin-right: 2px; margin-right: 2px;
padding: 1px 7px; padding: 1px 7px;
font-size: 12px; font-size: 12px;
} }
.seminar-field span.list-free-field { .seminar-field span.list-free-field {
position: relative; position: relative;
color: #fff; color: #fff;
background: #a01c1c; background: #a01c1c;
padding: 1px 6px; padding: 1px 6px;
font-size: 12px; font-size: 12px;
} }
.seminar-field span.list-free-field.seminar-mark::after { .seminar-field span.list-free-field.seminar-mark::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 14px; width: 14px;
height: 21px; height: 21px;
right: -20px; right: -20px;
background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat; background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat;
} }
p.seminar-field { p.seminar-field {
font-weight: bold; font-weight: bold;
} }
.seminar-date { .seminar-date {
display: block; display: block;
font-weight: bold; font-weight: bold;
margin: 7px 0 0 0; margin: 7px 0 0 0;
} }
.seminar-name { .seminar-name {
position: relative; position: relative;
display: inline-block; display: inline-block;
color: #c30000; color: #c30000;
font-weight: bold; font-weight: bold;
margin: 3px 0 0px 0px; margin: 3px 0 0px 0px;
border-bottom: 1px solid #d26262; border-bottom: 1px solid #d26262;
} }
.list-schedule-dec { .list-schedule-dec {
font-size: 12px; font-size: 12px;
color: #111111; color: #111111;
} }
/* aside */ /* aside */
.side-col .nav-side h3 a { .side-col .nav-side h3 a {
position: relative; position: relative;
padding: 17px 0 16px 41px; padding: 17px 0 16px 41px;
} }
.side-col .nav-side h3 a::before { .side-col .nav-side h3 a::before {
content: ''; content: '';
width: 20px; width: 20px;
height: 20px; height: 20px;
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 13px; left: 13px;
background: url(/common_previous/img/ico/ico_search_sp.png) no-repeat; background: url(/common_previous/img/ico/ico_search_sp.png) no-repeat;
background-size: cover; background-size: cover;
} }
.side-col .nav-side ul li a { .side-col .nav-side ul li a {
position: relative; position: relative;
padding: 15px 20px 15px 15px; padding: 15px 20px 15px 15px;
background: #eeeeee; background: #eeeeee;
} }
.side-col .nav-side ul li a::after { .side-col .nav-side ul li a::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 7px; width: 7px;
height: 12px; height: 12px;
background: url(/common_previous/img/ico/ico_arrow_red_l.png) no-repeat; background: url(/common_previous/img/ico/ico_arrow_red_l.png) no-repeat;
background-size: contain; background-size: contain;
top: 40%; top: 40%;
right: 8px; right: 8px;
} }
.side-col .nav-side ul li ul li a::after { .side-col .nav-side ul li ul li a::after {
content: none; content: none;
} }
.side-col .nav-side ul li.is-current > a { .side-col .nav-side ul li.is-current > a {
color: #d70c19; color: #d70c19;
} }
.nav-side li ul li { .nav-side li ul li {
font-size: 14px; font-size: 14px;
} }
.side-col .nav-side ul li ul li a { .side-col .nav-side ul li ul li a {
padding: 0; padding: 0;
background: #fff; background: #fff;
} }
.tabArea { .tabArea {
margin-top: 40px; margin-top: 40px;
width: 100%; width: 100%;
height: 61px; height: 61px;
display: flex; display: flex;
justify-content: center; justify-content: center;
border-bottom: 1px solid #0b2237; border-bottom: 1px solid #0b2237;
} }
.tabArea .tab { .tabArea .tab {
padding-top: 20px; padding-top: 20px;
width: 400px; width: 400px;
height: 60px; height: 60px;
display: block; display: block;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
text-align: center; text-align: center;
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1; line-height: 1;
} }
.tabArea .tab:first-of-type { .tabArea .tab:first-of-type {
margin-right: 40px; margin-right: 40px;
} }
.tabArea .tab:hover { .tabArea .tab:hover {
cursor: pointer; cursor: pointer;
} }
.contents2 { .contents2 {
padding-top: 0; padding-top: 0;
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
} }
.contents2 section { .contents2 section {
margin-bottom: 60px; margin-bottom: 60px;
} }
.selectArea { .selectArea {
margin: 20px 0 40px; margin: 20px 0 40px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.selectArea .form { .selectArea .form {
display: flex; display: flex;
position: relative; position: relative;
} }
.selectArea .form::after { .selectArea .form::after {
content: ''; content: '';
width: 12px; width: 12px;
height: 8px; height: 8px;
display: block; display: block;
background: url(/common_previous/img/ico/ico_arrow_gray_bottom.png) no-repeat; background: url(/common_previous/img/ico/ico_arrow_gray_bottom.png) no-repeat;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: 13px; top: 13px;
right: 10px; right: 10px;
pointer-events: none; pointer-events: none;
} }
.selectArea .form:first-of-type { .selectArea .form:first-of-type {
margin-right: 56px; margin-right: 56px;
} }
.selectArea .txt { .selectArea .txt {
margin-right: 8px; margin-right: 8px;
padding-top: 6px; padding-top: 6px;
font-size: 1.4rem; font-size: 1.4rem;
color: #333; color: #333;
} }
.selectArea .form select { .selectArea .form select {
padding: 6px 0 6px 18px; padding: 6px 0 6px 18px;
display: block; display: block;
width: 300px; width: 300px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color: rgb(227, 227, 227); border-color: rgb(227, 227, 227);
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
} }
.selectArea .form select::-ms-expand { .selectArea .form select::-ms-expand {
display: none; display: none;
} }
.selectArea .form select:hover { .selectArea .form select:hover {
cursor: pointer; cursor: pointer;
} }
.schedule-ttl { .schedule-ttl {
margin-bottom: 20px; margin-bottom: 20px;
font-size: 4rem; font-size: 4rem;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.schedule-table { .schedule-table {
text-align: center; text-align: center;
} }
.schedule-table.fixed { .schedule-table.fixed {
position: fixed; position: fixed;
width: auto; width: auto;
display: none; display: none;
border: none; border: none;
z-index: 3; z-index: 3;
top: 0; /* topに調整 */ top: 0; /* topに調整 */
} }
.schedule-table thead th { .schedule-table thead th {
padding: 16px 0; padding: 16px 0;
background: #0b2237; background: #0b2237;
color: #fff; color: #fff;
font-size: 1.8rem; font-size: 1.8rem;
text-align: center; text-align: center;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
} }
.schedule-table .venue { .schedule-table .venue {
width: 120px; width: 120px;
} }
.schedule-table .month { .schedule-table .month {
width: 180px; width: 180px;
} }
.schedule-table .area { .schedule-table .area {
vertical-align: middle; vertical-align: middle;
} }
.schedule-table tbody td { .schedule-table tbody td {
height: 110px; height: 110px;
font-size: 1.8rem; font-size: 1.8rem;
text-align: center; text-align: center;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
position: relative; position: relative;
} }
/* 満員御礼、申込締切 */ /* 満員御礼、申込締切 */
.schedule-table tbody .reserveStop { .schedule-table tbody .reserveStop {
background: #e9edf1; background: #e9edf1;
} }
.schedule-table tbody .reserveStop .link:hover { .schedule-table tbody .reserveStop .link:hover {
cursor: default; cursor: default;
} }
.schedule-table tbody .reserveStop p { .schedule-table tbody .reserveStop p {
color: #939393; color: #939393;
} }
/* 初受講 */ /* 初受講 */
.schedule-table tbody .attend:after { .schedule-table tbody .attend:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #093d6e; border-right: 14px solid #093d6e;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .attend:hover { .schedule-table tbody .attend:hover {
background: #d4e0ec; background: #d4e0ec;
} }
/* 再受講 */ /* 再受講 */
.schedule-table tbody .retake:after { .schedule-table tbody .retake:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #ab3951; border-right: 14px solid #ab3951;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .retake:hover { .schedule-table tbody .retake:hover {
background: #f0dadf; background: #f0dadf;
} }
/* プレミアム */ /* プレミアム */
.schedule-table tbody .premium:after { .schedule-table tbody .premium:after {
content: ''; content: '';
width: 0px; width: 0px;
height: 0px; height: 0px;
border-top: 14px solid transparent; border-top: 14px solid transparent;
border-right: 14px solid #beac56; border-right: 14px solid #beac56;
display: block; display: block;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.schedule-table tbody .premium:hover { .schedule-table tbody .premium:hover {
background: #fff3b2; background: #fff3b2;
} }
.schedule-table .link { .schedule-table .link {
padding-top: 10px; padding-top: 10px;
height: 100%; height: 100%;
display: block; display: block;
} }
.schedule-table .link .time { .schedule-table .link .time {
font-size: 2rem; font-size: 2rem;
} }
.schedule-table .link .txt { .schedule-table .link .txt {
font-size: 1.3rem; font-size: 1.3rem;
} }
.annotation { .annotation {
margin-top: 20px; margin-top: 20px;
font-size: 1.2rem; font-size: 1.2rem;
} }
/*体験セミナー*/ /*体験セミナー*/
.seminerBox { .seminerBox {
margin-bottom: 30px; margin-bottom: 30px;
padding: 30px 20px; padding: 30px 20px;
width: 100%; width: 100%;
display: flex; display: flex;
border: solid 2px #ebebeb; border: solid 2px #ebebeb;
box-shadow: 0px 2px 4px 0px rgba(54, 54, 54, 0.1); box-shadow: 0px 2px 4px 0px rgba(54, 54, 54, 0.1);
} }
.seminerBox .seminerBox-img { .seminerBox .seminerBox-img {
width: 300px; width: 300px;
height: 158px; height: 158px;
display: block; display: block;
} }
.seminerBox .seminerBox-inner { .seminerBox .seminerBox-inner {
margin-left: 20px; margin-left: 20px;
} }
.seminerBox .seminerBox-ttl { .seminerBox .seminerBox-ttl {
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1; line-height: 1;
} }
.seminerBox .icon1 { .seminerBox .icon1 {
padding: 4px 8px; padding: 4px 8px;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background: #093d6e; background: #093d6e;
color: #fff; color: #fff;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1; line-height: 1;
vertical-align: top; vertical-align: top;
} }
.seminerBox .icon2 { .seminerBox .icon2 {
padding: 4px 8px; padding: 4px 8px;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background: #7d0000; background: #7d0000;
color: #fff; color: #fff;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1; line-height: 1;
vertical-align: top; vertical-align: top;
} }
.seminerBox .seminerBox-txt { .seminerBox .seminerBox-txt {
margin: 18px 0 14px; margin: 18px 0 14px;
font-size: 1.6rem; font-size: 1.6rem;
} }
.seminerBox .list .list-txt { .seminerBox .list .list-txt {
margin-bottom: 6px; margin-bottom: 6px;
font-size: 1.6rem; font-size: 1.6rem;
color: #333; color: #333;
line-height: 1; line-height: 1;
} }
.seminerBox .list .list-icon { .seminerBox .list .list-icon {
padding: 4px 8px; padding: 4px 8px;
margin-right: 8px; margin-right: 8px;
display: inline-block; display: inline-block;
background: #363636; background: #363636;
color: #fff; color: #fff;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1; line-height: 1;
border-radius: 10px; border-radius: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.contents { .contents {
padding-top: 20px; padding-top: 20px;
} }
.contents2 { .contents2 {
padding: 0 0 40px 0; padding: 0 0 40px 0;
} }
.contents2 section { .contents2 section {
margin-bottom: 38px; margin-bottom: 38px;
} }
.hero-second { .hero-second {
margin-top: 100px; margin-top: 100px;
} }
.hero-second-inner { .hero-second-inner {
display: table; display: table;
} }
.schedule-mv { .schedule-mv {
height: 140px; height: 140px;
width: 100%; width: 100%;
background-image: url(/common_previous/img/img_hero_schedule.png); background-image: url(/common_previous/img/img_hero_schedule.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
text-align: left; text-align: left;
color: #fff; color: #fff;
} }
.schedule-mv .schedule-mv-ttl { .schedule-mv .schedule-mv-ttl {
padding: 35px 0 35px 15px; padding: 35px 0 35px 15px;
font-size: 2.4rem; font-size: 2.4rem;
} }
.schedule-mv .schedule-mv-sub-ttl { .schedule-mv .schedule-mv-sub-ttl {
padding: 40px 15px 40px; padding: 40px 15px 40px;
background: #fff; background: #fff;
font-size: 1.4rem; font-size: 1.4rem;
color: #000; color: #000;
} }
.schedule-info-area { .schedule-info-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: -135px; margin-bottom: -135px;
margin-top: 100px; margin-top: 100px;
} }
.schedule-info-area a { .schedule-info-area a {
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 600; font-weight: 600;
color: #093d6e; color: #093d6e;
padding: 12px; padding: 12px;
} }
.tabArea { .tabArea {
margin-top: 160px; margin-top: 160px;
width: 100%; width: 100%;
height: 61px; height: 61px;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
border-bottom: 1px solid #0b2237; border-bottom: 1px solid #0b2237;
} }
.tabArea .tab { .tabArea .tab {
padding-top: 13px; padding-top: 13px;
width: 190px; width: 190px;
height: 60px; height: 60px;
display: block; display: block;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
text-align: center; text-align: center;
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1; line-height: 1;
} }
.tabArea .tab:hover { .tabArea .tab:hover {
cursor: pointer; cursor: pointer;
} }
.selectArea { .selectArea {
padding: 28px 0; padding: 28px 0;
margin: 0 auto; margin: 0 auto;
max-width: 348px; max-width: 348px;
} }
.selectArea .form { .selectArea .form {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
} }
.selectArea .form:first-of-type { .selectArea .form:first-of-type {
margin-bottom: 20px; margin-bottom: 20px;
} }
.selectArea .form::after { .selectArea .form::after {
content: ''; content: '';
width: 12px; width: 12px;
height: 8px; height: 8px;
display: block; display: block;
background: url(/common_previous/img/ico/ico_arrow_gray_bottom.png) no-repeat; background: url(/common_previous/img/ico/ico_arrow_gray_bottom.png) no-repeat;
background-size: contain; background-size: contain;
position: absolute; position: absolute;
top: 13px; top: 13px;
right: 10px; right: 10px;
pointer-events: none; pointer-events: none;
} }
.selectArea .txt { .selectArea .txt {
margin-right: 8px; margin-right: 8px;
padding-top: 6px; padding-top: 6px;
display: block; display: block;
width: 45px; width: 45px;
font-size: 1.4rem; font-size: 1.4rem;
color: #333; color: #333;
} }
.selectArea .form select { .selectArea .form select {
padding: 6px 0 6px 18px; padding: 6px 0 6px 18px;
display: block; display: block;
max-width: 290px; max-width: 290px;
width: 100%; width: 100%;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color: rgb(227, 227, 227); border-color: rgb(227, 227, 227);
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
} }
.selectArea .form select:hover { .selectArea .form select:hover {
cursor: pointer; cursor: pointer;
} }
.schedule-ttl { .schedule-ttl {
padding-left: 15px; padding-left: 15px;
margin-bottom: 20px; margin-bottom: 20px;
font-size: 2rem; font-size: 2rem;
font-weight: bold; font-weight: bold;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} }
.schedule-table-sp { .schedule-table-sp {
margin: 0 auto; margin: 0 auto;
display: block; display: block;
max-width: 375px; max-width: 375px;
} }
.schedule-table.fixed { .schedule-table.fixed {
display: none !important; display: none !important;
} }
.schedule-table-sp thead { .schedule-table-sp thead {
width: 100%; width: 100%;
} }
.schedule-table-sp thead th { .schedule-table-sp thead th {
background: #0b2237; background: #0b2237;
font-size: 1.4rem; font-size: 1.4rem;
color: #fff; color: #fff;
text-align: center; text-align: center;
border: 1px solid #959595; border: 1px solid #959595;
border-collapse: collapse; border-collapse: collapse;
} }
.schedule-table-sp thead .venue { .schedule-table-sp thead .venue {
padding: 18px 0; padding: 18px 0;
width: 66px; width: 66px;
} }
.schedule-table-sp thead .month { .schedule-table-sp thead .month {
padding: 18px 0; padding: 18px 0;
width: 116px; width: 116px;
} }
.schedule-table-sp thead .reserve { .schedule-table-sp thead .reserve {
padding: 18px 0px; padding: 18px 0px;
width: 191px; width: 191px;
} }
.schedule-table-sp tbody td { .schedule-table-sp tbody td {
padding: 10px 8px; padding: 10px 8px;
text-align: center; text-align: center;
border: 1px solid #959595; border: 1px solid #959595;
border-collapse: collapse; border-collapse: collapse;
} }
.schedule-table-sp .day { .schedule-table-sp .day {
text-align: left; text-align: left;
} }
.schedule-table-sp .day .day-icon { .schedule-table-sp .day .day-icon {
padding: 2px 6px; padding: 2px 6px;
display: inline-block; display: inline-block;
background: #363636; background: #363636;
border-radius: 10px; border-radius: 10px;
font-size: 1rem; font-size: 1rem;
color: #fff; color: #fff;
} }
.schedule-table-sp .btnArea .btn { .schedule-table-sp .btnArea .btn {
padding: 13px 0; padding: 13px 0;
text-align: center; text-align: center;
font-size: 1.4rem; font-size: 1.4rem;
color: #fff; color: #fff;
width: 80px; width: 80px;
height: 40px; height: 40px;
line-height: 1; line-height: 1;
display: inline-block; display: inline-block;
} }
.schedule-table-sp .btnArea .btn span { .schedule-table-sp .btnArea .btn span {
font-size: 1rem; font-size: 1rem;
} }
.schedule-table-sp .btnArea .btn:first-of-type { .schedule-table-sp .btnArea .btn:first-of-type {
margin-right: 3px; margin-right: 3px;
} }
.schedule-table-sp .btnArea .btn--first { .schedule-table-sp .btnArea .btn--first {
background: #093d6e; background: #093d6e;
} }
.schedule-table-sp .btnArea .btn--retry { .schedule-table-sp .btnArea .btn--retry {
background: #ab3951; background: #ab3951;
} }
.schedule-table-sp .btnArea .btn--stop { .schedule-table-sp .btnArea .btn--stop {
background: #e9edf1; background: #e9edf1;
color: #939393; color: #939393;
} }
.schedule-table-sp--type2 .reserve { .schedule-table-sp--type2 .reserve {
padding: 18px 32px !important; padding: 18px 32px !important;
width: 100px !important; width: 100px !important;
} }
.schedule-table-sp--type2 .event { .schedule-table-sp--type2 .event {
padding: 18px 0px; padding: 18px 0px;
width: 100px; width: 100px;
} }
.schedule-table-sp--type2 .btnArea .btn:first-of-type { .schedule-table-sp--type2 .btnArea .btn:first-of-type {
margin-right: 0px; margin-right: 0px;
} }
.schedule-table-sp--type2 .btnArea .btn:nth-of-type(2) { .schedule-table-sp--type2 .btnArea .btn:nth-of-type(2) {
margin-top: 10px; margin-top: 10px;
} }
.schedule-table-sp--type2 .btnArea .btn--premium { .schedule-table-sp--type2 .btnArea .btn--premium {
padding: 6px 0; padding: 6px 0;
background: #beac56; background: #beac56;
} }
.schedule-table-sp--type2 .btnArea .btn--basic { .schedule-table-sp--type2 .btnArea .btn--basic {
padding: 6px 0; padding: 6px 0;
background: #093d6e; background: #093d6e;
} }
.schedule-table-sp--type3 .month { .schedule-table-sp--type3 .month {
padding: 18px 0px !important; padding: 18px 0px !important;
width: 210px !important; width: 210px !important;
} }
.schedule-table-sp--type3 .reserve { .schedule-table-sp--type3 .reserve {
padding: 18px 0px !important; padding: 18px 0px !important;
width: 100px !important; width: 100px !important;
} }
.schedule-table-sp--type3 .btnArea .btn--simple { .schedule-table-sp--type3 .btnArea .btn--simple {
background: #093d6e; background: #093d6e;
} }
.annotation { .annotation {
margin: 0 auto; margin: 0 auto;
max-width: 370px; max-width: 370px;
display: block; display: block;
margin-top: 10px; margin-top: 10px;
font-size: 1rem; font-size: 1rem;
} }
/*体験セミナー*/ /*体験セミナー*/
.experienceCont { .experienceCont {
padding: 0 10px; padding: 0 10px;
} }
.seminerBox { .seminerBox {
margin-bottom: 30px; margin-bottom: 30px;
padding: 15px 10px; padding: 15px 10px;
width: 100%; width: 100%;
border: solid 2px #ebebeb; border: solid 2px #ebebeb;
box-shadow: 0px 2px 4px 0px rgba(54, 54, 54, 0.1); box-shadow: 0px 2px 4px 0px rgba(54, 54, 54, 0.1);
} }
.seminerBox .seminerBox-img { .seminerBox .seminerBox-img {
margin: 0 auto 15px; margin: 0 auto 15px;
width: 300px; width: 300px;
height: 158px; height: 158px;
display: block; display: block;
} }
.seminerBox .seminerBox-ttl { .seminerBox .seminerBox-ttl {
font-size: 2.3rem; font-size: 2.3rem;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
} }
.seminerBox .icon1 { .seminerBox .icon1 {
padding: 4px 8px; padding: 4px 8px;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background: #093d6e; background: #093d6e;
color: #fff; color: #fff;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1; line-height: 1;
vertical-align: top; vertical-align: top;
} }
.seminerBox .icon2 { .seminerBox .icon2 {
padding: 4px 8px; padding: 4px 8px;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background: #7d0000; background: #7d0000;
color: #fff; color: #fff;
font-size: 1.3rem; font-size: 1.3rem;
line-height: 1; line-height: 1;
vertical-align: top; vertical-align: top;
} }
.seminerBox .seminerBox-txt { .seminerBox .seminerBox-txt {
margin: 18px 0 14px; margin: 18px 0 14px;
font-size: 1.6rem; font-size: 1.6rem;
} }
.seminerBox .list .list-txt { .seminerBox .list .list-txt {
margin-bottom: 6px; margin-bottom: 6px;
font-size: 1.6rem; font-size: 1.6rem;
color: #333; color: #333;
line-height: 1; line-height: 1;
} }
.seminerBox .list .list-icon { .seminerBox .list .list-icon {
padding: 4px 8px; padding: 4px 8px;
margin-right: 8px; margin-right: 8px;
display: inline-block; display: inline-block;
background: #363636; background: #363636;
color: #fff; color: #fff;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1; line-height: 1;
border-radius: 10px; border-radius: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
.ttl-page-03 { .ttl-page-03 {
margin-bottom: 8px; margin-bottom: 8px;
} }
.sec-schedule .link { .sec-schedule .link {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin-left: 10px; margin-left: 10px;
font-size: 12px; font-size: 12px;
border-bottom: 1px solid #6c6c6c; border-bottom: 1px solid #6c6c6c;
} }
.sec-schedule .link::before { .sec-schedule .link::before {
content: ''; content: '';
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: -7px; left: -7px;
top: 5px; top: 5px;
width: 4.5px; width: 4.5px;
height: 7.5px; height: 7.5px;
background: url(/common_previous/img/ico/ico_arrow_red.png) no-repeat; background: url(/common_previous/img/ico/ico_arrow_red.png) no-repeat;
background-size: contain; background-size: contain;
} }
.inner-select { .inner-select {
padding: 12px; padding: 12px;
background: #eeeeee; background: #eeeeee;
margin: 10px 0 10.5px 0; margin: 10px 0 10.5px 0;
} }
.inner-select .select-txt { .inner-select .select-txt {
font-size: 12px; font-size: 12px;
margin-bottom: 11.5px; margin-bottom: 11.5px;
} }
.inner-select div.schdule-slt-box { .inner-select div.schdule-slt-box {
width: calc((100% - 5px) / 2); width: calc((100% - 5px) / 2);
display: inline-block; display: inline-block;
} }
.inner-select div.schdule-slt-box > p.select-des { .inner-select div.schdule-slt-box > p.select-des {
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
} }
.inner-select div.schdule-slt-box #first { .inner-select div.schdule-slt-box #first {
width: 65%; width: 65%;
} }
.inner-select div.schdule-slt-box > .mod-search-select { .inner-select div.schdule-slt-box > .mod-search-select {
display: inline-block; display: inline-block;
width: 75%; width: 75%;
} }
.sec-seminer-slt { .sec-seminer-slt {
margin-top: 8px; margin-top: 8px;
} }
.sec-seminer-slt h3 { .sec-seminer-slt h3 {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
margin-bottom: 1.5px; margin-bottom: 1.5px;
} }
.seminer-slt-txt { .seminer-slt-txt {
position: relative; position: relative;
font-size: 11px; font-size: 11px;
margin: 0 0 5px 14px; margin: 0 0 5px 14px;
} }
.seminer-slt-txt::before { .seminer-slt-txt::before {
content: ''; content: '';
position: absolute; position: absolute;
width: 9px; width: 9px;
height: 13.5px; height: 13.5px;
top: 2px; top: 2px;
left: -13px; left: -13px;
background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat; background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat;
background-size: contain; background-size: contain;
} }
.mod-search-select { .mod-search-select {
margin-bottom: 5.5px; margin-bottom: 5.5px;
} }
.mod-search-select-content { .mod-search-select-content {
font-size: 10.5px; font-size: 10.5px;
background-color: #fff; background-color: #fff;
} }
.schedule-area { .schedule-area {
width: 100%; width: 100%;
} }
.schedule-area h4 span { .schedule-area h4 span {
display: inline-block; display: inline-block;
} }
.schedule-area + div { .schedule-area + div {
border-right: none; border-right: none;
} }
.schedule-area h4 { .schedule-area h4 {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background: #eeeeee; background: #eeeeee;
line-height: 1; line-height: 1;
padding: 11px 0 9px 0; padding: 11px 0 9px 0;
} }
.schedule-area h4.is-current { .schedule-area h4.is-current {
color: #c80003; color: #c80003;
} }
.schedule-area ul li { .schedule-area ul li {
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
.schedule-area ul li a { .schedule-area ul li a {
display: block; display: block;
padding: 14px 0 17px 11px; padding: 14px 0 17px 11px;
} }
.schedule-area ul li a:hover { .schedule-area ul li a:hover {
background: #fbf4f4; background: #fbf4f4;
} }
.list-schedule-content figure { .list-schedule-content figure {
width: 61px; width: 61px;
float: left; float: left;
margin: 0 14px 8px 0; margin: 0 14px 8px 0;
} }
.list-schedule-info { .list-schedule-info {
overflow: hidden; overflow: hidden;
margin-bottom: 9px; margin-bottom: 9px;
} }
.seminar-field span { .seminar-field span {
display: inline-block; display: inline-block;
} }
.seminar-field span.list-seminar-field { .seminar-field span.list-seminar-field {
display: inline-block; display: inline-block;
color: #fff; color: #fff;
background: #111111; background: #111111;
margin-right: 2px; margin-right: 2px;
padding: 2px 8px 1px; padding: 2px 8px 1px;
font-size: 10px; font-size: 10px;
} }
.seminar-field span.list-free-field { .seminar-field span.list-free-field {
position: relative; position: relative;
color: #fff; color: #fff;
background: #a01c1c; background: #a01c1c;
padding: 2px 8px 1px; padding: 2px 8px 1px;
font-size: 10px; font-size: 10px;
} }
.seminar-field span.list-free-field.seminar-mark::after { .seminar-field span.list-free-field.seminar-mark::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 14px; width: 14px;
height: 21px; height: 21px;
right: -20px; right: -20px;
background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat; background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat;
} }
.seminar-date { .seminar-date {
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
margin: 7px 0 0 0; margin: 7px 0 0 0;
transform: translateX(-8px); transform: translateX(-8px);
} }
.seminar-name { .seminar-name {
position: relative; position: relative;
display: inline-block; display: inline-block;
color: #c30000; color: #c30000;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
margin: 3px 0 0px 0px; margin: 3px 0 0px 0px;
border-bottom: 1px solid #d26262; border-bottom: 1px solid #d26262;
} }
.list-schedule-dec { .list-schedule-dec {
font-size: 11px; font-size: 11px;
color: #111111; color: #111111;
} }
/* aside */ /* aside */
.side-col .nav-side h3 a { .side-col .nav-side h3 a {
position: relative; position: relative;
padding: 17px 0 16px 41px; padding: 17px 0 16px 41px;
} }
.side-col .nav-side h3 a::before { .side-col .nav-side h3 a::before {
content: ''; content: '';
width: 20px; width: 20px;
height: 20px; height: 20px;
position: absolute; position: absolute;
top: 15px; top: 15px;
left: 13px; left: 13px;
background: url(/common_previous/img/ico/ico_search_sp.png) no-repeat; background: url(/common_previous/img/ico/ico_search_sp.png) no-repeat;
background-size: cover; background-size: cover;
} }
.side-col .nav-side ul li a { .side-col .nav-side ul li a {
position: relative; position: relative;
padding: 15px 20px 15px 15px; padding: 15px 20px 15px 15px;
background: #eeeeee; background: #eeeeee;
} }
.side-col .nav-side ul li a::after { .side-col .nav-side ul li a::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 7px; width: 7px;
height: 12px; height: 12px;
background: url(/common_previous/img/ico/ico_arrow_red_l.png) no-repeat; background: url(/common_previous/img/ico/ico_arrow_red_l.png) no-repeat;
background-size: contain; background-size: contain;
top: 40%; top: 40%;
right: 8px; right: 8px;
} }
.side-col .nav-side ul li ul li a::after { .side-col .nav-side ul li ul li a::after {
content: none; content: none;
} }
.side-col .nav-side ul li.is-current a { .side-col .nav-side ul li.is-current a {
color: #d70c19; color: #d70c19;
} }
.nav-side li ul li { .nav-side li ul li {
font-size: 14px; font-size: 14px;
} }
.side-col .nav-side ul li ul li a { .side-col .nav-side ul li ul li a {
padding: 0; padding: 0;
background: #fff; background: #fff;
} }
.nav-side li ul li.seminar-gold { .nav-side li ul li.seminar-gold {
background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat 5px 6px; background: url(/common_previous/img/ico/ico_seminar_Lst_01.png) no-repeat 5px 6px;
background-size: 10px auto; background-size: 10px auto;
} }
.side-col .area-facebook { .side-col .area-facebook {
display: none; display: none;
} }
} }
......
achievement-official.conohawing.com/common_previous/css/strategy.css
/* ========================================================== /* ==========================================================
common common
========================================================== */ ========================================================== */
body {
min-width: 1250px; body {
}
@media screen and (max-width: 767px) { min-width: 1250px;
body {
min-width: 320px; }
}
} @media screen and (max-width: 767px) {
.strategy img {
width: auto; body {
height: auto;
} min-width: 320px;
@media screen and (min-width: 768px) {
.sp-only { }
display: none !important;
} }
}
@media screen and (max-width: 767px) { .strategy img {
.pc-only {
display: none !important; width: auto;
}
} height: auto;
.strategy .c-title1 {
text-align: center; }
position: relative;
overflow: hidden;
padding: 0 56px 0 0;
border-bottom: 0; @media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) { .sp-only {
.strategy .c-title1 {
padding: 0 26px 0 0; display: none !important;
}
} }
.strategy .c-title1__inner {
display: inline-block; }
position: relative;
font-size: 4rem;
line-height: 1.2;
color: #363636; @media screen and (max-width: 767px) {
font-weight: bold;
padding: 0 0 13px; .pc-only {
}
@media screen and (max-width: 767px) { display: none !important;
.strategy .c-title1__inner {
font-size: 2.4rem; }
padding: 0 0 8px;
} }
}
.strategy .c-title1__inner:after {
content: '';
position: absolute; .strategy .c-title1 {
bottom: 0;
right: 0; text-align: center;
height: 2px;
width: 100vw; position: relative;
background: #beac56;
} overflow: hidden;
.strategy .c-title1--yellow .c-title1__inner {
color: #beac56; padding: 0 56px 0 0;
}
.strategy .c-mainvisual { border-bottom: 0;
position: relative;
background: url(/common_previous/img/img_strategy_mv.jpg) no-repeat bottom right; }
background-size: cover;
padding: 124px 0;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-mainvisual {
margin-top: 50px; .strategy .c-title1 {
padding: 100px 15px 0;
background: url(/common_previous/img/img_strategy_mv_sp.jpg) no-repeat top center; padding: 0 26px 0 0;
background-size: cover;
} }
}
.strategy .c-mainvisual__img img { }
width: 100%;
height: auto;
}
.strategy .c-mainvisual__box { .strategy .c-title1__inner {
width: 740px;
background: rgba(0, 0, 0, 0.5); display: inline-block;
padding: 60px 88px 52px 0;
} position: relative;
@media screen and (max-width: 767px) {
.strategy .c-mainvisual__box { font-size: 4rem;
width: 100%;
text-align: center; line-height: 1.2;
padding: 20px 15px 17px;
} color: #363636;
}
.strategy .c-mainvisual__info { font-weight: bold;
padding: 0 0 0 120px;
} padding: 0 0 13px;
@media screen and (max-width: 767px) {
.strategy .c-mainvisual__info { }
padding: 0;
}
}
.strategy .c-mainvisual__ttl { @media screen and (max-width: 767px) {
line-height: 1;
} .strategy .c-title1__inner {
@media screen and (max-width: 767px) {
.strategy .c-mainvisual__ttl {} font-size: 2.4rem;
}
.strategy .c-mainvisual__txt { padding: 0 0 8px;
font-size: 1.8rem;
line-height: 1.68; }
color: #fff;
margin: 0 0 8px; }
text-align: left;
}
@media screen and (max-width: 767px) {
.strategy .c-mainvisual__txt { .strategy .c-title1__inner:after {
font-size: 1.4rem;
margin: 0 0 5px; content: '';
}
} position: absolute;
.strategy .c-mainvisual__txt span {
font-size: 2rem; bottom: 0;
}
@media screen and (max-width: 767px) { right: 0;
.strategy .c-mainvisual__txt span {
font-size: 1.4rem; height: 2px;
}
} width: 100vw;
.strategy .c-mainvisual__txt2 {
font-size: 4.8rem; background: #beac56;
line-height: 1;
color: #fff; }
font-weight: bold;
}
@media screen and (max-width: 767px) {
.strategy .c-mainvisual__txt2 { .strategy .c-title1--yellow .c-title1__inner {
font-size: 2.8rem;
} color: #beac56;
}
.strategy .c-mainvisual__anchor { }
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden; .strategy .c-mainvisual {
background: rgba(183, 161, 52, 0.8);
text-align: center; position: relative;
position: absolute;
right: 40px; background: url(/common_previous/img/img_strategy_mv.jpg) no-repeat bottom right;
bottom: 40px;
} background-size: cover;
.strategy .c-mainvisual__anchor a {
width: 100%; padding: 124px 0;
height: 100%;
display: -webkit-box; }
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center; @media screen and (max-width: 767px) {
align-items: center;
-webkit-box-pack: center; .strategy .c-mainvisual {
-ms-flex-pack: center;
justify-content: center; margin-top: 50px;
font-size: 1.6rem;
line-height: 1.2; padding: 100px 15px 0;
color: #fff;
} background: url(/common_previous/img/img_strategy_mv_sp.jpg) no-repeat top center;
.strategy .c-mainvisual__anchor a span {
position: relative; background-size: cover;
padding: 0 0 14px;
} }
.strategy .c-mainvisual__anchor a span::after {
content: ''; }
width: 10px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff; .strategy .c-mainvisual__img img {
position: absolute;
bottom: 0; width: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0) rotate(45deg); height: auto;
transform: translate(-50%, 0) rotate(45deg);
} }
.strategy .c-text {
font-size: 1.7rem;
line-height: 1.68;
color: #fff; .strategy .c-mainvisual__box {
}
@media screen and (max-width: 767px) { width: 740px;
.strategy .c-text {
font-size: 1.4rem; background: rgba(0, 0, 0, 0.5);
line-height: 1.43;
} padding: 60px 88px 52px 0;
}
.strategy .c-imgtext1 { }
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap; @media screen and (max-width: 767px) {
flex-wrap: wrap;
} .strategy .c-mainvisual__box {
.strategy .c-imgtext1__img {
width: 700px; width: 100%;
}
@media screen and (max-width: 767px) { text-align: center;
.strategy .c-imgtext1__img {
width: 100%; padding: 20px 15px 17px;
padding: 0 10px 0 0;
} }
}
.strategy .c-imgtext1__img img { }
width: 100%;
height: auto;
}
.strategy .c-imgtext1__info { .strategy .c-mainvisual__info {
width: 600px;
background: #fff; padding: 0 0 0 120px;
padding: 54px 52px 50px 60px;
margin: 50px 0 0 -100px; }
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-imgtext1__info {
width: 100%; .strategy .c-mainvisual__info {
padding: 28px 15px;
margin: -23px 0 0 15px; padding: 0 10px;
}
} }
.strategy .c-imgtext1__txt {
font-size: 1.8rem; }
line-height: 1.68;
color: #363636;
}
@media screen and (max-width: 767px) { .strategy .c-mainvisual__ttl {
.strategy .c-imgtext1__txt {
font-size: 1.4rem; margin: 0 0 15px;
line-height: 1.3;
} }
}
.strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt {
margin: 30px 0 0;
} @media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
.strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt { .strategy .c-mainvisual__ttl {
margin: 18px 0 0;
} margin: 0 0 6px;
}
@media screen and (max-width: 767px) { }
.strategy .c-imgtext1__txt + .c-imgtext1__txt {
margin: 18px 0 0; }
}
}
.strategy .c-list1 {
display: -webkit-box; .strategy .c-mainvisual__txt {
display: -ms-flexbox;
display: flex; font-size: 1.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap; line-height: 1.68;
}
.strategy .c-list1__item { color: #fff;
width: 285px;
margin: 0 0 0 20px; margin: 0 0 8px;
}
@media screen and (max-width: 767px) { }
.strategy .c-list1__item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox; @media screen and (max-width: 767px) {
display: flex;
-webkit-box-pack: justify; .strategy .c-mainvisual__txt {
-ms-flex-pack: justify;
justify-content: space-between; font-size: 1.4rem;
-webkit-box-align: center;
-ms-flex-align: center; margin: 0 0 5px;
align-items: center;
margin: 0 0 20px; }
}
} }
.strategy .c-list1__item:nth-child(4n + 1) {
margin: 0;
}
@media screen and (max-width: 767px) { .strategy .c-mainvisual__txt span {
.strategy .c-list1__item:nth-child(4n + 1) {
margin: 0 0 20px; font-size: 2rem;
}
} }
.strategy .c-list1__info {
background: #fff;
text-align: center;
padding: 56px 20px 53px; @media screen and (max-width: 767px) {
position: relative;
margin: 0 0 36px; .strategy .c-mainvisual__txt span {
}
@media screen and (max-width: 767px) { font-size: 1.4rem;
.strategy .c-list1__info {
width: calc(100% - 122px); }
margin: 0 22px 0 0;
padding: 30px 10px 26px; }
}
}
.strategy .c-list1__info::after {
content: ''; .strategy .c-mainvisual__txt2 {
width: 0;
height: 0; font-size: 4.8rem;
border-style: solid;
border-width: 16px 10px 0 10px; line-height: 1;
border-color: #ffffff transparent transparent transparent;
position: absolute; color: #fff;
bottom: -16px;
left: 50%; font-weight: bold;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
}
@media screen and (max-width: 767px) {
.strategy .c-list1__info::after {
border-width: 7.5px 0 7.5px 12px; @media screen and (max-width: 767px) {
border-color: transparent transparent transparent #ffffff;
bottom: auto; .strategy .c-mainvisual__txt2 {
top: 50%;
left: auto; font-size: 2.8rem;
right: -12px;
-webkit-transform: translate(0, -50%); }
transform: translate(0, -50%);
} }
}
.strategy .c-list1__txt {
font-size: 1.8rem;
line-height: 1.4; .strategy .c-mainvisual__anchor {
color: #363636;
font-weight: bold; width: 130px;
}
@media screen and (max-width: 767px) { height: 130px;
.strategy .c-list1__txt {
font-size: 1.6rem; border-radius: 50%;
line-height: 1.5;
} overflow: hidden;
}
.strategy .c-list1__img { background: rgba(183, 161, 52, 0.8);
width: 200px;
height: 200px; text-align: center;
border-radius: 50%;
overflow: hidden; position: absolute;
margin: 0 auto;
} right: 40px;
@media screen and (max-width: 767px) {
.strategy .c-list1__img { bottom: 40px;
width: 100px;
height: 100px; }
}
}
.strategy .c-list2 {
display: -webkit-box; .strategy .c-mainvisual__anchor a {
display: -ms-flexbox;
display: flex; width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; height: 100%;
}
@media screen and (max-width: 767px) { display: -webkit-box;
.strategy .c-list2 {
padding: 0 15px; display: -ms-flexbox;
}
} display: flex;
.strategy .c-list2__item {
width: 398px; -webkit-box-align: center;
background: #fff;
margin: 0 0 0 3px; -ms-flex-align: center;
padding: 30px 40px 50px;
} align-items: center;
@media screen and (max-width: 767px) {
.strategy .c-list2__item { -webkit-box-pack: center;
width: 100%;
margin: 0 0 10px; -ms-flex-pack: center;
padding: 19px 15px;
} justify-content: center;
}
.strategy .c-list2__item:nth-child(3n + 1) { font-size: 1.6rem;
margin: 0;
} line-height: 1.2;
@media screen and (max-width: 767px) {
.strategy .c-list2__item:nth-child(3n + 1) { color: #fff;
margin: 0 0 10px;
} }
}
.strategy .c-list2__ttl {
font-size: 2.8rem;
line-height: 1.78; .strategy .c-mainvisual__anchor a span {
color: #0b2237;
text-align: center; position: relative;
font-weight: bold;
font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic'; padding: 0 0 14px;
}
@media screen and (max-width: 767px) { }
.strategy .c-list2__ttl {
font-size: 2rem;
line-height: 1.25;
} .strategy .c-mainvisual__anchor a span::after {
}
.strategy .c-list2__img { content: '';
text-align: center;
margin: 11px 0 0; width: 10px;
display: -webkit-box;
display: -ms-flexbox; height: 10px;
display: flex;
-webkit-box-align: center; border-right: 2px solid #fff;
-ms-flex-align: center;
align-items: center; border-bottom: 2px solid #fff;
-webkit-box-pack: center;
-ms-flex-pack: center; position: absolute;
justify-content: center;
position: relative; bottom: 0;
}
@media screen and (max-width: 767px) { left: 50%;
.strategy .c-list2__img {
max-width: 220px; -webkit-transform: translate(-50%, 0) rotate(45deg);
min-width: 200px;
margin: 8px auto 0; transform: translate(-50%, 0) rotate(45deg);
}
} }
.strategy .c-list2__txt1 {
font-size: 2.4rem;
line-height: 1;
color: #beac56; .strategy .c-text {
margin: 0 0 15px;
} font-size: 1.7rem;
@media screen and (max-width: 767px) {
.strategy .c-list2__txt1 { line-height: 1.68;
font-size: 1.7rem;
margin: 0 0 11px; color: #fff;
}
} }
.strategy .c-list2__txt2 {
font-size: 5.6rem;
line-height: 1;
color: #beac56; @media screen and (max-width: 767px) {
font-weight: bold;
} .strategy .c-text {
@media screen and (max-width: 767px) {
.strategy .c-list2__txt2 { font-size: 1.4rem;
font-size: 4rem;
} line-height: 1.43;
}
.strategy .c-list2__txt2 + .c-list2__txt2 { }
margin: 5px 0 0;
} }
.strategy .c-list2__txt2 span {
font-size: 3rem;
font-weight: normal;
} .strategy .c-imgtext1 {
@media screen and (max-width: 767px) {
.strategy .c-list2__txt2 span { display: -webkit-box;
font-size: 2.1rem;
} display: -ms-flexbox;
}
.strategy .c-list2__txt3 { display: flex;
font-size: 6.2rem;
line-height: 1; -ms-flex-wrap: wrap;
color: #beac56;
font-weight: bold; flex-wrap: wrap;
white-space: nowrap;
text-shadow:0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff,0 0 7px #fff; }
}
@media screen and (max-width: 767px) {
.strategy .c-list2__txt3 {
font-size: 4.5rem; .strategy .c-imgtext1__img {
}
} width: 700px;
.strategy .c-list2__txt3 span {
font-size: 3rem; }
font-weight: normal;
text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.strategy .c-list2__txt3 span {
font-size: 2.1rem; .strategy .c-imgtext1__img {
}
} width: 100%;
.strategy .c-list2 .schedule {
width: 100%; padding: 0 10px 0 0;
position: absolute;
top: 50%; }
left: 50%;
-webkit-transform: translate(-50%, -50%); }
transform: translate(-50%, -50%);
margin: 30px 0 0;
}
@media screen and (max-width: 767px) { .strategy .c-imgtext1__img img {
.strategy .c-list2 .schedule {
margin: 19px 0 0; width: 100%;
}
} height: auto;
.strategy .c-list2 .number {
width: 100%; }
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); .strategy .c-imgtext1__info {
transform: translate(-50%, -50%);
margin: 13px 0 0; width: 600px;
}
.strategy .c-list2 .numberCnt { background: #fff;
width: 100%;
position: absolute; padding: 54px 52px 50px 60px;
top: 50%;
left: 41.5%; margin: 50px 0 0 -100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); position: relative;
margin: 13px 0 0;
} z-index: 2;
.strategy .c-list3__item {
display: -webkit-box; }
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; @media screen and (max-width: 767px) {
-webkit-box-pack: justify;
-ms-flex-pack: justify; .strategy .c-imgtext1__info {
justify-content: space-between;
-webkit-box-align: start; width: 100%;
-ms-flex-align: start;
align-items: flex-start; padding: 28px 15px;
border-bottom: 1px solid #ebebeb;
padding: 0 0 36px; margin: -23px 0 0 15px;
margin: 0 0 41px;
} }
@media screen and (max-width: 767px) {
.strategy .c-list3__item { }
padding: 0 0 29px;
margin: 0 0 31px;
}
} .strategy .c-imgtext1__txt {
.strategy .c-list3__item:last-child {
border-bottom: 0; font-size: 1.8rem;
padding: 0;
margin: 0; line-height: 1.68;
}
.strategy .c-list3__left { color: #363636;
width: 250px;
} }
@media screen and (max-width: 767px) {
.strategy .c-list3__left {
width: 100%;
display: -webkit-box; @media screen and (max-width: 767px) {
display: -ms-flexbox;
display: flex; .strategy .c-imgtext1__txt {
-ms-flex-wrap: wrap;
flex-wrap: wrap; font-size: 1.4rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify; line-height: 1.3;
justify-content: space-between;
} }
}
.strategy .c-list3__right { }
width: calc(100% - 300px);
display: -webkit-box;
display: -ms-flexbox;
display: flex; .strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt {
-ms-flex-wrap: wrap;
flex-wrap: wrap; margin: 30px 0 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify; }
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; @media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) { .strategy .c-imgtext1__txt + .strategy .c-imgtext1__txt {
.strategy .c-list3__right {
width: 100%; margin: 18px 0 0;
margin: 14px 0 0;
} }
}
.strategy .c-list3__box { }
/*width: calc(100% - 160px);*/
width: 100%;
background: #fff;
border: 1px solid #ebebeb; @media screen and (max-width: 767px) {
border-radius: 25px;
-webkit-box-sizing: border-box; .strategy .c-imgtext1__txt + .c-imgtext1__txt {
box-sizing: border-box;
padding: 38px 27px 35px; margin: 18px 0 0;
position: relative;
} }
@media screen and (max-width: 767px) {
.strategy .c-list3__box { }
width: 100%;
border-radius: 12px;
padding: 19px 15px 17px;
} .strategy .c-list1 {
}
.strategy .c-list3__box::after { display: -webkit-box;
content: '';
width: 0; display: -ms-flexbox;
height: 0;
border-style: solid; display: flex;
border-width: 9px 16px 9px 0;
border-color: transparent #ebebeb transparent transparent; -ms-flex-wrap: wrap;
position: absolute;
top: 50%; flex-wrap: wrap;
left: -16px;
-webkit-transform: translate(0, -50%); }
transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.strategy .c-list3__box::after { .strategy .c-list1__item {
display: none;
} width: 285px;
}
.strategy .c-list3__box::before { margin: 0 0 0 20px;
content: '';
width: 0; }
height: 0;
border-style: solid;
border-width: 8px 13px 8px 0;
border-color: transparent #ffffff transparent transparent; @media screen and (max-width: 767px) {
position: absolute;
top: 50%; .strategy .c-list1__item {
left: -13px;
-webkit-transform: translate(0, -50%); width: 100%;
transform: translate(0, -50%);
z-index: 2; display: -webkit-box;
}
@media screen and (max-width: 767px) { display: -ms-flexbox;
.strategy .c-list3__box::before {
display: none; display: flex;
}
} -webkit-box-pack: justify;
.strategy .c-list3__info {
margin: 18px 0 0; -ms-flex-pack: justify;
}
@media screen and (max-width: 767px) { justify-content: space-between;
.strategy .c-list3__info {
width: 61%; -webkit-box-align: center;
margin: 0;
} -ms-flex-align: center;
}
@media screen and (max-width: 767px) { align-items: center;
.strategy .c-list3__img {
width: 35%; margin: 0 0 20px;
}
} }
.strategy .c-list3__img img {
width: 100%; }
height: auto;
}
.strategy .c-list3__ttl {
font-size: 2.4rem; .strategy .c-list1__item:nth-child(4n + 1) {
line-height: 1.3;
color: #363636; margin: 0;
font-weight: 500;
margin: 0 0 10px; }
}
@media screen and (max-width: 767px) {
.strategy .c-list3__ttl {
font-size: 1.6rem; @media screen and (max-width: 767px) {
margin: 0 0 5px;
} .strategy .c-list1__item:nth-child(4n + 1) {
}
.strategy .c-list3__txt1 { margin: 0 0 20px;
font-size: 1.6rem;
line-height: 1.3; }
color: #363636;
margin: 3px 0 0; }
}
@media screen and (max-width: 767px) {
.strategy .c-list3__txt1 {
font-size: 1.4rem; .strategy .c-list1__info {
}
} background: #fff;
.strategy .c-list3__txt2 {
font-size: 1.6rem; text-align: center;
line-height: 1.4;
color: #363636; padding: 56px 20px 53px;
}
@media screen and (max-width: 767px) { position: relative;
.strategy .c-list3__txt2 {
font-size: 1.4rem; margin: 0 0 36px;
line-height: 1.45;
} }
}
.strategy .c-list3__name {
font-size: 2rem;
line-height: 1.3; @media screen and (max-width: 767px) {
color: #363636;
} .strategy .c-list1__info {
@media screen and (max-width: 767px) {
.strategy .c-list3__name { width: calc(100% - 122px);
font-size: 1.6rem;
} margin: 0 22px 0 0;
}
.strategy .c-list3__sign { padding: 30px 10px 26px;
font-size: 1.4rem;
line-height: 1.4; }
color: #363636;
font-weight: 500; }
text-align: right;
margin: 4px 0 0;
}
@media screen and (max-width: 767px) { .strategy .c-list1__info::after {
.strategy .c-list3__sign {
font-size: 1.2rem; content: '';
margin: 5px 0 0;
} width: 0;
}
.strategy .c-list3__avt { height: 0;
display: none;
width: 120px; border-style: solid;
border-radius: 50%;
border: 1px solid #ebebeb; border-width: 16px 10px 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box; border-color: #ffffff transparent transparent transparent;
overflow: hidden;
} position: absolute;
@media screen and (max-width: 767px) {
.strategy .c-list3__avt { bottom: -16px;
display: none;
} left: 50%;
}
.strategy .c-list4__item { -webkit-transform: translate(-50%, 0);
display: -webkit-box;
display: -ms-flexbox; transform: translate(-50%, 0);
display: flex;
-ms-flex-wrap: wrap; }
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; @media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) { .strategy .c-list1__info::after {
.strategy .c-list4__item {
-webkit-box-pack: justify; border-width: 7.5px 0 7.5px 12px;
-ms-flex-pack: justify;
justify-content: space-between; border-color: transparent transparent transparent #ffffff;
background: #fff;
padding: 17px 15px 19px; bottom: auto;
}
} top: 50%;
.strategy .c-list4__item + .c-list4__item {
margin: 40px 0 0; left: auto;
}
@media screen and (max-width: 767px) { right: -12px;
.strategy .c-list4__item + .c-list4__item {
margin: 20px 0 0; -webkit-transform: translate(0, -50%);
}
} transform: translate(0, -50%);
.strategy .c-list4__info {
width: 900px; }
background: #fff;
padding: 35px 64px; }
min-height: 187px;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__info { .strategy .c-list1__txt {
width: 72%;
min-height: auto; font-size: 1.8rem;
padding: 0;
} line-height: 1.4;
}
.strategy .c-list4__img { color: #363636;
width: 350px;
margin: 30px 0 0 -50px; font-weight: bold;
}
@media screen and (max-width: 767px) { }
.strategy .c-list4__img {
width: 25.4%;
margin: 3px 0 0;
} @media screen and (max-width: 767px) {
}
.strategy .c-list4__ttl { .strategy .c-list1__txt {
font-size: 2.4rem;
line-height: 1.3; font-size: 1.6rem;
color: #363636;
font-weight: bold; line-height: 1.5;
text-indent: -35px;
margin: 0 0 6px; }
}
@media screen and (max-width: 767px) { }
.strategy .c-list4__ttl {
font-size: 1.6rem;
padding: 0 0 0 18px;
text-indent: -18px; .strategy .c-list1__img {
}
} width: 200px;
.strategy .c-list4__ttl span {
font-size: 4rem; height: 200px;
line-height: 1;
color: #363636; border-radius: 50%;
font-weight: normal;
vertical-align: middle; overflow: hidden;
margin: 0 10px 0 0;
} margin: 0 auto;
@media screen and (max-width: 767px) {
.strategy .c-list4__ttl span { }
font-size: 2.4rem;
margin: 0 3px 0 0;
}
} @media screen and (max-width: 767px) {
.strategy .c-list4__txt {
font-size: 1.6rem; .strategy .c-list1__img {
line-height: 1.5;
color: #363636; width: 100px;
}
@media screen and (max-width: 767px) { height: 100px;
.strategy .c-list4__txt {
font-size: 1.4rem; }
line-height: 1.25;
padding: 0 10px 0 0; }
}
}
/* ==========================================================
.strategy .c-list2 {
container
display: -webkit-box;
========================================================== */
.strategy .container { display: -ms-flexbox;
width: 1200px;
margin: 0 auto; display: flex;
}
@media screen and (max-width: 767px) { -ms-flex-wrap: wrap;
.strategy .container {
width: 100%; flex-wrap: wrap;
padding: 0 15px;
} }
}
@media screen and (max-width: 750px) {
.strategy .container {
max-width: 100%; @media screen and (max-width: 767px) {
margin: 0;
} .strategy .c-list2 {
}
/* ========================================================== padding: 0 15px;
strategy1 }
========================================================== */ }
.strategy1 {
background: #fbfbfb;
padding: 78px 0 80px;
} .strategy .c-list2__item {
.strategy1 .c-title1 {
margin: 0 0 59px; width: 398px;
}
@media screen and (max-width: 767px) { background: #fff;
.strategy1 {
background: #fbfbfb; margin: 0 0 0 3px;
padding: 39px 0;
} padding: 30px 40px 50px;
.strategy1 .c-title1 {
margin: 0 0 39px; }
}
.strategy1 .c-imgtext1 {
width: calc(100% + 15px);
margin: 0 0 0 -15px; @media screen and (max-width: 767px) {
}
} .strategy .c-list2__item {
/* ==========================================================
width: 100%;
strategy2
margin: 0 0 10px;
========================================================== */
.strategy2 { padding: 19px 15px;
background: #0b2237;
padding: 77px 0 78px; }
}
.strategy2 .c-text { }
margin: 32px 0 0;
}
.strategy2 .c-title1 {
margin: 0 0 60px; .strategy .c-list2__item:nth-child(3n + 1) {
}
@media screen and (max-width: 767px) { margin: 0;
.strategy2 {
padding: 39px 0 38px; }
}
.strategy2 .c-text {
margin: 7px 0 0;
} @media screen and (max-width: 767px) {
.strategy2 .c-title1 {
margin: 0 0 40px; .strategy .c-list2__item:nth-child(3n + 1) {
}
} margin: 0 0 10px;
/* ==========================================================
}
strategy3
}
========================================================== */
.strategy3 {
background: #fbfbfb;
padding: 80px 0 80px; .strategy .c-list2__ttl {
}
.strategy3 .c-title1 { font-size: 2.8rem;
margin: 0 0 59px;
} line-height: 1.78;
@media screen and (max-width: 767px) {
.strategy3 { color: #0b2237;
background: #fbfbfb;
padding: 39px 0; text-align: center;
}
.strategy3 .c-title1 { font-weight: bold;
margin: 0 0 39px;
} font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic';
.strategy3 .c-imgtext1 {
width: calc(100% + 15px); }
margin: 0 0 0 -15px;
}
}
/* ========================================================== @media screen and (max-width: 767px) {
strategy4 .strategy .c-list2__ttl {
========================================================== */ font-size: 2rem;
.strategy4 {
background: #0b2237; line-height: 1.25;
padding: 79px 0 73px;
} }
.strategy4 .c-text {
margin: 32px 0 0; }
}
.strategy4 .c-title1 {
margin: 0 0 60px;
} .strategy .c-list2__img {
@media screen and (max-width: 767px) {
.strategy4 { text-align: center;
padding: 42px 0 36px;
} margin: 11px 0 0;
.strategy4 .c-text {
margin: 17px 0 0; display: -webkit-box;
}
.strategy4 .c-title1 { display: -ms-flexbox;
margin: 0 0 39px;
} display: flex;
}
/* ========================================================== -webkit-box-align: center;
strategy5 -ms-flex-align: center;
========================================================== */ align-items: center;
.strategy5 {
background: #fbfbfb; -webkit-box-pack: center;
padding: 80px 0 76px;
} -ms-flex-pack: center;
.strategy5 .c-title1 {
margin: 0 0 60px; justify-content: center;
}
@media screen and (max-width: 767px) { position: relative;
.strategy5 {
background: #fbfbfb; }
padding: 39px 0;
}
.strategy5 .c-title1 {
margin: 0 0 31px; @media screen and (max-width: 767px) {
}
} .strategy .c-list2__img {
/* ==========================================================
max-width: 220px;
strategy6
min-width: 200px;
========================================================== */
.strategy6 { margin: 8px auto 0;
background: #0b2237;
padding: 79px 0 80px; }
}
.strategy6__ttl { }
font-size: 3.2rem;
line-height: 1.2;
color: #fff;
font-weight: bold; .strategy .c-list2__txt1 {
margin: 53px 0 13px;
} font-size: 2.4rem;
.strategy6 .c-title1 {
margin: 0 0 53px; line-height: 1;
}
@media screen and (max-width: 767px) { color: #beac56;
.strategy6 {
padding: 39px 0 40px; margin: 0 0 15px;
}
.strategy6__ttl { }
margin: 25px 0 16px;
font-size: 2rem;
}
.strategy6 .c-title1 { @media screen and (max-width: 767px) {
margin: 0 0 35px;
} .strategy .c-list2__txt1 {
.strategy6 .c-text {
line-height: 1.6; font-size: 1.7rem;
}
} margin: 0 0 11px;
/* ==========================================================
}
strategy7
}
========================================================== */
.strategy7 {
padding: 80px 0 98px;
} .strategy .c-list2__txt2 {
.schedule-ttl {
margin-bottom: 16px; font-size: 5.6rem;
font-size: 4rem;
font-weight: bold; line-height: 1;
line-height: 1;
color: #333; color: #beac56;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
} font-weight: bold;
.scheduleWrap {
margin: 0 auto; }
width: 1200px;
}
.scheduleWrap .c-title1 {
text-align: left; @media screen and (max-width: 767px) {
}
.strategy .c-title1__inner:after { .strategy .c-list2__txt2 {
display: none;
} font-size: 4rem;
.schedule-table {
text-align: center; }
}
.schedule-table thead th { }
padding: 16px 0;
background: #0b2237;
color: #fff;
font-size: 1.8rem; .strategy .c-list2__txt2 + .c-list2__txt2 {
text-align: center;
border: 1px solid #ebebeb; margin: 5px 0 0;
}
.schedule-table .venue { }
width: 120px;
}
.schedule-table .month {
width: 180px; .strategy .c-list2__txt2 span {
}
.schedule-table .area { font-size: 3rem;
vertical-align: middle;
} font-weight: normal;
.schedule-table tbody td {
height: 110px; }
font-size: 1.8rem;
text-align: center;
border: 1px solid #ebebeb;
position: relative; @media screen and (max-width: 767px) {
}
/* 満員御礼、申込締切 */ .strategy .c-list2__txt2 span {
.schedule-table tbody .reserveStop {
background: #e9edf1; font-size: 2.1rem;
}
.schedule-table tbody .reserveStop .link:hover { }
cursor: default;
} }
.schedule-table tbody .reserveStop p {
color: #939393;
}
/* 初受講 */ .strategy .c-list2__txt3 {
.schedule-table tbody .attend:after {
content: ''; font-size: 6.4rem;
width: 0px;
height: 0px; line-height: 1;
border-top: 14px solid transparent;
border-right: 14px solid #093d6e; color: #beac56;
display: block;
position: absolute; font-weight: bold;
right: 0;
bottom: 0; white-space: nowrap;
}
.schedule-table tbody .attend:hover { text-shadow: -4px -4px 0px #ffffff, 4px -4px 0px #ffffff, -4px 4px 0px #ffffff, 4px 4px 0px #ffffff,
background: #d4e0ec;
} 4px -2px 0px #ffffff, 4px 0px 0px #ffffff, 4px 2px 0px #ffffff;
/* 再受講 */
.schedule-table tbody .retake:after { }
content: '';
width: 0px;
height: 0px;
border-top: 14px solid transparent; @media screen and (max-width: 767px) {
border-right: 14px solid #ab3951;
display: block; .strategy .c-list2__txt3 {
position: absolute;
right: 0; font-size: 4.5rem;
bottom: 0;
} }
.schedule-table tbody .retake:hover {
background: #f0dadf; }
}
/* プレミアム */
.schedule-table tbody .premium:after {
content: ''; .strategy .c-list2__txt3 span {
width: 0px;
height: 0px; font-size: 3rem;
border-top: 14px solid transparent;
border-right: 14px solid #beac56; font-weight: normal;
display: block;
position: absolute; text-shadow: -2px -2px 0px #ffffff, -2px 2px 0px #ffffff, 2px -2px 0px #ffffff, -4px 2px 0px #ffffff,
right: 0;
bottom: 0; 0px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, 4px -2px 0px #ffffff, 0px 2px 0px #ffffff;
}
.schedule-table tbody .premium:hover { }
background: #fff3b2;
}
.schedule-table .link {
padding-top: 10px; @media screen and (max-width: 767px) {
height: 100%;
display: block; .strategy .c-list2__txt3 span {
}
.schedule-table .link .time { font-size: 2.1rem;
font-size: 2rem;
} }
.schedule-table .link .txt {
font-size: 1.3rem; }
}
.linkBtn {
margin: 40px auto 0;
padding: 28px 0; .strategy .c-list2 .schedule {
width: 600px;
display: block; width: 100%;
font-size: 2.4rem;
line-height: 1; position: absolute;
color: #263f6c;
text-align: center; top: 50%;
border: 1px solid #263f6c;
position: relative; left: 50%;
}
.linkBtn::before { -webkit-transform: translate(-50%, -50%);
content: '';
width: 8px; transform: translate(-50%, -50%);
height: 8px;
border: 0px; margin: 30px 0 0;
border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c; }
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute; @media screen and (max-width: 767px) {
top: 50%;
right: 15px; .strategy .c-list2 .schedule {
margin-top: -6px;
} margin: 19px 0 0;
.linkBtn small {
display: block; }
margin-top: 6px;
font-size: 1.8rem; }
line-height: 1; .c-list2 .numberCnt {
} width: 100%;
.linkBtn-BLU { position: absolute;
margin-bottom: 40px; top: 50%;
background-color: #263f6c; left: 41.5%;
color: #fff; -webkit-transform: translate(-50%, -50%);
} transform: translate(-50%, -50%);
.linkBtn-BLU::before { margin: 13px 0 0;
border-top: solid 2px #fff; }
border-right: solid 2px #fff; .strategy .c-list2 .number {
} width: 100%;
.annotation { position: absolute;
margin-top: 20px; top: 50%;
font-size: 1.2rem; left: 50%;
} -webkit-transform: translate(-50%, -50%);
@media screen and (max-width: 768px) { transform: translate(-50%, -50%);
.strategy7 { margin: 13px 0 0;
padding: 40px 0 80px; }
}
.scheduleWrap {
width: 100%; .strategy .c-list3__item {
}
.scheduleWrap .c-title1 { display: -webkit-box;
margin-bottom: 20px;
text-align: center; display: -ms-flexbox;
}
.strategy .c-title1__inner:after { display: flex;
display: block;
} -ms-flex-wrap: wrap;
.schedule-ttl {
padding-left: 15px; flex-wrap: wrap;
margin-bottom: 20px;
font-size: 2rem; -webkit-box-pack: justify;
font-weight: bold;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; -ms-flex-pack: justify;
}
.schedule-table-sp { justify-content: space-between;
margin: 0 auto;
display: block; -webkit-box-align: start;
max-width: 375px;
} -ms-flex-align: start;
.schedule-table-sp thead {
width: 100%; align-items: flex-start;
}
.schedule-table-sp thead th { border-bottom: 1px solid #ebebeb;
background: #0b2237;
font-size: 1.4rem; padding: 0 0 36px;
color: #fff;
text-align: center; margin: 0 0 41px;
border: 1px solid #959595;
border-collapse: collapse; }
}
.schedule-table-sp thead .venue {
padding: 18px 0;
width: 66px; @media screen and (max-width: 767px) {
}
.schedule-table-sp thead .month { .strategy .c-list3__item {
padding: 18px 0;
width: 116px; padding: 0 0 29px;
}
.schedule-table-sp thead .reserve { margin: 0 0 31px;
padding: 18px 0px;
width: 191px; }
}
.schedule-table-sp tbody td { }
padding: 10px 8px;
text-align: center;
border: 1px solid #959595;
border-collapse: collapse; .strategy .c-list3__item:last-child {
}
.schedule-table-sp .day { border-bottom: 0;
text-align: left;
} padding: 0;
.schedule-table-sp .day .day-icon {
padding: 2px 6px; margin: 0;
display: inline-block;
background: #363636; }
border-radius: 10px;
font-size: 1rem;
color: #fff;
} .strategy .c-list3__left {
.schedule-table-sp .btnArea .btn {
padding: 13px 0; width: 250px;
text-align: center;
font-size: 1.4rem; }
color: #fff;
width: 80px;
height: 40px;
line-height: 1; @media screen and (max-width: 767px) {
display: inline-block;
} .strategy .c-list3__left {
.schedule-table-sp .btnArea .btn span {
font-size: 1rem; width: 100%;
}
.schedule-table-sp .btnArea .btn:first-of-type { display: -webkit-box;
margin-right: 3px;
} display: -ms-flexbox;
.schedule-table-sp .btnArea .btn--first {
background: #093d6e; display: flex;
}
.schedule-table-sp .btnArea .btn--retry { -ms-flex-wrap: wrap;
background: #ab3951;
} flex-wrap: wrap;
.schedule-table-sp .btnArea .btn--stop {
background: #e9edf1; -webkit-box-pack: justify;
color: #939393;
} -ms-flex-pack: justify;
.schedule-table-sp--type3 .month {
padding: 18px 0px !important; justify-content: space-between;
width: 210px !important;
} }
.schedule-table-sp--type3 .reserve {
padding: 18px 0px !important; }
width: 100px !important;
}
.schedule-table-sp--type3 .btnArea .btn--simple {
background: #093d6e; .strategy .c-list3__right {
}
.linkBtn { width: calc(100% - 300px);
padding: 22px 0;
max-width: 375px; display: -webkit-box;
width: 100%;
font-size: 1.4rem; display: -ms-flexbox;
}
.linkBtn small { display: flex;
font-size: 1.3rem;
} -ms-flex-wrap: wrap;
} flex-wrap: wrap;
/* ==========================================================
-webkit-box-pack: justify;
copyright
-ms-flex-pack: justify;
========================================================== */
.strategy .copy { justify-content: space-between;
padding: 70px 0;
text-align: center; -webkit-box-align: center;
}
@media screen and (max-width: 750px) { -ms-flex-align: center;
.strategy .copy {
padding: 0px 0; align-items: center;
text-align: center;
font-size: 10px; }
}
}
.strategy6 { @media screen and (max-width: 767px) {
background-color: #203B54;
} .strategy .c-list3__right {
\ No newline at end of file
width: 100%;
margin: 14px 0 0;
}
}
.strategy .c-list3__box {
width: calc(100% - 160px);
background: #fff;
border: 1px solid #ebebeb;
border-radius: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 38px 27px 35px;
position: relative;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__box {
width: 100%;
border-radius: 12px;
padding: 19px 15px 17px;
}
}
.strategy .c-list3__box::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 9px 0 9px 16px;
border-color: transparent transparent transparent #ebebeb;
position: absolute;
top: 50%;
right: -16px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
.strategy .c-list3__box::after {
display: none;
}
}
.strategy .c-list3__box::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 13px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
top: 50%;
right: -13px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__box::before {
display: none;
}
}
.strategy .c-list3__info {
margin: 18px 0 0;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__info {
width: 61%;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.strategy .c-list3__img {
width: 35%;
}
}
.strategy .c-list3__img img {
width: 100%;
height: auto;
}
.strategy .c-list3__ttl {
font-size: 2.4rem;
line-height: 1.3;
color: #363636;
font-weight: 500;
margin: 0 0 10px;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__ttl {
font-size: 1.6rem;
margin: 0 0 5px;
}
}
.strategy .c-list3__txt1 {
font-size: 1.6rem;
line-height: 1.3;
color: #363636;
margin: 3px 0 0;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__txt1 {
font-size: 1.4rem;
}
}
.strategy .c-list3__txt2 {
font-size: 1.6rem;
line-height: 1.4;
color: #363636;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__txt2 {
font-size: 1.4rem;
line-height: 1.45;
}
}
.strategy .c-list3__name {
font-size: 2rem;
line-height: 1.3;
color: #363636;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__name {
font-size: 1.6rem;
}
}
.strategy .c-list3__sign {
font-size: 1.4rem;
line-height: 1.4;
color: #363636;
font-weight: 500;
text-align: right;
margin: 4px 0 0;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__sign {
font-size: 1.2rem;
margin: 5px 0 0;
}
}
.strategy .c-list3__avt {
width: 120px;
border-radius: 50%;
border: 1px solid #ebebeb;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.strategy .c-list3__avt {
display: none;
}
}
.strategy .c-list4__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
padding: 17px 15px 19px;
}
}
.strategy .c-list4__item + .c-list4__item {
margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__item + .c-list4__item {
margin: 20px 0 0;
}
}
.strategy .c-list4__info {
width: 900px;
background: #fff;
padding: 35px 64px;
min-height: 187px;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__info {
width: 72%;
min-height: auto;
padding: 0;
}
}
.strategy .c-list4__img {
width: 350px;
margin: 30px 0 0 -50px;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__img {
width: 25.4%;
margin: 3px 0 0;
}
}
.strategy .c-list4__ttl {
font-size: 2.4rem;
line-height: 1.3;
color: #363636;
font-weight: bold;
text-indent: -35px;
margin: 0 0 6px;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__ttl {
font-size: 1.6rem;
padding: 0 0 0 18px;
text-indent: -18px;
}
}
.strategy .c-list4__ttl span {
font-size: 4rem;
line-height: 1;
color: #363636;
font-weight: normal;
vertical-align: middle;
margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__ttl span {
font-size: 2.4rem;
margin: 0 3px 0 0;
}
}
.strategy .c-list4__txt {
font-size: 1.6rem;
line-height: 1.5;
color: #363636;
}
@media screen and (max-width: 767px) {
.strategy .c-list4__txt {
font-size: 1.4rem;
line-height: 1.25;
padding: 0 10px 0 0;
}
}
/* ==========================================================
container
========================================================== */
.strategy .container {
width: 1200px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.strategy .container {
width: 100%;
padding: 0 15px;
}
}
@media screen and (max-width: 750px) {
.strategy .container {
max-width: 100%;
margin: 0;
}
}
/* ==========================================================
strategy1
========================================================== */
.strategy1 {
background: #fbfbfb;
padding: 78px 0 80px;
}
.strategy1 .c-title1 {
margin: 0 0 59px;
}
@media screen and (max-width: 767px) {
.strategy1 {
background: #fbfbfb;
padding: 39px 0;
}
.strategy1 .c-title1 {
margin: 0 0 39px;
}
.strategy1 .c-imgtext1 {
width: calc(100% + 15px);
margin: 0 0 0 -15px;
}
}
/* ==========================================================
strategy2
========================================================== */
.strategy2 {
background: #0b2237;
padding: 77px 0 78px;
}
.strategy2 .c-text {
margin: 32px 0 0;
}
.strategy2 .c-title1 {
margin: 0 0 60px;
}
@media screen and (max-width: 767px) {
.strategy2 {
padding: 39px 0 38px;
}
.strategy2 .c-text {
margin: 7px 0 0;
}
.strategy2 .c-title1 {
margin: 0 0 40px;
}
}
/* ==========================================================
strategy3
========================================================== */
.strategy3 {
background: #fbfbfb;
padding: 80px 0 80px;
}
.strategy3 .c-title1 {
margin: 0 0 59px;
}
@media screen and (max-width: 767px) {
.strategy3 {
background: #fbfbfb;
padding: 39px 0;
}
.strategy3 .c-title1 {
margin: 0 0 39px;
}
.strategy3 .c-imgtext1 {
width: calc(100% + 15px);
margin: 0 0 0 -15px;
}
}
/* ==========================================================
strategy4
========================================================== */
.strategy4 {
background: #0b2237;
padding: 79px 0 73px;
}
.strategy4 .c-text {
margin: 32px 0 0;
}
.strategy4 .c-title1 {
margin: 0 0 60px;
}
@media screen and (max-width: 767px) {
.strategy4 {
padding: 42px 0 36px;
}
.strategy4 .c-text {
margin: 17px 0 0;
}
.strategy4 .c-title1 {
margin: 0 0 39px;
}
}
/* ==========================================================
strategy5
========================================================== */
.strategy5 {
background: #fbfbfb;
padding: 80px 0 76px;
}
.strategy5 .c-title1 {
margin: 0 0 60px;
}
@media screen and (max-width: 767px) {
.strategy5 {
background: #fbfbfb;
padding: 39px 0;
}
.strategy5 .c-title1 {
margin: 0 0 31px;
}
}
/* ==========================================================
strategy6
========================================================== */
.strategy6 {
background: #0b2237;
padding: 79px 0 80px;
}
.strategy6__ttl {
font-size: 3.2rem;
line-height: 1.2;
color: #fff;
font-weight: bold;
margin: 53px 0 13px;
}
.strategy6 .c-title1 {
margin: 0 0 53px;
}
@media screen and (max-width: 767px) {
.strategy6 {
padding: 39px 0 40px;
}
.strategy6__ttl {
margin: 25px 0 16px;
font-size: 2rem;
}
.strategy6 .c-title1 {
margin: 0 0 35px;
}
.strategy6 .c-text {
line-height: 1.6;
}
}
/* ==========================================================
strategy7
========================================================== */
.strategy7 {
padding: 80px 0 98px;
}
.schedule-ttl {
margin-bottom: 16px;
font-size: 4rem;
font-weight: bold;
line-height: 1;
color: #333;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
}
.scheduleWrap {
margin: 0 auto;
width: 1200px;
}
.scheduleWrap .c-title1 {
text-align: left;
}
.strategy .c-title1__inner:after {
display: none;
}
.schedule-table {
text-align: center;
}
.schedule-table thead th {
padding: 16px 0;
background: #0b2237;
color: #fff;
font-size: 1.8rem;
text-align: center;
border: 1px solid #ebebeb;
}
.schedule-table .venue {
width: 120px;
}
.schedule-table .month {
width: 180px;
}
.schedule-table .area {
vertical-align: middle;
}
.schedule-table tbody td {
height: 110px;
font-size: 1.8rem;
text-align: center;
border: 1px solid #ebebeb;
position: relative;
}
/* 満員御礼、申込締切 */
.schedule-table tbody .reserveStop {
background: #e9edf1;
}
.schedule-table tbody .reserveStop .link:hover {
cursor: default;
}
.schedule-table tbody .reserveStop p {
color: #939393;
}
/* 初受講 */
.schedule-table tbody .attend:after {
content: '';
width: 0px;
height: 0px;
border-top: 14px solid transparent;
border-right: 14px solid #093d6e;
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.schedule-table tbody .attend:hover {
background: #d4e0ec;
}
/* 再受講 */
.schedule-table tbody .retake:after {
content: '';
width: 0px;
height: 0px;
border-top: 14px solid transparent;
border-right: 14px solid #ab3951;
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.schedule-table tbody .retake:hover {
background: #f0dadf;
}
/* プレミアム */
.schedule-table tbody .premium:after {
content: '';
width: 0px;
height: 0px;
border-top: 14px solid transparent;
border-right: 14px solid #beac56;
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.schedule-table tbody .premium:hover {
background: #fff3b2;
}
.schedule-table .link {
padding-top: 10px;
height: 100%;
display: block;
}
.schedule-table .link .time {
font-size: 2rem;
}
.schedule-table .link .txt {
font-size: 1.3rem;
}
.linkBtn {
margin: 40px auto 0;
padding: 28px 0;
width: 600px;
display: block;
font-size: 2.4rem;
line-height: 1;
color: #263f6c;
text-align: center;
border: 1px solid #263f6c;
position: relative;
}
.linkBtn::before {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #263f6c;
border-right: solid 2px #263f6c;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -6px;
}
.annotation {
margin-top: 20px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.strategy7 {
padding: 40px 0 80px;
}
.scheduleWrap {
width: 100%;
}
.scheduleWrap .c-title1 {
margin-bottom: 20px;
text-align: center;
}
.strategy .c-title1__inner:after {
display: block;
}
.schedule-ttl {
padding-left: 15px;
margin-bottom: 20px;
font-size: 2rem;
font-weight: bold;
font-family: 'a-otf-midashi-go-mb31-pr6n', 'sans-serif';
}
.schedule-table-sp {
margin: 0 auto;
display: block;
max-width: 375px;
}
.schedule-table-sp thead {
width: 100%;
}
.schedule-table-sp thead th {
background: #0b2237;
font-size: 1.4rem;
color: #fff;
text-align: center;
border: 1px solid #959595;
border-collapse: collapse;
}
.schedule-table-sp thead .venue {
padding: 18px 0;
width: 66px;
}
.schedule-table-sp thead .month {
padding: 18px 0;
width: 116px;
}
.schedule-table-sp thead .reserve {
padding: 18px 0px;
width: 191px;
}
.schedule-table-sp tbody td {
padding: 10px 8px;
text-align: center;
border: 1px solid #959595;
border-collapse: collapse;
}
.schedule-table-sp .day {
text-align: left;
}
.schedule-table-sp .day .day-icon {
padding: 2px 6px;
display: inline-block;
background: #363636;
border-radius: 10px;
font-size: 1rem;
color: #fff;
}
.schedule-table-sp .btnArea .btn {
padding: 13px 0;
text-align: center;
font-size: 1.4rem;
color: #fff;
width: 80px;
height: 40px;
line-height: 1;
display: inline-block;
}
.schedule-table-sp .btnArea .btn span {
font-size: 1rem;
}
.schedule-table-sp .btnArea .btn:first-of-type {
margin-right: 3px;
}
.schedule-table-sp .btnArea .btn--first {
background: #093d6e;
}
.schedule-table-sp .btnArea .btn--retry {
background: #ab3951;
}
.schedule-table-sp .btnArea .btn--stop {
background: #e9edf1;
color: #939393;
}
.schedule-table-sp--type3 .month {
padding: 18px 0px !important;
width: 210px !important;
}
.schedule-table-sp--type3 .reserve {
padding: 18px 0px !important;
width: 100px !important;
}
.schedule-table-sp--type3 .btnArea .btn--simple {
background: #093d6e;
}
.linkBtn {
padding: 22px 0;
max-width: 375px;
width: 100%;
font-size: 1.4rem;
}
}
/* ==========================================================
copyright
========================================================== */
.strategy .copy {
padding: 70px 0;
text-align: center;
}
@media screen and (max-width: 750px) {
.strategy .copy {
padding: 0px 0;
text-align: center;
font-size: 10px;
}
}
.strategy5 {display: none;}
.strategy6 {background-color: #203B54;}
/* ==========================================================
無料説明会2021年2月用、受講生紹介用　2020/12/23 taji added
========================================================== */
section#freeSeminar {
width: 100%;
margin: 0 auto 40px auto;
padding:0;
background: url('/common_previous/img/free_smr/img_fs_back.jpg')top left repeat;
}
p.obviousTarget {
margin:0 auto 10px auto;
padding-top:40px;
text-align:center;
font-weight:bold;
font-size:1.3em;
color:#beac56;
}
p.obviousTarget span {
font-size:.8em;
}
.upperTitle {
position: relative;
width:30%;
text-align:center;
margin:0 auto;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#40263f), to(#d60c19));
background-image: -webkit-linear-gradient(left, #40263f 0%, #d60c19 100%);
background-image: linear-gradient(90deg, #40263f 0%, #d60c19 100%);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
z-index: 100;
}
.upperTitle h3{
text-align:center !important;
margin:0 auto;
color:#ffffff !important;
font-size:1.7em !important;
vertical-align:baseline;
border:none !important;
}
.catch {
margin:0 auto;
padding-bottom:5px;
display: flex;
align-items: center; /* 垂直中心 */
justify-content: center; /* 水平中心 */
color:#ffffff;
font-size:10px;
}
.catch:before, .catch:after {
border-top: 1px solid;
content: "";
width: 6.5em; /* 線の長さ */
}
.catch:before {
margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
margin-left: 1em; /* 文字の左隣 */
}
.mainTitle {
position: relative;
width:70%;
text-align:center;
margin:-20px auto 0 auto;
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
color: #fff;
border-radius: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#741c31), to(#d60c19));
background-image: -webkit-linear-gradient(left, #741c31 0%, #d60c19 100%);
background-image: linear-gradient(90deg, #741c31 0%, #d60c19 100%);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
z-index: 1;
padding-bottom: 20px;
}
.mainTitle h2{
text-align:center;
margin:0 auto;
color:#ffffff;
font-size:2.5em;
vertical-align:baseline;
}
.mainTitle h2 span {
font-size:1.4em;
}
.mainTitle ul{
list-style: none;
width: 90px;
margin: 0 auto;
-webkit-transform: skew(+15deg);
transform: skew(+15deg);
}
.mainTitle ul li{
float: left;
}
.mainTitle ul li:nth-child(1),.mainTitle ul li:nth-child(2){
margin-right: 9px;
}
.mainTitle ul::after{
content: "";
clear: both;
display: block;
}
.sectionInner {
display:block;
width: 1200px;
margin: 0 auto;
padding:0;
}
section#freeSeminar h2 {
text-align:center;
margin:0 auto 10px auto;
padding-top:32px;
}
section#freeSeminar h2 img{
width:70%;
}
.fsFlex {
display:flex;
justify-content: center;
flex-direction: column;
padding-bottom:40px;
}
.fsDualFlex {
padding:20px 0;
margin:0 5px;
}
.scheduleTitle {
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
background-color:#001e33;
display:block;
position:relative;
width:50%;
height:70px;
margin:10px auto 30px auto;
}
.scheduleTitle h4 {
position:absolute;
top:7px;
left:15px;
color:#beac56;
font-size:1.7em;
font-weight:bold;
}
.scheduleTitle h4 span {
font-size:.7em;
}
.scheduleTitle h5 {
position:absolute;
top:38px;
left:15px;
color:#ffffff;
font-size:.9em;
}
.scheduleTitle ul{
position:absolute;
top:15px;
right:15px;
text-align:center;
display: flex;
flex-wrap: nowrap;
}
.scheduleTitle ul li a{
display: block;
width:120px;
height:42px;
background:#004778;
font-weight:bold;
color:#82a8c6;
font-size:.8em;
margin:0 auto;
padding-top:12px;
}
.scheduleTitle a:hover {
background:#0178ca;
}
.scheduleTitle ul li a.mainLeadBtn {
display: block;
width:120px;
height:42px;
background:#3a97d7;
font-weight:bold;
color:#ffffff;
font-size:.9em;
margin:0 10px 0 0;
padding-top:12px;
}
.scheduleTitle a.mainLeadBtn:hover {
background:#9ccae9;
}
.twoSpeakers {
display:flex;
justify-content: center;
margin-bottom:20px;
}
.instructorDetail {
margin:0 15px 0 0;
}
.instructorDetail:last-child {
margin:0;
}
.instructorDetail p {
margin:10px 0 0 0;
color:#ffffff;
font-size:.8em;
line-height:150%;
}
.instructorDetail h6 {
margin:0;
color:#ffffff;
font-size:2em;
font-weight:100;
}
@media screen and (max-width: 768px) {
.sectionInner {
width:96%;
}
.upperTitle {
width:50%;
}
.upperTitle h3{
font-size:1.4em;
}
.catch:before {
margin-right: .1em; /* 文字の右隣 */
}
.catch:after {
margin-left: .1em; /* 文字の左隣 */
}
.mainTitle {
width:90%;
}
.mainTitle h2{
font-size:1.9em;
}
.mainTitle h2 span{
font-size:1.3em;
}
.fsFlex {
flex-direction: column;
}
.fsDualFlex {
margin:0 5px 20px 5px;
}
.scheduleTitle {
width:95%;
}
.scheduleTitle h4{
font-size:1.2em;
}
.scheduleTitle h4 span{
font-size:.5em;
}
.scheduleTitle ul li a{
width:90px;
padding:7px 3px 0 3px;
}
.scheduleTitle ul li a.mainLeadBtn {
width:90px;
}
.instructorDetail h6 {
font-size:1.5em;
}
}
/* == 無料説明会2021年2月用、プロスピーカーの声　2020/12/23 taji added　== */
.ps_list_title {
padding:0 20px 25px 20px;
font-size:1.4em;
font-weight:500;
}
.ps_list_title span {
font-weight:normal;
font-size:.8em;
}
.speakingDate {
font-size:.8em;
font-weight:500;
padding:4px;
width:80px;
margin:25px 20px 5px 20px;
background:#beac56;
color:#ffffff;
}
.speakersCatchCopy {
position: relative;
font-size:1.2em;
font-weight:800;
padding:15px;
margin:0 20px 5px 20px;
}
.speakersCatchCopy:before,
.speakersCatchCopy:after {
position: absolute;
content: '';
}
.speakersCatchCopy:after {
top: 0;
left: 0;
width: 25px;
height: 25px;
border-top: 4px solid #000;
border-left: 4px solid #000;
}
.speakersCatchCopy:before {
right: 0;
bottom: 0;
width: 25px;
height: 25px;
border-right: 4px solid #000;
border-bottom: 4px solid #000;
}
......
achievement-official.conohawing.com/laravel/achievement/resources/views/web/schedule/index.blade.php 0 → 100644
<?php $pageid="schedule";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<style>
.annotation a {
color: #7d0000;
text-decoration: underline;
}
</style>
<script type="text/javascript">
$(function () {
$('select[name="m_course"]').on('change', function() {
execMembersSearch();
});
$('select[name="m_area"]').on('change', function() {
execMembersSearch();
});
$('select[name="e_area"]').on('change', function() {
execExperienceSearch();
});
});
function execMembersSearch() {
$('#m_course').val($('select[name="m_course"] option:selected').val());
$('#m_area').val($('select[name="m_area"] option:selected').val());
$('#e_area').val('');
$('#submit_form').attr('action', '/pub/schedule');
$('#submit_form').submit();
}
function execExperienceSearch() {
$('#m_course').val('');
$('#m_area').val('');
$('#e_area').val($('select[name="e_area"] option:selected').val());
$('#submit_form').attr('action', '#seminar');
$('#submit_form').submit();
}
</script>
<div class="hero-second schedule-mv">
<div class="schedule-mv-inner">
<h2 class="schedule-mv-ttl"><span>公開講座・体験セミナー <br class="only-sp">日程一覧</span></h2>
<p class="schedule-mv-sub-ttl">『頂点への道』講座シリーズをはじめとした公開講座や 体験セミナー・講演会の日程一覧。</p>
</div>
</div>
<div class="schedule-info-area">
<a href="https://achievement.co.jp/news/info/20210119-02/" target="_blank">「公開講座の開催における新型コロナウィルス感染対策について」</a>
</div>
<!--タブ-->
<ul class="tabArea">
<li class="tab is-active">公開講座・<br class="only-sp">会員向けセミナー</li>
<li class="tab" id="seminar">体験セミナー・<br class="only-sp">講演会</li>
</ul>
<div class="contents2">
<div class="tabCont is-show">
<div class="selectArea">
<form action="" method="get" class="form">
<p class="txt">講座</p>
<select name="m_course">
<option value="">指定なし</option>
@foreach ($membersSeminarCategories as $categoryId => $value)
<?php
$selected = $categoryId == $m_course ? 'selected' : '';
?>
<option value="{{ $categoryId }}" {{ $selected }}>{{ $value['name'] }}</option>
@endforeach
</select>
</form>
<form action="" method="get" class="form">
<p class="txt">開催地</p>
<select name="m_area">
<option value="">指定なし</option>
@foreach ($membersSeminarPrefectures as $prefName)
<?php
$selected = $prefName == $m_area ? 'selected' : '';
?>
<option value="{{ $prefName }}" {{ $selected }}>{{ $prefName }}</option>
@endforeach
</select>
</form>
</div>
<?php
// セミナーが無いときの共通メッセージ
$disabledMembersSeminar = '<p class="schedule-ttl" style="font-size: 2rem; font-weight: normal;">該当するセミナーはありません。</p>';
// $disabledExperienceSeminar = '<p class="seminerBox-txt">該当するセミナーはありません。</p>';
?>
@foreach ($membersSeminarCategories as $categoryId => $categoryItem)
@if ($categoryItem['calendar'] == 'online')
@include('web.calendar.online')
@elseif ($categoryItem['calendar'] == 'normal')
@include('web.calendar.normal')
@elseif ($categoryItem['calendar'] == 'retake')
@include('web.calendar.retake')
@elseif ($categoryItem['calendar'] == 'zoom')
@include('web.calendar.zoom')
@elseif ($categoryItem['calendar'] == 'cpsp')
@include('web.calendar.cpsp')
@elseif ($categoryItem['calendar'] == 'qcc')
@include('web.calendar.qcc')
@endif
@endforeach
</div>
<!-- tabCont -->
<div class="tabCont experienceCont">
<div class="selectArea">
<form action="" method="post" class="form">
<p class="txt">開催地</p>
<select name="e_area">
<option value="">指定なし</option>
@foreach ($experienceSeminarPrefectures as $prefName)
<?php
$selected = $prefName == $e_area ? 'selected' : '';
?>
<option value="{{ $prefName }}" {{ $selected }}>{{ $prefName }}</option>
@endforeach
</select>
</form>
</div>
<section>
@foreach ($experienceSeminarCategories as $categoryId => $categoryItem)
@include('web.experience.experience')
@endforeach
</section>
</div>
<!-- tabCont -->
</div>
<!-- contents2 -->
<form id="submit_form" action="" method="get" class="form" style="display: none;">
<input id="m_course" type="hidden" name="m_course" value="">
<input id="m_area" type="hidden" name="m_area" value="">
<input id="e_area" type="hidden" name="e_area" value="">
</form>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
achievement-official.conohawing.com/laravel/achievement/resources/views/web/strategy/index.blade.php
<?php $pageid="strategy";?> <?php $pageid="strategy";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?> <?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<style> <?php
@media screen and (max-width: 768px) { $number_student = '';
.only-sp { $years = '';
display: block !important; $number_held = '';
} $percent_reviews = '';
$aoki_number_student = '';
.only-pc {
display: none !important; $url = url('../') . '/laravel_wp/get_contents.php';
}
} $curl = curl_init($url);
curl_setopt($curl, CURLOPT_CUSTOMREQUEST, 'GET'); // メソッド指定
</style> curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); // 証明書の検証を行わない
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); // レスポンスを文字列で受け取る
<script> if (env('AX_DRIVER_BASIC_AUTH')) {
$(window).load(function() { curl_setopt($curl, CURLOPT_USERPWD, sprintf('%s:%s', env('AX_DRIVER_BASIC_AUTH_ID'), env('AX_DRIVER_BASIC_AUTH_PW')));
var scrollSchedule = function() { }
var speed = 300; $response_json = curl_exec($curl);
var anchor = $(location).attr('hash'); curl_close($curl);
if (anchor == '#seminar') {
var target = $('#schedule'); $response = json_decode($response_json);
var position = target.offset().top;
if ( ! is_null($response)) {
$('body,html').animate({ $number_student = $response->number_student;
scrollTop: position $years = $response->years;
}, speed, 'swing'); $number_held = $response->number_held;
} $percent_reviews = $response->percent_reviews;
}; $aoki_number_student = $response->aoki_number_student;
setTimeout(scrollSchedule, 100); }
}); ?>
</script> <style>
@media screen and (max-width: 768px) {
<main class="strategy"> .only-sp {
display: block !important;
<div class="c-mainvisual"> }
<div class="c-mainvisual__box"> .only-pc {
display: none !important;
<h1 class="c-mainvisual__ttl"> }
}
<img src="/common_previous/img/img_strategy_mv-ttl.png" alt="業界トップ5%へと駆け上がるノウハウを120分に凝縮！" class="pc-only">
</style>
<img src="/common_previous/img/img_strategy_mv-ttl_sp.png" alt="業界トップ5%へと駆け上がるノウハウを120分に凝縮！" class="sp-only">
<script>
</h1> $(window).load(function() {
var scrollSchedule = function() {
<div class="c-mainvisual__info"> var speed = 300;
var anchor = $(location).attr('hash');
<p class="c-mainvisual__txt">戦略的目標達成プログラム<span>『頂点への道<sup>Ⓡ</sup>』講座</span> if (anchor == '#seminar') {
var target = $('#schedule');
</p> var position = target.offset().top;
<p class="c-mainvisual__txt2">体験説明会</p> $('body,html').animate({
scrollTop: position
</div> }, speed, 'swing');
}
</div> };
setTimeout(scrollSchedule, 100);
<div class="c-mainvisual__anchor pc-only"> });
<a href="#schedule"> </script>
<span>日程一覧を見る</span> <main class="strategy">
</a> <div class="c-mainvisual">
</div> <div class="c-mainvisual__box">
</div> <h1 class="c-mainvisual__ttl">
<img src="/common_previous/img/img_strategy_mv-ttl.png" alt="業界トップ5%へと駆け上がるノウハウを120分に凝縮！" class="pc-only">
<section class="strategy1"> <img src="/common_previous/img/img_strategy_mv-ttl_sp.png" alt="業界トップ5%へと駆け上がるノウハウを120分に凝縮！" class="sp-only">
<h2 class="c-title1"> </h1>
<span class="c-title1__inner">各業界の優績者を<br class="sp-only">輩出し続けてきた研修講座</span> <div class="c-mainvisual__info">
</h2> <p class="c-mainvisual__txt">戦略的目標達成プログラム<span>『頂点への道<sup>Ⓡ</sup>』講座</span>
</p>
<div class="container"> <p class="c-mainvisual__txt2">体験説明会</p>
<div class="c-imgtext1"> </div>
<div class="c-imgtext1__img"> </div>
<img src="/common_previous/img/img_strategy_100.jpg" alt=""> <div class="c-mainvisual__anchor pc-only">
</div> <a href="#schedule">
<div class="c-imgtext1__info"> <span>日程一覧を見る</span>
<p class="c-imgtext1__txt">戦略的目標達成プログラム『頂点への道』講座。それは、ビジネスにおける「目標を達成する能力」を高めるための3日間の講座です。<br>上場企業経営者をはじめ、管理職・マネジャー・セールスマンはもちろん、医者・弁護士・会計士といった専門職業人や、アスリートの方など、28年間開催をする中で、合計4万3千人以上の方がご受講をされてきました。<br>そんな方々が本講座に足を運ぶ理由。<br>それは、具体的な「技術体得」ができるからです。</p> </a>
</div> </div>
</div> </div>
</div> <section id="freeSeminar">
<div class="sectionInner">
</section> <p class="obviousTarget">『頂点への道』講座<span>の</span>受講<span>を</span>お考え<span>の</span>方へ</p>
<div class="upperTitle">
<h3>無料体験説明会</h3>
<div class="catch">ONLINE</div>
<section class="strategy2"> </div>
<div class="mainTitle"><h2><span>卓越</span>した<span>受講生</span>が<span>語</span>る<span>目標達成</span>の<span>技術</span></h2>
<h2 class="c-title1 c-title1--yellow">
<ul>
<span class="c-title1__inner">ビシネスの発展に必要不可欠な「目標達成の技術」</span> <li><a href="https://www.facebook.com/achievementcorp/" target="_blank"><img src="/common_previous/img/free_smr/li_icon_facebook.png" alt="facebook"></a></li>
<li><a href="https://twitter.com/achievement33" target="_blank"><img src="/common_previous/img/free_smr/li_icon_twitter.png" alt="twitter"></a></li>
</h2> <li><a href="https://www.instagram.com/achievement_message/" target="_blank"><img src="/common_previous/img/free_smr/li_icon_instagram.png" alt="instagram"></a></li>
</ul>
</div>
<div class="container"> <!--<h2><img src="/common_previous/img/free_smr/img_fs_title.png" alt=""></h2>-->
<div class="fsFlex">
<ul class="c-list1"> <div class="fsDualFlex">
<div class="scheduleTitle">
<li class="c-list1__item"> <h4>2<span>月</span>11<span>日(THU)</span> 18<span>:30</span></h4><h5>INSTRUCTORS</h5>
<ul>
<div class="c-list1__info"> <li><a class="mainLeadBtn" href="https://marc2.achievement.co.jp/app_form/check_marc.php?application_file=free_seminar_index.phtml&seminar_group_name=online_PP&seminar_id=14247" target="_blank">参加する</a></li>
<li><a href="#schedule">その他の日程はこちら</a></li>
<p class="c-list1__txt">売上をもっと上げたい</p> </ul>
</div>
</div> <div class="twoSpeakers">
<div class="instructorDetail">
<div class="c-list1__img"> <img src="/common_previous/img/free_smr/img_fs_tsuji.jpg">
<p>一般財団法人日本プロスピーカー協会 参事・認定シニアプロスピーカー／<br>
<img src="/common_previous/img/img_strategy_101.jpg" alt=""> JPSA奈良支部支部長／<br>株式会社ボーテ代表取締役</p>
<h6>辻 紗耶加</h6>
</div> </div>
<div class="instructorDetail">
</li> <img src="/common_previous/img/free_smr/img_fs_murata.jpg">
<p>アチーブメント株式会社<br>
<li class="c-list1__item"> 西日本エリア担当営業部長<br>
兼 大阪支社支社長／<br>コンサルタント</p>
<div class="c-list1__info"> <h6>村田 泉</h6>
</div>
<p class="c-list1__txt">マネジメント力を高めたい</p> </div>
</div>
</div>
<div class="fsDualFlex">
<div class="c-list1__img"> <div class="scheduleTitle">
<h4>2<span>月</span>23<span>日(TUE)</span> 18<span>:30</span></h4><h5>INSTRUCTORS</h5>
<img src="/common_previous/img/img_strategy_102.jpg" alt=""> <ul>
<li><a class="mainLeadBtn" href="https://marc2.achievement.co.jp/app_form/check_marc.php?application_file=free_seminar_index.phtml&seminar_group_name=online_PP&seminar_id=14246" target="_blank">参加する</a></li>
</div> <li><a href="#schedule">その他の日程はこちら</a></li>
</ul>
</li> </div>
<div class="twoSpeakers">
<li class="c-list1__item"> <div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_ikehata.jpg">
<div class="c-list1__info"> <p>一般財団法人日本プロスピーカー協会 認定ベーシックプロスピーカー／<br>
ＪＰＳＡ横浜みなとみらい支部副支部長／<br>
<p class="c-list1__txt">時間管理能力を高めたい</p> 株式会社H＆H 代表取締役／理学療法士</p>
<h6>池畑 健太</h6>
</div> </div>
<div class="instructorDetail">
<div class="c-list1__img"> <img src="/common_previous/img/free_smr/img_fs_genpo.jpg">
<p>一般財団法人日本プロスピーカー協会 認定ベーシックプロスピーカー／<br>
<img src="/common_previous/img/img_strategy_103.jpg" alt=""> JPSA東京セントラル支部所属/株式会社AphrosQueen代表取締役／<br>
エステティックグランプリ理事</p>
</div> <h6>玄甫 和美</h6>
</div>
</li> <div class="instructorDetail">
<img src="/common_previous/img/free_smr/img_fs_hashimoto.jpg">
<li class="c-list1__item"> <p>アチーブメント株式会社<br>
東日本エリア担当マネジャー<br>
<div class="c-list1__info"> 兼 トレーナー／コンサルタント</p>
<h6>橋本 拓也</h6>
<p class="c-list1__txt">採用力を強化したい</p> </div>
</div>
</div> </div>
<div class="c-list1__img"> </div>
</div>
<img src="/common_previous/img/img_strategy_104.jpg" alt=""> </section>
</div> <section class="strategy1">
</li> <h2 class="c-title1">
</ul> <span class="c-title1__inner">各業界の優績者を<br class="sp-only">輩出し続けてきた研修講座</span>
</h2>
<p class="c-text">ビジネスの成功とは、組織もしくは個人が掲げる目標の達成によって成し遂げられると言ってもいいでしょう。いかにして目標達成を確実にするのか？そこには、「的確な目標を設定する力」「達成から逆算し、適正な計画を立てる力」「周囲の協力を集める力」をはじめ、様々な能力が必要です。これらの能力をまとめて、「目標達成の技術」と私たちは呼んでいます。</p>
</div> <div class="container">
</section> <div class="c-imgtext1">
<div class="c-imgtext1__img">
<section class="strategy3"> <img src="/common_previous/img/img_strategy_100.jpg" alt="">
<h2 class="c-title1"> </div>
<span class="c-title1__inner">一度体得すれば、<br class="sp-only">その技術は「一生モノ」になる</span> <div class="c-imgtext1__info">
</h2> <p class="c-imgtext1__txt">戦略的目標達成プログラム『頂点への道』講座。それは、ビジネスにおける「目標を達成する能力」を高めるための3日間の講座です。<br>上場企業経営者をはじめ、管理職・マネジャー・セールスパーソンはもちろん、医者・弁護士・会計士といった専門職業人や、アスリートの方など、<?php echo $years; ?>年間開催をする中で、合計<?php echo $number_student; ?>人以上の方がご受講をされてきました。<br>そんな方々が本講座に足を運ぶ理由。<br>それは、「目標達成の技術」を体得できるからです。</p>
</div>
<div class="container"> </div>
<div class="c-imgtext1"> </div>
<div class="c-imgtext1__img"> </section>
<img src="/common_previous/img/img_strategy_105.jpg" alt="">
</div> <section class="strategy2">
<div class="c-imgtext1__info"> <h2 class="c-title1 c-title1--yellow">
<p class="c-imgtext1__txt">「目標達成の技術」は、生まれつき持って生まれたものでも、センスでもありません。<br>誰しもがトレーニングによって体得ができる「技術」です。<br>自転車に乗れるようになった方が、その感覚を忘れることがないように、技術とは、一度体得できれば、<br>生涯使い続けられるものです。<br>いかにして、目標達成の技術体得をするのか？</p> <span class="c-title1__inner">ビジネスの発展に必要不可欠な「目標達成の技術」</span>
<p class="c-imgtext1__txt">『頂点への道』講座には、それを可能にする300以上のアイデアがあります。</p> </h2>
</div>
</div> <div class="container">
</div> <ul class="c-list1">
</section> <li class="c-list1__item">
<div class="c-list1__info">
<section class="strategy4"> <p class="c-list1__txt">売上をもっと上げたい</p>
<h2 class="c-title1 c-title1--yellow"> </div>
<span class="c-title1__inner">実績に裏付けられた講座の<br class="sp-only">高い効果性</span> <div class="c-list1__img">
</h2> <img src="/common_previous/img/img_strategy_101.jpg" alt="">
</div>
<div class="container"> </li>
<ul class="c-list2"> <li class="c-list1__item">
<li class="c-list2__item"> <div class="c-list1__info">
<p class="c-list2__ttl">講座開催数</p> <p class="c-list1__txt">マネジメント力を高めたい</p>
<div class="c-list2__img"> </div>
<img src="/common_previous/img/img_strategy_106.png" alt=""> <div class="c-list1__img">
<div class="schedule"> <img src="/common_previous/img/img_strategy_102.jpg" alt="">
<p class="c-list2__txt1">毎月連続開催</p> </div>
<p class="c-list2__txt2">28<span>年間</span> </li>
</p> <li class="c-list1__item">
<p class="c-list2__txt2">900<span>回以上</span> <div class="c-list1__info">
</p> <p class="c-list1__txt">時間管理能力を高めたい</p>
</div> </div>
</div> <div class="c-list1__img">
</li> <img src="/common_previous/img/img_strategy_103.jpg" alt="">
<li class="c-list2__item"> </div>
<p class="c-list2__ttl">新規受講者数</p> </li>
<div class="c-list2__img"> <li class="c-list1__item">
<img src="/common_previous/img/img_strategy_107.png" alt=""> <div class="c-list1__info">
<div class="numberCnt"> <p class="c-list1__txt">採用力を強化したい</p>
<p class="c-list2__txt3">4万3000<span>名以上</span> </div>
</p> <div class="c-list1__img">
</div> <img src="/common_previous/img/img_strategy_104.jpg" alt="">
</div> </div>
</li> </li>
<li class="c-list2__item"> </ul>
<p class="c-list2__ttl">口コミ紹介率</p>
<div class="c-list2__img"> <p class="c-text">ビジネスの成功とは、組織もしくは個人が掲げる目標の達成によって成し遂げられると言ってもいいでしょう。いかにして目標達成を確実にするのか？そこには、「的確な目標を設定する力」「達成から逆算し、適正な計画を立てる力」「周囲の協力を集める力」をはじめ、様々な能力が必要です。これらの能力をまとめて、「目標達成の技術」と私たちは呼んでいます。</p>
<img src="/common_previous/img/img_strategy_108.png" alt=""> </div>
<div class="number"> </section>
<p class="c-list2__txt3">87.5<span>%</span>
</p> <section class="strategy3">
</div> <h2 class="c-title1">
</div> <span class="c-title1__inner">一度体得すれば、<br class="sp-only">その技術は「一生モノ」になる</span>
</li> </h2>
</ul>
<div class="container">
<p class="c-text">過去28年の間、毎月連続開催を続けてきた本講座ですが、新規ご受講生の87.5％の方は、既存ご受講生からのご紹介によってお越しいただいています。<br>「自分自身が学んで実践し、成果が出たからこそ、大切な人に伝えたい」そう多くの方におっしゃっていただいております。 <div class="c-imgtext1">
</p> <div class="c-imgtext1__img">
</div> <img src="/common_previous/img/img_strategy_105.jpg" alt="">
</section> </div>
<div class="c-imgtext1__info">
<section class="strategy5"> <p class="c-imgtext1__txt">「目標達成の技術」は、生まれつき持って生まれたものでも、センスでもありません。<br>誰しもがトレーニングによって体得ができる「技術」です。<br>自転車に乗れるようになった方が、その感覚を忘れることがないように、技術とは、一度体得できれば、<br>生涯使い続けられるものです。<br>いかにして、目標達成の技術体得をするのか？</p>
<h2 class="c-title1"> <p class="c-imgtext1__txt">『頂点への道』講座には、それを可能にする300以上のアイデアがあります。</p>
<span class="c-title1__inner">『頂点への道』講座<br class="sp-only"> </div>
ご受講生の声</span> </div>
</h2> </div>
</section>
<div class="container">
<ul class="c-list3"> <section class="strategy4">
<li class="c-list3__item"> <h2 class="c-title1 c-title1--yellow">
<div class="c-list3__left"> <span class="c-title1__inner">実績に裏付けられた講座の<br class="sp-only">高い効果性</span>
<div class="c-list3__img"> </h2>
<img src="/common_previous/img/img_strategy_109a.jpg" alt="">
</div> <div class="container">
<div class="c-list3__info"> <ul class="c-list2">
<p class="c-list3__name">小池温男</p> <li class="c-list2__item">
<p class="c-list3__txt1">トークノート株式会社<br>代表取締役</p> <p class="c-list2__ttl">講座開催数</p>
</div> <div class="c-list2__img">
</div> <img src="/common_previous/img/img_strategy_106.png" alt="">
<div class="c-list3__right"> <div class="schedule">
<div class="c-list3__box"> <p class="c-list2__txt1">毎月連続開催</p>
<p class="c-list3__txt2">『頂点への道』講座を受講する前は、現場社員の一つひとつの動きにまで指示を出していました。その結果、毎年約50%の社員が離職する組織になっていました。良くなりたいと思って受講し、学んだのは人を信頼し、受容し、任せることの大切さです。社員一人ひとりの話をしっかりと聞き、社員の理想と組織の理想のすり合わせを徹底して行っていった結果、離職率はほぼゼロになっていきました。今では取締役会以外では現場をすべて社員に任せ、経営に集中することができており、働きがいのある会社ランキングにて、ベストカンパニーにもランクインをしました。『頂点への道』講座は、我社の発展を作り出した原点の一つです。</p> <p class="c-list2__txt2"><?php echo $years; ?><span>年間</span>
</div> </p>
<div class="c-list3__avt"> <p class="c-list2__txt2"><?php echo $number_held; ?><span>回以上</span>
<img src="/common_previous/img/img_strategy_avt.png" alt=""> </p>
</div> </div>
</div> </div>
</li> </li>
<li class="c-list2__item">
<li class="c-list3__item">
<p class="c-list2__ttl">新規受講者数</p>
<div class="c-list3__left">
<div class="c-list2__img">
<div class="c-list3__img">
<img src="/common_previous/img/img_strategy_107.png" alt="">
<img src="/common_previous/img/img_strategy_109b.jpg" alt="">
<div class="numberCnt">
</div>
<p class="c-list2__txt3"><?php echo $number_student; ?><span>名以上</span>
<div class="c-list3__info">
</p>
<p class="c-list3__name">石井洋之</p>
</div>
<p class="c-list3__txt1">株式会社シーエーモバイル<br>代表取締役社長</p>
</div>
</div>
</li>
</div>
<div class="c-list3__right"> <li class="c-list2__item">
<div class="c-list3__box"> <p class="c-list2__ttl">口コミ紹介率</p>
<p class="c-list3__txt2">『頂点への道』講座は、いつも人生の節目で受講をしております。初めて参加したときは、29歳のときで、サイバーエージェントのグループ会社として独立をして、社員数は50名くらいでした。短期的な目標達成ばかりを追っていた私が、長期的視点に立って本当に世の中に何を届けていきたいのかを深く考えさせられたきっかけでした。そこから、明確な企業理念を打ち立て、中長期の戦略を描き、逆算をした企業経営に取り組んでいく事ができました。組織発展の原点を作り出してくれる、かけがえのない3日間です。</p> <div class="c-list2__img">
</div>
<img src="/common_previous/img/img_strategy_108.png" alt="">
<div class="c-list3__avt">
<div class="number">
<img src="/common_previous/img/img_strategy_avt.png" alt="">
<p class="c-list2__txt3"><?php echo $percent_reviews; ?><span>%</span>
</div>
</p>
</div>
</div>
</li>
</div>
<li class="c-list3__item">
</li>
<div class="c-list3__left">
</ul>
<div class="c-list3__img">
<img src="/common_previous/img/img_strategy_109c.jpg" alt=""> <p class="c-text">過去<?php echo $years; ?>年の間、毎月連続開催を続けてきた本講座ですが、新規ご受講生の<?php echo $percent_reviews; ?>％の方は、既存ご受講生からのご紹介によってお越しいただいています。<br>「自分自身が学んで実践し、成果が出たからこそ、大切な人に伝えたい」そう多くの方におっしゃっていただいております。
</div> </p>
<div class="c-list3__info"> </div>
<p class="c-list3__name">塚越佐知子</p> </section>
<p class="c-list3__txt1">伊香保温泉塚越屋 女将</p>
</div> <section class="strategy5">
</div> <h2 class="c-title1">
<div class="c-list3__right"> <span class="c-title1__inner">『頂点への道』講座<br class="sp-only">
<div class="c-list3__box"> ご受講生の声</span>
<p class="c-list3__txt2">初めて講座に参加をした当初、30億の借金を背負っていました。150年以上続く旅館の代表を引き継ぎ、経営不振が続き、社員が辞めていき、顧客満足度も上がらず、一体どうしていいのかわかりませんでした。そんな頃に受講をした『頂点への道』講座で、社員に対して正しさを押し付けている自分がいたことに気がついたのです。講座の基礎理論となっている選択理論心理学に基づくマネジメント・経営を学び、社員の主体性向上・旅行会社ランキングの上位への昇進・借金の全額返済を始め、数々の逆転劇を作り上げることができました。その原点がこの講座です。</p> </h2>
</div>
<div class="c-list3__avt"> <div class="container">
<img src="/common_previous/img/img_strategy_avt.png" alt=""> <ul class="c-list3">
</div> <li class="c-list3__item">
</div> <div class="c-list3__left">
</li> <div class="c-list3__img">
<li class="c-list3__item"> <img src="/common_previous/img/img_strategy_109a.jpg" alt="">
<div class="c-list3__left"> </div>
<div class="c-list3__img"> <div class="c-list3__info">
<img src="/common_previous/img/img_strategy_109d.jpg" alt=""> <p class="c-list3__name">小池温男</p>
</div> <p class="c-list3__txt1">トークノート株式会社<br>代表取締役</p>
<div class="c-list3__info"> </div>
<p class="c-list3__name">山内誠治</p> </div>
<p class="c-list3__txt1">外資保険会社　営業職</p> <div class="c-list3__right">
</div> <div class="c-list3__box">
</div> <p class="c-list3__txt2">『頂点への道』講座を受講する前は、現場社員の一つひとつの動きにまで指示を出していました。その結果、毎年約50%の社員が離職する組織になっていました。良くなりたいと思って受講し、学んだのは人を信頼し、受容し、任せることの大切さです。社員一人ひとりの話をしっかりと聞き、社員の理想と組織の理想のすり合わせを徹底して行っていった結果、離職率はほぼゼロになっていきました。今では取締役会以外では現場をすべて社員に任せ、経営に集中することができており、働きがいのある会社ランキングにて、ベストカンパニーにもランクインをしました。『頂点への道』講座は、我社の発展を作り出した原点の一つです。</p>
<div class="c-list3__right"> </div>
<div class="c-list3__box"> <div class="c-list3__avt">
<p class="c-list3__txt2">保険営業職として会社から最高ランクの評価を受けた矢先、私がぶつかった壁。それは、「何のために頑張るのかがわからない」というものでした。『頂点への道』講座は、私に普遍の「頑張る理由」を与えてくれました。単に自分の目標を達成するだけでなく、縁ある人にどう貢献する自分でいたいのか、その思いが明確になり、時間の使い方が変わり、MDRTの6倍の基準であるTOTを2010年より達成し続けることができています。『頂点への道』講座は、私の仕事の価値や誇りを再認識した大きな人生の転換点でした。</p> <img src="/common_previous/img/img_strategy_avt.png" alt="">
</div> </div>
<div class="c-list3__avt"> </div>
<img src="/common_previous/img/img_strategy_avt.png" alt=""> </li>
</div> <li class="c-list3__item">
</div> <div class="c-list3__left">
</li> <div class="c-list3__img">
<li class="c-list3__item"> <img src="/common_previous/img/img_strategy_109b.jpg" alt="">
<div class="c-list3__left"> </div>
<div class="c-list3__img"> <div class="c-list3__info">
<img src="/common_previous/img/img_strategy_109e.jpg" alt=""> <p class="c-list3__name">石井洋之</p>
</div> <p class="c-list3__txt1">株式会社シーエーモバイル<br>代表取締役社長</p>
<div class="c-list3__info"> </div>
<p class="c-list3__name">白井一幸</p> </div>
<p class="c-list3__txt1">元北海道日本ハムファイターズ<br>1軍内野守備走塁コーチ兼作戦担当</p> <div class="c-list3__right">
</div> <div class="c-list3__box">
</div> <p class="c-list3__txt2">『頂点への道』講座は、いつも人生の節目で受講をしております。初めて参加したときは、29歳のときで、サイバーエージェントのグループ会社として独立をして、社員数は50名くらいでした。短期的な目標達成ばかりを追っていた私が、長期的視点に立って本当に世の中に何を届けていきたいのかを深く考えさせられたきっかけでした。そこから、明確な企業理念を打ち立て、中長期の戦略を描き、逆算をした企業経営に取り組んでいく事ができました。組織発展の原点を作り出してくれる、かけがえのない3日間です。</p>
</div>
<div class="c-list3__right">
<div class="c-list3__avt">
<div class="c-list3__box">
<img src="/common_previous/img/img_strategy_avt.png" alt="">
<p class="c-list3__txt2">球界は、怒る・罰する・強制する、といった刺激によって選手をコントロールしようとする考え方で蔓延しています。これに違和感を感じていた頃に出会ったのが『頂点への道』講座でした。私が大切にしていた選手の主体性を引き出すという考え方を、非常にわかりやすく体系立てて伝えていて、まさにこれが成功するチームの指導者が身につけるべき能力であると確信しました。それは企業経営でも同じで、社員が主体的に働く組織ほど強いものはないと思います。指導者にとってこれを学ぶ絶好の場が、『頂点への道』講座だと思います。</p>
</div>
</div>
</div>
<div class="c-list3__avt">
</li>
<img src="/common_previous/img/img_strategy_avt.png" alt="">
<li class="c-list3__item">
</div>
<div class="c-list3__left">
</div>
<div class="c-list3__img">
</li>
<img src="/common_previous/img/img_strategy_109c.jpg" alt="">
</ul>
</div>
</div>
<div class="c-list3__info">
</section>
<p class="c-list3__name">塚越佐知子</p>
<p class="c-list3__txt1">伊香保温泉塚越屋 女将</p>
<section class="strategy6">
</div>
<h2 class="c-title1 c-title1--yellow">
</div>
<span class="c-title1__inner">「目標達成の技術」の真髄を120分に凝縮</span>
<div class="c-list3__right">
</h2>
<div class="c-list3__box">
<p class="c-list3__txt2">初めて講座に参加をした当初、30億の借金を背負っていました。150年以上続く旅館の代表を引き継ぎ、経営不振が続き、社員が辞めていき、顧客満足度も上がらず、一体どうしていいのかわかりませんでした。そんな頃に受講をした『頂点への道』講座で、社員に対して正しさを押し付けている自分がいたことに気がついたのです。講座の基礎理論となっている選択理論心理学に基づくマネジメント・経営を学び、社員の主体性向上・旅行会社ランキングの上位への昇進・借金の全額返済を始め、数々の逆転劇を作り上げることができました。その原点がこの講座です。</p>
<div class="container">
</div>
<p class="c-text">体験説明会では、3日間の『頂点への道』講座のエッセンスとなる要素を120分に凝縮してお伝えします。「目的」を明確化し、「目標達成の技術」を高め、体得し成果に落とし込むまでの道のりを体験し、自身の未来を描く120分です。</p>
<div class="c-list3__avt">
<img src="/common_previous/img/img_strategy_avt.png" alt="">
<h3 class="strategy6__ttl">当日の流れ</h3>
</div>
<ul class="c-list4">
</div>
<li class="c-list4__item">
</li>
<div class="c-list4__info">
<li class="c-list3__item">
<h4 class="c-list4__ttl">
<div class="c-list3__left">
<span>1</span>体験セッション</h4>
<div class="c-list3__img">
<p class="c-list4__txt">講座内でお伝えしている「目標達成の技術」を、弊社認定講師がエッセンスでお伝えします。</p>
<img src="/common_previous/img/img_strategy_109d.jpg" alt="">
</div>
</div>
<div class="c-list4__img">
<div class="c-list3__info">
<img src="/common_previous/img/img_strategy_110.jpg" alt="">
<p class="c-list3__name">山内誠治</p>
</div>
<p class="c-list3__txt1">外資保険会社　営業職</p>
</li>
</div>
<li class="c-list4__item">
</div>
<div class="c-list4__info">
<div class="c-list3__right">
<h4 class="c-list4__ttl">
<div class="c-list3__box">
<span>2</span>既存受講生からの活用法紹介</h4>
<p class="c-list3__txt2">保険営業職として会社から最高ランクの評価を受けた矢先、私がぶつかった壁。それは、「何のために頑張るのかがわからない」というものでした。『頂点への道』講座は、私に普遍の「頑張る理由」を与えてくれました。単に自分の目標を達成するだけでなく、縁ある人にどう貢献する自分でいたいのか、その思いが明確になり、時間の使い方が変わり、MDRTの6倍の基準であるTOTを2010年より達成し続けることができています。『頂点への道』講座は、私の仕事の価値や誇りを再認識した大きな人生の転換点でした。</p>
<p class="c-list4__txt">受講から実際にどのようにして望む成果を作り出してきたのかを、<br>既存のご受講生から直接お話を聞くことができます。<br>※開催回によって形式が変動いたします。</p>
</div>
</div>
<div class="c-list3__avt">
<div class="c-list4__img">
<img src="/common_previous/img/img_strategy_avt.png" alt="">
<img src="/common_previous/img/img_strategy_111.jpg" alt="">
</div>
</div>
</div>
</li>
</li>
<li class="c-list4__item">
<li class="c-list3__item">
<div class="c-list4__info">
<div class="c-list3__left">
<h4 class="c-list4__ttl">
<div class="c-list3__img">
<span>3</span>講座説明</h4>
<img src="/common_previous/img/img_strategy_109e.jpg" alt="">
<p class="c-list4__txt">講座の具体的な活用法を、ご紹介いたします。ご希望の方には、個別でのご相談や詳細説明も行っております。</p>
</div>
</div>
<div class="c-list3__info">
<div class="c-list4__img">
<p class="c-list3__name">白井一幸</p>
<img src="/common_previous/img/img_strategy_112.jpg" alt="">
<p class="c-list3__txt1">元北海道日本ハムファイターズ<br>1軍内野守備走塁コーチ兼作戦担当</p>
</div>
</div>
</li>
</div>
</ul>
<div class="c-list3__right">
</div>
<div class="c-list3__box">
</section>
<p class="c-list3__txt2">球界は、怒る・罰する・強制する、といった刺激によって選手をコントロールしようとする考え方で蔓延しています。これに違和感を感じていた頃に出会ったのが『頂点への道』講座でした。私が大切にしていた選手の主体性を引き出すという考え方を、非常にわかりやすく体系立てて伝えていて、まさにこれが成功するチームの指導者が身につけるべき能力であると確信しました。それは企業経営でも同じで、社員が主体的に働く組織ほど強いものはないと思います。指導者にとってこれを学ぶ絶好の場が、『頂点への道』講座だと思います。</p>
<?php $categoryId = config('parameters.experience_category.体験説明会'); ?>
@if ($membersSchedule[$categoryId]['display']) </div>
<section class="strategy7" id="schedule">
<div class="scheduleWrap"> <div class="c-list3__avt">
<h2 class="c-title1">
<span class="c-title1__inner">『頂点への道』講座<br class="sp-only"> <img src="/common_previous/img/img_strategy_avt.png" alt="">
体験説明会</span>
</h2> </div>
<a target="_blank" href="https://marc2.achievement.co.jp/app_form/html/free_seminar_index.phtml?seminar_group_name=pp_zoom" class="linkBtn linkBtn-BLU">「特別オンライン回」のお申し込みはこちらより</a>
</div>
<table class="schedule-table only-pc">
<thead> </li>
<tr>
<th class="venue">開催地</th> </ul>
@foreach ($seminarMonths as $month)
<th class="month">{{ $month['displayMonth'] }}</th> </div>
@endforeach
</tr> </section>
</thead>
<tbody>
@foreach ($membersSchedule[$categoryId]['prefs'] as $prefName => $schedule)
@if ($schedule['display']) <section class="strategy6">
@for ($row = 1; $row <= $schedule['rows']; $row++) <tr>
@if ($row == 1) <h2 class="c-title1 c-title1--yellow">
<td rowspan="{{ $schedule['rows'] }}" class="area">{{ $prefName }}</td>
@endif <span class="c-title1__inner">「目標達成の技術」の真髄を120分に凝縮</span>
@foreach ($seminarMonths as $month)
@isset($schedule['seminars'][$month['seminarMonth']][$row]) </h2>
<?php $seminar = $schedule['seminars'][$month['seminarMonth']][$row]; ?>
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.stop'))
<td></td>
@else <div class="container">
<td class="
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.full') || $seminar['seminar']->status == config('parameters.seminar_status.value.close')) <p class="c-text">各業界トップ5%の優績者を数多く輩出してきた『頂点への道』講座では、「選択理論心理学」「成功哲学」「可能思考」「タイムマネジメント理論」などの概念とともに、目標を達成するための具体的な実践アイディアを300以上お伝えしています。本無料体験説明会では、目標達成の技術においてその中でも特に重要なエッセンスを2時間に凝縮してお届けします。「目的」を明確にし、「目標達成の技術」を体得し成果に落とし込むまでの道のりを体験し、自身の未来を描く120分です。</p>
reserveStop
@else
@if ($seminar['attribute'] == config('parameters.seminar_attribute.value.attend'))
attend <h3 class="strategy6__ttl">当日の流れ</h3>
@elseif ($seminar['attribute'] == config('parameters.seminar_attribute.value.retake'))
retake <ul class="c-list4">
@endif
@endif <li class="c-list4__item">
">
<?php <div class="c-list4__info">
$link = '';
if ($seminar['seminar']->status == config('parameters.seminar_status.value.reception')) { <h4 class="c-list4__ttl">
if ($seminar['attribute'] == config('parameters.seminar_attribute.value.attend') && $seminar['seminar']->apply_url_1) {
$link = $seminar['seminar']->apply_url_1; <span>1</span>体験セッション</h4>
} elseif ($seminar['attribute'] == config('parameters.seminar_attribute.value.retake') && $seminar['seminar']->apply_url_2) {
$link = $seminar['seminar']->apply_url_2; <p class="c-list4__txt">講座内でお伝えしている「目標達成の技術」を、弊社認定講師がエッセンスでお伝えします。</p>
}
} </div>
?>
<a href="{{ $link }}" target="_blank" class="link"> <div class="c-list4__img">
<p class="time">{{ $seminar['seminar']->dulation_date }}</p>
<p class="txt">{{ $seminar['seminar']->dulation_day_of_week }}</p> <img src="/common_previous/img/img_strategy_110.jpg" alt="">
<?php
$dulationDateAndWeek = str_replace(')', '）', str_replace('(', '（', $seminar['seminar']->dulation_date_and_week)); </div>
$timeSchedules = array();
$timeSchedules[] = $seminar['seminar']->res_seminar_starttime <> '' ? sprintf('%s:%s', substr($seminar['seminar']->res_seminar_starttime, 0, 2), substr($seminar['seminar']->res_seminar_starttime, 2, 2)) : ''; </li>
$timeSchedules[] = $seminar['seminar']->res_seminar_endtime <> '' ? sprintf('%s:%s', substr($seminar['seminar']->res_seminar_endtime, 0, 2), substr($seminar['seminar']->res_seminar_endtime, 2, 2)) : '';
$timeSchedule = implode('〜', $timeSchedules); <li class="c-list4__item">
?>
<p class="txt">{{ $timeSchedule }}</p> <div class="c-list4__info">
<p class="txt">{{ $seminar['seminar']->res_seminar_trainer }}</p>
<p class="txt"> <h4 class="c-list4__ttl">
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.full'))
{{ get_name_seminar_status(config('parameters.seminar_status.value.full')) }} <span>2</span>既存受講生からの活用法紹介</h4>
@elseif ($seminar['seminar']->status == config('parameters.seminar_status.value.close'))
{{ get_name_seminar_status(config('parameters.seminar_status.value.close')) }} <p class="c-list4__txt">受講から実際にどのようにして望む成果を作り出してきたのかを、<br>既存のご受講生から直接お話を聞くことができます。<br>※開催回によって形式が変動いたします。</p>
@endif
</p> </div>
</a>
</td> <div class="c-list4__img">
@endif
@else <img src="/common_previous/img/img_strategy_111.jpg" alt="">
<td></td>
@endisset </div>
@endforeach
</tr> </li>
@endfor
@endif <li class="c-list4__item">
@endforeach
</tbody> <div class="c-list4__info">
</table>
<h4 class="c-list4__ttl">
<table class="schedule-table-sp schedule-table-sp--type3 only-sp">
<thead> <span>3</span>講座説明</h4>
<tr>
<th class="venue">開催地</th> <p class="c-list4__txt">講座の具体的な活用法を、ご紹介いたします。ご希望の方には、個別でのご相談や詳細説明も行っております。</p>
<th class="month">開催日</th>
<th class="reserve">申込</th> </div>
</tr>
</thead> <div class="c-list4__img">
<tbody>
@foreach ($membersSchedule[$categoryId]['prefs'] as $prefName => $schedule) <img src="/common_previous/img/img_strategy_112.jpg" alt="">
@foreach ($schedule['seminars'] as $seminarMonth => $seminars)
@isset ($seminars['seminars']) </div>
@foreach ($seminars['seminars'] as $key => $seminar)
@if ($seminar->status != config('parameters.seminar_status.value.stop')) </li>
<?php
$dulationDateAndWeek = $seminar->dulation_date_and_week; </ul>
?>
<tr> </div>
<td class="area">{{ $prefName }}</td>
<td class="day"> </section>
<p class="day-txt">{!! $dulationDateAndWeek !!}</p>
<?php <section class="p-service_top7">
$timeSchedules = array(); <h2 class="c-title1">
$timeSchedules[] = $seminar->res_seminar_starttime <> '' ? sprintf('%s:%s', substr($seminar->res_seminar_starttime, 0, 2), substr($seminar->res_seminar_starttime, 2, 2)) : ''; <span class="c-title1__inner">セミナー概要</span>
$timeSchedules[] = $seminar->res_seminar_endtime <> '' ? sprintf('%s:%s', substr($seminar->res_seminar_endtime, 0, 2), substr($seminar->res_seminar_endtime, 2, 2)) : ''; </h2>
$timeSchedule = implode('〜', $timeSchedules); <div class="container">
?> <div class="p-atc7-table">
<p class="day-txt">{!! $timeSchedule !!}</p> <dl>
<p class="day-txt">{{ $seminar->res_seminar_trainer }}</p> <dt>参加対象</dt>
</td> <dd>
<td class="btnArea"> <p class="p-atc7-text1">どなたでもご参加いただけます</p>
@if ($seminar->status == config('parameters.seminar_status.value.reception')) </dd>
<a href="{{ $seminar->apply_url_1 }}" class="btn btn--simple">申込</a> </dl>
@elseif ($seminar->status == config('parameters.seminar_status.value.full'))
<a href="" class="btn btn--stop">{{ get_name_seminar_status(config('parameters.seminar_status.value.full')) }}</a> <dl>
@elseif ($seminar->status == config('parameters.seminar_status.value.close')) <dt>開催形式</dt>
<a href="" class="btn btn--stop">{{ get_name_seminar_status(config('parameters.seminar_status.value.close')) }}</a> <dd>
@endif <p class="p-atc7-text1">オンライン（zoomを使用します）<br>
</td> ※お申し込み前に<a href="https://achievement.co.jp/onlineguide/" target="_blank">「オンライン環境のセットアップ方法」</a>をご確認ください<br>
</tr> ※ご参加URLを発行するためには、お申し込み後に視聴アカウントを発行するご登録が必要です。<br>
@endif 詳細は自動返信メールを御覧ください。</p>
@endforeach </dd>
@endisset </dl>
@endforeach
@endforeach <dl>
</tbody> <dt>参加費</dt>
</table> <dd>
<a href="/trainer/" class="linkBtn">トレーナー・コンサルタント紹介を見る</a> <p class="p-atc7-text1">無料</p>
</div> </dd>
</section> </dl>
@endif
<dl>
<!-- / .container --> <dt>定員</dt>
<dd>
<script src="/common_previous/js/lib/jquery.matchHeight-min.js"></script> <p class="p-atc7-text1">200名</p>
</dd>
<script type="text/javascript"> </dl>
$(".c-list2__img").matchHeight(); </div>
</div>
</script> </section>
</main>
<?php $categoryId = config('parameters.experience_category.体験説明会'); ?>
@if ($membersSchedule[$categoryId]['display'])
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?> <section class="strategy7" id="schedule">
<div class="scheduleWrap">
<h2 class="c-title1">
<span class="c-title1__inner">『頂点への道』講座<br class="sp-only">
体験説明会</span>
</h2>
<table class="schedule-table only-pc">
<thead>
<tr>
<th class="venue">開催地</th>
@foreach ($seminarMonths as $month)
<th class="month">{{ $month['displayMonth'] }}</th>
@endforeach
</tr>
</thead>
<tbody>
@foreach ($membersSchedule[$categoryId]['prefs'] as $prefName => $schedule)
@if ($schedule['display'])
@for ($row = 1; $row <= $schedule['rows']; $row++) <tr>
@if ($row == 1)
<td rowspan="{{ $schedule['rows'] }}" class="area">{{ $prefName }}</td>
@endif
@foreach ($seminarMonths as $month)
@isset($schedule['seminars'][$month['seminarMonth']][$row])
<?php $seminar = $schedule['seminars'][$month['seminarMonth']][$row]; ?>
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.stop'))
<td></td>
@else
<td class="
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.full') || $seminar['seminar']->status == config('parameters.seminar_status.value.close'))
reserveStop
@else
@if ($seminar['attribute'] == config('parameters.seminar_attribute.value.attend'))
attend
@elseif ($seminar['attribute'] == config('parameters.seminar_attribute.value.retake'))
retake
@endif
@endif
">
<?php
$link = '';
if ($seminar['seminar']->status == config('parameters.seminar_status.value.reception')) {
if ($seminar['attribute'] == config('parameters.seminar_attribute.value.attend') && $seminar['seminar']->apply_url_1) {
$link = $seminar['seminar']->apply_url_1;
} elseif ($seminar['attribute'] == config('parameters.seminar_attribute.value.retake') && $seminar['seminar']->apply_url_2) {
$link = $seminar['seminar']->apply_url_2;
}
}
?>
<a href="{{ $link }}" target="_blank" class="link">
<p class="time">{{ $seminar['seminar']->dulation_date }}</p>
<p class="txt">{{ $seminar['seminar']->dulation_day_of_week }}</p>
<?php
$dulationDateAndWeek = str_replace(')', '）', str_replace('(', '（', $seminar['seminar']->dulation_date_and_week));
$timeSchedules = array();
$timeSchedules[] = $seminar['seminar']->res_seminar_starttime <> '' ? sprintf('%s:%s', substr($seminar['seminar']->res_seminar_starttime, 0, 2), substr($seminar['seminar']->res_seminar_starttime, 2, 2)) : '';
$timeSchedules[] = $seminar['seminar']->res_seminar_endtime <> '' ? sprintf('%s:%s', substr($seminar['seminar']->res_seminar_endtime, 0, 2), substr($seminar['seminar']->res_seminar_endtime, 2, 2)) : '';
$timeSchedule = implode('〜', $timeSchedules);
?>
<p class="txt">{{ $timeSchedule }}</p>
<p class="txt">{{ $seminar['seminar']->res_seminar_trainer }}</p>
<p class="txt">
@if ($seminar['seminar']->status == config('parameters.seminar_status.value.full'))
{{ get_name_seminar_status(config('parameters.seminar_status.value.full')) }}
@elseif ($seminar['seminar']->status == config('parameters.seminar_status.value.close'))
{{ get_name_seminar_status(config('parameters.seminar_status.value.close')) }}
@endif
</p>
</a>
</td>
@endif
@else
<td></td>
@endisset
@endforeach
</tr>
@endfor
@endif
@endforeach
</tbody>
</table>
<table class="schedule-table-sp schedule-table-sp--type3 only-sp">
<thead>
<tr>
<th class="venue">開催地</th>
<th class="month">開催日</th>
<th class="reserve">申込</th>
</tr>
</thead>
<tbody>
@foreach ($membersSchedule[$categoryId]['prefs'] as $prefName => $schedule)
@foreach ($schedule['seminars'] as $seminarMonth => $seminars)
@isset ($seminars['seminars'])
@foreach ($seminars['seminars'] as $key => $seminar)
@if ($seminar->status != config('parameters.seminar_status.value.stop'))
<?php
$dulationDateAndWeek = $seminar->dulation_date_and_week;
?>
<tr>
<td class="area">{{ $prefName }}</td>
<td class="day">
<p class="day-txt">{!! $dulationDateAndWeek !!}</p>
<?php
$timeSchedules = array();
$timeSchedules[] = $seminar->res_seminar_starttime <> '' ? sprintf('%s:%s', substr($seminar->res_seminar_starttime, 0, 2), substr($seminar->res_seminar_starttime, 2, 2)) : '';
$timeSchedules[] = $seminar->res_seminar_endtime <> '' ? sprintf('%s:%s', substr($seminar->res_seminar_endtime, 0, 2), substr($seminar->res_seminar_endtime, 2, 2)) : '';
$timeSchedule = implode('〜', $timeSchedules);
?>
<p class="day-txt">{!! $timeSchedule !!}</p>
<p class="day-txt">{{ $seminar->res_seminar_trainer }}</p>
</td>
<td class="btnArea">
@if ($seminar->status == config('parameters.seminar_status.value.reception'))
<a href="{{ $seminar->apply_url_1 }}" class="btn btn--simple">申込</a>
@elseif ($seminar->status == config('parameters.seminar_status.value.full'))
<a href="" class="btn btn--stop">{{ get_name_seminar_status(config('parameters.seminar_status.value.full')) }}</a>
@elseif ($seminar->status == config('parameters.seminar_status.value.close'))
<a href="" class="btn btn--stop">{{ get_name_seminar_status(config('parameters.seminar_status.value.close')) }}</a>
@endif
</td>
</tr>
@endif
@endforeach
@endisset
@endforeach
@endforeach
</tbody>
</table>
<a href="/trainer/" class="linkBtn">講師プロフィールを見る</a>
</div>
</section>
@endif
<section class="p-service_top3">
<h2 class="c-title1">
<span class="c-title1__inner" style="margin-bottom:40px;">登壇される受講生プロフィール</span>
</h2>
<div class="container">
<ul class="list">
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-01.jpg" alt="" width="373" height="293"></div>
<div class="speakingDate">2月11日(木)</div>
<div class="speakersCatchCopy">20歳でアチーブメントに出会い受講をスタートし、28歳で歯科衛生士として審美予防専門クリニックを独立開業。6年で売り上げを6倍に伸ばし、現在は東京大阪と3店舗の経営の傍ら、人気講師としても全国のクリニックで研修を行う。</div>
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会 参事<br>
認定シニアプロスピーカー／<br>
JPSA奈良支部支部長／<br>
株式会社ボーテ代表取締役</span><br>辻 紗耶加様
</h4>
</li>
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-02.jpg" alt="" width="373" height="293">
</div>
<div class="speakingDate">2月23日(火)</div>
<div class="speakersCatchCopy">平成24年3月にリハビリテーションを中心としたデイサービスをオープン。
受講当初は社員の離職率が60％を超えていたが、2019年は離職0を達成。</div>
<h4 class="ps_list_title">
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会<br>
認定ベーシックプロスピーカー／<br>
JPSA横浜みなとみらい支部副支部長／<br>
株式会社H＆H 代表取締役/理学療法士</span><br>池畑 健太様</h4>
</li>
<li class="list_item">
<div class="list_image">
<img src="/assets/img/strategy/strategy-03.jpg" alt="" width="373" height="293">
</div>
<div class="speakingDate">2月23日(火)</div>
<div class="speakersCatchCopy">受講後、社員6名から20名となり、売上は年間6000万円から3億5千万へ増加。理念経営を計測する理念浸透サーベイでは過去最高基準で「クオリティカンパニーレベル」を達成。</div>
<h4 class="ps_list_title">
<span>一般財団法人日本プロスピーカー協会<br>
認定ベーシックプロスピーカー／<br>
JPSA東京セントラル支部所属／<br>
株式会社AphrosQueen代表取締役/<br>
エステティックグランプリ理事</span><br>玄甫 和美様</h4>
</li>
</ul>
<!-- <div class="more">もっと見る</div> -->
</div>
</section>
<!-- / .container -->
<script src="/common_previous/js/lib/jquery.matchHeight-min.js"></script>
<script type="text/javascript">
$(".c-list2__img").matchHeight();
</script>
</main>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/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