@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap"); body {
height: 100%;
font-size: 16px;
color: #000;
} .float-left {
float: left;
} a:hover {
opacity: 0.8;
} .align-center { text-align: center !important; }
.align-left   { text-align: left !important; }
.align-right  { text-align: right !important; }
@media only screen and (max-width: 767px) {
.align-left__sp   { text-align: left !important; }
} .font-1_2 {
font-size: 1.2em !important;
}
.font-1_5 {
font-size: 1.5em !important;
}
.font-1_8 {
font-size: 1.8em !important;
}
.font-2_0 {
font-size: 2em !important;
} .show-sp-inline,
.show-sp-block,
.show-tb-inline,
.show-tb-block {
display: none;
}
@media only screen and (max-width: 1199px) {
.show-tb-inline {
display: inline;
}
.show-tb-block {
display: block;
}
.show-pc-inline,
.show-pc-block {
display: none;
}
}
@media only screen and (max-width: 767px) {
.show-sp-inline {
display: inline;
}
.show-sp-block {
display: block;
}
.show-tb-inline,
.show-tb-block {
display: none;
}
.hide-sp {
display: none;
}
.kame-sp-image {
max-width: 70% !important;
}
} .q_button {
cursor: pointer;
background-color: #F09199 !important;
} .mt0 {
margin-top: 0 !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb0 {
margin-top: 0 !important;
}
.mb10 {
margin-top: 10px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
} .style2a, .style2b,
.style3a, .style3b,
.style4a, .style4b,
.style5a, .style5b {
border-color: #f09199 !important;
}
.style2b,
.style3b,
.style4b,
.style5b {
color: #000 !important;
background-color: #f09199 !important;
}
.p-spec__title {
font-size: 36px !important;
}
@media screen and (max-width: 767px) {
.p-spec__title {
font-size: 1.8em !important;
}
} .notice {
text-indent: -1em;
padding-left: 1em;
} .blackwatch {
width: 100%;
height: 30px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/blackwatch_26x27.png);
}
@media only screen and (max-width: 767px) {
.blackwatch {
height: 20px;
}
} #js-header{
position: fixed;
padding-top: 30px;
}
.kame-pc-header {
min-width: 1280px;
}
.kame-sp-header {
position: relative;
display: none;
}
.l-header__inner {
height: 60px;
}
.l-header__inner div {
margin: 0;
padding: 0;
height: 60px;
}
.kame-pc-header a img {
width: auto;
height: 100%;
}
.l-header__inner div:last-of-type {
margin-left: auto;
}
.l-header__inner a:hover {
opacity: 0.8;
}
.p-page-header {
margin-top: 142px;
}
.p-page-header__title {
color: #000;
}
.kame-dedicated-page {
position: absolute;
display: inline-block;
top: 5px;
left: -325px;
width: 146px;
height: 29px;
z-index: 99999;
}
.kame-header-contact-btn {
position: absolute;
display: inline-block;
top: 5px;
left: -170px;
width: 146px;
height: 29px;
z-index: 99999;
}
@media only screen and (max-width: 1199px) {
#js-header{
padding-top: 5px;
}
.p-page-header {
margin-top: 80px;
}
.kame-pc-header {
display: none;
}
.kame-sp-header {
display: block;
}
.l-header {
height: 80px;
}
.l-header__inner {
height: 70px;
}
.l-header__inner div {
height: 70px;
}
.kame-logo img {
padding-left: 20px;
max-height: 100%;
width: auto;
}
.c-menu-btn::before {
font-size: 24px;
}
.p-global-nav {
top: 75px;
}
.kame-dedicated-page {
top: -15px !important;
left: calc(100% - 220px) !important;
}
.kame-header-contact-btn {
display: none;
}
}
@media only screen and (max-width: 767px) {
.p-page-header {
margin-top: 50px;
}
.l-header {
height: 50px;
line-height: 40px; 
}
.p-menu-btn {
width: 40px;
height: 40px;
line-height: 40px;
}
.l-header__inner,
.l-header__inner div {
height: 40px;
}
.kame-logo img {
padding-left: 0px;
max-height: 100%;
width: auto;
}
.p-global-nav {
top: 45px;
}
.kame-dedicated-page {
top: -5px !important;
left: calc(100% - 200px) !important;
}
}
.kame-header-sns,
.kame-header-contact {
position: relative;
}
.kame-header-sns__inner {
width: 80px;
position: absolute;
bottom: 6px;
margin: 0;
padding-left: 22px;
} .kame-global-nav > ul {
margin: 73px 0 63px;
}
.kame-header-sns,
.kame-header-contact {
position: relative;
}
.kame-header-sns__inner {
width: 80px;
position: absolute;
bottom: 6px;
margin: 0;
padding-left: 15px;
}
.kame-header-contact-btn {
position: absolute;
bottom: 0;
} .kame-global-nav > ul {
margin: 15px 0 15px;
}
.kame-global-nav > ul > li {
padding: 1px 16px;
display: inline-block;
border-right: 2px solid #000;
}
.kame-global-nav > ul > li:first-of-type {
padding-left: 0;
}
.kame-global-nav > ul > li:last-of-type {
padding-right: 0;
border: none;
}
.kame-global-nav > ul > li > a {
color: #000;
font-size: 20px;
font-weight: bold;
}
.kame-global-nav > ul > li > a:hover {
opacity: 0.8;
}
.kame-global-nav > ul > li > .sub-menu {
top: 0;
left: 0;
} .kame-global-nav > ul > li.has-children {
position:relative;
}
.kame-global-nav .sub-menu {
display: block;
padding-top: 37px;
visibility: hidden;
z-index: 9999999;
position: absolute;
top: 0;
left: 100%;
height: auto;
backgroun-color: #f09199;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
line-height: 1.2;
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.kame-global-nav .sub-menu li {
display: block;
}
.kame-global-nav > ul > li.has-children:hover > .sub-menu {
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.kame-global-nav .sub-menu a {
display: block;
background-color: #F09199;
color: #fff;
box-sizing: border-box;
width: 220px;
height: auto;
padding: 17px 18px;
}
.kame-global-nav .sub-menu a:hover {
opacity: 1 !important;
background-color: #f3aab0;
}
@media only screen and (max-width: 1199px) {
.p-global-nav .menu-item-has-children > a > .p-global-nav__toggle::before {
border-color: #fff !important;
}
} .p-info {
padding-bottom: 110px;
}
.p-info__address {
line-height: 2;
}
.p-social-nav__item {
display: inline-block;
padding: 0 5px;
}
.p-footer-link__title {
color: #000;
}
.p-info,
.p-footer-nav {
border-bottom: 1px solid #000;
}
.p-footer-nav li a {
font-weight: bold;
}
.p-copyright {
color: #000;
}
.kame-footer-contact {
margin-bottom: 100px;
}
.kame-footer-contact li {
display: inline-block;
padding: 0 18px;
}
.kame-footer-contact li img {
width: 100%;
}
.kame-ifa-dial {
margin-bottom: 45px;
text-align: center;
}
.kame-ifa-dial img {
max-width: 100%;
}
#kame-pagetop {
width: 40px;
height: 40px;
display: none;
position: fixed;
right: 0;
bottom: 10px;
cursor: pointer;
opacity: 0.8;
}
#kame-pagetop img {
height: 100%;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #kame-pagetop { display: block } }
@media only screen and (max-width: 1199px) {
.kame-footer-contact li {
width: 45%;
}
footer .p-info__logo {
width: 60%;
}
footer .p-info__logo img {
max-width: 100%;
}
.kame-ifa-dial {
width: 45%;
margin: 0 auto 45px;
padding: 0 18px;
}
}
@media only screen and (max-width: 767px) {
.kame-footer-contact li {
display: block;
width: 80%;
margin: 0 auto;
padding: 10px;
}
.p-social-nav__item {
width: 45%;
}
.p-social-nav__item img {
width: 100%;
}
.p-footer-nav {
justify-content: start;
}
.kame-ifa-dial {
width: 80%;
margin: 0 auto;
padding: 10px;
}
} input[type="text"], input[type="email"], textarea {
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
}
input[type="checkbox"] {
outline: 0;
background: #f2f2f2;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
}
input[type="submit"] {
outline: 0;
border: 0;
line-height: 2.4;
min-width: 45%;
max-width: 48%;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 15px;
}
.mwform-checkbox-field.horizontal-item {
display: inline-block;
margin-left: 0 !important;
margin-right: 10px;
}
span.center {
display: inline-block;
width: 100%;
text-align: center;
}
.mw_wp_form span.item {
font-size: 120%;
font-weight: bold;
}
.mw_wp_form span.item.require:after {
content: "必須";
display: inline-block;
margin-left: 5px;
padding: 1px;
font-size: 70%;
color: #fff;
line-height: 1em;
background-color: #F09199;
}
.readonly {
background-color: transparent !important;
} .p-header-video {
margin-top: 150px;
padding-bottom: 55%;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/main_visual.png);
}
.p-header-content::before {
background: rgba(0,0,0, 0);
}
.kame-index-content__h2 {
font-size:40px;
margin-bottom: 0.2em !important;
}
.kame-index-content__h3 {
font-size:40px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.kame-index-content__h2__sub {
padding:3px 7px;
font-size: 12px;
background-color: #F09199;
}
.kame-index-content__desc {
font-size: 18px;
line-height: 2.6;
}
.p-index-content01 {
padding-bottom: 0px;
}
.p-index-content01 .character {
margin: 0 auto;
width: 400px;
}
.p-index-content01 .character img {
max-width: 100%;
}
.p-index-content01__title {
margin: 50px auto;
} .p-index-content01__title img {
max-width: 100%;
}
.p-cb {
padding-top: 40px;
}
.p-index-content04 {
padding-top: 30px;
margin-bottom: 0px !important;
}
.p-index-content04__col-list {
margin-bottom: 15px;
}
.p-index-content07 {
height: 630px;
margin-bottom: 0;
background-color: #F09199;
overflow: hidden;
}
.p-index-content07__inner {
color: #000;
}
.p-index-content07__title img {
max-width: 100%;
height: auto;
}
.kame-kobetsusodan {
text-align: center;
}
p-index-content08 {
position: relative;
}
.kame-index-service-moshimo {
position: absolute;
width: 289px;
right: 0;
bottom: 0;
}
.kame-service-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.kame-service-menu__item {
position: relative;
width: 25%;
margin: 0 4% 100px;
text-align: center
}
.kame-service-menu__img img {
width: 100%;
height: auto;
}
.kame-service-menu__item h4 {
font-size: 32px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.kame-service-menu__desc {
line-height: 1.8;
text-align: left;
margin-bottom: 80px;
}
.kame-service-menu__btn {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
}
.kame-service-menu__btn a {
padding: 8px 20px;
font-size: 16px;
font-weight: bold;
text-align: center;
border: 3px solid;
border-radius: 40px;
}
.kame-service-menu__btn a::after {
display: inline-block;
position: relative;
top: 3px;
content: "";
background: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/arrow01.png);
margin-left: 5px;
width: 11px;
height: 19px;
}
.kame-service-menu__ifa .kame-service-menu__btn a { border-color: #C4D700; }
.kame-service-menu__insurance .kame-service-menu__btn a { border-color: #FBCB72; }
.kame-service-menu__fp .kame-service-menu__btn a { border-color: #F09199; }
.kame-service-menu__life .kame-service-menu__btn a { border-color: #009791; }
.kame-service-menu__job .kame-service-menu__btn a { border-color: #62B0E3; }
.kame-service-menu__residence .kame-service-menu__btn a { border-color: #926894; }
.kame-index-news {
}
.kame-index-news > ul {
display: flex;
width: 100%;
}
.kame-index-news > ul > li {
display: block;
vertical-align: top;
}
.kame-index-news > ul > li:first-child {
width: 200px;
}
.kame-index-news > ul > li:last-child {
flex: 1;
}
.kame-index-news__col {
margin-bottom: 10px;
}
.kame-index-news__article {
width: 100%;
padding: 10px 0;
border-bottom: 1px dotted #000;
}
.kame-index-news__date {
display: inline-block;
margin-right: 50px;
}
.kame-index-news__title {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
}
.p-index-content05 {
padding-top: 90px;
background: #f3f3f3;
}
.p-article06 {
background-color: #fff;
}
.p-article06__header {
position: relative;
padding-top: 0 !important;
}
.kame-interviewee__header {
margin-bottom: 70px;
}
.kame-interviewee__header img {
position: absolute;
top: -130px;
right: -70px;
}
.kame-interviewee__name {
font-size: 2em;
font-weight: bold;
}
.kame-interviewee__position {
padding: 5px 10px;
background-color: #F09199;
border-radius: 20px;
font-weight: bold;
}
.kame-interviewee__pr {
margin-top: 10px;
}
.kame-interviewee__pr span {
display: inline-block;
padding-top: 15px;
font-size: 0.8em;
}
.kame-interviewee-moshimo {
width: 65.66%;
}
.kame-interviewee-moshimo__image {
width: 35%;
padding: 23.6px 3.86874% 23.6px 0;
float: right;
}
.kame-interviewee-moshimo__image img {
max-width: 100%;
}
.kame-interviewee-moshimo__desc {
width: 58.51%;
padding: 23.6px 3.86874%;
float: left;
}
.kame-interviewee-moshimo .p-article06__title {
width: 100%;
padding: 0;
}
.kame-index-money-seminar__sp {
display: none;
position: fixed;
bottom: 10px;
left: 00px;
z-index: 999999;
}
@media only screen and (max-width: 1199px) {
.kame-index-service-moshimo {
position: relative;
margin: 0 auto;
}
.p-index-content08 .kame-index-content__desc,
.p-index-content08 .kame-index-content__h3 {
text-align: center;
}
.kame-index-news > ul {
display: block;
}
.kame-index-news > ul > li:last-child {
width: 100%;
padding-top: 10px;
}
.kame-interviewee__header img {
width: 80%;
height: auto;
}
}
@media only screen and (max-width: 991px) {
.kame-interviewee-moshimo {
width: 100%;
}
.kame-interviewee-moshimo__desc {
}
.kame-index-money-seminar__sp {
display: block;
}
}
@media only screen and (max-width: 767px) {
.p-index-content01__title {
margin-top: 30px;
}
.p-index-content04 {
padding-bottom: 30px !important;
}
.p-index-content07 {
height: 550px;
}
.kame-index-content__h3 {
font-size: 30px;
}
.kame-index-content__desc {
font-size: 14px;
line-height: 2.6;
text-align: left !important;
}
.kame-kobetsusodan img {
width: 60%;
}
.kame-index-service-moshimo {
width: 60%;
}
.kame-index-service-moshimo img {
width: 100%;
}
.kame-service-menu__item {
width: 100%;
margin: 0 0 100px;
text-align: center;
}
.kame-service-menu__desc {
font-size: 14px;
margin-bottom: 50px;
}
.kame-service-menu__img {
width: 60%;
margin: 0 auto;
}
.p-index-content05 {
padding-top: 20px;
}
.kame-interviewee__header {
margin-bottom: 30px;
}
.kame-interviewee__header img {
width: 70%;
top: -30px;
right: -80px;
} .p-article01__content,
.p-article10__content,
.p-article05__content {
position: relative;
}
.p-article10__content.open:before,
.p-article10__content.close:before {
z-index: 1;
padding: 5px 15px;
color: #000;
font-weight: bold;
right: 0;
bottom: 0;
}
.p-article10__content.open:before {
content: "受付中";
position: absolute;
background-color: #009791;
}
.p-article10__content.close:before {
content: "満員御礼";
position: absolute;
background-color: #F09199;
}
.p-article10__content.close {
color: #999;
}
}
@media only screen and (max-width: 500px) {
.p-index-content05 {
padding-bottom: 10px;
}
.kame-interviewee-moshimo__image,
.kame-interviewee-moshimo__desc {
width: 100%;
float: none;
}
.kame-interviewee-moshimo__image {
text-align: center;
}
}
p.p-article06__img {
overflow: hidden;
}
p.p-article06__img img {
width: 100%;
height: auto;
vertical-align: middle;
}
span.p-article06__cat:hover {
background: #148c05;
}
@media only screen and (max-width: 1199px) {
.p-header-video {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.p-header-video {
margin-top: 50px;
}
.p-index-content01__title {
width: 90%;
}
.p-index-content01 .character {
width: 200px;
margin: 0 auto;
}
} .concierge-menu h3,
.concierge-menu h4 {
font-size: 1.5em;
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: bold;
}
.concierge-menu h3 {
width: 500px;
margin: 0 auto 50px;
padding: 20px;
font-size: 2em;
color: #07073c;
border-top: double #07073c;
border-bottom: double #07073c;
}
.concierge-menu h4:before {
content: '';
display: inline-block;
width: 40px;
height: 40px;
margin: -4px 10px 0 0;
background-size: contain;
vertical-align: middle;
}
.concierge-menu h4.insurance:before {
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/icon_insurance.png);
}
.concierge-menu h4.money:before {
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/icon_fp.png);
}
.concierge-menu h4.life:before {
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/icon_life.png);
}
.concierge-menu h4.residence:before {
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/icon_residence.png);
}
.concierge-menu h4.job:before {
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/icon_job.png);
}
.concierge-menu h5 {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
}
.concierge-menu .button {
text-align: center;
margin: 50px 0;
}
.concierge-menu .p-block04__item--content {
margin-top: 0 !important;
}
.concierge-menu .p-block04__item--content {
}
.ribbon11 {
display: inline-block;
position: relative;
height: 45px;
vertical-align: middle;
text-align: center;
box-sizing: border-box;
margin-bottom: 50px;
}
.ribbon11:before{ content: '';
position: absolute;
width: 10px;
bottom: -10px;
left: -35px;
z-index: -2;
border: 20px solid #1a5031;
border-left-color: transparent; }
.ribbon11:after{ content: '';
position: absolute;
width: 10px;
bottom: -10px;
right: -35px;
z-index: -2;
border: 20px solid #1a5031;
border-right-color: transparent; }
.ribbon11 h3 {
display: inline-block;
position: relative;
margin: 0;
padding: 0 20px;
line-height: 45px;
font-size: 1.5em;
color: #FFF;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/blackwatch_58x60.png);
}
.ribbon11 h3:before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 10px transparent;
border-right: solid 15px #1a3f2a; }
.ribbon11 h3:after {
position: absolute;
content: '';
top: 100%;
right: 0;
border: none;
border-bottom: solid 10px transparent;
border-left: solid 15px #1a3f2a; }
.ribbon4 {
display: inline-block;
position: relative;
width: 100%;
height: 60px; line-height: 60px; vertical-align: middle;
text-align: left;
padding: 0 40px 0 10px; font-size: 18px; background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/blackwatch_55x56.png);
color: #FFF; box-sizing: border-box;
}
.ribbon4:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1;
}
.ribbon4:after {
top: 0;
right: 0;
border-width: 30px 15px 30px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
}
_:-ms-fullscreen, :root .p-article08__img {
height: 260px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.concierge-menu h3 {
width: 100%;
margin: 0 auto 30px;
padding: 10px;
font-size: 1.5em;
}
.ribbon11 h3 {
font-size: 20px;
}
} .p-entry__body--page {
margin-bottom: 60px !important;
} .kame-balloon {
position: relative;
display: inline-block;
margin: 1.5em auto;
padding: 6px 24px 8px;
min-width: 120px;
max-width: 100%;
color: #000;
background: #ccc;
text-align: center;
border-radius: 6px;
}
.kame-balloon:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #ccc;
}
.kame-page__h4 {
font-size: 1.8em !important;
} .page-privacy {
}
.page-privacy h3,
.page-privacy section {
margin-bottom: 20px;
}
.page-privacy p {
text-indent: 1em;
}
.page-privacy th,
.page-privacy td {
border: none;
text-align: left;
background: none;
}
.page-privacy ol {
padding-left: 1em;
}
.page-privacy ol li {
list-style-type: decimal;
}
.page-privacy ol > li > ol {
margin-left: 0 !important;
}
.page-privacy ol > li > ol > li {
list-style-type: none;
padding-left: 1em;
text-indent: -1em;
}
.page-privacy ol > li > ol > li.no-indent {
margin-left: -1em;
padding-left: 0;
text-indent: 0;
}
.page-privacy p.contact {
padding-left: 1em;
text-indent: 0;
}
@media only screen and (max-width: 767px) {
.page-privacy th,
.page-privacy td {
padding: 0;
display: block;
}
.page-privacy th:before {
content: "・";
}
.page-privacy td {
padding-left: 1em;
}
} .compliance ul {
padding-left: 1em;
}
.compliance li {
list-style-type: disc;
} .contact-confirm,
.contact-complete,
.contact-error {
width: 50%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.contact-confirm,
.contact-complete,
.contact-error {
width: 100%;
}
}
.tokiomarine-freedial {
margin-left: 1em;
}
.tokiomarine-freedial dt:before {
content: "・";
}
.tokiomarine-freedial dd {
font-size: 1.5em;
font-weight: bold;
text-indent: 14px;
color: #F09199;
} .p-event-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: left;
}
.p-event-list__item {
width: 31.33%;
margin: 0 3% 35px 0;
}
.p-event-list__item:nth-child(3n) {
margin-right: 0;
}
.p-event-list__item h2 {
font-size: 120%;
font-weight: bold;
}
.p-event-list__item .event-place,
.p-event-list__item .event-date {
font-size: 80%;
margin-bottom: 1em;
}
.p-event-list__item .event-place:before,
.p-event-list__item .event-date:before {
display: block;
width: 2.5em;
padding: 2px 0;
margin-bottom: 3px;
color: #fff;
line-height: 1em;
text-align: center;
background-color: #303273;
}
.p-event-list__item .event-place:before {
content: "場所";
}
.p-event-list__item .event-date:before {
content: "日時";
}
.p-event-list__item .seminar-footer-button {
margin-top: 30px;
margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
.p-event-list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-event-list__item {
width: 47.5%;
margin: 0 0 5% 0;
}
}
@media screen and (max-width: 500px) {
.p-event-list__item {
width: 100%;
margin: 0 0 24px 0;
}
} .l-secondary.seminar {
}
@media only screen and (max-width: 991px) {
.l-secondary.seminar { display: none; }
}
@media only screen and (min-width: 990px) {
.seminar-info { display: none; }
}
.l-secondary.seminar p {
line-height: 2.4;
}
.seminar-info .pb_googlemap,
.l-secondary.seminar .pb_googlemap {
margin-top: 30px;
}
.seminar-info .pb_googlemap_footer,
.l-secondary.seminar .pb_googlemap_footer {
margin-bottom: 30px;
}
.seminar-info .pb_googlemap_embed,
.l-secondary.seminar .pb_googlemap_embed {
height: 300px;
}
.seminar-info .pb_googlemap_footer_button,
.l-secondary.seminar .pb_googlemap_footer_button {
background-color: #fff;
color: #07073c;
border: 1px solid #07073c;
cursor: pointer;
}
.seminar-footer-button {
text-align: center;
margin-bottom: 45px;
}
.seminar-footer-button .q_button {
padding: .8em 1.5em .7em;
font-size: 110%;
background-color: #F09199 !important;
line-height: 2.4;
}
.seminar-footer-button .q_button {
width: 70%;
}
.l-secondary.seminar .seminar-footer-button .q_button {
width: 100%;
}
.seminar-footer-button .q_button:hover {
background-color: #f1a6a3;
}
@media only screen and (max-width: 767px) {
.seminar-footer-button .q_button {
font-size: 100%;
}
} .seminar-form table {
width: 100%;
border-bottom: 1px solid #ddd;
}
.seminar-form td,
.seminar-form th {
padding-top: 2em;
padding-bottom: 2em;
border: none;
border-top: 1px solid #ddd;
}
.seminar-form th {
width: 40%;
text-align: left;
background-color: #fff;
}
.seminar-form td .col2 {
width: 48%;
}
.seminar-form textarea,
.seminar-form input {
margin: 0;
}
.separate-name {
width: 85% !important;
}
.input-age {
width: 6em !important;
}
.seminar-form .q_button {
background-color: #F09199;
}
.seminar-form .q_button:hover {
background-color: #f1a6a3;
}
.mw_wp_form_confirm .confirm-hide {
display: none;
}
.seminar-form .together {
}
.seminar-form .together div[class^="together"] {
width: 100%;
padding-top: 2em;
}
.seminar-form .together p {
margin: 0 !important;
}
@media only screen and (max-width: 767px) {
.seminar-form table {
border: none;
}
.seminar-form th,
.seminar-form td {
width: 100%;
padding: 0;
display: block;
border: none;
}
.seminar-form td {
padding-bottom: 2em;
}
} .kame-residence__h4 {
color: #926894;
font-size: 36px;
margin-bottom: 0px;
}
.kame-residence-trade {
display: flex;
}
.kame-residence-trade__item {
width: 50%;
}
.kame-residence-trade__item img {
width: 100%;
height: auto;
}
.residence .p-block05__item {
width: 33.3333%;
}
.residence .p-block05__item-desc {
text-align: center;
}
@media only screen and (max-width: 767px) {
.kame-residence__h4 {
font-size: 1.8em !important;
}
.kame-residence-trade {
flex-wrap: wrap;
}
.kame-residence-trade__item {
width: 100%;
}
.residence .p-block05__item {
width: 50%;
}
} .kame-insurance__bg {
background: #FBCB72 !important;
}
.kame-insurance-balloon {
background: #FBCB72;
font-size: 2em !important;
}
.kame-insurance-balloon:before {
border-top-color: #FBCB72;
}
.kame-insurance__point {
display: flex;
width: 100%;
justify-content: center;
}
.kame-insurance__point > .item {
margin: 0 10px;
}
.insurers .p-block05__item {
width: 50%;
border: none;
text-align: center;
}
.group-insurance {
}
.group-insurance li {
display: block;
float: left;
width: 25%;
}
@media only screen and (max-width: 767px) {
.kame-insurance__point {
display: block;
}
.insurers .p-block05__item {
width: 50%;
}
.group-insurance li {
width: 49%;
}
} .kame-fp__bg {
background: #F09199 !important;
border-color: #F09199 !important;
}
.kame-fp-balloon {
padding: 10px !important;
background: #F09199;
line-height: 1 !important;
font-size: 1.2em !important;
font-weight: bold;
}
.kame-fp-balloon:before {
border-top-color: #F09199;
}
.kame-fp__title {
width: 100%;
padding-bottom: 14px;
border-bottom: 3px solid #F09199;
}
.kame-fp__ex {
display: flex;
width: 100%;
justify-content: center;
}
.kame-fp__ex > .item {
width: 34%;
padding: 0 2%; 
border-left: 1px solid #000;
}
.kame-fp__ex > .item > p {
line-height: 1.8 !important;
}
.kame-fp__ex .item:first-child {
border: none;
}
.kame-fp__ex > .item > p {
text-align: left;
}
.kame-fp__ex > .item > p.image {
margin-bottom: 0;
text-align: center;
}
.kame-fp__ex > .item > h4 {
margin-bottom: 4px;
font-size: 1.4em;
text-align: left;
}
.kame-fp-seminar__item {
display: flex;
justify-content: center;
flex-wrap: wrap;
width: 80%;
margin: 0 auto ;
padding: 30px 0;
border-bottom: 1px solid #000;
box-sizing: border-box;
}
.kame-fp-seminar div:last-of-type {
border: none;
}
.kame-fp-seminar__left {
width: 55%;
box-sizing: border-box;
text-align: left;
}
.kame-fp-seminar__right{
position: relative;
width: 45%;
box-sizing: border-box;
}
.kame-fp-seminar__img {
width: 50%;
padding: 20px 5px 0;
box-sizing: border-box;
}
.kame-balloon-fp-seminar {
line-height: 1 !important;
min-width: auto;
margin-top: 10px !important;
margin-bottom: 7px !important;
padding: 2px 5px;
background-color: #FFF100;
border-radius: 3px;
font-size: 24px !important;
font-weight: bold;
}
.kame-balloon-fp-seminar::before {
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #FFF100;
}
.kame-fp-seminar__name {
margin-bottom: 14px !important;
font-size: 3em !important;
font-weight: bold;
line-height: 1.2 !important;
}
.kame-fp-seminar__name-big {
font-size: 3em !important;
}
.kame-fp-seminar__label {
display: inline;
padding: 2px 5px;
border: 1px solid #000;
border-radius: 20px;
font-size: 1.2em;
font-weight: bold;
}
.kame-fp-seminar__label-big {
font-size: 1.2em;
}
.kame-fp-seminar__desc {
padding-top: 1em;
margin-bottom: 0 !important;
line-height: 1.8 !important;
}
.kame-fp-seminar__right img {
position: absolute;
top: 0;
right: -20%;
margin: 0 !important;
}
.kame-fp-seminar__button {
display: block;
position: absolute;
bottom: 0;
right: 0;
margin-top: 20px;
}
.kame-fp-seminar__button button {
position: relative;
width: 180px;
height: 60px;
padding-right: 30px;
background-color: #FFF100;
border: none;
border-radius: 6px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.kame-fp-seminar__button button::after {
display: block;
width: 28px;
height: 28px;
position: absolute;
right: 12px;
top: 16px;
content: " ";
background: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/arrow02.png);
}
@media only screen and (max-width: 1199px) {
.kame-fp__ex > .item {
width: 45%;
}
.kame-fp-seminar__item {
width: 95%;
}
.kame-fp-seminar__right img {
position: relative;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 767px) {
.kame-fp__title img {
width:  80%;
}
.kame-fp__ex {
display: block;
}
.kame-fp__ex > .item {
width: 100%;
padding: 10px 0; 
border: none;
border-top: 1px solid #000;
}
.kame-fp-seminar__item {
display: block;
}
.kame-fp-seminar__img,
.kame-fp-seminar__left,
.kame-fp-seminar__right {
width: 100%;
}
.kame-fp-seminar__right {
margin-top: 20px;
}
.kame-fp-seminar__desc {
margin-bottom: 1em;
}
.kame-fp-seminar__button {
position: relative;
width: 100%;
}
.kame-fp-seminar__button button {
display: block;
margin: 0 auto;
}
.kame-fp-seminar__name-big {
font-size: 3em !important;
}
} .kame-life__bg {
background-color: #009791;
}
.kame-life__h4 {
width: 90%;
margin: 30px auto 0 !important;
padding: 10px;
border-bottom: 3px solid #009791;
font-size: 1.8em !important;
text-align: center;
}
.kame-life-partner__list {
display: flex;
justify-content: center;
}
.kame-life-partner__item {
padding: 5px;
}
.kame-life-cartoon {
display: flex;
justify-content: center;
margin: 30px 0 60px;
}
.kame-life-cartoon__item {
border-top: 3px solid #009791;
border-bottom: 3px solid #009791;
border-left: 3px solid #009791;
}
.kame-life-cartoon__item:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.kame-life-cartoon__item:last-child {
border-right: 3px solid #009791;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.kame-life-cartoon__item img {
width: 100%;
margin: 0 !important;
}
.kame-life-block02 {
margin-top: 30px;
}
.kame-life-block02__title {
color: #009791;
}
.kame-life-block02__name {
color: #009791;
font-size: 0.8em;
line-height: 1.8 !important;
}
@media only screen and (max-width: 767px) {
.kame-life-partner__list {
flex-wrap: wrap;
}
.kame-life-partner__item {
width: 33%;
border-sizing: border-box;
}
.kame-life-cartoon {
flex-wrap: wrap;
}
.kame-life-cartoon__item {
width: 80%;
border-radius: 0px !important;
border-top: 1px solid #009791;
border-bottom: 1px solid #009791;
border-left: 2px solid #009791;
border-right: 2px solid #009791;
text-align: center;
}
.kame-life-cartoon__item:first-child {
border-top: 2px solid #009791 !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
}
.kame-life-cartoon__item:last-child {
border-bottom: 2px solid #009791 !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.kame-life-cartoon__item img {
}
.p-block02__item--img.lawyer {
text-align: center;
}
.casestudy .post_col,
.casestudy .post_col-2 {
margin-bottom: 0;
}
} .kame-balloon-job {
background-color: #62B0E3;
padding: 5px 10px !important;
line-height: 1;
}
.kame-balloon-job:before {
border-top: 15px solid #62B0E3;
} .kame-cp__h2 span {
background: #009791;
padding: 5px;
}
.kame-cp__h3 {
text-align: center;
}
.kame-cp__h3 span {
border-bottom: 3px solid #009791;
padding: 8px;
}
.kame-cp-sdgs__ex {
background: #EEEEEE;
padding: 24px 24px 0;
display: flex;
}
.kame-cp-sdgs__name  {
min-width: 20%;
font-size: 120% !important;
font-weight: bold;
}
.kame-cp-sdgs__desc  {
margin-bottom: 24px !important;
}
.kame-cp-balloon {
position: relative;
display: block;
margin: 2em auto 1.5em;
padding: 0 10px;
width: 320px;
color: #000;
font-size: 36px !important;
line-height: 1.5em !important;
font-weight: bold;
background: #FFF;
border: solid 3px #009791;
border-radius: 8px;
box-sizing: border-box;
}
.kame-cp-balloon:before {
content: "";
position: absolute;
bottom: -24px;
left: 50%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 12px solid #FFF;
z-index: 2;
}
.kame-cp-balloon:after {
content: "";
position: absolute;
bottom: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #009791;
z-index: 1;
}
.kame-cp-balloon p {
margin: 0;
padding: 0;
}
.kame-cp-sdgs__announce  {
margin: 24px 0 !important;
font-size: 130% !important;
font-weight: bold;
color: #009791;
text-align: center;
}
.kame-cp-sdgs__content {
margin: 0 !important;
padding-bottom: 20px;
display: flex;
justify-content: center;
border-bottom: 1px dotted #000;
}
.kame-cp-sdgs__content:last-of-type {
border: none;
}
.kame-cp-sdgs__content li {
padding: 5px;
}
.kame-cp-cer {
display: flex;
}
.kame-cp-cer__desc {
width: 60%;
}
.kame-cp-cer__link {
padding: 5px 10px;
border: 2px solid #009791;
border-radius: 30px;
font-size: 1.2em;
font-weight: bold;
color: #000;
}
.kame-cp-cer__link::after {
display: inline-block;
position: relative;
top: 3px;
content: "";
background: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/arrow01.png);
margin-left: 10px;
width: 11px;
height: 19px;
}
.kame-cp-cer__link:hover {
text-decoration: none !important;
}
.kame-cp__btn {
display: inline-block;
text-align: center;
margin: 0 15px 30px;
padding: 25px 50px;
font-size: 1.5em;
font-weight: bold;
text-align: center;
border: 3px solid #45B035;
border-radius: 40px;
box-sizing: border-box;
}
.kame-cp__btn::after {
display: inline-block;
position: relative;
content: "";
background: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/arrow01.png);
margin-left: 30px;
width: 11px;
height: 19px;
}
.kame-cp__btn:hover {
text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
.kame-cp__h3 {
border-bottom: 3px solid #009791;
text-align: left;
}
.kame-cp__h3 span {
padding: 8px 0 !important;
border: none;
}
.kame-cp-balloon {
width: 180px;
font-size: 18px !important;
}
.kame-cp-sdgs__ex {
flex-wrap: wrap;
}
.kame-cp-sdgs__name  {
width: 100%;
}
.kame-cp-sdgs__content {
flex-wrap: wrap;
}
.kame-cp-sdgs__content li {
width: 33%;
box-sizing: border-box;
}
.kame-cp-cer {
display: block;
}
.kame-cp-cer__desc {
width: 100%;
}
.kame-cp__btn {
padding:15px 20px;
line-height: 1em;
}
} .kame-compliance__style3b {
color: #fff !important;
background-color: #009791 !important;
border: none !important;
} .p-article01__img,
.p-article10__img,
.p-article05__img {
position: relative;
}
.p-article01__img.open:before,
.p-article10__img.open:before,
.p-article05__img.open:before,
.p-article01__img.close:before,
.p-article10__img.close:before,
.p-article05__img.close:before {
z-index: 1;
padding: 5px 15px;
color: #000;
font-weight: bold;
right: 0;
bottom: 0;
}
.p-article01__img.open:before,
.p-article10__img.open:before,
.p-article05__img.open:before {
content: "受付中";
position: absolute;
background-color: #009791;
}
.p-article01__img.close:before,
.p-article10__img.close:before,
.p-article05__img.close:before {
content: "満員御礼";
position: absolute;
background-color: #F09199;
}
.p-article01__img.close img,
.p-article10__img.close img,
.p-article05__img.close img {
filter: grayscale(100%);
} .airship {
z-index: 99999;
position: absolute;
width: 184px;
bottom: -285px; right: 20px;
}
.airship a {
display: block;
margin-bottom: 10px;
}
.airship a:hover {
opacity: 0.8;
}
.airship img {
max-width: 100%;
}
@media only screen and (max-width: 1199px) {
.airship {
width: 400px;
top: 70px;
margin-left: -300px;
}
}
@media only screen and (max-width: 767px) {
.airship {
width: 300px;
top: 30px;
margin-left: -150px;
}
}  .p-index-content07__btn {
display: inline-block;
margin: 20px;
} .p-index-content04__inner {
flex-wrap: wrap;
}
.p-index-content04__col:nth-child(-n + 2 ) {
margin-bottom: 3em;
} .kame-ifa__bg {
background: #C4D700 !important;
}
.kame-ifa-balloon {
background: #C4D700;
font-size: 2em !important;
}
.kame-ifa-balloon:before {
border-top-color: #C4D700;
}
.kame-ifa-strong {
font-weight: bold;
border-bottom: 2px solid #45B035;
}
.kame-ifa-table {
table-layout: fixed;
border-collapse: collapse;
border-top: 3px solid #45B035;
border-bottom: 3px solid #45B035;
border-left: none;
border-right: none;
width: 100%;
}
.kame-ifa-table .kame-ifa_table__target {
background-color: #F4F7DA;
}
.kame-ifa-table td,
.kame-ifa-table th {
margin: 0;
padding: 0;
background: none;
border: none;
border-bottom: 3px solid #45B035;
font-size: 18px;
}
.kame-ifa-table th {
font-size: 1.8em;
font-weight: bold;
}
.kame-ifa-table tr:first-child th {
line-height: 1.3em;
}
.kame-ifa-table tr:first-child th:not(:first-child),
.kame-ifa-table tr td:not(:first-child) {
border-left: 2px dotted #000;
}
.kame-ifa-table tr:first-child th span {
display: inline-block;
margin: 0;
padding: 0 0.5em;
background-color: #fff;
border-radius: 30px;
font-size: 0.7em !important;
line-height: 1.5em;
}
.kame-ifa-table .kame-ifa-table_left {
padding: 2em 0 1em;
width: 4em;
font-size: 1.5em;
color: #45B035;
line-height: 2;
border-right: 3px solid #45B035;
}
.kame-ifa-table .kame-ifa-table_left span {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.kame-ifa-table .kame-ifa-table_h2l {
text-align: left;
}
.kame-ifa-table td {
padding: 2em;
vertical-align: top;
}
.kame-ifa-table td p {
line-height: 1.8em;
}
.kame-ifa-table .kame-ifa_table__strong {
margin-bottom: 1em;
font-size:1.5em;
font-weight: bold;
color: #45B035;
line-height: 1.3em;
}
.kame-ifa-table-sp__title {
margin: 0 !important;
padding: 0.5em;
border-top: 1px solid #45B035;
border-bottom: 1px solid #45B035;
text-align: center;
color: #45B035;
font-size: 1.2em !important;
font-weight: bold;
line-height: 1.2em !important;
}
.kame-ifa-table-sp__wrap {
overflow: auto;
}
.kame-ifa-table-sp {
width: 900px;
margin-bottom: 0 !important;
}
.kame-ifa-table-sp th,
.kame-ifa-table-sp td {
width: 300px;
box-sizing: border-box;
}
.kame-ifa-table-sp th:last-child,
.kame-ifa-table-sp td:last-child {
background-color: #F4F7DA;
}
.kame-ifa-table-sp thead th {
border: none;
border-left: 1px solid #45B035;
border-bottom: 1px solid #45B035;
background-color: #fff;
}
.kame-ifa-table-sp tr td {
padding: 1.5em;
border: none;
border-left: 1px solid #45B035;
background-color: #fff;
}
.kame-ifa-table-sp__last tr td {
border-bottom: 1px solid #45B035;
}
.kame-ifa-table-sp thead th {
font-weight: bold;
font-size: 1.2em !important;
line-height: 1.2em;
}
.kame-ifa-table-sp tr td:first-child,
.kame-ifa-table-sp thead th:first-child {
border-left: none;
}
.kame-ifa-table-sp thead th span {
display: inline-block;
margin: 0;
padding: 0 0.5em;
background-color: #fff;
border-radius: 30px;
font-size: 0.8em !important;
line-height: 1.2em;
}
.kame-ifa-table-sp tr td {
vertical-align: top;
line-height: 1.5em;
}
.kame-ifa-table-sp .kame-ifa-table-sp__strong {
color: #45B035;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 0.8em;
line-height: 1.2em;
} .kame-recruit__bg {
background: #F09199 !important;
border-color: #F09199 !important;
}
.kame-recruit-block_01 { }
.kame-recruit-block_02 {
background: left top no-repeat url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-point.png);
}
.kame-recruit-block_02__item {
width: 67%;
margin: 0 auto 70px !important;
padding: 0 !important;
text-align: center;
border-bottom: 1px solid #231815;
}
.kame-recruit-block_02 > .kame-recruit-block_02__item:last-child {
border: none;
}
.kame-recruit-block_02__item h3 {
font-size: 1.8em;
}
.kame-recruit-balloon {
margin-top: 0 !important;
padding: 10px !important;
background: #F09199;
line-height: 1 !important;
font-size: 1.8em !important;
font-weight: bold;
}
.kame-recruit-balloon:before {
border-top-color: #F09199;
}
.kame-recruit-qualifications-table {
width: 100%;
margin-bottom: 50px !important;
padding: 10px 20px;
background-color: #eee;
border-collapse: separate !important;
}
.kame-recruit-qualifications-table td,
.kame-recruit-qualifications-table th {
text-align: left;
padding: 0;
border: none;
background-color: #eee;
line-height: 1.5em;
}
.kame-recruit-qualifications-table td {
border-left: 1px solid #000;
padding-left: 20px;
}
.kame-recruit-block_02__item ul {
display: flex;
margin: 0 0 50px;
}
.kame-recruit-block_02__item ul li {
width: 50%;
text-align: left;
vertical-align: top;
}
.kame-recruit-block_02__item ul li img {
max-width: 100%;
padding: 10px 0 0 20px;
}
.kame-recruit-block_02__item ul.point3 li:last-child {
margin-top: -20px;
text-align: center;
}
.kame-recruit__title {
width: 100%;
padding-bottom: 14px;
border-bottom: 3px solid #F09199;
}
.kame-recruit-occupation__item {
display: flex;
justify-content: center;
flex-wrap: wrap;
-webkit-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
width: 100%;
margin: 0 auto ;
padding: 30px 0 60px;
border-bottom: 1px solid #000;
box-sizing: border-box;
}
.kame-recruit-occupation__item-child {
display: flex;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
width: 100%;
margin: 0 auto ;
padding: 40px 0;
border-bottom: 2px dotted #000 !important;
box-sizing: border-box;
}
.kame-recruit-occupation__item-child.last {
border: none !important;
}
.kame-recruit-occupation div:last-of-type {
border: none;
}
.kame-recruit-occupation__left {
width: 49%;
margin-right: 1%;
box-sizing: border-box;
text-align: left;
}
.kame-recruit-occupation__right{
width: 49%;
margin-left: 1%;
box-sizing: border-box;
text-align: center;
}
.kame-recruit-occupation__right.fp p {
text-align: left;
}
.kame-recruit-seek,
.kame-recruit-rewarding{
position: relative;
margin-top: 60px;
padding: 35px 0;
background-color: #EFEFEF;
text-align: center;
}
.kame-recruit-seek::before,
.kame-recruit-rewarding::before {
display: block;
width: 100%;
position: absolute;
top: -10px;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
.kame-recruit-seek::before {
content: "求める人材";
}
.kame-recruit-rewarding::before {
content: "やりがい";
}
.kame-recruit-occupation__left.kame-recruit-seek ul,
.kame-recruit-occupation__right.kame-recruit-rewarding ul{
margin: 0;
padding: 0;
display: inline-block;
max-width: 90%;
text-align: left;
list-style-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-list-image.png);
}
.kame-recruit-occupation__label {
display: inline-block;
width: 50px;
height: 50px;
padding: 10px;
border-radius: 30px;
text-align: center;
line-height: 30px;
font-size: 1.3em;
font-weight: bold;
}
.kame-recruit-occupation__name {
margin-bottom: 14px !important;
font-size: 1.8em !important;
font-weight: bold;
line-height: 1.2 !important;
}
.kame-recruit-occupation__name span {
font-size: 75%;
padding-left: 1em;
vertical-align: 5%;
}
.kame-recruit-occupation__desc {
padding-top: 1em;
margin-bottom: 0 !important;
line-height: 1.8 !important;
}
.kame-recruit-occupation__img {
width: 50%;
padding: 20px 5px 0;
box-sizing: border-box;
}
.kame-notice {
padding-left:1em;
text-indent:-1em;
}
.kame-recruit__h2 span {
background: #F09199;
padding: 10px;
font-size: 1.8em;
}
.kame-recruit-table {
width: 100%;
margin-top: 0px !important;
}
.kame-recruit-table td,
.kame-recruit-table th {
border-color: #000;
}
.kame-recruit-table th {
background-color: #EFEFEF;
text-align: left;
width: 18%;
border-right: none;
height: 80px;
}
.kame-recruit-table td {
border-left: none;
padding-left: 3em !important;
}
.kame-recruit-fp__center {
margin-top: 60px;
text-align: center; 
}
.kame-recruit-fp__center p {
margin: 1em 0 0;
}
.kame-recruit-fp__yugu {
width: 100%;
position: relative;
}
.kame-recruit-fp__yugu::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #F09199;
font-size: 1.5em;
font-weight: bold;
text-align: center;
line-height: 1.2;
content: " ";
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-image_13.png);
background-size: cover;
}
.kame-recruit-fp__yugu p {
width: 87%;
padding: 40px 10%;
margin: 25px auto;
background-color: #EFEFEF;
}
@media only screen and (max-width: 1199px) {
.kame-recruit-occupation__item {
width: 95%;
}
.kame-recruit-occupation__left.kame-recruit-seek ul,
.kame-recruit-occupation__right.kame-recruit-rewarding ul{
max-width: 80%;
}
.kame-recruit-fp__yugu::before {
width: 100px;
height: 100px;
}
.kame-recruit-block_02__item {
width: 90%;
}
}
@media only screen and (max-width: 767px) {
.kame-recruit-block_01 {
padding-top: 30px; }
.kame-recruit-block_02 {
padding-top: 30px;
background: left top/auto 10px no-repeat url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-point_hr.png);
}
.kame-recruit-block_02__item {
width: 100%;
}
.kame-recruit-qualifications-table th,
.kame-recruit-qualifications-table td {
display: block;
}
.kame-recruit-qualifications-table th {
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
.kame-recruit-qualifications-table td {
border-left: none;
padding-top: 10px;
padding-left: 0;
}
.kame-recruit-block_02__item ul {
display: block;
}
.kame-recruit-block_02__item ul li {
width: 100%;
padding: 10px 0 !important;
}
.kame-recruit-block_02__item ul li img {
padding: 0;
}
.kame-recruit-occupation__item {
display: block;
}
.kame-recruit-occupation__img,
.kame-recruit-occupation__left,
.kame-recruit-occupation__right {
width: 100%;
}
.kame-recruit-occupation__right {
margin-top: 20px;
}
.kame-recruit-occupation__desc {
margin-bottom: 1em;
}
.kame-recruit-seek,
.kame-recruit-rewarding{
margin-top: 30px !important;
}
.kame-recruit-table th {
width: 35%;
}
.kame-recruit-table th,
.kame-recruit-table td {
padding-left: 1em !important;
}
.kame-recruit__h2 span {
font-size: 1.3em;
}
.kame-recruit-fp__yugu::before {
top: -50px;
left: 0;
}
} .kame-money-seminar-special {
}
.kame-money-seminar-point div:first-of-type {
text-align: right;
}
.kame-money-seminar_balloon {
position: relative;
display: inline-block;
margin: 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
background: #FFF;
border: solid 3px #00a0c1;
box-sizing: border-box;
border-radius: 15px;
}
.kame-money-seminar_balloon:before {
content: "";
position: absolute;
top: 50%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #FFF;
z-index: 2;
}
.kame-money-seminar_balloon:after {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #00a0c1;
z-index: 1;
}
.kame-money-seminar_balloon p {
margin: 0;
padding: 0;
}
.kame-money-seminar-r_content {
text-align:right;
}
.kame-money-seminar-r_content p {
display:inline-block;
text-align:left;
line-height: 1.2;
font-weight: bold;
}
.kame-money-seminar-r_content p > span {
font-size:1.5em;
line-height: 1.5;
}
.kame-money-seminar-profile-table {
width: 100%;
margin-bottom: 50px !important;
padding: 20px;
background-color: #eee;
border-collapse: separate !important;
}
.kame-money-seminar-profile-table td,
.kame-money-seminar-profile-table th {
width: 50%;
text-align: left;
padding: 20px;
border: none;
background-color: #eee;
line-height: 1.5em;
vertical-align: top;
}
.kame-money-seminar-profile-table td {
border-left: 1px solid #000;
}
.kame-money-seminar-profile-table p.align-center {
font-size: 1.2em;
font-weight: bold;
}
.kame-money-seminar-profile-table td ul {
margin-left: 40px;
max-width: 90%;
text-align: left;
list-style-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-list-image.png);
}
.kame-money-seminar-profile-table td ul li {
padding-left: 1em;
text-indent: -1em;
vertical-align: middle;
}
.kame-money-seminar-voice div:first-of-type {
margin-top: 70px;
text-align: right;
}
.gallery-icon {
border: 1px solid #000;
}
.gallery-item {
margin: 0 10px 10px 0 !important;
}
.gallery-columns-4 .gallery-item {
max-width: calc(25% - 10px);
}
@media only screen and (max-width: 767px) {
.kame-money-seminar-point div {
text-align: center !important;
}
.kame-money-seminar-point div:last-of-type {
margin-top: 30px;
}
.kame-money-seminar_balloon {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #FFF;
border: solid 3px #00a0c1;
box-sizing: border-box;
}
.kame-money-seminar_balloon:before {
content: "";
position: absolute;
top: -24px;
left: 50%;
margin-top: 0;
margin-left: -15px;
border: 12px solid transparent;
border-bottom: 12px solid #fff;
z-index: 2;
}
.kame-money-seminar_balloon:after {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-top: 0;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #00a0c1;
z-index: 1;
}
.kame-money-seminar-profile-table td,
.kame-money-seminar-profile-table th {
display: block;
width: 100%;
padding: 10px;
}
.kame-money-seminar-profile-table th {
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
.kame-money-seminar-profile-table td{
border-left: none;
padding-top: 10px;
padding-left: 0;
}
.kame-money-seminar-profile-table td ul {
margin-left: 10px;
}
.kame-money-seminar-voice div {
text-align: center !important;;
}
.kame-money-seminar-voice div:first-of-type {
margin-top: 0px;
}
} .kame-investment_h4 {
font-size: 28px !important;
}
.kame-investment-highlight {
background: linear-gradient(transparent 0%, transparent 60%, #fff67f 60%, #fff67f 100%);
font-weight: bold;
}
.kame-investment-highlight_2 {
display: inline-block;
margin-bottom: 10px;
padding: 0 5px;
font-size: 0.8em;
background: #fff67f;
}
.kame-investment-thought {
position: relative;
margin-top: 20px;
padding: 30px;
background-color: #fadbdb;
border-radius: 10px;
overflow: visible;
}
.kame-investment-thought::before {
content: "かめがわの想い";
display: block;
width: 100%;
position: absolute;
top: -10px;
left: 0;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
.kame-investment-thought .img-outer {
padding-left: 20px;
float: right;
}
.kame-investment-thought p {
margin: 0 !important;
}
.kame-investment-instructor-profile p {
margin-bottom: 10px !important;
line-height: 1.8em !important;
}
.kame-investment-instructor-profile_title {
font-weight: bold;
font-size: 1.2em;
}
.kame-investment-instructor-profile_name {
font-weight: bold;
font-size: 1.8em !important;
}
.kame-investment-instructor-profile_name span {
padding-left: 30px;
font-weight: normal !important;
font-size: 0.5em !important;
line-height: 2.5em;
vertical-align: middle;
}
.kame-investment-instructor-profile_biography {
padding-bottom: 20px !important;
}
.kame-investment-instructor-profile_image {
text-align: right;
}
.kame-investment-balloon {
font-size: 1.2em !important;
font-weight: bold;
background: #62b0e3;
}
.kame-investment-balloon::before {
border-top-color: #62b0e3;
}
.kame-investment-vimemo {
width: 70%;
margin: 0 auto;
}
.kame-investment-online-application {
margin-top: 60px;
}
.kame-investment-online-application_title {
font-size: 1.8em;
font-weight: bold;
}
.kame-investment-online-application_title span {
margin-right: 20px;
font-size: 1.3rem;
}
.kame-investment-online-application_content {
margin: 20px auto;
width: calc(100% - 140px);
}
.kame-investment-online-application_flex {
display: flex;
padding: 30px 0;
align-items:flex-start;
border-bottom: 1px dotted #000;
}
.kame-investment-online-application_content .kame-investment-online-application_flex:last-of-type {
border-bottom: none;
}
.kame-investment-online-application_flex_item {
width: 50%;
}
.kame-investment-seminar_date {
font-size: 1.5em;
line-height: 1.3em;
font-weight: bold;
}
.kame-investment-seminar_title {
font-size: 1.1em;
}
.kame-investment-seminar_title span {
display: inline-block;
margin-right: 0.5em;
border: 1px solid #000;
padding: 5px;
}
.kame-investment-seminar_button {
text-align: right;
}
.kame-investment-online-application-zoom_notice {
font-weight: bold;
line-height: 1.5em !important;
}
.kame-investment-online-application-zoom_link {
position: relative;
width: 388px;
max-width: 100%;
padding: 30px 30px 0 30px;
float: right;
background-color: #f0efef;
border-radius: 10px;
text-align: center;
font-weight: bold;
}
.kame-investment-online-application-zoom_link:before {
content: "";
position: absolute;
display: block;
width: 71px;
height: 71px;
top: -20px;
left: -20px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/investment-image_08.png);
}
.kame-investment-online-application-zoom_link p {
font-weight: bold;
font-size: 1.5em !important;
line-height: 1.5em !important;
}
.kame-investment-online-application-zoom_button {
margin-bottom: 30px;
}
.kame-investment-seminar_head1,
.kame-investment-seminar_head2 {
width: 100%;
padding: 0.3em 1em;
border-radius: 10px;
font-size: 1.2em !important;
font-weight: bold;
}
.kame-investment-seminar_head1 {
border: 3px solid #fff67f;
}
.kame-investment-seminar_head2 {
margin-top: 60px;
border: 3px solid #62B0E3;
}
.kame-investment-seminar_procedure {
border-bottom: 3px solid #fff67f;
padding: 30px 0 0 0;
}
.kame-investment-seminar_procedure_last {
border-bottom: none;
}
.kame-investment-seminar_procedure_flex {
display: flex;
padding: 30px 0;
align-items:flex-start;
}
.kame-investment-seminar_procedure_flex_item {
width: 50%;
}
.kame-investment-seminar_procedure_no {
font-size: 1.1em;
padding-left: 3em;
padding-bottom: 1em;
text-indent: -3em;
line-height: 2.4;
}
.kame-investment-seminar_schedule {
margin-top: 2em;
}
.kame-investment-seminar_schedule span {
padding: 0.3em 0.5em;
border: 1px solid #000;
border-radius: 5px;
}
@media only screen and (max-width: 1199px) {
.kame-investment-instructor-profile_image {
text-align: center;
}
.kame-investment-balloon {
font-size: 1em !important;
}
.kame-investment-vimemo {
width: 100%;
}
.kame-investment-online-application_title {
font-size: 1.3em;
}
.kame-investment-online-application_title span {
display: block;
margin-bottom: 10px;
}
.kame-investment-online-application_content {
width: 100%;
}
.kame-investment-online-application_flex {
display: block;
padding-bottom: 0;
}
.kame-investment-online-application_flex_item {
width: 100%;
text-align: center;
}
.kame-investment-seminar_procedure {
padding: 0;
}
.kame-investment-seminar_procedure_no {
padding-top: 1em;
padding-bottom: 1em;
}
.kame-investment-seminar_procedure_flex {
display: block;
padding: 0;
}
.kame-investment-seminar_procedure_flex_item {
width: 100%;
}
.kame-investment-seminar_schedule {
text-align: center;
}
.kame-investment-seminar_date {
margin-bottom: 1em;
font-size: 1.2em;
text-align: center;
}
.kame-investment-seminar_button {
margin-top: 30px;
text-align: center;
}
.kame-investment-online-application-zoom_guide,
.kame-investment-online-application-zoom_notice {
width: 272px;
margin: 0 auto;
text-align: left;
}
.kame-investment-online-application-zoom_notice {
margin-bottom: 60px !important;
}
.kame-investment-online-application-zoom_link {
float: none;
width: 85%;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.kame-investment-seminar_title span {
margin-bottom: 10px;
}
} .kame-radio_pc {
position: absolute;
top:150px;
left:525px;
}
.kame-radio_pc li {
display: block;
height: 105px;
}
.kame-radio-pint_pc {
padding-top: 15px;
}
.kame-radio-onoue_pc {
padding-top: 6px;
}
.kame-radio-tokosata_pc {
padding-top: 14px;
}
.kame-radio-colors_pc {
padding-top: 18px;
} .kame-radio-seminar_pc .kame-radio_pc {
position: absolute;
top:157px;
left:417px;
width: 410px;
}
.kame-radio-seminar_pc .kame-radio_pc li {
display: block;
height: 105px;
}
.kame-radio-seminar_pc .kame-radio_pc li img {
max-width: 100%;
}
.kame-radio-seminar_pc .kame-radio-pint_pc {
padding-top: 16px;
}
.kame-radio-seminar_pc .kame-radio-onoue_pc {
padding-top: 19px;
}
.kame-radio-seminar_pc .kame-radio-tokosata_pc {
padding-top: 16px;
}
.kame-radio-seminar_pc .kame-radio-colors_pc {
padding-top: 18px;
}
.kame-radio_sp {
display: none;
position: relative;;
width: 264px;
margin: 246px auto 0;
}
.kame-radio_sp li {
width: 100%;
height: 72px;
}
.kame-radio_sp li img {
max-width: 100%;
}
.kame-radio-pint_sp,
.kame-radio-onoue_sp {
padding-top: 15px;
}
.kame-radio-tokosata_sp {
padding-top: 10px;
}
.kame-radio-colors_sp {
padding-top: 5px;
} .kame-radio-seminar_sp .kame-radio_sp {
position: absolute;
margin: 0 !important;
width: 240px;
top: 250px;
left: 48px;
}
.kame-radio-seminar_sp .kame-radio_sp li {
width: 100%;
height: 65px;
}
.kame-radio-seminar_sp .kame-radio_sp li img {
max-width: 100%;
}
.kame-radio-seminar_sp .kame-radio-pint_sp {
padding-top: 13px;
}
.kame-radio-seminar_sp .kame-radio-onoue_sp {
padding-top: 13px;
}
.kame-radio-seminar_sp .kame-radio-tokosata_sp {
padding-top: 12px;
}
.kame-radio-seminar_sp .kame-radio-colors_sp {
padding-top: 10px;
}
@media only screen and (max-width: 1199px) {
.kame-radio_pc {
display: none;
}
.kame-radio_sp {
display: block;
}
}
@media only screen and (max-width: 767px) {
.kame-radio_pc {
display: none;
}
.kame-radio_sp {
display: block;
}
} #kamenoko { margin-top: 150px; font-family: 'Zen Maru Gothic', sans-serif; line-height: 1.8em; }
@media only screen and (max-width: 1199px) { #kamenoko { margin-top: 80px; } }
@media only screen and (max-width: 767px) { #kamenoko { margin-top: 50px; } }
#kamenoko p {
line-height: 1.8em;
}
#kamenoko img {
max-width: 100%;
}
.kamenoko_section {
width: 100%;
margin: 0 auto;
}
.kamenoko_content-box {
width: 1180px;
margin: 0 auto;
}
.kamenoko_content {
width: 950px;
margin: 0 auto;
}
.kamenoko_content_inner {
width: 810px;
margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
.kamenoko_content-box {
width: 100%;
}
.kamenoko_content {
width: 90%;
}
.kamenoko_content_inner {
width: 85%;
}
}
#kamenoko_top {background-color: #6DC8EB }
#kamenoko_menu {background-color: #FFF571 }
#kamenoko_about {background-color: #FFF571}
#kamenoko_genki {background-color: #CAE4C3}
#kamenoko_project {background-color: #6DC8EB}
#kamenoko_about_anchor,
#kamenoko_genki_anchor,
#kamenoko_project_anchor {
display: block;
padding-top: 142px;
margin-top: -142px;
}
@media only screen and (max-width: 1199px) {
#kamenoko_about_anchor,
#kamenoko_genki_anchor,
#kamenoko_project_anchor {
padding-top: 80px;
margin-top:  -80px;
}
}
@media only screen and (max-width: 767px) {
#kamenoko_about_anchor,
#kamenoko_genki_anchor,
#kamenoko_project_anchor {
padding-top: 50px;
margin-top:  -50px;
}
} #kamenoko_top img {
width: 100%;
} #kamenoko_menu {
padding-top: 80px;
}
.kamenoko_menu__title {
margin-bottom:25px;
text-align: center;
}
.kamenoko_menu__box_pc {
display: flex;
justify-content: center;
}
.kamenoko_menu__box_pc a {
display: block;
}
.kamenoko_menu__box_sp {
display: none;
}
.kamenoko_menu__box_pc div {
margin:0 12px;
}
.kamenoko_menu__box_pc img {
width: 100%;
}
@media only screen and (max-width: 767px) {
.kamenoko_menu__box_pc {
display: none;
}
.kamenoko_menu__box_sp {
width: 100%;
display: block;
}
.kamenoko_menu__box_sp div {
width: 100%;
margin:12px 0;
}
.kamenoko_menu__box_sp div:last-child {
margin-bottom: 0;
}
} #kamenoko_about {
padding: 68px 0 100px;
}
.kamenoko_about__s1 {
width: 674px;
height: 289px;
margin: 0 auto 45px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/kamenoko_about_img01_pc.png);
text-align: center;
}
.kamenoko_about__s1 p {
line-height: 2em;
}
.kamenoko_about__s1 h2{
margin: 0;
padding: 30px 0 10px 0;
color: #46B2E7;
font-weight: 900;
font-size:2.4em;
line-height: 2em;
}
.kamenoko_about__s2 {
text-align:center;
margin-bottom: 30px;
}
.kamenoko_about__s2 img {
width: 100%;
}
.kamenoko_about__s3 {
display: flex;
}
.kamenoko_about__s3 div {
width: 50%;
}
.kamenoko_about__s3_l {
padding-right: 25px;
line-height: 1.8em;
}
.kamenoko_about__s3_r {
padding-left: 25px;
}
.kamenoko_about__s4 {
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.kamenoko_about__s1 {
width: 298px;
height: 180px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/kamenoko_about_img01_sp.png);
background-size: contain;
}
.kamenoko_about__s1 p {
font-size: 0.8em;
}
.kamenoko_about__s1 h2 {
color: #46B2E7;
font-size:1.5em !important;
padding: 10px 0 0 0;
}
.kamenoko_about__s3 {
display: block;
}
.kamenoko_about__s3 div {
width: 100%;
padding: 0;
}
.kamenoko_about__s3_r {
width: 80% !important;
margin: 0 auto;
padding: 30px 0 !important;
}
} #kamenoko_genki {
padding: 60px 0;
}
#kamenoko_genki h2 {
text-align: center;
width: 100%;
font-size: 3em;
line-height: 1.8em;
border-bottom: 3px solid #FFF571;
}
#kamenoko_genki h3 {
margin-bottom: 50px;
text-align: center;
font-size: 1.8em;
text-decoration: underline wavy #FFF571;
-webkit-text-decoration: underline wavy #FFF571;
text-decoration-thickness: 3px;
text-underline-offset: 0.5em;
}
#kamenoko_genki h4 {
margin-bottom: 30px;
font-size: 1.5em;
text-decoration: underline wavy #FFF571;
-webkit-text-decoration: underline wavy #FFF571;
text-decoration-thickness: 3px;
text-underline-offset: 0.5em;
font-weight: normal;
}
.kamenoko_genki_flex_box {
display: flex;
padding: 20px 0;
}
.kamenoko_genki_flex_box div {
width: 50%;
padding: 20px 0;
}
.kamenoko_genki_flex_box div:nth-child(1) {
width: 396px;
}
.kamenoko_genki_flex_box div:nth-child(2) {
width: 414px;
text-align: right;
}
.kamenoko_genki_flex_box div.pr {
padding-right: 30px;
}
#kamenoko_genki .underline_dot {
border-bottom: 1px dotted #231815;
}
#kamenoko_genki .quote {
padding-bottom: 40px;
}
#kamenoko_genki .data_source {
padding-top: 30px;
font-size: 0.8em;
}
@media only screen and (max-width: 767px) {
#kamenoko_genki h2 {
font-size: 1.8em;
}
#kamenoko_genki h3 {
font-size: 1em;
margin-bottom: 20px;
}
#kamenoko_genki h4 {
font-weight: bold;
font-size: 1em;
text-align: center;
}
.kamenoko_genki_flex_box {
display: block;
}
.kamenoko_genki_flex_box div {
width: 100% !important;
}
.kamenoko_genki_flex_box div.pr {
padding-right: 0;
}
#kamenoko_genki .underline_dot__sp {
border-bottom: 1px dotted #231815;
}
#kamenoko_genki .data_source {
text-align: right;
font-size: 0.8em;
}
} #kamenoko_project {
padding: 50px 0;
}
.kamenoko_project_title {
width: 100%;
text-align: center;
}
.kamenoko_project_section {
width: 100%;
margin-bottom: 50px;
padding: 60px;
background-color: #fff;
border-radius: 30px;
}
.kamenoko_project_no {
width: 100%;
margin-bottom: 50px;
text-align: center;
}
.kamenoko_project_flex {
width: 100%;
display: flex;
justify-content: center;
}
.kamenoko_project_flex div {
width: 50%;
}
.kamenoko_project_heading {
padding-bottom: 0.5em;
}
.kamenoko_preject_orizuru {
text-align: center;
}
.kamenoko_project_text_pr {
padding-right: 1.5em;
}
.kamenoko_preject_spacer {
clear: both;
height: 40px;
font-size: 1px;
}
@media only screen and (max-width: 1199px) {
.kamenoko_project_title {
margin-bottom: 50px;
}
.kamenoko_project_no {
margin-bottom: 30px;
}
.kamenoko_project_flex {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.kamenoko_project_section {
padding: 30px;
}
.kamenoko_project_flex div {
width: 100%;
}
.kamenoko_project_flex {
flex-direction: column;
}
.kamenoko_project_flex div {
width: 100%;
padding-bottom: 1em;
}
.kamenoko_project_flex div.illust img {
width: 50%;
}
.kamenoko_project_flex.reverse {
flex-direction: column-reverse;
}
.kamenoko_project_heading {
text-align: center;
}
.kamenoko_preject_orizuru {
text-align: right;
}
.kamenoko_preject_orizuru img {
width: 40%;
}
} .kame-index-content__desc202501 {
font-size: 18px;
line-height: 1.8;
}
.kame-front-recruit_pc {
display: none;
margin-top: 80px;
}
.kame-front-recruit_sp {
display: none;
width: 100%;
margin-top: 80px;
}
.kame-front-recruit_pc img,
.kame-front-recruit_sp img {
max-width: 100%;
}
.p-index-content-media {
height: 614px;
padding-top: 30px;
margin-bottom: 0;
background-color: #A0D0EC;
}
.p-index-content-media__inner {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: 584px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/radio-bg_pc.png);
background-repeat: no-repeat;
background-position: center;
}
.p-index-content-media__left {
display: flex;
width:594px;
}
.p-index-content-media__right {
display: flex;
width: 571px;
}
.p-index-content-media__right > div > img {
display: block;
}
.p-index-content-media__right > div > img:first-child { }
@media only screen and (max-width: 1199px) {
.p-index-content-media__inner {
justify-content: center;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/radio-bg_sp.png);
background-repeat: no-repeat;
background-position: center;
}
.p-index-content-media {
height: auto;
padding-bottom: 30px;
}
.kame-radio_pc {
display: none;
}
.p-index-content-media__right
.p-index-content-media__right div {
width: 609px;
text-align: center;
}
.p-index-content-media__right > div > img {
display: inline;
}
}
@media only screen and (max-width: 767px) {
.kame-front-recruit_pc {
display: none;
}
.kame-front-recruit_sp {
display: none;
}
.p-index-content-media__inner {
padding: 0 !important;
}
.p-index-content-media__right {
width: 100%;
}
.p-index-content-media__right img {
max-width: 100%;
}
.p-index-content-media__right > div > img:first-child { }
.p-index-content-media__inner {
justify-content: center;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/radio-bg_sp.png);
background-repeat: no-repeat;
background-position: center;
}
} .kame-recruit-text01{
margin-bottom: 80px !important;
}
.kame-recruit-text02{
margin-bottom: 170px !important;
}
.kame-not-recruit {
display: block;
position: relative;
width: 806px;
margin: 80px auto 170px;
padding: 45px 0;
text-align: center;
border: 3px solid #F09199;
border-radius: 20px;
font-size: 2em;
font-weight: bold;
}
.kame-not-recruit p {
margin: 0 !important;
}
.kame-not-recruit-moshimo {
position: absolute;
right: 20px;
bottom: -50px;
}
.kame-recruit-about {
width: 174px;
margin: 0 auto 15px;
padding-top: 35px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-about.png);
background-position: top center;
background-repeat: no-repeat;
}
.kame-circle-number {
width: 40px;
height: 40px;
margin: 0 auto;
padding-top: 10px;
background-color: #F09199;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
font-size: 1.2em;
font-weight: bold;
color: #fff;
}
.kame-recruit-voice__container {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 950px;
margin: 200px auto 0;
padding: 75px;
background-color: #FAEE81;
border-radius: 50px;
}
.kame-recruit-voice__container::after {
content: "";
position: absolute;
width: 171px;
height: 252px;
bottom: -34px;
left: 50px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-voice-portrait.png);
}
.kame-recruit-voice__title {
position: absolute;
top: -105px;
margin: 0 !important;
padding: 0 !important;
text-align: center;
}
.kame-recruit-voice__im {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 30px 0 70px;
}
.kame-recruit-voice__im div {
padding: 0 10px;
font-size: 2em;
font-weight: bold;
}
.kame-recruit-voice__left {
width: 50%;
margin-bottom: 40px;
padding-right: 15px;
}
.kame-recruit-voice__right {
width: 50%;
margin-bottom: 40px;
padding-left: 15px;
}
.kame-recruit-voice__full {
width: 100%;
}
.kame-recruit-voice__header {
display: inline-block;
margin-bottom: 10px;
padding: 5px 10px;
background-color: #F1BECA;
border-radius: 20px;
font-weight: bold;
}
.kame-recruit-voice__text {
margin-bottom: 20px !important;
line-height: 1.8em !important;
}
.kame-recruit-voice__text.mb0 {
margin-bottom: 0px !important;
}
.kame-recruit-voice__text.mb10 {
margin-bottom: 10px !important;
}
.kame-recruit-voice__text span {
padding-right: 20px;
font-size: 0.9rem;
font-weight: normal;
text-decoration: underline;
text-underline-offset: 3px;
vertical-align: top;
}
.kame-recruit-voice__text span.kanji {
display: inline;
font-size: 1.8em;
font-weight: bold;
text-decoration: none;
vertical-align: baseline;
}
.kame-recruit-voice__text span.alp {
display: inline;
text-decoration: none;
vertical-align: baseline;
}
.kame-recruit-voice__text.after-join {
padding: 20px 0;
font-size: 1.1em;
font-weight: bold;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-voice-after-join_bg.png);
background-position: top left 80px;
background-repeat: no-repeat;
}
.kame-recruit-voice__fireman {
position: absolute;
top: 180px;
right: 0px;
}
.kame-recruit-voice__happy,
.kame-recruit-voice__hard {
position: relative;
width: 100%;
height: 290px;
margin: 30px 0;
padding: 30px;
border-radius: 30px;
}
.kame-recruit-voice__happy {
background-color: #F1BECA;
}
.kame-recruit-voice__hard {
background-color: #BADFF3;
}
.kame-recruit-voice__happy > .title,
.kame-recruit-voice__hard > .title {
position: absolute;
top: -23px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.kame-recruit-voice__happy > .bg,
.kame-recruit-voice__hard > .bg {
position: absolute;
bottom: -10px;
}
.kame-recruit-voice__happy > .bg {
width: 264px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.kame-recruit-voice__hard > .bg {
right: 30px;
}
.kame-recruit-voice__balloon {
position: relative;
width: 640px;
margin-left: 160px;
padding: 20px;
background-color: #fff;
border-radius: 20px;
line-height: 1.8em;
}
.kame-recruit-voice__balloon::before {
content: "";
position: absolute;
width: 42px;
height: 30px;
bottom: 50px;
left: -38px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-voice-balloon_pc.png);
}
.kame-recruit-kenkoukeiei {
width: 67%;
margin: 50px auto;
}
.kame-recruit-kenkoukeiei ul {
display: flex;
margin: 0 0 50px;
}
.kame-recruit-kenkoukeiei ul li {
width: 50%;
text-align: left;
vertical-align: top;
}
.kame-recruit-kenkoukeiei ul li img {
max-width: 100%;
padding: 10px 0 0 20px;
}
.kame-recruit-kenkoukeiei ul li:last-child {
margin-top: -20px;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.kame-not-recruit {
width: 100%;
}
.kame-recruit-voice__container {
width: 100%;
padding: 70px 20px;;
}
.kame-recruit-voice__left,
.kame-recruit-voice__right {
width: 100%;
margin-bottom: 20px;
padding: 0 !important;
}
.kame-recruit-voice__im div {
font-size: 1.8em;
}
.kame-recruit-voice__fireman {
top: 640px;
}
.kame-recruit-voice__happy,
.kame-recruit-voice__hard {
margin-top:50px;
}
.kame-recruit-voice__balloon {
position: relative;
width: 100%;
margin-left: 0;
margin-bottom: 200px;
}
.kame-recruit-voice__balloon::before {
width: 28px;
height: 40px;
bottom: -35px;
left: 20%;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/recruit-voice-balloon_sp.png);
}
.kame-recruit-voice__container::after {
bottom: -34px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}
@media only screen and (max-width: 767px) {
.kame-recruit-text01{
margin-bottom: 40px !important;
}
.kame-recruit-text02{
margin-bottom: 80px !important;
padding: 0 !important;
}
.kame-not-recruit {
font-size: 1.2em;
margin: 40px auto 80px;
padding: 20px 0;
}
.kame-not-recruit-moshimo {
width: 70px;
right: 10px;
bottom: -25px;
}
.kame-not-recruit-moshimo img {
max-width: 100%;
}
.kame-recruit-about {
width: 120px;
margin: 0 auto 5px;
padding-top: 25px;
background-size: 100%;
}
.kame-recruit-voice__container {
margin-top: 150px;
margin-bottom: 60px !important;
padding: 40px 20px;;
}
.kame-recruit-voice__title {
top: -75px;
}
.kame-recruit-voice__title img {
width: 70%;
}
.kame-recruit-voice__im {
margin-bottom: 30px;
}
.kame-recruit-voice__im div {
width: 100%;
text-align: center;
padding: 5px;
}
.kame-recruit-voice__left,
.kame-recruit-voice__right {
width: 100%;
margin-bottom: 20px;
padding: 0 !important;
}
.kame-recruit-voice__text span {
padding-right: 10px;
}
.kame-recruit-voice__text span.kanji {
font-size:1.5em
}
.kame-recruit-voice__text span.alp {
font-size:0.8em
}
.kame-recruit-voice__text.after-join {
padding: 25px 0;
font-size: 1em;
background-position: top left 60px;
}
.kame-recruit-voice__fireman {
top: 440px;
right: -70px;
}
.kame-recruit-voice__happy,
.kame-recruit-voice__hard {
height: 290px;
margin-top: 30px;
}
.kame-recruit-voice__happy > .title,
.kame-recruit-voice__hard > .title {
width: 200px;
top: -23px;
}
.kame-recruit-kenkoukeiei {
width: 100%;
}
.kame-recruit-kenkoukeiei ul {
display: block;
}
.kame-recruit-kenkoukeiei ul li {
width: 100%;
padding: 10px 0 !important;
}
} .kame-radio-seminar_pc {
position: relative;
width: 949px;
height: 602px;
margin: 29px auto;
padding: 20px 20px 0 20px;
background-color: #A0D0EC;
border-radius: 10px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/radio-seminar-bg_pc.png);
background-repeat: no-repeat;
background-position: center;
}
.kame-radio-seminar_sp {
position: relative;
display: none;
width: 335px;
height: 575px;
margin: 0 auto 40px;
background-color: #A0D0EC;
border-radius: 10px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/radio-bg_sp.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
@media only screen and (max-width: 1199px) {
.kame-radio-seminar_pc {
display: none;
}
.kame-radio-seminar_sp {
display: block;
}
} .l-contents {
overflow: visible !important;
}
#tcd-pb-wrap, .tcd-pb-row {
overflow: visible !important;
}
.kame-money-seminar-anshin {
background: #f09199;
position: relative;
inset-inline: 50%;
width: 100vw;
margin-inline: -50vw;
padding-inline: calc((100vw - 100%) / 2);
}
.kame-money-seminar-anshin_inner {
width: 1180px;
margin: 0 auto;
padding: 50px 0;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.kame-money-seminar-anshin_inner {
width: 100%;
padding: 30px 0;
}
} .p-index-content-writing {
padding-top: 30px;
margin-bottom: 0;
background-color: #fff67f;
}
.p-index-content-writing__inner {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: 760px;
background-image: url(//kamegawa1977.co.jp/wp-content/themes/switch_tcd063-child/assets/images/writing-bg_pc.png);
background-repeat: no-repeat;
background-position: bottom 0px right 0px ;
}
.p-index-content-writing__content {
width: 100%;
}
.kame-writing-title {
margin:50px 0 60px;
}
.kame-writing-cta {
margin-top: 60px;
}
.kame-writing-text .tbsp {
display: none;
}
.kame-writing-image {
display: none;
text-align: center;
}
@media only screen and (max-width: 1199px) {
.p-index-content-writing {
}
.p-index-content-writing__inner {
height: auto;
width: 90%;
background: none;
}
.p-index-content-writing__inner img {
max-width: 100%;
}
.kame-writing-title {
margin:0 0 30px;
}
.kame-writing-title img {
width: 50%;
}
.kame-writing-cta {
width: 90%;
margin: 30px auto !important;
text-align: center;
}
.kame-writing-text .pc {
display: none;
}
.kame-writing-text .tbsp {
display: inline;
}
.kame-writing-image {
display: block;
}
}
@media only screen and (max-width: 767px) {
} .p-index-oyanakiato {
background-color: #edc977;
padding: 60px 0 50px;
}
.p-index-oyanakiato__inner {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
max-width: 960px;
}
.p-index-oyanakiato__text {
width: 52%;
}
.p-index-oyanakiato__title {
margin-bottom: 24px;
}
.p-index-oyanakiato__title img,
.p-index-oyanakiato__desc img {
max-width: 100%;
height: auto;
display: block;
}
.p-index-oyanakiato__illust {
padding-top:20px;
width: 45%;
text-align: left;
}
.p-index-oyanakiato__illust img {
max-width: 100%;
height: auto;
}
.p-index-oyanakiato__cta {
display: flex;
align-items: flex-start;
gap: 20px;
max-width: 960px;
padding-top: 82px; }
.p-index-oyanakiato__cta-seminar {
display: block;
flex: 0 1 auto;
min-width: 0;
}
.p-index-oyanakiato__cta-contact {
flex: 0 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.p-index-oyanakiato__cta-tel-label {
position: absolute;
bottom: calc(100% + 12px);
left: 0;
right: 0;
margin: 0;
text-align: center;
}
.p-index-oyanakiato__cta-tel-label img {
display: block;
width: auto;
height: auto;
margin: 0 auto;
}
.p-index-oyanakiato__cta-tel,
.p-index-oyanakiato__cta-web {
display: block;
}
.p-index-oyanakiato__cta img {
max-width: 100%;
height: auto;
display: block;
width: auto;
}
.p-index-oyanakiato__cta img.tbsp {
width: 100%;
} .p-index-oyanakiato img.tbsp { display: none; }
.p-index-oyanakiato__cta img.p-index-oyanakiato__cta-tel-label-sp { display: none; }
@media only screen and (max-width: 1199px) {
.p-index-oyanakiato img.pc   { display: none; }
.p-index-oyanakiato img.tbsp { display: block; } .p-index-oyanakiato__cta img.pc   { display: block; }
.p-index-oyanakiato__cta img.tbsp { display: none; }
}
@media only screen and (max-width: 767px) { .p-index-oyanakiato__cta img.pc   { display: none; }
.p-index-oyanakiato__cta img.tbsp { display: block; }
.p-index-oyanakiato {
padding: 40px 0 30px;
}
.p-index-oyanakiato__inner {
flex-direction: column;
align-items: center;
margin-bottom: 20px;
width: 90%;
gap: 30px;
} .p-index-oyanakiato__text {
display: contents;
}
.p-index-oyanakiato__title {
order: 1;
width: 100%;
margin-bottom: 0;
}
.p-index-oyanakiato__title img.tbsp {
width: 215px; height: auto;
}
.p-index-oyanakiato__illust {
order: 2;
width: 100%;
text-align: center;
margin-top: 0;
}
.p-index-oyanakiato__illust img {
width: 209px; height: auto;
display: inline-block;
}
.p-index-oyanakiato__desc {
order: 3;
width: 100%;
margin-bottom: 0;
}
.p-index-oyanakiato__cta {
flex-direction: column;
gap: 15px;
padding-top: 30px;
width: 75%;
}
.p-index-oyanakiato__cta-seminar,
.p-index-oyanakiato__cta-contact {
flex: 1 1 auto;
width: 100%;
}
.p-index-oyanakiato__cta-tel,
.p-index-oyanakiato__cta-web {
width: 100%;
}
.p-index-oyanakiato__cta-tel {
position: relative;
overflow: visible;
}
.p-index-oyanakiato__cta img.p-index-oyanakiato__cta-tel-label-sp {
display: block;
}
.p-index-oyanakiato__cta-tel-label-sp {
position: absolute;
right: 0;
top: 50%;
transform: translate(75%, -50%);
width: 26%;
height: auto;
}
}  #oyanakiato-prj .l-primary {
padding-bottom: 80px;
} @media only screen and (max-width: 1199px) {
br.pc-br { display: none; }
}
@media only screen and (min-width: 1200px) {
br.sptb-br { display: none; }
} .oyna-hero {
padding: 60px 0 0;
position: relative;
}
.oyna-hero__bg {
position: absolute;
pointer-events: none;
z-index: 0;
}
.oyna-hero__bg--1 {
top: -88.8px;
left: -650px;
width: 782px;
height: auto;
}
.oyna-hero__bg--2 {
top: 290px;
right: -560px;
width: 864px;
height: auto;
}
.oyna-hero__bg--3 {
top: 420px;
left: -50px;
width: 39px;
height: auto;
}
.oyna-hero__bg--4 {
top: 330px;
left: 40px;
width: 39px;
height: auto;
}
.oyna-hero__bg--5 {
top: 640px;
left: -140px;
width: 183px;
height: auto;
}
.oyna-hero__bg--6 {
top: 770px;
left: 870px;
width: 77px;
height: auto;
}
.oyna-hero__bg--7 {
top: 717px;
left: 967px;
width: 181px;
height: auto;
}
.oyna-hero__bg--8 {
top: 1020px;
left: -10px;
width: 77px;
height: auto;
}
.oyna-hero__bg--9 {
bottom: 280px;
right: 0;
width: 240px;
height: auto;
}
.oyna-hero__bg--10 {
display: none;
}
.oyna-hero__photos img.oyna-hero__photos-deco {
position: absolute;
pointer-events: none;
z-index: 2;
display: none;
flex: none;
width: 77px;
height: auto;
object-fit: initial;
}
.oyna-hero__photos img.oyna-hero__photos-deco--8 {
top: 0;
left: 30px;
transform: translateY(-100%);
}
.oyna-hero__photos img.oyna-hero__photos-deco--9 {
top: 0;
right: 10px;
transform: translateY(-100%);
}
.oyna-hero__container {
max-width: 950px;
margin: 0 auto;
position: relative;
z-index: 1;
} .oyna-hero .tbsp { display: none; }
@media only screen and (max-width: 767px) {
.oyna-hero .pc   { display: none; }
.oyna-hero .tbsp { display: block; }
}
.oyna-hero__title {
margin-bottom: 80px;
}
.oyna-hero__title img {
width: 750px;
height: auto;
display: block;
}
.oyna-hero__subtitle {
font-size: 2.85rem;
color: #000;
margin-bottom: 28px;
line-height: 1.4;
font-weight: bold;
}
.oyna-hero__body {
font-family: 'Zen Maru Gothic', sans-serif;
font-size: 1.2rem;
width: 700px;
}
.oyna-hero__body p {
margin-bottom: 14px;
line-height: 1.85;
color: #444;
}
.oyna-hero__buttons {
display: flex;
gap: 16px;
margin-top: 80px;
justify-content: center;
}
.oyna-hero__btn {
display: inline-block;
}
.oyna-hero__btn img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-hero__visual {
width: 380px;
flex-shrink: 0;
}
.oyna-hero__visual img {
max-width: 100%;
height: auto;
}
.oyna-hero__photos {
display: flex;
gap: 0;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 150px;
margin-bottom: 50px;
}
.oyna-hero__photos img {
flex: 1;
min-width: 0;
height: 280px;
object-fit: cover;
} .oyna-nav {
padding: 40px 0 100px;
}
.oyna-nav__list {
list-style: none;
display: grid;
grid-template-columns: repeat(2, auto);
gap: 12px;
padding: 0;
margin: 0;
justify-content: center;
}
.oyna-nav__btn {
display: block;
}
.oyna-nav__btn img {
display: block;
max-width: 100%;
height: auto;
} .oyna-about {
background-color: #edc977;
padding: 60px 40px;
border-radius: 100px 100px 0 0;
}
.oyna-about__content {
max-width: 1100px;
margin: 0 auto;
}
.oyna-about__main {
display: flex;
gap: 40px;
align-items: center;
margin-bottom: 48px;
}
.oyna-about__text {
flex: 0 0 600px;
width: 600px;
text-align: center;
}
.oyna-about__title {
font-size: 2rem;
font-weight: bold;
margin-bottom: 24px;
color: #333;
}
.oyna-about__text p {
margin-bottom: 14px;
line-height: 1.85;
color: #333;
font-size: 0.95rem;
}
.oyna-about__photo {
flex: 0 0 210px;
width: 210px;
height: auto;
display: block;
}
.oyna-about__icons {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
margin-top: 48px;
}
.oyna-about__icons-row {
list-style: none;
display: flex;
justify-content: center;
gap: 40px;
padding: 0;
margin: 0;
}
.oyna-about__icons-row li {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.oyna-about__icons-row img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-about__photos-bottom {
display: none;
} .oyna-entry {
padding: 100px 0;
text-align: center;
}
.oyna-entry__title {
font-size: 1.45rem;
font-weight: bold;
margin-bottom: 48px;
line-height: 1.6;
color: #333;
}
.oyna-entry__bubbles {
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 15px;
row-gap: 25px;
width: 600px;
margin: 0 auto 100px;
padding: 0;
}
.oyna-entry__bubble {
display: flex;
flex-direction: column;
align-items: center;
}
.oyna-entry__bubble img {
width: 100%;
height: auto;
display: block;
}
.oyna-entry__bottom {
text-align: center;
margin-top: 40px;
}
.oyna-entry__bottom img {
max-width: 100%;
height: auto;
} .oyna-entry__bottom img.tbsp { display: none; }
@media only screen and (max-width: 1199px) {
.oyna-entry__bottom img.pc   { display: none; }
.oyna-entry__bottom img.tbsp { display: block; margin: 0 auto; }
} .oyna-seminar {
padding: 120px 0 60px;
}
.oyna-seminar__box {
background: #fff8bf;
border-radius: 20px;
padding: 80px 48px 48px;
max-width: 950px;
margin: 0 auto;
position: relative;
}
.oyna-seminar__title {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}
.oyna-seminar__title img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
} .oyna-seminar__title img.tbsp { display: none; }
@media only screen and (max-width: 1199px) {
.oyna-seminar__title img.pc   { display: none; }
.oyna-seminar__title img.tbsp { display: block; margin: 0 auto; }
}
.oyna-seminar__date {
text-align: center;
font-size: 1.5rem;
margin-bottom: 32px;
line-height: 1.6;
font-weight: bold;
text-decoration: underline;
text-decoration-color: #e3bcc8;
text-decoration-thickness: 3px;
}
.oyna-seminar__date strong {
font-size: 1.15rem;
}
.oyna-seminar__inner {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"desc lecturers"
"info lecturers";
gap: 40px;
margin-bottom: 32px;
align-items: start;
}
.oyna-seminar__desc {
grid-area: desc;
}
.oyna-seminar__info {
grid-area: info;
}
.oyna-seminar__lecturers {
grid-area: lecturers;
}
.oyna-seminar__desc p {
margin-bottom: 10px;
line-height: 1.75;
font-size: 0.95rem;
color: #333;
}
.oyna-seminar__info {
margin-top: 20px;
}
.oyna-seminar__info div {
display: flex;
gap: 16px;
padding: 10px 0;
font-size: 0.9rem;
align-items: baseline;
}
.oyna-seminar__info dt {
background: #e3bcc8;
border-radius: 9999px;
padding: 6px 14px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #333;
white-space: nowrap;
}
.oyna-seminar__info dd {
color: #333;
line-height: 1.65;
margin: 0;
padding-top: 0;
}
.oyna-seminar__time-label {
text-decoration: underline;
text-decoration-color: #e3bcc8;
text-decoration-thickness: 3px;
}
.oyna-seminar__lecturers {
display: flex;
flex-direction: column;
gap: 24px;
flex-shrink: 0;
width: 220px;
}
.oyna-seminar__lecturer {
display: block;
}
.oyna-seminar__lecturer img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-seminar__cta {
text-align: center;
padding-top: 30px;
}
.oyna-seminar__apply-btn {
display: inline-block;
}
.oyna-seminar__apply-btn img {
display: block;
max-width: 100%;
height: auto;
} .oyna-partnership {
padding: 60px 0;
text-align: center;
}
.oyna-partnership__title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 16px;
line-height: 1.45;
}
.oyna-partnership__org-logo {
display: none;
max-width: 100%;
height: auto;
margin: 0 auto 12px;
}
.oyna-partnership__lead {
margin-bottom: 40px;
line-height: 1.75;
font-size: 0.95rem;
}
.oyna-partnership__logos {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
margin-bottom: 40px;
}
.oyna-partnership__logo-box {
border: 1px solid #ddd;
border-radius: 12px;
padding: 20px 36px;
background: #fff;
}
.oyna-partnership__logo-box img {
max-width: 200px;
height: auto;
display: block;
}
.oyna-partnership__x {
font-size: 1.8rem;
font-weight: bold;
color: #aaa;
}
.oyna-partnership__details {
display: flex;
justify-content: space-between;
text-align: left;
margin-bottom: 40px;
width: 763px;
margin-left: auto;
margin-right: auto;
}
.oyna-partnership__org {
width: 329px;
flex: none;
}
.oyna-partnership__org h3 {
font-size: 1rem;
font-weight: bold;
margin-bottom: 12px;
padding-bottom: 8px;
}
.oyna-partnership__org-cta {
text-align: center;
margin-top: 20px;
}
.oyna-partnership__org-cta img {
display: inline-block;
max-width: 100%;
height: auto;
}
.oyna-partnership__org ul {
padding: 0;
list-style: none;
margin: 0;
}
.oyna-partnership__org li {
padding: 6px 0 6px 20px;
position: relative;
font-size: 0.9rem;
line-height: 1.6;
}
.oyna-partnership__org li::before {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 8px;
height: 8px;
background: #e07070;
border-radius: 50%;
}
.oyna-partnership__org:last-child li::before {
background: #0096eb;
}
.oyna-partnership__org:last-child li {
white-space: nowrap;
}
.oyna-partnership__cta {
text-align: center;
}
.oyna-btn-blue {
display: inline-block;
padding: 14px 56px;
background: #6db8d4;
color: #fff;
border-radius: 30px;
text-decoration: none;
font-size: 1rem;
transition: opacity 0.2s;
}
.oyna-btn-blue:hover {
opacity: 0.8;
color: #fff;
text-decoration: none;
}
@media only screen and (min-width: 1200px) {
.oyna-seminar__inner { row-gap: 0; column-gap: 40px; }
.oyna-seminar__info { margin-top: 0; }
} .oyna-flow {
padding: 60px 0;
}
.oyna-flow__title {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
max-width: 950px;
margin: 0 auto 48px;
color: #333;
padding-bottom: 10px;
border-bottom: 3px solid #d88f96;
}
.oyna-flow__steps {
list-style: none;
padding: 0;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 16px;
max-width: 950px;
}
.oyna-flow__arrow {
text-align: center;
}
.oyna-flow__arrow img {
display: block;
margin: 0 auto;
height: auto;
}
.oyna-flow__step {
border: 2px solid #d88f96;
border-radius: 9999px;
padding: 24px 48px;
width: 810px;
height: 190px;
margin: 0 auto;
}
.oyna-flow__step-inner {
display: flex;
align-items: center;
gap: 32px;
height: 100%;
}
.oyna-flow__step-text {
flex: 1;
text-align: left;
}
.oyna-flow__step-num {
display: block;
height: auto;
flex-shrink: 0;
}
.oyna-flow__step-header h3,
.oyna-flow__step-text h3 {
font-size: 1.05rem;
font-weight: bold;
color: #333;
margin: 0 0 4px;
display: flex;
align-items: center;
gap: 12px;
}
.oyna-flow__step-tag {
display: inline-block;
font-size: 0.72rem;
background: #d88f96;
color: #fff;
padding: 3px 10px;
border-radius: 4px;
flex-shrink: 0;
}
.oyna-flow__step p {
color: #555;
line-height: 1.75;
font-size: 0.9rem;
margin: 0;
}
.oyna-flow__step {
position: relative;
}
.oyna-flow__step-img {
position: absolute;
right: 0;
top: 50%;
transform: translate(calc(100% - 340px), -50%);
}
.oyna-flow__step-img img {
display: block;
width: 366px;
height: auto;
}
.oyna-flow__step-img img.tbsp {
display: none;
} .oyna-faq {
padding: 60px 0;
}
.oyna-faq__title {
font-size: 1.8rem;
font-weight: bold;
text-align: center;
max-width: 950px;
margin: 0 auto 40px;
color: #333;
padding-bottom: 10px;
border-bottom: 3px solid #d88f96;
}
.oyna-faq__list {
width: 810px;
margin: 0 auto;
}
.oyna-faq__item {
border-bottom: 3px dotted #000;
padding: 20px 0;
}
.oyna-faq__item:first-child {
border-top: none;
}
.oyna-faq__item:last-child {
border-bottom: none;
}
.oyna-faq__item dt,
.oyna-faq__item dd {
display: flex;
align-items: flex-start;
gap: 14px;
line-height: 1.7;
}
.oyna-faq__item dt {
font-weight: bold;
color: #333;
margin-bottom: 8px;
font-size: 1.2rem;
}
.oyna-faq__item dd {
color: #000;
font-size: 0.95rem;
margin: 0;
}
.oyna-faq__q,
.oyna-faq__a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
font-weight: bold;
flex-shrink: 0;
font-size: 1rem;
margin-top: 1px;
}
.oyna-faq__q {
background: #c4def2;
color: #000;
}
.oyna-faq__a {
background: #e8c9db;
color: #000;
} .oyna-ashitane {
padding: 52px 0 60px;
}
.oyna-ashitane__box {
border: 2px solid #000;
border-radius: 50px;
padding: 100px 48px 40px;
width: 810px;
margin: 0 auto;
position: relative;
overflow: visible;
}
.oyna-ashitane__title {
display: block;
max-width: 100%;
height: auto;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -40%);
}
.oyna-ashitane__title.tbsp {
display: none;
}
.oyna-ashitane__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: 610px;
margin: 0 auto;
}
.oyna-ashitane__info {
max-width: 100%;
height: auto;
}
.oyna-ashitane__info.tbsp {
display: none;
}
.oyna-ashitane__desc {
text-align: left;
}
.oyna-ashitane__desc p {
line-height: 1.8;
color: #444;
font-size: 0.95rem;
margin: 0;
}
.oyna-ashitane__btn {
display: block;
max-width: 100%;
height: auto;
margin-top: 20px;
} .oyna-cta {
padding: 60px 0 0;
text-align: center;
}
.oyna-cta__title {
font-size: 2rem;
font-weight: bold;
margin-bottom: 16px;
color: #333;
}
.oyna-cta__desc {
color: #555;
line-height: 1.85;
margin-bottom: 40px;
font-size: 0.95rem;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.oyna-cta__buttons {
display: flex;
align-items: flex-start;
gap: 20px;
justify-content: center;
padding-top: 82px;
}
.oyna-cta__seminar-btn {
display: block;
flex: 0 1 auto;
min-width: 0;
transition: opacity 0.2s;
}
.oyna-cta__seminar-btn:hover { opacity: 0.85; }
.oyna-cta__seminar-btn img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-cta__seminar-btn img.tbsp { display: none; }
.oyna-cta__contact {
flex: 0 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.oyna-cta__contact-label {
position: absolute;
bottom: calc(100% + 12px);
left: 0;
right: 0;
margin: 0;
text-align: center;
}
.oyna-cta__contact-label img {
display: block;
width: auto;
height: auto;
margin: 0 auto;
}
.oyna-cta__tel-btn img.oyna-cta__contact-label-sp { display: none; }
.oyna-cta__tel-btn {
display: block;
transition: opacity 0.2s;
}
.oyna-cta__tel-btn:hover { opacity: 0.85; }
.oyna-cta__tel-btn img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-cta__tel-btn img.tbsp { display: none; }
.oyna-cta__web-btn {
display: block;
transition: opacity 0.2s;
}
.oyna-cta__web-btn:hover { opacity: 0.85; }
.oyna-cta__web-btn img {
display: block;
max-width: 100%;
height: auto;
}
.oyna-cta__web-btn img.tbsp { display: none; } @media only screen and (max-width: 1199px) {
.oyna-hero__bg--1 { width: 547px; top: -88.8ppx; left: -245px; }
.oyna-hero__body { width: 100%; }
.oyna-hero__bg--2 { width: 605px; top: 315px; right: -387px; }
.oyna-hero__bg--3 { width: 27px; top: 90px; left: 850px; }
.oyna-hero__bg--4 { width: 27px; top: 280px; left: -40px; }
.oyna-hero__bg--5 { width: 128px; top: 450px; left: 620px; }
.oyna-hero__bg--6 { display: none; }
.oyna-hero__bg--7 { width: 127px; top: 760px; left: 600px; }
.oyna-hero__bg--8 { display: none; }
.oyna-hero__photos img.oyna-hero__photos-deco--8 { display: block; width: 54px; }
.oyna-hero__bg--9 { display: none; }
.oyna-hero__photos img.oyna-hero__photos-deco--9 { display: block; width: 168px; }
.oyna-hero__bg--10 { display: block; width: 64px; top: 980px; left: 650px; }
.oyna-hero__bg--10 { width: 64px; }
.oyna-about {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
border-radius: 50px 50px 0 0;
padding: 40px 20px;
}
.oyna-about__main { flex-direction: column; align-items: center; }
.oyna-about__main .oyna-about__photo { display: none; }
.oyna-about__text { flex: none; width: 100%; text-align: left; }
.oyna-about__title { text-align: center; }
.oyna-about__icons { gap: 16px; margin-top: 30px; width: 100%; }
.oyna-about__icons-row { width: 100%; justify-content: space-between; gap: 0; }
.oyna-about__icons-row:last-child { justify-content: center; gap: 12px; }
.oyna-about__icons-row li { flex: 0 0 calc(33.33% - 8px); }
.oyna-about__icons-row img { width: 100%; height: auto; }
.oyna-about__photos-bottom {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.oyna-about__photos-bottom .oyna-about__photo { flex: 0 1 auto; max-width: 48%; height: auto; }
.oyna-partnership__org-logo { display: block; }
.oyna-partnership__lead { text-align: left; }
.oyna-partnership__logos { flex-direction: column; align-items: center; }
.oyna-partnership__logos img { width: 100%; height: auto; }
.oyna-partnership__details { flex-direction: column; width: 100%; gap: 30px; }
.oyna-partnership__org { width: 100%; }
.oyna-partnership__org h3 { text-align: center; font-size: 1.2rem; }
.oyna-partnership__org ul { width: 400px; margin: 0 auto; }
.oyna-partnership__org:last-child li { white-space: normal; }
.oyna-flow__arrow { display: none; }
.oyna-flow__title { margin-bottom: 100px; }
.oyna-flow__steps { gap: 75px; }
.oyna-flow__step { padding: 50px 20px 20px; width: 353px; height: 210px; border-radius: 50px; position: relative; overflow: visible; }
.oyna-flow__step-num { position: absolute; top: 0; left: 50%; transform: translate(-65%, -65%); }
.oyna-flow__step-inner { flex-direction: column; height: 100%; }
.oyna-flow__step-img { position: static; transform: none; width: 100%; }
.oyna-flow__step-img img.pc { display: none; }
.oyna-flow__step-img img { width: 100%; max-width: 100px; }
.oyna-flow__step-img img.tbsp { display: block; position: absolute; right: -23px; top: 50%; transform: translateY(-50%); width: 200px; max-width: none; height: auto; }
.oyna-flow__step-text h3 { text-align: center; flex-direction: column; align-items: center; margin-left: -10px; margin-right: -10px; }
.oyna-flow__step p { text-align: left; width: 310px; }
.oyna-flow__step-tag { margin-top: 6px; }
.oyna-faq__list { width: 100%; }
.oyna-ashitane__box { width: 100%; }
.oyna-ashitane__inner { width: 90%; }
.oyna-ashitane__info.pc { display: none; }
.oyna-ashitane__info.tbsp { display: block; }
} @media only screen and (max-width: 767px) {
.oyna-partnership__org:last-child li { white-space: normal; }
.oyna-partnership__org ul { width: 100%; }
.oyna-hero { padding: 40px 0 0; }
.oyna-hero__bg--1 { width: 391px; top: -33px; left: -290px; }
.oyna-hero__bg--2 { width: 432px; top: 245px; right: -320px; }
.oyna-hero__bg--3 { width: 20px; top: 85px; left: 330px; }
.oyna-hero__bg--4 { width: 20px; top: 220px; left: -5px; }
.oyna-hero__bg--5 { width: 92px; top: 410px; left: 290px; }
.oyna-hero__bg--6 { display: none; }
.oyna-hero__bg--7 { width: 90px; top: 830px; left: 265px; }
.oyna-hero__bg--8 { display: none; }
.oyna-hero__photos img.oyna-hero__photos-deco--8 { display: block; width: 38px; }
.oyna-hero__bg--9 { display: none; }
.oyna-hero__photos img.oyna-hero__photos-deco--9 { display: block; width: 120px; }
.oyna-hero__bg--10 { display: block; width: 46px; top: 715px; left: 295px; }
.oyna-hero__bg--9 { width: 120px; }
.oyna-hero__bg--10 { width: 46px; }
.oyna-hero__title img { width: 80%; height: auto; margin: 0 auto; }
.oyna-hero__subtitle { font-size: 1.5rem; }
.oyna-hero__body { font-size: 1rem; width: 100%; }
.oyna-hero__buttons { flex-direction: column; align-items: center; margin-top: 30px; }
.oyna-hero__photo-center { display: none; }
.oyna-hero__photos { margin-bottom: 10px; }
.oyna-hero__photos img { height: 180px; }
.oyna-nav { padding: 40px 0; }
.oyna-nav__list { grid-template-columns: 1fr; justify-items: center; }
.oyna-entry__title { font-size: 1.15rem; }
.oyna-entry__bubbles { width: 100%; }
.oyna-seminar { padding-top: 50px; }
.oyna-seminar__box { padding: 24px 20px; }
.oyna-seminar__date { font-size: 1.1rem; margin-top: 30px; margin-bottom: 30px; }
.oyna-seminar__inner { display: flex; flex-direction: column; }
.oyna-seminar__lecturers { flex-direction: row; width: 100%; }
.oyna-flow__arrow { display: none; }
.oyna-flow__title { margin-bottom: 100px; }
.oyna-flow__steps { gap: 75px; }
.oyna-flow__step { padding: 50px 20px 20px; width: 353px; height: 210px; border-radius: 50px; position: relative; overflow: visible; }
.oyna-flow__step-num { position: absolute; top: 0; left: 50%; transform: translate(-65%, -65%); }
.oyna-flow__step-inner { flex-direction: column; height: 100%; }
.oyna-flow__step-img { position: static; transform: none; width: 100%; }
.oyna-flow__step-img img.pc { display: none; }
.oyna-flow__step-img img { width: 100%; max-width: 100px; }
.oyna-flow__step-img img.tbsp { display: block; position: absolute; right: -23px; top: 50%; transform: translateY(-50%); width: 200px; max-width: none; height: auto; }
.oyna-flow__step-text h3 { text-align: center; flex-direction: column; align-items: center; }
.oyna-flow__step p { text-align: left; width: 310px; }
.oyna-flow__step-tag { margin-top: 6px; }
.oyna-faq__list { width: 100%; }
.oyna-faq__item dt { font-size: 1.1rem; }
.oyna-ashitane__box { padding: 100px 20px 40px; width: 100%; border-radius: 30px; }
.oyna-ashitane__inner { flex-direction: column; align-items: center; width: 90%; }
.oyna-ashitane__title.pc { display: none; }
.oyna-ashitane__title.tbsp { display: block; width: 80%; height: auto; }
.oyna-cta { padding-top: 20px; }
.oyna-cta__title { font-size: 1.5rem; }
.oyna-cta__buttons { flex-direction: column; align-items: center; }
.oyna-cta__seminar-btn,
.oyna-cta__contact { max-width: 100%; width: 100%; }
.oyna-cta__seminar-btn img.pc { display: none; }
.oyna-cta__seminar-btn img.tbsp { display: block; }
.oyna-cta__contact-label { display: none; }
.oyna-cta__buttons { padding-top: 30px; width: 75%; margin-left: auto; margin-right: auto; }
.oyna-cta__tel-btn img.pc { display: none; }
.oyna-cta__tel-btn img.tbsp { display: block; }
.oyna-cta__web-btn img.pc { display: none; }
.oyna-cta__web-btn img.tbsp { display: block; }
.oyna-cta__tel-btn { position: relative; overflow: visible; }
.oyna-cta__tel-btn img.oyna-cta__contact-label-sp { display: block; position: absolute; right: 0; top: 50%; transform: translate(75%, -50%); width: 26%; height: auto; }
} .oyna_q_button {
padding: .8em 1.5em .7em;
font-size: 110%;
background-color: #edc977 !important;
line-height: 2.4;
}
.p-pager-oyna li span {
background: #edc977 !important;
}