* {
margin: 0;
padding: 0;
box-sizing: border-box; }
img {
display: block;
max-width: 100%; }
ul,
ol {
list-style-type: none; }
input,
button,
textarea,
select {
outline: none;
font: inherit;
background-color: transparent;
border: none; }
button {
cursor: pointer; }
table {
border-collapse: collapse; }
body {
font-family: "M PLUS 2", sans-serif;
font-weight: 400;
font-size: 1.8rem;
color: #2F3D5E; }
@media screen and (max-width: 640px) {
body {
font-size: 1.4rem; } }
html {
font-size: 62.5%;
scroll-behavior: smooth; }
.container {
width: 100%;
max-width: 1446px;
margin: 0 auto;
padding: 0 15px; }
@media screen and (max-width: 640px) {
.container {
padding: 0 8px; } }
a {
text-decoration: none;
color: inherit; }
img {
display: block;
max-width: 100%;
height: auto;
vertical-align: top; }
strong {
font-weight: 700; }
@media screen and (max-width: 640px) {
.pc_only {
display: none !important; } }
@media screen and (min-width: 641px) {
.tb_only {
display: none !important; } }
@media screen and (max-width: 1199px) {
.tb_only {
display: block !important; } }
@media screen and (min-width: 641px) {
.sp_only {
display: none !important; } }
.btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 9px 24px;
gap: 8px;
background: #28A794;
border-bottom: 4px solid #1C8979;
border-radius: 16px;
font-style: normal;
font-weight: 600;
transition: all 0.3s;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #ffffff; }
@media screen and (min-width: 641px) {
.btn:hover {
background-color: #1C8979; } }
@media screen and (max-width: 640px) {
.btn {
width: 100%;
padding: 10px 24px 9px; } }
.btn-wrap {
display: flex;
gap: 13px; }
@media screen and (max-width: 640px) {
.btn-wrap {
flex-flow: column;
gap: 4px; } }
.btn-wrap.--center {
align-items: center;
justify-content: center; }
.btn span {
display: block;
padding-bottom: 2px;
padding-right: 21px;
text-align: center;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_wh.png);
background-repeat: no-repeat;
background-position: right center; }
@media screen and (max-width: 640px) {
.btn span {
width: 100%; } }
.btn--yellow {
color: #192E60;
background-color: #FDCB29;
border-color: #B89216; }
@media screen and (min-width: 641px) {
.btn--yellow:hover {
background-color: #B89216; } }
.btn--yellow span {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_color.png); }
.btn--lgreen {
background-color: #3BC705;
border-color: #318810; }
@media screen and (min-width: 641px) {
.btn--lgreen:hover {
background-color: #318810; } }
.section-ttl {
text-align: center;
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.section-ttl {
margin-bottom: 32px; } }
.section-ttl h2 {
font-weight: 700;
font-size: 3.6rem;
line-height: 1.4444444444;
text-align: center;
color: #005BAB;
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.section-ttl h2 {
font-size: 2.8rem;
line-height: 1.4642857143;
margin-bottom: 8px; } }
.section-ttl.--white h2,
.section-ttl.--white .sub-ttl {
color: #ffffff; }
.section-ttl .sub-ttl {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #2F3D5E;
margin-bottom: 8px; }
.section-ttl .sub-ttl-2 {
margin-top: 8px;
font-weight: 700;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #005BAB; }
@media screen and (max-width: 640px) {
.section-ttl .sub-ttl-2 {
font-size: 2rem;
line-height: 1.45; } }
.txt_blue {
color: #005BAB; }
.swiper-pagination {
position: static;
display: flex;
justify-content: center;
align-items: center;
gap: 9px; }
.swiper-pagination-bullet {
width: 14px;
height: 14px;
background: #BBD1E4;
margin: 0 !important;
opacity: 1; }
@media screen and (max-width: 640px) {
.swiper-pagination-bullet {
margin: 0 !important; } }
.swiper-pagination-bullet-active {
background: #005BAB; }
.home {
background-color: #F7F8F9; }
.home-mainvs {
position: relative;
padding-bottom: 72px; }
@media screen and (max-width: 640px) {
.home-mainvs {
padding-bottom: 40px;
background-color: #EEF6FF; } }
.home-mainvs:after {
content: '';
width: calc(1033/1920*100%);
padding-top: calc(326/1920*100%);
width: 1033px;
padding-top: 326px;
position: absolute;
right: 0;
bottom: -31px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/bg_mainvs.png) no-repeat left top; }
@media screen and (max-width: 640px) {
.home-mainvs:after {
display: none; } }
.home-mainvs .swiper {
padding-right: calc(320/1920 * 100%); }
@media screen and (max-width: 640px) {
.home-mainvs .swiper {
padding-right: 0; } }
.home-mainvs .swiper-control-wrap {
position: absolute;
right: 30px;
bottom: 30px;
display: flex;
flex-flow: column;
gap: 22px; }
@media screen and (max-width: 640px) {
.home-mainvs .swiper-control-wrap {
bottom: 115px;
flex-flow: row;
width: 100%;
right: auto; } }
.home-mainvs .swiper-wrapper {
border-bottom-right-radius: 200px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.home-mainvs .swiper-wrapper {
border-bottom-right-radius: 48px; } }
.home-mainvs .swiper-slide {
height: 100%; }
.home-mainvs .swiper-slide img {
height: 100%;
min-height: 500px;
object-fit: cover; }
@media screen and (max-width: 640px) {
.home-mainvs .swiper-slide img {
height: auto;
min-height: auto; } }
.home-mainvs .swiper-pagination {
flex-flow: column; }
@media screen and (max-width: 640px) {
.home-mainvs .swiper-pagination {
justify-content: center;
flex-flow: row; } }
.home-mainvs .swiper-progress {
display: flex;
transform: rotate(-90deg);
font-weight: 400;
font-size: 1.6rem;
line-height: 1.4375;
color: #192E60; }
@media screen and (max-width: 640px) {
.home-mainvs .swiper-progress {
display: none; } }
.home-mainvs .swiper-progress .total {
opacity: 0.3; }
.home .mainvs-banner {
position: absolute;
right: calc(110/1920 * 100%);
top: 35px;
z-index: 2;
max-width: 269px; }
@media screen and (max-width: 640px) {
.home .mainvs-banner {
display: flex;
left: 0;
right: 0;
top: 0;
max-width: unset; } }
@media screen and (max-width: 640px) {
.home .mainvs-banner picture {
display: block;
width: calc(50% + 8px); }
.home .mainvs-banner picture:nth-child(1) {
margin-right: -8px; }
.home .mainvs-banner picture:nth-child(2) {
margin-left: -8px; } }
@media screen and (min-width: 641px) {
.home .mainvs-banner picture:nth-child(2) {
display: block;
margin-top: -20px; } }
.home .mainvs-banner picture:last-child {
position: relative;
z-index: 1; }
.home .mainvs-banner picture:last-child:before {
position: absolute;
content: '';
width: 72px;
height: 72px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/banner_assets.svg) no-repeat top left;
right: 0;
bottom: 0;
z-index: -1; }
.home .mainvs-cnt {
position: absolute;
bottom: 169px;
left: calc(107/1920 * 100%);
z-index: 2;
max-width: calc(100% - 360/1920 * 100% - 250px); }
@media screen and (max-width: 1199px) {
.home .mainvs-cnt {
bottom: 80px; } }
@media screen and (max-width: 640px) {
.home .mainvs-cnt {
max-width: 100%;
position: relative;
margin-top: -110px;
bottom: 0;
left: 0;
padding: 0 8px; } }
@media screen and (max-width: 640px) {
.home .mainvs-cnt .cnt-inner {
background-color: #ffffff;
border-radius: 8px;
padding: 12px 12px 10px;
margin-bottom: 8px; } }
.home .mainvs-cnt .ttl {
padding: 24px 29px 24px 24px;
background: #DCE9F5;
border-radius: 24px;
color: #005BAB;
font-weight: 700;
font-size: 4rem;
line-height: 1.5;
margin-bottom: 6px; }
@media screen and (max-width: 1199px) {
.home .mainvs-cnt .ttl {
font-size: 3rem;
line-height: 1.4; } }
@media screen and (max-width: 768px) {
.home .mainvs-cnt .ttl {
font-size: 2.2rem;
line-height: 1.5454545455; } }
@media screen and (max-width: 640px) {
.home .mainvs-cnt .ttl {
background: transparent;
margin-bottom: 6px;
padding: 0; } }
.home .mainvs-cnt .txt {
padding: 10px 24px;
background: #DCE9F5;
border-radius: 16px;
font-weight: 500;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #005BAB;
margin-bottom: 32px;
display: inline-block; }
@media screen and (max-width: 640px) {
.home .mainvs-cnt .txt {
background: transparent;
padding: 0;
margin-bottom: 0;
font-size: 1.8rem;
line-height: 1.4444444444; } }
.home-rifoumu {
position: relative;
padding: 90px 36px;
background: #FFFFFF;
border-radius: 48px; }
@media screen and (max-width: 640px) {
.home-rifoumu {
padding: 40px 8px;
border-radius: 24px; } }
.home-rifoumu .rifoumu-list {
display: flex;
gap: 78px;
align-items: center;
justify-content: center;
margin-bottom: 32px; }
@media screen and (max-width: 1199px) {
.home-rifoumu .rifoumu-list {
gap: 36px; } }
@media screen and (max-width: 768px) {
.home-rifoumu .rifoumu-list {
flex-flow: column;
gap: 16px; } }
.home-rifoumu .rifoumu-list li {
width: 260px; }
.home-rifoumu .rifoumu-list li .img {
width: 218px;
margin: 0 auto; }
.home-rifoumu .rifoumu-list li .cnt {
margin-top: -24px;
position: relative;
padding: 10px;
background: #005BAB;
border-radius: 16px;
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #FFFFFF; }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-list li .cnt {
padding: 6px;
letter-spacing: 1px; } }
.home-rifoumu .rifoumu-des {
font-size: 2rem;
line-height: 1.45;
color: #2F3D5E;
text-align: center; }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-des {
font-size: 1.8rem;
line-height: 1.4444444444; } }
.home-rifoumu .rifoumu-des .hight-light {
display: inline-block;
padding-left: 6px;
padding-bottom: 2px;
font-weight: 700;
background: #ECF4FD;
border-radius: 4px;
margin-right: 2px; }
.home-rifoumu .rifoumu-intro {
position: relative;
max-width: 936px;
margin: 0 auto;
padding: 32px 70px;
background: #ECF4FD;
border-radius: 24px; }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-intro {
padding: 32px 16px; } }
.home-rifoumu .rifoumu-intro:after {
content: '';
width: 194px;
height: 418px;
position: absolute;
right: -75px;
top: -15px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/bg_people.png) no-repeat center bottom; }
@media screen and (max-width: 1199px) {
.home-rifoumu .rifoumu-intro:after {
right: -35px;
width: calc(194/936*100%);
background-size: 100% auto; } }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-intro:after {
display: none; } }
.home-rifoumu .rifoumu-intro .ttl {
display: flex;
justify-content: center;
margin-bottom: 30px; }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-intro .ttl {
margin-bottom: 14px; } }
.home-rifoumu .rifoumu-intro .ttl > p {
padding: 14px 40px 10px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/rec_path.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
font-weight: 400;
text-align: center;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #FFFFFF; }
@media screen and (max-width: 1199px) {
.home-rifoumu .rifoumu-intro .ttl > p {
padding: 12px 20px;
font-size: 2rem;
line-height: 1.45;
background-size: cover; } }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-intro .ttl > p {
padding: 12px 40px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/rec_bg.png); } }
.home-rifoumu .rifoumu-intro .summary1 {
font-size: 1.8rem;
line-height: 1.7777777778;
text-align: center;
color: #2F3D5E;
margin-bottom: 6px; }
.home-rifoumu .rifoumu-intro .summary2 {
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #2F3D5E;
margin-bottom: 32px; }
@media screen and (max-width: 1199px) {
.home-rifoumu .rifoumu-intro .summary2 {
padding: 0 20px; } }
@media screen and (max-width: 640px) {
.home-rifoumu .rifoumu-intro .summary2 {
padding: 0;
margin-bottom: 16px; } }
.home-rifoumu_cnt .arrow {
text-align: center;
margin: 24px 0 26px; }
@media screen and (max-width: 640px) {
.home-rifoumu_cnt .arrow {
margin: 16px 0; } }
.home-rifoumu_cnt .arrow img {
display: inline-block;
width: 50px; }
@media screen and (max-width: 640px) {
.home-rifoumu .btn {
padding: 8px 21px 4px; } }
.home-magokoro {
padding: 90px 0 79px; }
@media screen and (max-width: 640px) {
.home-magokoro {
padding: 40px 0 44px; } }
.home-magokoro .magokoro-list {
list-style: none;
display: flex;
gap: 24px;
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.home-magokoro .magokoro-list {
flex-flow: column;
gap: 8px;
margin-bottom: 24px; } }
.home-magokoro .magokoro-list .item {
position: relative;
padding: 32px 32px 23px;
width: calc(100%/3);
background: #FFFFFF;
border: 2px solid #005BAB;
border-radius: 48px; }
@media screen and (max-width: 640px) {
.home-magokoro .magokoro-list .item {
width: 100%;
border-radius: 24px;
padding: 16px; } }
.home-magokoro .magokoro-list .item .img {
margin-bottom: 32px;
border-radius: 16px;
background: #FBFBFB;
overflow: hidden; }
@media screen and (max-width: 640px) {
.home-magokoro .magokoro-list .item .img {
margin-bottom: 16px; } }
.home-magokoro .magokoro-list .item .img img {
width: 100%; }
.home-magokoro .magokoro-list .item .label {
padding: 6px;
position: absolute;
width: 32px;
height: auto;
left: 0px;
top: 49px;
background: #005BAB;
border-radius: 0px 6px 6px 0px;
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #FFFFFF; }
@media screen and (max-width: 640px) {
.home-magokoro .magokoro-list .item .label {
top: 37px;
width: 25px;
padding: 6px 2px;
font-size: 1.6rem;
line-height: 1.4375; } }
.home-magokoro .magokoro-list .item .ttl {
font-weight: 700;
font-size: 2.2rem;
line-height: 1.4545454545;
margin-bottom: 16px;
text-align: center;
color: #005BAB; }
@media screen and (max-width: 640px) {
.home-magokoro .magokoro-list .item .ttl {
font-size: 2rem;
line-height: 1.45;
margin-bottom: 8px; } }
.home-magokoro .magokoro-list .item .summary {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #2F3D5E; }
@media screen and (max-width: 640px) {
.home-magokoro .btn {
padding: 9px 6px; } }
.home-table {
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/brick_bg.png) repeat top left;
background-size: 150px auto;
padding: 90px 0; }
@media screen and (max-width: 640px) {
.home-table {
padding: 40px 0; } }
.home-table .section-ttl {
margin-bottom: 20px; }
@media screen and (max-width: 640px) {
.home-table .section-ttl {
margin-bottom: 24px; } }
@media screen and (max-width: 640px) {
.home-table .toturial {
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #28A794;
margin-bottom: 4px; }
.home-table .toturial img {
width: 20px;
margin-left: 16px; } }
.home-table .table-wrap {
position: relative;
margin: 0 -4px;
overflow-x: auto; }
@media screen and (max-width: 640px) {
.home-table .table-wrap {
margin-bottom: 24px; } }
.home-table .table-wrap table {
border-collapse: separate;
border-spacing: 4px;
table-layout: fixed;
margin-bottom: 56px;
min-width: 1222px; }
@media screen and (max-width: 640px) {
.home-table .table-wrap table {
margin-bottom: 0; } }
.home-table .table-wrap table th {
padding: 16px;
background: #005BAB;
border-radius: 8px;
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #FFFFFF; }
.home-table .table-wrap table th:nth-child(1) {
width: 218px; }
@media screen and (max-width: 640px) {
.home-table .table-wrap table th:nth-child(1) {
width: 135px; } }
.home-table .table-wrap table th:nth-child(2) {
width: 240px; }
@media screen and (max-width: 640px) {
.home-table .table-wrap table th:nth-child(2) {
width: 142px; } }
.home-table .table-wrap table th:nth-child(3) {
width: 533px; }
@media screen and (max-width: 640px) {
.home-table .table-wrap table th:nth-child(3) {
width: 512px; } }
.home-table .table-wrap table th:nth-child(4) {
width: 219px; }
.home-table .table-wrap table th:nth-child(5) {
width: 190px; }
.home-table .table-wrap table td {
padding: 16px;
background: #ffffff;
border-radius: 8px;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #2F3D5E; }
.home-table .table-wrap table td:first-child {
font-weight: 700;
background-color: #D8E7F4; }
.home-table .table-wrap table td:nth-child(3) {
padding: 0; }
.home-table .table-wrap table td ul {
list-style: none; }
.home-table .table-wrap table td ul li {
padding: 8px 16px 6px;
border-bottom: 2px solid #ECF4FD; }
.home-table .table-wrap table td ul li:last-child {
border-bottom-width: 0; }
.home-feedback {
padding: 60px 0;
background: linear-gradient(360deg, #192E60 0%, #153071 50%, #192E60 100%);
border-radius: 48px;
box-shadow: 0 30px 0 0 #919FC0; }
@media screen and (max-width: 640px) {
.home-feedback {
box-shadow: 0 10px 0 0 #919FC0;
margin-bottom: 0; } }
@media screen and (max-width: 640px) {
.home-feedback {
border-radius: 0;
padding: 40px 0; } }
.home-feedback .section-ttl .sub-ttl {
font-weight: 500; }
.home-feedback .summary {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #FFFFFF;
margin-bottom: 24px; }
.home-feedback .swiper {
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.home-feedback .swiper {
margin-bottom: 32px; } }
@media screen and (max-width: 640px) {
.home-feedback .swiper-wrapper {
margin-bottom: 16px; } }
.home-feedback .swiper-slide {
padding: 0 24px; }
@media screen and (max-width: 640px) {
.home-feedback .swiper-slide {
padding: 0 16px; } }
@media screen and (min-width: 641px) {
.home-feedback .swiper-slide {
border-left: 2px solid #2C447C; } }
.home-feedback .swiper-slide .item {
padding: 20px;
display: flex;
gap: 16px; }
@media screen and (max-width: 1199px) {
.home-feedback .swiper-slide .item {
padding: 0;
flex-flow: column;
align-items: center; } }
@media screen and (max-width: 640px) {
.home-feedback .swiper-slide .item {
gap: 8px; } }
.home-feedback .swiper-slide .item .img {
width: 60px; }
.home-feedback .swiper-slide .item .img img {
width: 100%;
height: 60px;
object-fit: cover;
border-radius: 50%; }
.home-feedback .swiper-slide .item .cnt {
flex: 1; }
@media screen and (max-width: 640px) {
.home-feedback .swiper-slide .item .cnt {
display: flex;
flex-flow: column;
align-items: center; } }
.home-feedback .swiper-slide .item .cnt .txt {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #FFFFFF;
margin-bottom: 17px; }
@media screen and (max-width: 640px) {
.home-feedback .swiper-slide .item .cnt .txt {
text-align: center;
margin-bottom: 8px; } }
.home-feedback .swiper-slide .item .cnt .author {
position: relative;
padding-left: 24px;
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #FFFFFF; }
.home-feedback .swiper-slide .item .cnt .author:before {
content: '';
width: 16px;
height: 2px;
position: absolute;
left: 0;
top: 13px;
background-color: #ffffff; }
.home-feedback .swiper-pagination-bullet {
opacity: 0.2;
background-color: #ffffff; }
.home-feedback .swiper-pagination-bullet-active {
opacity: 1; }
.home-sekou {
padding: 120px 0 90px; }
@media screen and (max-width: 640px) {
.home-sekou {
padding: 50px 8px 40px; } }
.home-sekou .summary {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #2F3D5E;
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.home-sekou .summary {
margin-bottom: 24px; } }
.home-sekou .swiper {
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.home-sekou .swiper {
margin-bottom: 24px; } }
.home-sekou .swiper-slide {
width: 640px; }
.home-sekou .swiper-pagination {
position: static;
font-size: 0;
margin-top: 16px; }
.home-about {
padding: 90px 0;
background-color: #ECF4FD;
border-radius: 48px; }
@media screen and (max-width: 640px) {
.home-about {
border-radius: 24px;
padding: 40px 0; } }
.home-about .summary {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #2F3D5E;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.home-about .summary {
margin-bottom: 24px; } }
.home-about_cnt {
max-width: 936px;
margin: 0 auto; }
.home-about .about-list {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.home-about .about-list {
flex-flow: column;
gap: 8px;
margin-bottom: 24px; } }
.home-about .about-list li {
width: calc(100%/2 - 8px); }
@media screen and (max-width: 640px) {
.home-about .about-list li {
width: 100%; } }
.home-about .about-list li:last-child:nth-child(odd) {
width: 100%; }
.home-about .about-list li .item {
display: flex;
align-items: center;
padding: 28px;
gap: 28px;
background: #FFFFFF;
box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.07);
border-radius: 24px;
height: 100%; }
@media screen and (max-width: 640px) {
.home-about .about-list li .item {
padding: 12px;
border-radius: 16px;
gap: 14px; } }
.home-about .about-list li .item .number {
display: flex;
width: 50px;
flex-direction: column;
justify-content: center;
align-items: center;
border-width: 0.5px 0px;
border-style: solid;
border-color: #ADB3B8;
font-weight: 100;
font-size: 4rem;
line-height: 1.45;
text-align: center;
color: #28A794; }
.home-about .about-list li .item .ttl {
display: block;
font-weight: 700;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #005BAB;
margin-bottom: 8px; }
@media screen and (max-width: 640px) {
.home-about .about-list li .item .ttl {
font-size: 2rem;
line-height: 1.45; } }
.home-about .about-list li .item .txt {
display: block;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #2F3D5E; }
.home-about .about-list li .item .hight-light {
display: inline-block;
margin-top: 8px;
padding: 2px 6px;
background: #FFF1B5;
border-radius: 6px;
font-weight: 900;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #005BAB; }
@media screen and (max-width: 640px) {
.home-about .about-list li .item .hight-light {
margin-top: 10px; } }
.home-kaisha {
padding: 90px 0; }
@media screen and (max-width: 640px) {
.home-kaisha {
padding: 40px 0; } }
.home-kaisha_cnt {
padding: 0 24px;
display: flex;
gap: 24px; }
@media screen and (max-width: 640px) {
.home-kaisha_cnt {
flex-flow: column;
gap: 8px;
padding: 0 8px; } }
.home-kaisha .kaisha-item {
position: relative;
border-radius: 48px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.home-kaisha .kaisha-item {
border-radius: 24px; } }
.home-kaisha .kaisha-item .img:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(23, 38, 56, 0) 0%, #172638 100%);
opacity: 0.7; }
.home-kaisha .kaisha-item .cnt {
position: absolute;
bottom: 31px;
left: 42px; }
@media screen and (max-width: 768px) {
.home-kaisha .kaisha-item .cnt {
left: 16px;
bottom: 8px; } }
.home-kaisha .kaisha-item .cnt .ttl {
font-weight: 700;
font-size: 3.6rem;
line-height: 1.4444444444;
color: #FFFFFF;
margin-bottom: 8px;
display: inline-block; }
@media screen and (max-width: 768px) {
.home-kaisha .kaisha-item .cnt .ttl {
font-size: 2rem;
line-height: 1.45; } }
.home-kaisha .kaisha-item .cnt ul {
list-style: none; }
.home-kaisha .kaisha-item .cnt ul li {
margin-bottom: 8px; }
.home-kaisha .kaisha-item .cnt ul a {
position: relative;
display: inline-block;
padding-left: 30px;
padding-right: 24px;
font-weight: 700;
font-size: 2rem;
line-height: 1.45;
color: #FFFFFF;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/icon_dot.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/icon_blank.png);
background-repeat: no-repeat;
background-position: 14px center, right center;
background-size: 8px auto, 16px auto; }
@media screen and (max-width: 640px) {
.home-kaisha .kaisha-item .cnt ul a {
padding-left: 16px;
font-size: 1.8rem;
line-height: 1.4444444444;
background-position: 0 center, right center; } }
.home-topic {
padding: 90px 10px;
background: #EEF1F4;
border-radius: 48px; }
@media screen and (max-width: 640px) {
.home-topic {
padding: 40px 0;
border-radius: 24px; } }
.home-topic .summary {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
text-align: center;
color: #2F3D5E;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.home-topic .summary {
margin-bottom: 24px;
padding: 0 8px; } }
.home-topic .topic-list {
max-width: 936px;
margin: 0 auto;
padding-bottom: 0; }
@media screen and (max-width: 640px) {
.home-topic .topic-list {
padding: 0 8px; } }
.home-topic .topic-list .list {
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.home-topic .topic-list .list {
margin-bottom: 24px; } }
.home-topic .topic-list .item {
display: flex;
align-items: center;
padding: 24px 16px;
border-bottom: 1px solid #D2D5D8;
gap: 16px;
transition: all 0.3s; }
.home-topic .topic-list .item:hover {
cursor: pointer; }
@media screen and (min-width: 641px) {
.home-topic .topic-list .item:hover {
background-color: #ffffff; } }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item {
align-items: flex-start;
padding: 16px 0;
gap: 8px; } }
.home-topic .topic-list .item:first-child {
border-top: 1px solid #D2D5D8; }
.home-topic .topic-list .item .img {
width: 122px;
border-radius: 16px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item .img {
width: 80px;
border-radius: 8px; } }
.home-topic .topic-list .item .cnt {
flex: 1;
position: relative;
padding-right: 80px; }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item .cnt {
padding-right: 0; } }
.home-topic .topic-list .item .date {
font-weight: 400;
font-size: 1.6rem;
line-height: 1.4375;
color: #2F3D5E;
margin-bottom: 8px; }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item .date {
margin-bottom: 4px;
font-size: 1.4rem;
line-height: 1.4285714286; } }
.home-topic .topic-list .item .link {
font-weight: 700;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #005BAB; }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item .link {
font-size: 1.8rem;
line-height: 1.4444444444; } }
.home-topic .topic-list .item .label {
position: absolute;
padding: 2px 6px;
background: #CFD8DC;
border-radius: 4px;
text-align: center;
font-weight: 700;
font-size: 1rem;
line-height: 1.4;
color: #2F3D5E;
right: 0;
top: 50%;
transform: translateY(-50%); }
@media screen and (max-width: 640px) {
.home-topic .topic-list .item .label {
right: 0;
top: 0;
transform: none; } }
.home-topic .btn {
background-color: transparent;
color: #28A794;
border: none;
padding: 0; }
.home-topic .btn span {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_green.png); }
.home-inquiry {
padding: 90px 0 87px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/contact_bg.png) repeat top left; }
@media screen and (max-width: 640px) {
.home-inquiry {
padding: 40px 8px; } }
@media screen and (max-width: 640px) {
.home-inquiry .section-ttl h2 {
font-size: 3.6rem;
line-height: 1.4444444444;
margin-bottom: 24px; } }
.home-inquiry .inquiry-circle {
max-width: 456px;
margin: 0 auto 16px;
display: flex;
gap: 24px;
align-items: center;
padding-bottom: 47px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/bg_multi_dot.png);
background-repeat: no-repeat;
background-position: center bottom; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-circle {
gap: 3px;
padding-bottom: 36px; } }
.home-inquiry .inquiry-circle li {
position: relative;
width: calc(100%/3);
flex: 1;
aspect-ratio: 1/1;
color: #ffffff;
background: #005BAB;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.4444444444;
text-align: center;
color: #FFFFFF; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-circle li {
font-size: 1.4rem;
line-height: 1.2777777778;
padding: 10px 6px; } }
.home-inquiry .inquiry-circle li:after {
content: '';
width: 22px;
height: 19px;
position: absolute;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/arrow_circle.png) no-repeat center center; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-circle li:after {
width: 20px;
height: 18px; } }
.home-inquiry .inquiry-circle li:nth-child(1):after {
top: calc(100% - 12px);
left: 94px;
transform: rotate(-34deg); }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-circle li:nth-child(1):after {
left: 80px; } }
.home-inquiry .inquiry-circle li:nth-child(2):after {
top: calc(100% - 5px);
left: 50%;
transform: translateX(-50%); }
.home-inquiry .inquiry-circle li:nth-child(3):after {
top: calc(100% - 12px);
right: 94px;
transform: rotate(34deg); }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-circle li:nth-child(3):after {
right: 80px; } }
.home-inquiry .inquiry-summary {
max-width: 672px;
margin: 0 auto;
text-align: center;
font-size: 2.2rem;
line-height: 1.4545454545; }
.home-inquiry .inquiry-summary p {
margin-bottom: 16px;
font-weight: 400; }
.home-inquiry .inquiry-checked {
padding: 32px;
max-width: 608px;
margin: 0 auto 57px;
background: #FFFFFF;
border-radius: 24px; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-checked {
padding: 16px;
margin-bottom: 24px; } }
.home-inquiry .inquiry-checked .ttl {
font-weight: 700;
font-size: 1.8rem;
line-height: 1.4444444444;
color: #2F3D5E;
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-checked .ttl {
margin-bottom: 8px; } }
.home-inquiry .inquiry-checked ul li {
padding-left: 40px;
margin-bottom: 14px;
font-weight: 500;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #005BAB;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_checked.png);
background-repeat: no-repeat;
background-position: 0 center; }
@media screen and (max-width: 640px) {
.home-inquiry .inquiry-checked ul li {
margin-bottom: 8px; } }
.home-inquiry .inquiry-checked ul li:last-child {
margin-bottom: 0; }
.home-contact {
padding: 60px 0;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/bg_sky.jpg) no-repeat center center;
background-size: cover;
border-radius: 48px; }
@media screen and (max-width: 640px) {
.home-contact {
padding: 40px 0 56px;
border-radius: 24px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/home/bg_sky_sp.jpg); } }
.home-contact h2 {
font-weight: 900;
font-size: 5.6rem;
line-height: 1.4464285714;
text-align: center;
color: #FFFFFF;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.home-contact h2 {
font-size: 4.8rem;
line-height: 1.4583333333; } }
.home-contact .contact-list {
display: flex;
gap: 24px; }
@media screen and (max-width: 980px) {
.home-contact .contact-list {
flex-flow: column;
gap: 16px; } }
.home-contact .contact-list li {
width: calc(100%/3);
flex: 1;
padding: 32px 30px 32px 96px;
background: #005BAB;
color: #ffffff;
border-radius: 48px;
background-repeat: no-repeat;
background-position: 32px center; }
@media screen and (max-width: 980px) {
.home-contact .contact-list li {
width: 100%;
border-radius: 24px;
padding: 16px 16px 16px 80px;
background-position: 16px center; } }
.home-contact .contact-list li:nth-child(1) {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_phone_wh.png); }
.home-contact .contact-list li:nth-child(1) .ttl {
margin-bottom: 5px; }
.home-contact .contact-list li:nth-child(1) .btn {
font-size: 2rem;
line-height: 1.45;
font-weight: 700; }
.home-contact .contact-list li:nth-child(2) {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_mail_wh.png); }
.home-contact .contact-list li:nth-child(3) {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_line_wh.png); }
.home-contact .contact-list li:nth-child(3) .btn {
font-size: 1.6rem;
line-height: 1.4375;
padding: 11px 24px; }
@media screen and (max-width: 640px) {
.home-contact .contact-list li:nth-child(3) .btn {
padding: 9px 16px; } }
.home-contact .contact-list li:nth-child(3) .btn span {
padding-right: 32px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_line_wh.png);
background-size: 24px auto; }
.home-contact .contact-list li .ttl {
font-weight: 500;
font-size: 2.2rem;
line-height: 1.4545454545;
color: #FFFFFF;
margin-bottom: 8px; }
@media screen and (max-width: 640px) {
.home-contact .contact-list li .ttl {
font-size: 2rem;
line-height: 1.45; } }
.home-contact .contact-list li .des {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.4444444444;
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.home-contact .contact-list li .des {
margin-bottom: 12px; } }
.fixed-page {
background: #f7f8f9 url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/bg_idx.png) no-repeat top 118px left;
background-size: 100% auto; }
@media screen and (max-width: 640px) {
.fixed-page {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/bg_idx_sp.png);
background-position: top 18px left;
font-size: 18px; } }
.fixed-page #main_content {
padding-bottom: 90px; }
@media screen and (max-width: 640px) {
.fixed-page #main_content {
padding-bottom: 50px; } }
.fixed-page .row-reverse {
flex-direction: row-reverse; }
.fixed-page .page-table table {
width: 100%;
border: 1px solid #eef1f4;
border-collapse: collapse;
border-spacing: 0; }
.fixed-page .page-table table th,
.fixed-page .page-table table td {
border: 1px solid #eef1f4;
font-weight: normal; }
@media screen and (max-width: 640px) {
.fixed-page .page-table table th,
.fixed-page .page-table table td {
font-size: 18px; } }
.fixed-page .page-table table th {
background-color: #F3F9FF;
padding: 7px 7px 7px 6px;
text-align: left; }
.fixed-page .page-table table td {
padding: 7px 10px 7px 7px; }
@media screen and (max-width: 640px) {
.fixed-page .page-table table td {
height: 41px;
padding: 6px 10px 6px 7px; } }
.fixed-page .page-table table td span {
display: block;
line-height: 1.5; }
.fixed-page .page-table table td iframe {
max-width: 100%;
height: auto; }
.fixed-page .page-table table tr th:first-child {
width: 90px;
text-align: center; }
.fixed-page .page-table table tr td:first-child {
text-align: center; }
@media screen and (max-width: 640px) {
.fixed-page .page-table table tr td:first-child {
min-width: 90px; } }
.fixed-page .page-table table tr .address {
height: 94px; }
.page-contact-common {
padding: 90px 0;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/bg_contact.jpg) center top;
background-size: cover;
border-radius: 48px;
margin-bottom: 90px; }
@media screen and (max-width: 640px) {
.page-contact-common {
border-radius: 24px;
padding: 41px 0 25px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/bg_contact_sp.png); } }
.page-contact-common .page-ttl-common {
margin-bottom: 55px; }
.page-contact-common .page-ttl-common h2 {
color: #ffffff;
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-contact-common .page-ttl-common h2 {
margin-bottom: 15px; } }
@media screen and (max-width: 640px) {
.page-contact-common .page-ttl-common {
margin-bottom: 32px; } }
.page-contact-common .page-ttl-common p {
text-align: center;
color: #ffffff; }
@media screen and (max-width: 640px) {
.page-contact-common .page-ttl-common p {
font-size: 18px;
display: none; } }
.page-contact-common .page-flex-wrap {
gap: 24px;
align-items: inherit; }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap {
display: block; } }
.page-contact-common .page-flex-wrap li {
width: calc((100% - 48px) / 3);
background-color: #ffffff;
border-radius: 48px;
padding: 13px 20px 17px calc(8% - 9px);
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: 213px;
background-repeat: no-repeat;
background-position: 8% center; }
@media screen and (max-width: 1199px) {
.page-contact-common .page-flex-wrap li {
padding: 90px 30px 17px;
background-position: center 20px;
justify-content: center;
align-items: flex-start; } }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li {
width: 100%;
border-radius: 24px;
padding: 16px 30px 17px 80px;
min-height: 156px;
margin-bottom: 16px;
background-position: 16px center;
justify-content: left; } }
.page-contact-common .page-flex-wrap li h3 {
font-size: 22px;
margin-bottom: 4px; }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li h3 {
font-size: 20px;
margin-bottom: 8px; } }
.page-contact-common .page-flex-wrap li a {
display: inline-block;
text-decoration: none;
font-weight: bold;
background-repeat: no-repeat;
background-position: right 24px center;
border-radius: 16px;
padding: 9px 45px 9px 23px;
margin-top: 13px; }
.page-contact-common .page-flex-wrap li.contact-phone {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_phone.png); }
.page-contact-common .page-flex-wrap li.contact-phone a {
color: #192E60;
background-color: #fdcb29;
font-size: 20px;
box-shadow: 0px 4px 0px 0px #b89216;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_color.png); }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li.contact-phone a {
margin-top: 8px; } }
.page-contact-common .page-flex-wrap li.contact-line {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_line.png); }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li.contact-line {
padding: 16px 16px 17px 80px; } }
.page-contact-common .page-flex-wrap li.contact-line h3 {
margin-bottom: 8px; }
.page-contact-common .page-flex-wrap li.contact-line a {
font-size: 16px;
background-color: #3BC705;
box-shadow: 0px 4px 0px 0px #318810;
color: #ffffff;
padding: 11px 56px 12px 23px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_line_m.png); }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li.contact-line a {
padding: 11px 46px 12px 15px;
margin-top: 9px;
background-position: right 15px center; } }
.page-contact-common .page-flex-wrap li.contact-mail {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/icon_mail.png); }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li.contact-mail {
padding: 15px 16px 17px 80px; } }
.page-contact-common .page-flex-wrap li.contact-mail h3 {
margin-bottom: 8px; }
.page-contact-common .page-flex-wrap li.contact-mail a {
background-color: #28A794;
box-shadow: 0px 4px 0px 0px #1C8979;
color: #ffffff;
padding-top: 10px;
padding-bottom: 11px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_wh.png); }
@media screen and (max-width: 640px) {
.page-contact-common .page-flex-wrap li.contact-mail a {
text-align: center;
padding: 3px 45px 7px 24px; } }
.breadcrumb {
color: #2F3D5E;
font-size: 12px;
margin-bottom: 15px;
padding-top: 16px; }
@media screen and (max-width: 640px) {
.breadcrumb {
margin-bottom: 9px;
padding-top: 9px; }
.breadcrumb .container {
display: flex; }
.breadcrumb span {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; } }
.breadcrumb a {
display: inline-block;
color: #005BAB;
padding-right: 12px;
margin-right: 5px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/dot_breadcrumb.png) no-repeat right calc(50% - 1px);
word-break: keep-all; }
.page-ttl-common h2 {
font-size: 36px;
text-align: center;
color: #005BAB;
margin-bottom: 58px; }
@media screen and (max-width: 640px) {
.page-ttl-common h2 {
font-size: 28px;
line-height: 1.47;
margin-bottom: 31px; } }
.page-ttl-common p {
text-align: center; }
.page-caption-25 {
font-weight: 700;
font-size: 25px;
color: #005BAB; }
@media screen and (max-width: 640px) {
.page-caption-25 {
font-size: 20px; } }
.page-caption-18 {
font-weight: 700;
font-size: 18px;
color: #005BAB; }
.page-caption-22 {
font-weight: 700;
font-size: 22px;
color: #005BAB; }
@media screen and (max-width: 640px) {
.page-caption-22 {
font-size: 20px; } }
.page-flex-wrap {
display: flex;
align-items: center; }
.page-banner {
text-align: center;
margin-bottom: 90px; }
.page-banner.single-banner {
margin-bottom: 0; }
@media screen and (max-width: 640px) {
.page-banner.single-banner {
margin-bottom: 0; }
.page-banner.single-banner br {
display: none; } }
@media screen and (max-width: 640px) {
.page-banner {
margin-bottom: 40px; } }
.page-banner h1 {
font-weight: Bold;
font-size: 44px;
margin-bottom: 32px;
color: #005BAB;
position: relative;
z-index: 2; }
@media screen and (max-width: 640px) {
.page-banner h1 {
font-size: 28px;
margin-bottom: 16px; } }
.page-banner h1::before {
content: "";
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
background-color: #005BAB;
height: 52px;
width: 2px; }
@media screen and (max-width: 640px) {
.page-banner h1::before {
height: 24px;
bottom: -28px; } }
.page-banner .banner-img {
border-radius: 80px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.page-banner .banner-img {
margin: 0 -8px;
border-radius: 0; } }
.page-banner .banner-img img {
width: 100%;
height: auto; }
.page-confidence-wrap {
background-color: #ffffff;
border-radius: 24px;
padding: 67px calc(5% - 3px) 68px;
margin-bottom: 86px;
border-bottom: 4px solid #e6e7e7; }
@media screen and (max-width: 640px) {
.page-confidence-wrap {
padding: 41px 15px 41px 17px;
margin-bottom: 36px; } }
.page-confidence-wrap .page-confidence-inner {
max-width: 800px;
margin: 0 auto; }
.page-confidence-wrap .page-confidence-inner p {
margin-bottom: 17px; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-inner p {
font-size: 18px;
margin-bottom: 8px; } }
.page-confidence-wrap .page-confidence-cnt {
padding: 53px 0 47px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/confidence_bg.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/confidence_bg.png);
background-position: center top, center bottom;
background-repeat: no-repeat;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-cnt {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/confidence_bg_sp.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/confidence_bg_sp.png);
padding: 31px 0;
margin-bottom: 16px; } }
.page-confidence-wrap .page-confidence-cnt h3 {
font-weight: 700;
font-size: 25px;
text-align: center;
color: #005BAB;
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-cnt h3 {
font-size: 20px;
margin-bottom: 8px; } }
.page-confidence-wrap .page-confidence-cnt h3 span {
display: inline-block;
padding: 0 39px;
background-repeat: no-repeat;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/line_lft.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/line_rgt.png);
background-position: left calc(50% + 3px), right calc(50% + 1px); }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-cnt h3 span {
background-image: inherit;
padding: 0;
margin: 0 -8px; }
.page-confidence-wrap .page-confidence-cnt h3 span br {
display: none; } }
.page-confidence-wrap .page-confidence-cnt .confidence-media {
list-style: none;
padding-right: 255px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/img_confidence.png) right top no-repeat; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-cnt .confidence-media {
padding-right: 0;
padding-top: 198px;
background-position: top center; } }
.page-confidence-wrap .page-confidence-cnt .confidence-media li {
border-top-left-radius: 56px;
border-top-right-radius: 97px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 56px;
padding: 16px 34px 16px 24px;
background-color: #EAF2FA;
color: #005BAB;
font-weight: bold;
margin-bottom: 8px; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .page-confidence-cnt .confidence-media li {
font-size: 18px;
border-radius: 8px;
padding: 8px 18px 8px 16px; } }
.page-confidence-wrap .confidence-note {
font-weight: 700;
font-size: 25px;
color: #ffffff;
background-color: #28A794;
border-top-left-radius: 147.27px;
border-top-right-radius: 147.27px;
border-bottom-right-radius: 19px;
border-bottom-left-radius: 19px;
margin-top: 30px;
padding: 29px 76px 11px 227px;
position: relative; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .confidence-note {
margin-top: 7px;
padding: 9px 15px 1px 126px;
border-radius: 16px;
font-size: 18px;
min-height: 174px; } }
.page-confidence-wrap .confidence-note::before {
content: "";
position: absolute;
left: 27px;
top: -16px;
width: 179px;
height: 179px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/confidence_note.png) no-repeat; }
@media screen and (max-width: 640px) {
.page-confidence-wrap .confidence-note::before {
background-size: 100% auto;
left: -1px;
top: 8px;
width: 136px;
height: 179px; } }
.reasons-choose_wrap {
padding-top: 89px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap {
padding-top: 41px; } }
.reasons-choose_wrap .reasons-choose li {
display: flex;
align-items: flex-start;
gap: 49px;
padding-bottom: 47px;
margin-bottom: 48px;
border-bottom: 1px solid #ECF4FD; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li {
display: block;
padding-bottom: 15px;
margin-bottom: 17px; } }
.reasons-choose_wrap .reasons-choose li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 22px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li:last-child {
padding-bottom: 0; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-img {
width: calc(36% - 5px);
min-width: 200px;
border-radius: 24px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-img {
width: 100%;
border-radius: 16px;
margin-bottom: 8px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt {
flex: 1; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt {
font-size: 18px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title {
font-weight: bold;
font-size: 25px;
display: flex;
align-items: center;
color: #005BAB;
margin-bottom: 23px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title {
font-size: 20px;
margin-bottom: 7px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .step {
font-weight: bold;
font-size: 1.6rem;
color: #28A794;
display: inline-block;
margin-right: 20px;
margin-top: -14px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .step {
font-size: 9.6px;
margin-top: -7px;
margin-right: 0px;
background-position: right 9px bottom 2px;
background-size: 13px auto; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .step small {
font-size: 64px;
font-weight: 200;
line-height: 1;
display: block;
padding: 0 23px 8px 0px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/choose_line_ttl.png) no-repeat right bottom 2px;
margin-top: -10px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .step small {
font-size: 36.72px;
padding: 0 20px 8px 0px;
background-position: right 9px bottom 2px;
background-size: 13px auto;
margin-top: -5px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .number {
color: #28A794;
font-size: 6.4rem;
line-height: 1;
font-weight: 200;
display: inline-block;
padding: 0 23px 8px 0px;
margin-right: 20px;
margin-top: -14px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/choose_line_ttl.png) no-repeat right bottom 2px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .title .number {
font-size: 36.72px;
margin-top: -7px;
padding: 0 20px 8px 0px;
margin-right: 0px;
background-position: right 9px bottom 2px;
background-size: 13px auto; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .page-caption-18 {
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .page-caption-18 {
margin-bottom: 8px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link {
display: flex;
gap: 10px;
margin-top: 25px; }
@media screen and (max-width: 1199px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link {
flex-direction: column; } }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link {
margin-top: 8px;
gap: 8px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link .custom_link-col {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50%;
border: 1px solid #ECF4FD;
text-align: center;
border-radius: 24px;
overflow: hidden;
box-shadow: 0px 4px 10px 0px #0000000A; }
@media screen and (max-width: 1199px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link .custom_link-col {
width: 100%; } }
@media screen and (max-width: 640px) {
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link .custom_link-col:nth-child(2) {
padding: 22px 10px 19px; } }
.reasons-choose_wrap .reasons-choose li .reasons-choose-cnt .custom_link .custom_link-col img {
display: block; }
.page-sincerity {
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/sincerity_bg.png) center top no-repeat;
background-size: cover;
padding: 90px 0 35px; }
@media screen and (max-width: 640px) {
.page-sincerity {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/sincerity_bg_sp.png);
background-size: cover;
padding: 41px 0 40px; } }
.page-sincerity .sincerity-media {
max-width: 1158px;
margin: 0 auto 44px; }
@media screen and (max-width: 768px) {
.page-sincerity .sincerity-media {
display: block; } }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media {
margin-bottom: 9px; }
.page-sincerity .sincerity-media .page-caption-25 {
text-align: center;
font-size: 20px;
margin-bottom: 8px; }
.page-sincerity .sincerity-media h3 {
text-align: center;
font-size: 20px;
margin-bottom: 8px;
color: #005BAB; } }
.page-sincerity .row-reverse .sincerity-media-img {
margin-right: 0;
margin-left: calc(6% - 8px); }
.page-sincerity .sincerity-media-img {
width: 386px;
text-align: center;
margin-right: calc(6% - 8px); }
@media screen and (max-width: 768px) {
.page-sincerity .sincerity-media-img {
margin: 0 auto 10px !important;
width: 100%; } }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-img {
margin: 0 auto 8px !important; } }
.page-sincerity .sincerity-media-img img {
display: inline-block;
margin-bottom: 11px; }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-img img {
margin-bottom: 0;
max-width: 285px; }
.page-sincerity .sincerity-media-img img.img_txt {
width: 110px;
margin-bottom: 0; } }
.page-sincerity .sincerity-media-img span {
display: block;
margin-bottom: 9px; }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-img span {
font-size: 18px;
margin-top: 16px; } }
.page-sincerity .sincerity-media-cnt {
flex: 1;
padding-bottom: 15px; }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-cnt p {
font-size: 18px; } }
.page-sincerity .sincerity-media-cnt h3 {
font-weight: 700;
font-size: 25px;
color: #005BAB;
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-cnt h3 {
display: none; } }
.page-sincerity .sincerity-media-cnt h4 {
font-weight: 700;
font-size: 18px;
color: #005BAB;
margin-top: 17px;
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.page-sincerity .sincerity-media-cnt h4 {
margin-top: 8px;
margin-bottom: 8px; } }
.page-representative {
padding: 90px 0 1px; }
@media screen and (max-width: 640px) {
.page-representative {
padding: 41px 0 1px; } }
.page-representative .page-ttl-common {
margin-bottom: 124px; }
@media screen and (max-width: 640px) {
.page-representative .page-ttl-common {
margin-bottom: 54px; } }
.page-representative .representative-img {
width: calc(26% - 7px); }
@media screen and (max-width: 640px) {
.page-representative .representative-img {
width: 100%;
text-align: center; }
.page-representative .representative-img img {
display: inline-block; } }
.page-representative .representative-cnt {
flex: 1; }
@media screen and (max-width: 640px) {
.page-representative .representative-cnt p {
font-size: 18px; }
.page-representative .representative-cnt p br {
display: none; } }
.page-representative .representative-cnt span {
font-weight: 700;
color: #005BAB; }
.page-representative .representative-cnt .page-caption-25 {
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-representative .representative-cnt .page-caption-25 {
font-size: 25px;
margin-bottom: 8px; } }
.page-representative .page-confidence-wrap {
position: relative; }
@media screen and (max-width: 640px) {
.page-representative .page-confidence-wrap {
display: block;
padding-top: 32px;
padding-bottom: 16px;
margin-bottom: 31px; } }
.page-representative .page-confidence-wrap::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat; }
.page-representative .page-confidence-wrap .representative-img {
margin-right: calc(6% - 8px); }
@media screen and (max-width: 640px) {
.page-representative .page-confidence-wrap .representative-img {
margin-bottom: 16px; } }
.page-representative .page-confidence-wrap.row-reverse .representative-img {
margin-right: 0;
margin-left: calc(6% - 8px); }
@media screen and (max-width: 640px) {
.page-representative .page-confidence-wrap.row-reverse .representative-img {
margin-left: 0; } }
.page-representative #block-life::before {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/partner.png);
height: 159px;
width: 361px;
top: -93px; }
@media screen and (max-width: 640px) {
.page-representative #block-life::before {
height: 80px;
width: 174px;
top: -51px;
background-size: 100% auto; } }
.page-representative #block-partner::before {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/choose_us/life.png);
height: 146px;
width: 164px;
top: -73px; }
@media screen and (max-width: 640px) {
.page-representative #block-partner::before {
height: 72px;
width: 80px;
top: -35px;
background-size: 100% auto; } }
@media screen and (max-width: 640px) {
.page-access .page-ttl-common h2 {
font-size: 36px; } }
.page-access .page-confidence-wrap {
padding-top: 89px;
padding-bottom: 98px; }
@media screen and (max-width: 640px) {
.page-access .page-confidence-wrap {
padding-top: 40px;
padding-bottom: 23px; } }
.page-access .page-flex-wrap {
gap: 50px;
align-items: flex-start; }
@media screen and (max-width: 768px) {
.page-access .page-flex-wrap {
display: block; } }
.page-access .page-flex-wrap .page-access-col3 {
width: calc((100% - 100px) / 3); }
@media screen and (max-width: 768px) {
.page-access .page-flex-wrap .page-access-col3 {
width: 100%;
margin-bottom: 20px; } }
@media screen and (max-width: 640px) {
.page-access .page-flex-wrap .page-access-col3 {
margin-bottom: 17px; } }
.page-access .page-flex-wrap .page-access-col3 .page-caption-22 {
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.page-access .page-flex-wrap .page-access-col3 .page-caption-22 {
font-size: 20px;
margin-bottom: 10px; } }
.page-procedure .page-ttl-common h2 {
margin-bottom: 32px; }
.page-procedure .page-confidence-wrap {
padding-top: 90px;
padding-bottom: 90px;
margin-bottom: 62px; }
@media screen and (max-width: 640px) {
.page-procedure .page-confidence-wrap {
display: block;
padding-top: 15px;
padding-bottom: 0;
margin-bottom: 36px; } }
.page-procedure .page-confidence-wrap p {
margin-bottom: 16px; }
.page-procedure .page-confidence-wrap .page-caption-25 {
margin-bottom: 16px; }
.page-procedure .representative-img {
width: 42%; }
@media screen and (max-width: 640px) {
.page-procedure .representative-img {
width: 100%;
margin-bottom: 16px; } }
.page-procedure .representative-img img {
border-radius: 25px; }
@media screen and (max-width: 640px) {
.page-procedure .representative-img img {
border-radius: 16px; } }
.page-procedure .representative-cnt {
flex: 1;
padding-top: 15px;
padding-right: 5%; }
@media screen and (max-width: 640px) {
.page-procedure .representative-cnt {
padding: 0; } }
#page-construction {
padding: 90px 0 73px 0;
border-radius: 48px;
background-color: #ECF4FD; }
@media screen and (max-width: 640px) {
#page-construction {
border-radius: 24px;
padding: 41px 0 23px 0; } }
#page-construction .page-ttl-common {
text-align: center;
margin-bottom: 57px; }
@media screen and (max-width: 640px) {
#page-construction .page-ttl-common {
margin-bottom: 33px; } }
#page-construction .page-ttl-common h2 {
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
#page-construction .page-ttl-common h2 {
margin-bottom: 7px; } }
#page-construction .reasons-choose_wrap {
padding-top: 0; }
#page-construction .reasons-choose_wrap li {
background-color: #ffffff;
align-items: center;
gap: 66px;
padding: 66px calc(5% - 2px) 67px calc(5% - 3px);
margin-bottom: 17px;
border-radius: 48px;
box-shadow: 0px 4px 10px 0px #0000000A; }
@media screen and (max-width: 640px) {
#page-construction .reasons-choose_wrap li {
border-radius: 16px;
padding: 15px; } }
#page-construction .reasons-choose_wrap li .reasons-choose-img {
width: calc(28% + 2px); }
@media screen and (max-width: 640px) {
#page-construction .reasons-choose_wrap li .reasons-choose-img {
width: 100%;
margin-bottom: 16px; } }
#page-construction .reasons-choose_wrap li .title {
margin-bottom: 15px; }
@media screen and (max-width: 640px) {
#page-construction .reasons-choose_wrap li .title {
margin-bottom: 7px; } }
#page-construction .reasons-choose_wrap li .title span {
padding-top: 3px;
margin-top: 0px; }
@media screen and (max-width: 640px) {
#page-construction .reasons-choose_wrap li .title span {
background-size: 23px auto, 14px auto;
padding: 4px 14px 5px 0px; } }
.page-service-area {
padding: 90px 0 75px; }
@media screen and (max-width: 640px) {
.page-service-area {
padding: 42px 0 40px; } }
.page-service-area .service-note {
text-align: center; }
.page-service-area .page-ttl-common {
margin-bottom: 58px; }
@media screen and (max-width: 640px) {
.page-service-area .page-ttl-common {
margin-bottom: 32px; } }
.page-service-area .page-ttl-common h2 {
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-service-area .page-ttl-common h2 {
margin-bottom: 7px; } }
.page-service-area .service-area-cnt {
gap: 16px;
align-items: inherit;
margin-bottom: 16px; }
@media screen and (max-width: 768px) {
.page-service-area .service-area-cnt {
flex-wrap: wrap; } }
@media screen and (max-width: 640px) {
.page-service-area .service-area-cnt {
display: block; } }
.page-service-area .service-area-cnt .service-area-item {
padding: 15px 17px 16px 16px;
width: calc((100% - 48px) / 4);
background-color: #ffffff;
border-radius: 24px;
border: 1px solid #EEF1F4; }
@media screen and (max-width: 768px) {
.page-service-area .service-area-cnt .service-area-item {
width: calc((100% - 16px) / 2); } }
@media screen and (max-width: 640px) {
.page-service-area .service-area-cnt .service-area-item {
width: 100%;
margin-bottom: 15px;
min-height: 164px; } }
.page-service-area .service-area-cnt .service-area-item h3 {
font-weight: 700;
font-size: 22px;
text-align: center;
margin-bottom: 23px; }
@media screen and (max-width: 640px) {
.page-service-area .service-area-cnt .service-area-item h3 {
font-size: 20px;
margin-bottom: 17px; } }
.page-service-area .service-area-cnt .service-area-item ul {
display: flex;
flex-wrap: wrap;
gap: 4px; }
.page-service-area .service-area-cnt .service-area-item ul li {
display: inline-block;
background-color: #28A794;
color: #ffffff;
border-radius: 8px;
padding: 7px 12px 8px 11px; }
.page-asked-questions {
border-radius: 50px;
padding: 90px 0 74px;
margin-bottom: 90px;
background-color: #ffffff; }
@media screen and (max-width: 640px) {
.page-asked-questions {
padding: 40px 0 32px;
border-radius: 24px;
margin-bottom: 40px; } }
.page-asked-questions h2 {
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.page-asked-questions h2 {
margin-bottom: 32px; } }
.page-asked-questions .asked-questions-wap {
max-width: 936px;
margin: 0 auto; }
.page-asked-questions .asked-questions-wap .accordion-item {
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.page-asked-questions .asked-questions-wap .accordion-item {
margin-bottom: 8px; } }
.page-asked-questions .asked-questions-wap .accordion-title a {
display: block;
text-decoration: none;
font-weight: 700;
font-size: 22px;
background-color: #005BAB;
color: #ffffff;
border-radius: 16px;
padding: 16px 45px 16px 24px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/construction/icon_up.png);
background-repeat: no-repeat;
background-position: right 26px center; }
.page-asked-questions .asked-questions-wap .accordion-title a.open {
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/construction/icon_down.png); }
@media screen and (max-width: 640px) {
.page-asked-questions .asked-questions-wap .accordion-title a {
font-size: 18px;
padding-left: 16px;
background-position: right 18px center; } }
.page-asked-questions .asked-questions-wap .accordion-content {
background-color: #ECF4FD;
border-radius: 16px;
margin-top: 5px;
padding: 16px 24px 16px; }
#about_ttl {
line-height: 1.6; }
@media screen and (max-width: 640px) {
#about_ttl {
padding: 0 10px; } }
#about_ttl h2 {
margin-bottom: 55px; }
#about_ttl h2 span {
display: block;
line-height: 1.46;
margin-bottom: 7px; }
@media screen and (max-width: 640px) {
#about_ttl h2 span {
margin-bottom: 9px; }
#about_ttl h2 span br {
display: none; } }
@media screen and (max-width: 640px) {
#about_ttl h2 {
margin-bottom: 32px; } }
.page-about-store .page-confidence-wrap {
padding-top: 72px;
padding-bottom: 17px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap {
padding-top: 16px;
margin-bottom: 36px; }
.page-about-store .page-confidence-wrap .page-main-office-wrap:last-child:last-child .content-lft {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0; } }
.page-about-store .page-confidence-wrap .page-caption-25 {
margin-bottom: 16px; }
.page-about-store .page-confidence-wrap .page-ttl-common {
padding: 0 20px 39px;
border-bottom: 1px solid #ECF4FD;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-ttl-common {
padding: 0;
border-bottom: 0;
margin-bottom: 16px; } }
.page-about-store .page-confidence-wrap .page-ttl-common h2 {
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-ttl-common h2 {
font-size: 20px;
margin-bottom: 7px; } }
.page-about-store .page-confidence-wrap .page-ttl-common h2 span {
padding: 0 40px;
background-repeat: no-repeat;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_lft.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_rgt.png);
background-size: 20px auto;
background-position: left center, right center; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-ttl-common h2 span {
padding: 0 26px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_lft_sp.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_rgt_sp.png);
background-size: 10px auto; } }
.page-about-store .page-confidence-wrap .page-main-office {
gap: 24px;
align-items: inherit;
padding-bottom: 30px;
border-bottom: 1px solid #ECF4FD;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office {
flex-flow: column-reverse;
gap: 8px;
padding-bottom: 23px;
margin-bottom: 24px; } }
.page-about-store .page-confidence-wrap .page-main-office .main-office-lft {
width: 50%;
padding-right: 24px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office .main-office-lft {
width: 100%;
padding-right: 0; } }
.page-about-store .page-confidence-wrap .page-main-office .main-office-lft p {
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office .main-office-lft p {
margin-bottom: 8px; } }
.page-about-store .page-confidence-wrap .page-main-office .main-office-right {
width: calc(50% - 24px); }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office .main-office-right {
width: 100%; } }
.page-about-store .page-confidence-wrap .page-main-office .main-office-right img {
border-radius: 24px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office .main-office-right img {
border-radius: 16px; } }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office.content-lft {
margin-bottom: 0; } }
.page-about-store .page-confidence-wrap .page-main-office.content-lft p img {
width: calc(50% - 24px);
float: right;
margin-left: 49px;
border-radius: 24px; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office.content-lft p img {
width: 100%;
float: none;
border-radius: 16px;
margin-left: 0;
margin-bottom: -7px; } }
.page-about-store .page-confidence-wrap .page-main-office.content-lft h4 {
display: inline-block;
margin-top: 16px;
margin-bottom: 10px;
font-weight: 700;
font-size: 22px;
color: #005BAB; }
@media screen and (max-width: 640px) {
.page-about-store .page-confidence-wrap .page-main-office.content-lft h4 {
font-size: 20px;
margin-top: 8px; } }
.page-about-store .page-confidence-wrap .page-main-office.content-lft .page-table {
margin-top: 16px; }
.page-company-profile {
padding: 90px 0;
background-color: #ffffff;
border-radius: 48px;
margin-bottom: 90px; }
@media screen and (max-width: 640px) {
.page-company-profile {
border-radius: 24px;
padding: 41px 0;
margin-bottom: 54px; } }
.page-company-profile .page-ttl-common {
margin-bottom: 56px; }
@media screen and (max-width: 640px) {
.page-company-profile .page-ttl-common {
margin-bottom: 32px; } }
.page-company-profile .page-ttl-common h2 {
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.page-company-profile .page-ttl-common h2 {
margin-bottom: 7px; } }
.page-company-profile .page-table {
max-width: 1176px;
margin: 0 auto; }
@media screen and (max-width: 640px) {
.page-company-profile .page-table {
padding: 0 8px; } }
.page-company-profile .page-table table th {
width: 160px !important;
text-align: left !important;
padding-left: 15px; }
@media screen and (max-width: 640px) {
.page-company-profile .page-table table th {
width: 160px !important; } }
.page-company-profile .page-table table td {
word-break: break-all;
padding-top: 5px;
padding-left: 14px; }
@media screen and (max-width: 640px) {
.page-company-profile .page-table table td {
padding: 7px 12px 7px 14px; } }
.work-introduce {
max-width: 792px;
margin: 0 auto;
padding: 0 49px 90px; }
@media screen and (max-width: 640px) {
.work-introduce {
padding: 0 8px 40px; } }
.introduce-description {
text-align: center;
margin-top: 56px; }
@media screen and (max-width: 640px) {
.introduce-description {
margin-top: 8px; } }
.post-list {
background: #ECF4FD;
padding: 90px 0;
border-radius: 24px;
margin-bottom: -32px; }
@media screen and (max-width: 640px) {
.page-template-review_tmp .post-list {
padding-bottom: 40px;
margin-bottom: 50px; } }
.post-list-title {
font-size: 36px;
text-align: center;
color: #005BAB;
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.post-list-title {
font-size: 20px; } }
.post-list-title span {
padding: 0 40px;
background-repeat: no-repeat;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_lft.png), url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/company/line_ttl_rgt.png);
background-size: 20px auto;
background-position: left center, right center; }
.post-list-description {
text-align: center;
margin-bottom: 72px; }
.post-list-filter {
background: #fff;
padding: 24px;
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 24px; }
@media screen and (max-width: 640px) {
.post-list-filter {
padding: 16px;
gap: 10px; } }
.filter-block {
display: flex;
gap: 8px;
align-items: center; }
@media screen and (max-width: 640px) {
.filter-block {
flex-direction: column;
gap: 4px; } }
.filter-title {
font-weight: bold;
font-size: 1.6rem;
min-width: 181px; }
@media screen and (max-width: 640px) {
.filter-title {
width: 100%;
font-size: 1.4rem;
line-height: 200%; } }
.filter-list {
display: flex;
gap: 8px; }
@media screen and (max-width: 640px) {
.filter-list {
width: 100%;
flex-wrap: wrap; } }
.filter-list li a {
display: block;
padding: 2px 16px;
border-radius: 4px;
background: #ECF4FD;
font-size: 1.4rem;
line-height: 200%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: all 0.3s; }
.filter-list li a:hover {
color: #fff;
background: #28A794; }
@media screen and (max-width: 640px) {
.filter-list li a {
padding: 2px 8px; } }
.filter-list li.active a {
color: #fff;
background: #28A794; }
.filter-list li.active a:before {
content: '';
width: 12px;
height: 12px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/all_icon.svg) no-repeat top left;
background-size: cover; }
.query-list {
display: flex;
gap: 24px;
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.query-list {
flex-direction: column;
gap: 8px; } }
.query-list .query-item {
width: calc((100% - 48px) / 3);
padding: 24px;
border-radius: 24px;
background: #fff;
display: flex;
flex-direction: column;
gap: 16px; }
@media screen and (max-width: 640px) {
.query-list .query-item {
width: 100%;
padding: 16px; } }
.query-list .query-item img {
width: 100%;
height: 228px;
object-fit: cover;
border-radius: 16px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.query-list .query-item img {
height: 183px; } }
.query-list .query-item h3 {
font-weight: bold;
font-size: 2.2rem;
color: #005BAB; }
@media screen and (max-width: 640px) {
.query-list .query-item h3 {
font-size: 1.8rem; } }
.query-list .query-item .post-tax {
display: flex;
gap: 8px;
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.query-list .query-item .post-tax {
gap: 7px; } }
.query-list .query-item .post-tax li a {
padding: 4px 8px;
color: #2F3D5E;
background: #ECF4FD;
font-size: 1.4rem;
border-radius: 8px;
transition: all 0.3s; }
.query-list .query-item .post-tax li a:hover {
color: #ECF4FD;
background: #2F3D5E; }
@media screen and (max-width: 640px) {
.query-list .query-item .post-tax li a {
padding: 3px 7px; } }
.query-list .query-item .item-link {
display: flex;
width: 159px;
height: 47px;
gap: 8px;
border-radius: 16px;
background: #28A794;
border-bottom: 4px solid #1C8979;
font-weight: 600;
position: relative;
justify-content: center;
align-items: center;
color: #fff; }
@media screen and (max-width: 640px) {
.query-list .query-item .item-link {
width: 125px;
height: 40px;
gap: 7px;
font-size: 1.6rem; } }
.query-list .query-item .item-link:after {
content: '';
width: 13px;
height: 13px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_icon.svg) no-repeat top left;
background-size: cover;
transition: all 0.3s; }
.query-list .query-item .item-link:hover:after {
transform: translateX(5px); }
.pagination {
width: 100%;
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-wrap: wrap; }
.pagination li {
font-weight: bold; }
.pagination li span {
display: block;
width: 48px;
height: 48px;
display: flex;
background-color: #28A794 !important;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 8px;
margin: 0; }
.pagination li a {
display: block;
width: 48px;
height: 48px;
display: flex;
border: 1px solid #EEF1F4;
background: #fff;
color: #2F3D5E;
justify-content: center;
align-items: center;
border-radius: 8px;
transition: all 0.3s;
margin: 0; }
.pagination li a:hover {
background: #28A794;
color: #fff;
border: 1px solid #28A794; }
.nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-wrap: wrap; }
.nav-links span {
display: block;
width: 48px;
height: 48px;
display: flex;
background-color: #28A794 !important;
color: #fff;
justify-content: center;
align-items: center;
border-radius: 8px;
margin: 0;
font-weight: bold; }
.nav-links a {
display: block;
width: 48px;
height: 48px;
display: flex;
border: 1px solid #EEF1F4;
background: #fff;
color: #2F3D5E;
justify-content: center;
align-items: center;
border-radius: 8px;
transition: all 0.3s;
margin: 0;
font-weight: bold; }
.nav-links a:hover {
background: #28A794;
color: #fff;
border: 1px solid #28A794; }
.item-gallery .swiper-slide {
width: 465px; }
.item-gallery .swiper-slide .img {
border-radius: 24px;
overflow: hidden; }
.item-gallery .swiper-pagination {
position: static;
font-size: 0;
margin-top: 16px; }
.item-location {
margin-top: 23px;
margin-bottom: 26px;
padding-left: 26px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/local_icon.svg) no-repeat 0 center;
font-weight: 700;
color: #005BAB;
font-size: 1.8rem; }
@media screen and (max-width: 640px) {
.item-location {
margin: 16px 0; } }
.review-location {
margin-top: 23px;
margin-bottom: 16px;
padding-left: 26px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/people_icon.svg) no-repeat 0 center;
font-weight: 700;
color: #005BAB;
font-size: 1.8rem; }
@media screen and (max-width: 640px) {
.review-location {
margin: 16px 0 8px; } }
.review-type {
margin-bottom: 26px;
padding-left: 26px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/type_icon.svg) no-repeat 0 center;
font-weight: 700;
color: #005BAB;
font-size: 1.8rem; }
@media screen and (max-width: 640px) {
.review-type {
margin: 0 0 16px; } }
.item-inner {
background: #fff;
padding: 68px;
border-radius: 48px;
margin-bottom: 90px; }
@media screen and (max-width: 640px) {
.item-inner {
padding: 16px;
border-radius: 24px;
margin-bottom: 58px; } }
.work-content {
display: flex;
flex-direction: column;
gap: 48px; }
@media screen and (max-width: 640px) {
.work-content {
gap: 16px; } }
.work-content .work-item {
display: flex;
flex-wrap: wrap;
gap: 64px;
padding-bottom: 48px;
border-bottom: 2px solid #EEF1F4; }
@media screen and (max-width: 640px) {
.work-content .work-item {
flex-direction: column;
gap: 16px;
padding-bottom: 16px; } }
.work-content .work-item .work-item-inner {
width: 751px; }
@media screen and (max-width: 640px) {
.work-content .work-item .work-item-inner {
width: 100%; } }
.work-content .work-item .work-item-inner h2 {
margin-bottom: 16px;
font-weight: 700;
font-size: 2.5rem;
color: #005BAB; }
@media screen and (max-width: 640px) {
.work-content .work-item .work-item-inner h2 {
margin-bottom: 8px;
font-size: 2rem; } }
.work-content .work-item .work-item-img {
width: calc(100% - 815px);
border-radius: 24px;
overflow: hidden; }
@media screen and (max-width: 640px) {
.work-content .work-item .work-item-img {
width: 100%;
border-radius: 16px; } }
.work-content .work-item:nth-child(even) .work-item-inner {
order: 2; }
.work-content .work-item:nth-child(even) .work-item-img {
order: 1; }
@media screen and (max-width: 640px) {
.work-content .work-item .work-item-inner {
order: 2; }
.work-content .work-item .work-item-img {
order: 1; } }
.work-info {
padding-top: 48px;
padding-bottom: 48px;
border-bottom: 2px solid #EEF1F4; }
@media screen and (max-width: 640px) {
.work-info {
padding-top: 16px;
padding-bottom: 16px; } }
.work-info h2 {
font-weight: 700;
font-size: 2.5rem;
color: #005BAB;
margin-bottom: 16px; }
@media screen and (max-width: 640px) {
.work-info h2 {
font-size: 2rem;
margin-bottom: 8px; } }
.work-info .work-info-inner {
display: flex;
gap: 64px;
flex-wrap: wrap; }
@media screen and (max-width: 640px) {
.work-info .work-info-inner {
gap: 16px;
flex-direction: column; } }
.work-info .page-table {
width: 751px; }
@media screen and (max-width: 640px) {
.work-info .page-table {
width: 100%;
order: 2; } }
.work-info .work-info-img {
width: calc(100% - 815px);
border-radius: 24px;
padding-top: 55px; }
@media screen and (max-width: 640px) {
.work-info .work-info-img {
width: 100%;
order: 1;
padding-top: 0; } }
.work-info .page-table table tr th:first-child,
.work-info .page-table table tr td:first-child {
width: 167px;
text-align: left; }
.single-review .work-intro {
border-bottom: none; }
.work-intro {
padding-top: 48px;
padding-bottom: 48px;
border-bottom: 2px solid #EEF1F4;
display: flex;
flex-wrap: wrap;
gap: 68px;
align-items: center; }
@media screen and (max-width: 640px) {
.work-intro {
padding-bottom: 16px;
padding-top: 16px;
flex-direction: column;
gap: 16px; } }
.work-intro .work-intro-inner {
width: 747px;
color: #2F3D5E; }
@media screen and (max-width: 640px) {
.work-intro .work-intro-inner {
width: 100%; } }
.work-intro .work-intro-inner h2 {
margin-bottom: 24px;
font-weight: bold;
color: #005BAB;
font-size: 2.5rem; }
@media screen and (max-width: 640px) {
.work-intro .work-intro-inner h2 {
font-size: 2rem;
margin-bottom: 8px; } }
.work-intro .work-intro-inner h3 {
margin-bottom: 8px;
font-weight: bold;
color: #005BAB; }
@media screen and (max-width: 640px) {
.work-intro .work-intro-inner h3 {
margin-bottom: 8px; } }
.work-intro .work-intro-img {
width: calc(100% - 747px - 68px);
border-radius: 24px;
position: relative;
overflow: hidden; }
@media screen and (max-width: 640px) {
.work-intro .work-intro-img {
width: 100%;
border-radius: 16px; } }
.work-intro .work-intro-img span {
position: absolute;
right: 0;
bottom: 25px;
font-weight: bold;
font-size: 1.8rem;
color: #fff;
background: #005BAB;
padding: 10px;
border-radius: 16px 0 0 16px; }
@media screen and (max-width: 640px) {
.work-intro .work-intro-img span {
bottom: 17px; } }
.review-content {
display: flex;
flex-direction: column;
gap: 32px; }
@media screen and (max-width: 640px) {
.review-content {
gap: 16px; } }
.review-content .review-item {
border-bottom: 2px solid #EEF1F4;
padding-bottom: 32px;
display: flex;
flex-direction: column;
gap: 16px; }
@media screen and (max-width: 640px) {
.review-content .review-item {
gap: 8px;
padding-bottom: 16px; } }
.review-content .review-item .review-question {
font-weight: 700;
font-size: 3.6rem;
color: #005BAB; }
@media screen and (max-width: 640px) {
.review-content .review-item .review-question {
font-size: 2rem; } }
.topic-list {
padding-bottom: 154px; }
@media screen and (max-width: 640px) {
.topic-list {
padding-bottom: 75px; } }
.post-meta {
display: flex;
gap: 16px; }
.post-meta .post-date {
font-size: 1.6rem;
position: relative; }
.post-meta .post-date:after {
content: '';
position: absolute;
width: 1px;
height: 12px;
right: -8px;
top: 50%;
transform: translateY(-50%);
background: #EEF1F4; }
.post-meta .post-tag {
display: flex;
flex-wrap: wrap;
gap: 8px; }
.post-meta .post-tag li a {
display: block;
background: #CFD8DC;
border-radius: 4px;
padding: 2px 6px;
font-weight: bold;
color: #2F3D5E;
font-size: 1.4rem; }
.single-post-block {
padding-bottom: 162px; }
@media screen and (max-width: 640px) {
.single-post-block {
padding-bottom: 72px; } }
@media screen and (max-width: 640px) {
.single-post-block .container {
padding: 0; } }
.single-post-content {
margin-bottom: 0;
box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.07); }
@media screen and (max-width: 640px) {
.single-post-content {
border-radius: 0; } }
.single-post-content h1 {
margin-bottom: 16px;
font-size: 4.4rem;
color: #005BAB; }
@media screen and (max-width: 640px) {
.single-post-content h1 {
font-size: 2.8rem; } }
.single-post-content .post-thumb {
border-radius: 24px;
overflow: hidden;
margin-bottom: 16px; }
.single-post-content .post-excerpt {
border-bottom: 1px solid #ECF4FD;
padding-bottom: 16px; }
.single-post-content .p-toc {
display: none; }
.single-post-content h2 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 2.5rem;
color: #005BAB; }
.single-post-content .wp-block-spacer {
margin-top: 32px;
background: #ECF4FD; }
.contact-section {
padding-bottom: 90px; }
@media screen and (max-width: 640px) {
.contact-section {
padding-bottom: 67px; } }
.contact-section-inner {
border-radius: 48px;
padding: 68px;
background: #fff; }
@media screen and (max-width: 640px) {
.contact-section-inner {
padding: 16px;
border-radius: 24px; } }
.contact-section-inner .contact-intro {
margin-bottom: 32px; }
.contact-section-inner .contact-intro a {
color: #005BAB;
border-bottom: 1px solid #005BAB; }
.contact-section-inner .wpcf7-form {
width: 100%;
max-width: 100%;
padding: 0; }
.contact-section-inner .wpcf7-form dl {
padding: 0;
border: none;
margin-bottom: 16px; }
.contact-section-inner .wpcf7-form dt {
margin-bottom: 8px;
font-size: 1.8rem; }
.contact-section-inner .wpcf7-form dt.fw-normal p {
font-weight: normal; }
.contact-section-inner .wpcf7-form dt .required {
font-size: 1.8rem;
margin-left: 0;
font-weight: normal;
color: #E43336; }
.contact-section-inner .wpcf7-form dd .wpcf7-form-customized {
font-size: 1.8rem;
color: #2F3D5E;
background: #fff;
border: 1px solid #ECF4FD;
border-radius: 8px;
padding: 16px; }
.contact-section-inner .wpcf7-form dd .note {
font-size: 1.4rem;
margin-top: 8px;
color: #2F3D5E; }
.contact-section-inner .wpcf7-form dd .wpcf7-not-valid-tip {
font-size: 1.4rem;
margin-top: 4px; }
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
border-radius: 0;
border: none; }
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox .wpcf7-list-item {
margin: 0; }
@media screen and (max-width: 640px) {
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox .wpcf7-list-item label {
display: flex;
gap: 8px; } }
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox .wpcf7-list-item-label {
font-size: 1.4rem;
padding-left: 8px; }
@media screen and (max-width: 640px) {
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox .wpcf7-list-item-label {
padding-left: 0; } }
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox .wpcf7-list-item-label:before {
display: none; }
.contact-section-inner .wpcf7-form dd .wpcf7-checkbox input {
border-width: 2px;
border-color: #2F3D5E;
position: relative;
top: 3px;
left: 3px;
width: 18px;
height: 18px; }
.contact-section-inner .wpcf7-form dd .inquiry-other {
margin-top: 8px;
margin-left: 30px;
width: calc(100% - 30px); }
.contact-section-inner .wpcf7-form .dl-space {
width: 100%;
height: 2px;
background: #EEF1F4;
margin-top: 32px;
margin-bottom: 32px; }
@media screen and (max-width: 640px) {
.contact-section-inner .wpcf7-form .dl-space {
margin-top: 16px;
margin-bottom: 16px; } }
.contact-section-inner .wpcf7-form .submit-box {
margin-top: 32px;
text-align: left; }
@media screen and (max-width: 640px) {
.contact-section-inner .wpcf7-form .submit-box {
margin-top: 16px; } }
.contact-section-inner .wpcf7-form .wpcf7-submit {
background: #28A794 url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_wh.png) no-repeat center right 24px;
border-radius: 16px;
border-bottom: 4px solid #1C8979;
font-weight: 600;
width: 105px;
height: 47px;
padding: 11px 24px;
display: flex;
align-items: center;
justify-content: start;
font-size: 1.8rem;
line-height: 1;
text-align: left; }
@media screen and (max-width: 640px) {
.contact-section-inner .wpcf7-form .wpcf7-submit {
width: 100%;
text-align: center;
background-position: center right 135px;
text-indent: -5px; } }
.contact-section-inner .wpcf7-form .wpcf7-submit:hover {
background-color: #1C8979; }
.contact-section-inner .wpcf7-form .wpcf7-spinner {
display: none; }
.contact-section-inner .wpcf7-captchar {
font-size: 1.8rem;
width: 100%;
color: #2F3D5E;
background: #fff;
border: 1px solid #ECF4FD;
border-radius: 8px;
padding: 16px; }
.header {
position: fixed;
top: 0;
width: 100%;
display: flex;
justify-content: space-between;
background-color: #ffffff;
padding: 33px 239px 31px calc(min(22px, (100% - 1420px) / 2));
min-height: 45px;
gap: 10px;
z-index: 999; }
@media screen and (max-width: 1199px) {
.header {
padding: 16px;
flex-flow: column-reverse;
padding: 0;
gap: 0;
justify-content: flex-end; } }
.header-mobile {
position: relative; }
.header-mobile .btn-menu {
position: absolute;
right: 5px;
top: -50px;
display: flex;
flex-direction: column;
justify-content: center;
width: 32px;
height: 32px;
z-index: 100;
gap: 6.5px; }
.header-mobile .btn-menu .line {
height: 1px;
width: 27px;
background-color: #192E60;
border-radius: 1rem;
transition: transform 0.3s ease; }
.header-mobile .header-nav {
display: block;
position: absolute;
top: 100%;
background: #ffffff;
width: 100%;
padding: 20px 0;
transform: translateY(-100%);
transition: transform 0.3s ease;
z-index: 9; }
@media screen and (max-width: 1199px) {
.header-mobile .header-nav {
height: 100vh;
padding: 0; } }
.header-mobile .header-nav ul {
flex-flow: column;
justify-content: center;
gap: 8px; }
@media screen and (max-width: 1199px) {
.header-mobile .header-nav ul {
gap: 0; } }
.header-mobile .header-nav ul .item {
text-align: center; }
@media screen and (max-width: 1199px) {
.header-mobile .header-nav ul .item {
text-align: left;
padding: 0; }
.header-mobile .header-nav ul .item a {
display: block;
padding: 20px 16px;
font-size: 2.2rem;
color: #005BAB;
border-top: 1px solid #EEF1F4;
border-bottom: 1px solid #EEF1F4;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/arrow_green.png) no-repeat center right 16px; } }
.header-mobile.open .btn-menu .line:nth-child(1) {
transform: rotate(45deg) translate(6px, 5px); }
.header-mobile.open .btn-menu .line:nth-child(2) {
opacity: 0; }
.header-mobile.open .btn-menu .line:nth-child(3) {
transform: rotate(-45deg) translate(6px, -5px); }
.header-mobile.open .header-nav {
transform: translateY(0); }
.header-logo {
position: relative;
padding: 0 0 0 10px; }
@media screen and (max-width: 1199px) {
.header-logo {
width: 100%;
background-color: #ffffff;
z-index: 10;
padding: 16px 0 16px 8px; }
.header-logo a,
.header-logo h1 {
display: block;
max-width: 206px; } }
.header-right {
display: flex;
gap: 32px; }
@media screen and (max-width: 1199px) {
.header-right {
position: fixed;
z-index: 8;
display: block;
bottom: 0;
transform: translateY(73px);
opacity: 0;
transition: all 0.3s;
width: 100%;
left: 0; }
.header-right.showed {
opacity: 1;
transform: translateY(0); } }
@media screen and (max-width: 1199px) {
.header-nav {
width: 100%;
order: 3; } }
@media screen and (max-width: 640px) {
.header-nav {
display: none; } }
.header-nav ul {
display: flex;
list-style: none;
gap: 32px; }
@media screen and (max-width: 1199px) {
.header-nav ul {
gap: 16px; } }
.header-nav ul .item {
font-size: 1.6rem;
font-weight: 600;
padding: 12px 0; }
@media screen and (max-width: 1199px) {
.header-nav ul .item {
flex: 1;
text-align: center; } }
.header-nav ul .item a {
position: relative; }
.header-nav ul .item a:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 100%;
height: 1px;
background-color: #2aa28f;
transform: translateX(-50%) scaleX(0);
transform-origin: center;
transition: transform 0.4s ease; }
@media screen and (min-width: 641px) {
.header-nav ul .item a:hover {
color: #2aa28f; }
.header-nav ul .item a:hover:after {
transform: translateX(-50%) scaleX(1); } }
@media screen and (min-width: 641px) {
.header-nav ul .item.current-menu-item a {
color: #2aa28f; }
.header-nav ul .item.current-menu-item a:after {
transform: translateX(-50%) scaleX(1); } }
@media screen and (max-width: 1199px) {
.header-line {
order: 1; } }
.header-line a {
position: relative;
display: flex;
z-index: 1;
align-items: center;
justify-content: center;
width: 201px;
height: 50px;
padding: 9px 12px;
gap: 8px;
color: #ffffff;
background-color: #3BC705;
border-radius: 2px 2px 0 0;
font-weight: 600;
transition: all 0.3s;
font-size: 1.6rem; }
@media screen and (min-width: 641px) {
.header-line a:hover {
background: #318810; } }
@media screen and (max-width: 1199px) {
.header-line a {
width: 100%;
font-size: 1.4rem;
line-height: 1.4285714286;
padding: 4px 24px;
border-radius: 0; } }
@media screen and (max-width: 1199px) and (max-width: 640px) {
.header-line a {
height: 45px; } }
.header-line a:before {
content: '';
width: 32px;
height: 32px;
margin-bottom: -1px;
background: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/header/icon_line.png) no-repeat center center;
background-size: 100% auto;
display: block; }
@media screen and (max-width: 640px) {
.header-line a:before {
width: 20px;
height: 20px;
margin-bottom: 0; } }
.header-line a:after {
content: '';
width: 100%;
height: 5px;
position: absolute;
bottom: -5px;
left: 0;
background-color: #318810;
border-radius: 0 0 6px 6px; }
@media screen and (max-width: 1199px) {
.header-line a:after {
display: none; } }
@media screen and (max-width: 640px) {
.header-line a:after {
content: none; } }
.header-contact {
position: absolute;
right: 0;
top: 0; }
@media screen and (max-width: 1199px) {
.header-contact {
position: static;
order: 2;
display: flex; } }
@media screen and (max-width: 640px) {
.header-contact {
position: static;
display: flex; } }
.header-contact a {
width: 220px;
display: block;
color: #ffffff;
font-weight: bold;
background-repeat: no-repeat;
background-position: 12px center;
padding: 8px 0 9px 44px; }
@media screen and (max-width: 1199px) {
.header-contact a {
width: 50%;
display: flex;
flex-flow: column;
justify-content: center;
padding-left: 51px; } }
.header-contact a.phone {
font-size: 2.2rem;
background-color: #005BAB;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/header/icon_phone.png);
transition: all 0.3s; }
@media screen and (min-width: 641px) {
.header-contact a.phone:hover {
background-color: #2F3D5E; } }
@media screen and (max-width: 640px) {
.header-contact a.phone {
font-size: 1.6rem;
line-height: 1.4375;
background-position: 19px center; } }
.header-contact a.mail {
padding: 20px 0 15px 50px;
font-size: 1.4rem;
background-color: #28A794;
border-bottom-left-radius: 18px;
background-image: url(https://magokororeform.com/wp-content/themes/swell_child/assets/images/common/header/icon_email.png);
transition: all 0.3s; }
@media screen and (min-width: 641px) {
.header-contact a.mail:hover {
background-color: #1C8979; } }
@media screen and (max-width: 1199px) {
.header-contact a.mail {
border-radius: 0; } }
@media screen and (max-width: 1199px) {
.header-contact a.mail {
border-radius: 0;
padding: 7px 0 7px 47px;
font-size: 1.3rem;
line-height: 1.2307692308;
background-size: 20px auto;
background-position: 14px center; } }
.header-contact a.mail span {
display: block;
font-weight: 500; }
.header-contact a.mail span.ttl {
font-weight: 900;
margin-bottom: 6px;
font-size: 1.7rem;
line-height: 0.9411764706; }
@media screen and (max-width: 640px) {
.header-contact a.mail span.ttl {
font-size: 1.4rem;
line-height: 1.1428571429;
margin-bottom: 3px; } }
main {
padding-top: 118px; }
@media screen and (max-width: 1199px) {
main {
padding-top: 65px; } }
.footer {
background: #ffffff; }
@media screen and (max-width: 640px) {
.footer {
padding-top: 32px;
padding-bottom: 75px; } }
@media screen and (max-width: 1199px) {
.footer .container {
padding: 0 8px; } }
.footer-inner {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #EEF1F4;
padding-bottom: 49px;
gap: 10px; }
@media screen and (max-width: 768px) {
.footer-inner {
flex-flow: column;
gap: 16px;
padding-bottom: 24px; } }
.footer-left {
padding-top: 57px; }
@media screen and (max-width: 640px) {
.footer-left {
padding-top: 0; } }
.footer-right {
padding-top: 36px; }
@media screen and (max-width: 768px) {
.footer-right {
padding-top: 0; } }
.footer-logo {
margin-bottom: 43px; }
@media screen and (max-width: 768px) {
.footer-logo {
margin-bottom: 16px; } }
.footer-summary {
font-size: 18px; }
@media screen and (max-width: 640px) {
.footer-summary {
text-align: center; } }
.footer-nav {
margin-bottom: 44px; }
@media screen and (max-width: 768px) {
.footer-nav {
margin-bottom: 20px; } }
.footer-nav ul {
display: flex;
gap: 48px; }
@media screen and (max-width: 1199px) {
.footer-nav ul {
gap: 16px; } }
@media screen and (max-width: 768px) {
.footer-nav ul {
flex-flow: column;
align-items: center;
gap: 0; } }
.footer-nav ul li {
padding: 12px 0; }
@media screen and (max-width: 640px) {
.footer-nav ul li {
padding: 12px 0 10px; } }
.footer-nav ul li a {
font-size: 16px;
font-weight: 600;
position: relative; }
.footer-nav ul li a:after {
content: "";
position: absolute;
left: 50%;
bottom: -10px;
width: 100%;
height: 1px;
background-color: #2aa28f;
transform: translateX(-50%) scaleX(0);
transform-origin: center;
transition: transform 0.4s ease; }
@media screen and (min-width: 641px) {
.footer-nav ul li a:hover {
color: #2aa28f; }
.footer-nav ul li a:hover:after {
transform: translateX(-50%) scaleX(1); } }
@media screen and (min-width: 641px) {
.footer-nav ul li.current-menu-item a {
color: #2aa28f; }
.footer-nav ul li.current-menu-item a:after {
transform: translateX(-50%) scaleX(1); } }
.footer-sns {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px; }
@media screen and (max-width: 768px) {
.footer-sns {
justify-content: center; } }
.footer .copyright {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
font-size: 16px; }
@media screen and (max-width: 640px) {
.footer .copyright {
font-weight: 400;
padding-top: 16px;
padding-bottom: 16px;
font-size: 1.4rem;
line-height: 1.4285714286; } }