@charset "UTF-8";

* {
color: #333333;
font-family: "Trebuchet MS", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
}
img {
width: 100%;
height: auto;
}
.tab-only {
display: none;
}
@media screen and (max-width: 960px) {
.tab-only {
display: block;
}
}
@media screen and (max-width: 960px) {
.pc-only {
display: none;
}
}
.justify {
text-align: justify;
text-justify: inter-ideograph;
}
.marutto-hikari .marutto-hikari-kome {
font-size: 13px;
line-height: 23px;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari-kome {
font-size: 12px;
line-height: 20px;
}
}
.marutto-hikari {
font-family: "Noto Sans JP", sans-serif !important;
font-family: "Hind", sans-serif !important;
color: #484848;
font-size: 62.5%;
line-height: 1.5;
word-break: break-all;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.marutto-hikari figure {
margin: 0;
padding: 0;
}
.marutto-hikari a {
color: #000000;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.marutto-hikari a:hover {
text-decoration: none;
}
.marutto-hikari i:hover {
text-decoration: none;
}
.marutto-hikari section {
padding-top: 70px;
padding-bottom: 70px;
}
@media screen and (max-width: 960px) {
.marutto-hikari section {
padding-top: 30px;
padding-bottom: 30px;
}
}
.marutto-hikari .marutto-hikari_button, .marutto-hikari .marutto-hikari_button2 {
position: relative;
}
.marutto-hikari .marutto-hikari_button a, .marutto-hikari .marutto-hikari_button2 a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0.3em 0.3em 0 0;
width: 260px;
height: 55px;
border-radius: 35px;
background-color: #FF0B8F;
border: 1px solid #FF0B8F;
color: #fff;
font-size: 18px;
font-weight: bold;
letter-spacing: 3px;
}
.marutto-hikari .marutto-hikari_button a::before, .marutto-hikari .marutto-hikari_button2 a::before {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
width: 12px;
height: 12px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
}
.marutto-hikari .marutto-hikari_button a:hover, .marutto-hikari .marutto-hikari_button2 a:hover {
background-color: #fff;
color: #FF0B8F;
opacity: 1;
}
.marutto-hikari .marutto-hikari_button a:hover::before, .marutto-hikari .marutto-hikari_button2 a:hover::before {
border-right: 3px solid #FF0B8F;
border-bottom: 3px solid #FF0B8F;
}
.marutto-hikari .marutto-hikari_button::after, .marutto-hikari .marutto-hikari_button2::after {
z-index: -1;
position: absolute;
left: 0;
top: 3px;
width: 100%;
height: 100%;
background: #ddd;
border-radius: 35px;
content: "";
}
.marutto-hikari .marutto-hikari_button2 {
margin-right: auto;
margin-left: auto;
width: 400px;
}
.marutto-hikari .marutto-hikari_button2 a {
width: 100%;
height: 70px;
border-radius: 10px;
}
.marutto-hikari .marutto-hikari_button2::after {
border-radius: 10px;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari_button2 {
width: 90%;
}
}
.marutto-hikari .marutto-hikari__headline01 {
text-align: center;
}
.marutto-hikari .marutto-hikari__headline01 span {
display: inline-block;
padding: 0 35px;
font-size: 28px;
font-weight: bold;
letter-spacing: 2px;
line-height: 1.5em;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/fukidashi_L.svg), url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/fukidashi_R.svg);
background-size: 35px auto;
background-position: left top, right top;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline01 span {
padding: 0 40px;
font-size: 18px;
line-height: 28px;
letter-spacing: 2.58px;
background-position: left bottom, right bottom;
}
}
.marutto-hikari .marutto-hikari__headline02 {
padding-bottom: 20px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/water_textline.svg);
background-size: 113px auto;
background-position: center bottom;
text-align: center;
color: #175190;
font-size: 32px;
line-height: 46px;
letter-spacing: 2.56px;
font-weight: 500;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline02 {
padding-bottom: 10px;
background-size: 100px auto;
font-size: 20px;
line-height: 30px;
letter-spacing: 1.6px;
}
}
.marutto-hikari .marutto-hikari__headline03 span {
display: inline-block;
font-size: 28px;
font-weight: bold;
letter-spacing: 3.92px;
line-height: 1;
background: linear-gradient(transparent 30%, #ff6 30%);
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline03 span {
font-size: 18px;
letter-spacing: 2.52px;
}
}
.marutto-hikari .marutto-hikari__headline04 {
padding-bottom: 20px;
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 2.8px;
line-height: 34px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/fukidashi-line.svg);
background-size: 285px auto;
background-position: center bottom;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline04 {
font-size: 16px;
letter-spacing: 2.24px;
line-height: 26px;
background-size: 230px auto;
}
}
.marutto-hikari .marutto-hikari__headline05 {
font-size: 26px;
letter-spacing: 3.64px;
text-align: center;
font-weight: bold;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline05 {
font-size: 16px;
letter-spacing: 2.24px;
}
}
.marutto-hikari .marutto-hikari__read {
font-size: 20px;
font-weight: bold;
line-height: 34px;
text-align: center;
letter-spacing: 2.8px;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__read {
font-size: 16px;
line-height: 26px;
}
}
.marutto-hikari__header {
position: relative;
display: flex;
justify-content: center;
align-items: flex-end;
padding-bottom: 30px;
height: 770px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/title_back_pc.jpg);
background-size: cover;
}
@media screen and (max-width: 960px) {
.marutto-hikari__header {
align-items: center;
padding: 0;
height: 90vh;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/marutto-water/title_back_sp.jpg);
background-position: center top;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__header_key {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
}
.marutto-hikari .bottom-fix {
display: none;
}
@media screen and (max-width: 960px) {
.marutto-hikari .bottom-fix {
z-index: 999;
position: fixed;
left: 0;
bottom: 0;
padding: 0px;
width: 100%;
height: auto;
background-color: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
text-align: center;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.24px;
}
.marutto-hikari .scroll-down.bottom-fix {
display: block;
}
.marutto-hikari .down_footer.bottom-fix {
display: none !important;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari .bottom-fix__button_wrapper {
display: flex;
justify-content: space-between;
padding: 0;
margin: 10px 10px 6px;
column-gap: 12px;
}
.marutto-hikari .bottom-fix__button_wrapper li {
list-style-type: none;
list-style: none;
flex: 1;
}
.marutto-hikari .bottom-fix__button_wrapper li a {
text-align: center;
font-size: 15px;
line-height: 20px;
color: #fff;
border-radius: 5px;
display: block;
padding: 5px;
height: 70px;
}
.marutto-hikari .bottom-fix__button_wrapper li a span {
color: #fff;
}
.marutto-hikari .bottom-fix__button_wrapper li a img {
width: 25px;
display: block;
margin: 9px auto 10px;
}
.marutto-hikari .bottom-fix__button_wrapper li a.web {
background-color: #00c917;
color: #fff;
}
.marutto-hikari .bottom-fix__button_wrapper li a.tel {
background-color: #ff8b40;
color: #fff;
}
.marutto-hikari .bottom-fix__button_wrapper li a.tel img {
margin: 4px auto 10px;
}
.marutto-hikari .bottom-fix__button_wrapper li a.line {
background-color: #00b900;
color: #fff;
}
.marutto-hikari .bottom-fix__button_wrapper li a.line img {
margin: 0 auto;
width: 38px;
}
}  .marutto-hikari .marutto-video {
width: 100%;
height: auto;
}
.marutto-hikari section.marutto-hikari__form {
padding-bottom: 0;
}
.marutto-hikari .marutto-hikari_button a {
background-color: #00C917;
border-color: #00C917;
}
.marutto-hikari .marutto-hikari_button a:hover {
color: #00C917;
}
.marutto-hikari .marutto-hikari_button a:hover::before {
border-right-color: #00C917;
border-bottom-color: #00C917;
}
.marutto-hikari .marutto-hikari_button2 a {
background-color: #00C917;
border-color: #00C917;
}
.marutto-hikari .marutto-hikari_button2 a:hover {
color: #00C917;
}
.marutto-hikari .marutto-hikari_button2 a:hover::before {
border-right-color: #00C917;
border-bottom-color: #00C917;
}
.marutto-hikari .marutto-hikari__headline01 span {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/fukidashi_L.svg), url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/fukidashi_R.svg);
}
.marutto-hikari .marutto-hikari__headline02 {
padding-bottom: 23px;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/hikari_textline.svg);
color: #FF8B40;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline02 {
padding-bottom: 15px;
}
}
.marutto-hikari .marutto-hikari__headline04 {
padding-bottom: 34px;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/fukidashi-line.svg);
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__headline04 {
padding-bottom: 20px;
}
}
.marutto-hikari .marutto-hikari__read {
margin-top: 35px;
}
@media screen and (max-width: 960px) {
.marutto-hikari .marutto-hikari__read {
margin-top: 18.5px;
}
}
.marutto-hikari__header {
height: 1005px;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/title_back_pc.webp);
}
@media screen and (max-width: 960px) {
.marutto-hikari__header {
height: 73.5vh;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/title_back_sp.jpg);
}
}
.marutto-hikari__header_key_copy {
width: 607px;
position: absolute;
left: 20%;
top: 167px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__header_key_copy {
width: 90%;
left: auto;
align-self: flex-start;
top: 67px;
}
}
.marutto-hikari__header_key_icon {
position: absolute;
left: 20%;
top: 495px;
width: 596px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__header_key_icon {
width: 69%;
left: 20px;
top: 306px;
}
}
.marutto-hikari__saiyasu {
position: relative;
background-image: repeating-linear-gradient(90deg, #ffec9a, #ffec9a 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, #ffec9a, #ffec9a 1px, #fff 1px, #fff 20px);
}
.marutto-hikari__saiyasu_title.marutto-hikari__headline01 span {
letter-spacing: 3.92px;
padding: 0 53px;
background-size: 33px auto;
background-position: left 11px, right 11px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu_title.marutto-hikari__headline01 span {
padding: 0 35px;
background-size: 23px auto;
letter-spacing: 2.8px;
background-position: left bottom, right bottom;
}
}
.marutto-hikari__saiyasu_inner {
position: relative;
margin: 0 auto;
width: 1120px;
max-width: 100%;
}
.marutto-hikari__saiyasu__col {
display: flex;
width: 944px;
margin: 0 auto 25px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col {
display: block;
width: 90%;
}
}
.marutto-hikari__saiyasu__col__item {
width: 50%;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__item {
width: 100%;
}
}
.marutto-hikari__saiyasu__col__item:first-child {
margin-top: 10px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__item:first-child {
margin-bottom: 5px;
}
}
.marutto-hikari__saiyasu__col__ttl {
margin-bottom: 12px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__ttl {
text-align: center;
margin-bottom: 20px;
}
}
.marutto-hikari__saiyasu__col.col_first .marutto-hikari__saiyasu__col__ttl > img {
width: 213px;
}
.marutto-hikari__saiyasu__col.col_last .marutto-hikari__saiyasu__col__ttl > img {
width: 413px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col.col_last .marutto-hikari__saiyasu__col__ttl > img {
width: 100%;
max-width: 213px;
margin: 0 auto;
}
}
.marutto-hikari__saiyasu__col.col_last .marutto-hikari__saiyasu__col__read {
line-height: 1.5;
letter-spacing: 3.92px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col.col_last .marutto-hikari__saiyasu__col__read {
letter-spacing: 1.5px;
}
}
.marutto-hikari__saiyasu__col__read {
font-size: 20px;
font-weight: bold;
line-height: 2;
letter-spacing: 2.8px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__read {
font-size: 16px;
line-height: 1.875;
letter-spacing: 0;
}
}
.marutto-hikari__saiyasu__col__read .span_red {
color: #e50000;
font-size: 32px;
text-decoration: underline;
line-height: 1;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__read .span_red {
font-size: 20px;
}
}
.marutto-hikari__saiyasu__col__read .span_black {
font-size: 28px;
line-height: 1.42;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__col__read .span_black {
font-size: 20px;
letter-spacing: 1.5px;
}
}
.marutto-hikari__saiyasu__arw {
width: 208px;
margin: 0 auto 35px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__arw {
width: 80px;
margin-bottom: 9px;
}
}
.marutto-hikari__saiyasu__arw img {
width: 100%;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami {
width: 90%;
margin: 0 auto;
}
}
.marutto-hikari__saiyasu__nayami__read {
margin-bottom: 18px;
font-weight: bold;
}
.marutto-hikari__saiyasu__nayami__read > span {
display: block;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__read > span {
display: inline;
letter-spacing: 0;
}
}
.marutto-hikari__saiyasu__nayami__read__01 {
text-align: center;
font-size: 20px;
letter-spacing: 2.8px;
margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__read__01 {
font-size: 16px;
line-height: 1.875;
letter-spacing: 0;
margin-bottom: 0;
}
}
.marutto-hikari__saiyasu__nayami__read__02 {
text-align: center;
font-size: 20px;
letter-spacing: 2.8px;
margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__read__02 {
font-size: 16px;
letter-spacing: 0;
margin-bottom: 0;
line-height: 1.5;
}
}
.marutto-hikari__saiyasu__nayami__read__02 > span {
font-size: 28px;
letter-spacing: 3.92px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__read__02 > span {
font-size: 20px;
letter-spacing: 0;
line-height: 1.5;
}
}
.marutto-hikari__saiyasu__nayami__read__03 {
color: #FF8B40;
font-weight: bold;
font-size: 32px;
line-height: 1;
text-align: center;
letter-spacing: 4.48px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__read__03 {
color: #FF8B40;
font-size: 20px;
text-align: left;
}
}
.marutto-hikari__saiyasu__nayami__col {
background: #fff;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 17px;
padding-bottom: 18px;
padding-left: 22px;
padding-right: 26px;
margin-bottom: 53px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__col {
display: block;
}
}
.marutto-hikari__saiyasu__nayami__col__item {
font-size: 20px;
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__col__item {
font-size: 14px;
line-height: 1.714;
font-weight: normal;
}
}
.marutto-hikari__saiyasu__nayami__col__item:first-child {
margin-right: 46px;
max-width: 450px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu__nayami__col__item:first-child {
margin-right: 0;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__saiyasu_img {
margin: 30px auto 0 auto;
width: 75%;
}
}
.marutto-hikari__getsugaku_title {
margin-bottom: 32px;
text-align: center;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/0yen_back.svg) no-repeat center top/contain;
height: 172px;
padding-top: 20px;
padding-bottom: 30px;
box-sizing: content-box;
margin-bottom: 28px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku_title {
height: 157px;
margin-bottom: 0;
background-size: 130%;
}
}
.marutto-hikari__getsugaku_title span {
font-weight: bold;
padding: 0 40px !important;
font-size: 28px;
line-height: 1.428;
letter-spacing: 3.92px;
margin-bottom: 20px;
display: block;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku_title span {
padding: 0 45px !important;
background-size: 26px auto !important;
height: 54px;
font-size: 24px;
margin-bottom: 10px;
letter-spacing: 3.36px;
}
}
.marutto-hikari__getsugaku_title > img {
width: 318px;
}
.marutto-hikari__getsugaku_title_sub {
margin-bottom: 22px;
}
.marutto-hikari__getsugaku_title_sub span {
padding: 0 43px !important;
background-size: 27px auto !important;
line-height: 2em !important;
}
.marutto-hikari__getsugaku__table_pc {
border-collapse: collapse;
border: 1px solid #333333;
max-width: 784px;
width: 100%;
margin: 0 auto 12px;
}
.marutto-hikari__getsugaku__table_pc th,
.marutto-hikari__getsugaku__table_pc td {
border: 1px solid #333333;
text-align: center;
}
.marutto-hikari__getsugaku__table_pc thead th {
background: #707070;
}
.marutto-hikari__getsugaku__table_pc thead td {
background: #FF8B40;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 15px 0;
}
.marutto-hikari__getsugaku__table_pc tbody tr:first-child th,
.marutto-hikari__getsugaku__table_pc tbody tr:first-child td {
font-size: 20px;
font-weight: bold;
background: #FFF5C6;
}
.marutto-hikari__getsugaku__table_pc tbody tr th,
.marutto-hikari__getsugaku__table_pc tbody tr td {
padding: 12.5px 0;
line-height: 1.2;
}
.marutto-hikari__getsugaku__table_pc tbody tr th {
font-size: 20px;
}
.marutto-hikari__getsugaku__table_pc tbody tr td {
font-size: 18px;
}
.marutto-hikari__getsugaku__table_pc tbody tr td span {
font-size: 15px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab {
width: 90%;
margin: 0 auto 16px;
display: table;
border: 1px solid #333333;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab th,
.marutto-hikari__getsugaku__table_tab td {
border: 1px solid #333333;
padding: 10px 0;
font-size: 13px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab th {
text-align: center;
background: #FFF5C6;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab th.table_hd_tab {
padding: 6px 0;
background: #FF8B40;
color: #fff;
font-size: 16px;
letter-spacing: 2.6px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab th.th_sub {
background: #F4F4F5;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab td {
text-align: left;
padding-left: 12px;
font-size: 15px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__table_tab td.maru {
background: #FFF5C6;
}
}
.marutto-hikari__getsugaku__caution {
text-align-last: left;
font-size: 13px;
max-width: 784px;
width: 100%;
margin: 0 auto;
font-weight: 300;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku__caution {
max-width: 90%;
font-size: 12px;
}
}
.marutto-hikari__getsugaku_item {
margin: 0 auto;
width: 1120px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku_item {
width: 100%;
max-width: 90%;
}
}
.marutto-hikari__getsugaku_item > li:first-child .marutto-hikari__getsugaku_item_img span::after {
z-index: -1;
position: absolute;
left: 15px;
top: 15px;
width: 100%;
height: 100%;
background: transparent linear-gradient(123deg, #F0FBFF 0%, #F7F7FF 100%) 0% 0% no-repeat padding-box;
content: "";
}
.marutto-hikari__getsugaku_item_img {
width: 570px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__getsugaku_item_img {
max-width: 90%;
}
}
.marutto-hikari__getsugaku_item_img span {
position: relative;
width: 100%;
display: inline-block;
}
.marutto-hikari__getsugaku_item_body {
width: 480px;
}
.marutto-hikari__getsugaku_item_body_title {
display: flex;
align-items: flex-end;
}
.marutto-hikari__getsugaku_item_body_title_no {
margin-right: 1em;
width: 100px;
}
.marutto-hikari__getsugaku_item_body_text {
position: relative;
margin-top: 30px;
padding: 30px 0;
}
.marutto-hikari__getsugaku_item_body_text::before, .marutto-hikari__getsugaku_item_body_text::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 3px;
margin: auto;
background-image: linear-gradient(to right, #333, #333 10px, transparent 10px, transparent 20px);
background-size: 20px 3px;
background-repeat: repeat-x;
}
.marutto-hikari__getsugaku_item_body_text::before {
top: 0;
}
.marutto-hikari__getsugaku_item_body_text::after {
bottom: 0;
}
.marutto-hikari__getsugaku_item_body_text p {
font-size: 18px;
line-height: 32px;
}
.marutto-hikari__getsugaku_item_body_text p:not(:first-child) {
margin-top: 1em;
}
.marutto-hikari__getsugaku_item li {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.marutto-hikari__teikakaku {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/teikakaku_back.webp), url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/price_back.webp);
background-repeat: no-repeat, no-repeat;
background-position: center top, center 67%;
background-size: auto 39%, 100% auto;
padding-bottom: 0 !important;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku {
padding: 0 20px;
background: none;
padding: 0;
padding-top: 0 !important;
}
}
.marutto-hikari__teikakaku_title {
max-width: 1136px;
width: 100%;
margin: 0 auto 170px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku_title {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 32px;
padding-bottom: 95px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/teikakaku_back.jpg) no-repeat 37% top/231%;
}
}
.marutto-hikari__teikakaku_title > img {
width: 472px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku_title > img {
width: 83.5%;
padding-left: 20px;
}
}
.marutto-hikari__teikakaku_read {
margin-top: 40px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku_read {
margin-top: 20px;
}
}
.marutto-hikari__teikakaku .marutto-hikari-kome {
margin-top: 1em;
text-align: center;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku_img {
margin: 10px auto 0 auto;
width: 100%;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku_text {
width: 100%;
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__teikakaku__plan {
max-width: 1136px;
width: 100%;
margin: 0 auto 100px;
background: #FFFCED;
border-radius: 20px;
padding: 60px 19px 51px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan {
margin-bottom: 27px;
padding: 20px 20px 0;
}
}
.marutto-hikari__teikakaku__plan_subtitle {
color: #FF8B40;
font-size: 28px;
margin-top: 55px;
margin-bottom: 15px;
text-align: center;
font-weight: bold;
letter-spacing: 3.92px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan_subtitle {
font-size: 16px;
margin-top: 25px;
margin-bottom: 15px;
font-weight: bold;
}
}
.marutto-hikari__teikakaku__plan__parice_1 {
margin: 15px auto 25px;
max-width: 944px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__parice_1 {
margin-top: 8px;
max-width: 100%;
}
}
.marutto-hikari__teikakaku__plan__scroll {
border: 1px solid #707070;
background: #fff;
margin: 20px auto 0;
padding: 20px;
width: 100%;
max-width: 944px;
height: 171px;
overflow-y: scroll;
text-align: left;
box-sizing: border-box;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__scroll {
height: 98px;
max-width: 100%;
}
}
.marutto-hikari__teikakaku__plan__scroll__read {
font-size: 13px;
line-height: 1.76;
}
.marutto-hikari__teikakaku__plan .subtitle_02 {
margin-top: 70px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan .subtitle_02 {
margin-top: 45px;
}
}
.marutto-hikari__teikakaku__plan__tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 15px;
row-gap: 15px;
margin: 18px auto 0;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs {
display: none;
}
}
.marutto-hikari__teikakaku__plan__tabs input[name=tab_item2] {
display: none;
}
.marutto-hikari__teikakaku__plan__tabs input:checked + label {
position: relative;
background: #FF8B40;
border: 1px solid #FF8B40;
color: #fff;
}
.marutto-hikari__teikakaku__plan__tabs input:checked + label:before {
content: "";
position: absolute;
bottom: -26px;
left: 50%;
margin-left: -13px;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 13px 0 13px;
border-color: #FF8B40 transparent transparent transparent;
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide {
margin-top: 18px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide__btn {
position: relative;
background: #FF8B40;
color: #fff;
transition: all 0.2s ease;
cursor: pointer;
border: 2px solid #FF8B40;
border-radius: 26px;
width: 80%;
height: 52px;
margin: 0 auto 13px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: bold;
letter-spacing: 2.52px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide__title {
text-align: center;
font-size: 16px;
font-weight: bold;
width: 95%;
margin: 0 auto 13px;
letter-spacing: 2.24px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide__img.-max-276 {
text-align: center;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide__img.-max-276 img {
max-width: 276px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide__notice {
font-size: 18px;
font-weight: bold;
color: #D82525;
text-align: center;
margin-bottom: 15px;
padding-bottom: 7.5px;
border-bottom: 1px solid currentColor;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide .swiper-button-next:before,
.marutto-hikari__teikakaku__plan__tabs__slide .swiper-button-prev:before {
position: absolute;
top: 0;
width: 18px;
height: 18px;
border-top: 3px solid #DDDDDD;
border-right: 3px solid #DDDDDD;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__teikakaku__plan__tabs__slide .swiper-container-autoheight .swiper-slide {
padding-bottom: 30px;
}
}
.marutto-hikari__teikakaku__plan__tab__content {
display: none;
margin-top: 30px;
width: 100%;
}
.marutto-hikari__teikakaku__plan__tab__content__read {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-top: 26px;
margin-bottom: 20px;
letter-spacing: 2.8px;
}
.marutto-hikari__teikakaku__plan__tab__content__notice {
text-align: center;
margin-bottom: 20px;
}
.marutto-hikari__teikakaku__plan__tab__content__notice > span {
font-size: 18px;
font-weight: bold;
color: #D82525;
text-align: center;
padding-bottom: 4.5px;
letter-spacing: 2.52px;
border-bottom: 1px solid currentColor;
}
.marutto-hikari__teikakaku__plan__tab__content__img {
max-width: 944px;
margin: 0 auto;
}
.marutto-hikari__teikakaku__plan__tab__content__img.-max-648 {
max-width: 648px;
}
.marutto-hikari__teikakaku__plan__tab__content#office_content .marutto-hikari__teikakaku__plan__tab__content__img {
width: 464px;
margin: 0 auto;
}
.marutto-hikari__teikakaku__plan__tab__item {
transition: all 0.2s ease;
cursor: pointer;
color: #FF8B40;
border: 2px solid #FF8B40;
border-radius: 26px;
background: #fff;
flex: 1;
width: auto;
height: 52px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 17px;
box-shadow: 0 6px 0px 0px #ddd;
margin: 0;
letter-spacing: 2.8px;
}
.marutto-hikari__teikakaku__plan__tab__label {
display: block;
margin: 0;
line-height: 1.2;
text-align: center;
}
.marutto-hikari__teikakaku #simple:checked ~ #simple_content,
.marutto-hikari__teikakaku #light:checked ~ #light_content,
.marutto-hikari__teikakaku #next:checked ~ #next_content,
.marutto-hikari__teikakaku #office:checked ~ #office_content,
.marutto-hikari__teikakaku #only:checked ~ #only_content {
display: block !important;
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide__img {
padding: 0 3px;
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-button-next,
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-button-prev {
top: 41px;
background: none;
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-button-next:before {
left: 15px;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-button-prev:before {
right: 15px;
content: "";
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-container-autoheight {
padding-bottom: 30px;
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-pagination {
bottom: 30px;
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-pagination-bullet {
width: 5px;
height: 5px;
background: #777777;
}
}
@media screen and (max-width: 960px) {
#hikari .marutto-hikari__teikakaku__plan__slide .swiper-pagination-bullet-active {
background: #A5A5A5 !important;
}
}
@media screen and (max-width: 960px) {
#hikari .swiper-button-prev:after,
#hikari .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "";
}
}
.marutto-hikari__cv {
padding-top: 0 !important;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_button {
margin: 0 auto;
width: 90%;
}
}
.marutto-hikari__cv_body {
margin: 30px auto 0 auto;
padding: 30px;
width: 1136px;
max-width: 100%;
border-radius: 20px;
background-color: #F4F4F5;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body {
margin: 20px auto 0 auto;
padding: 20px;
border-radius: 0;
}
}
.marutto-hikari__cv_body_title {
margin: 0 auto;
width: 400px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_title {
width: 100%;
}
}
.marutto-hikari__cv_body_tel {
display: flex;
justify-content: center;
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel {
display: flex;
justify-content: center;
margin-top: 20px;
}
}
.marutto-hikari__cv_body_tel a {
display: flex;
align-items: center;
font-size: 40px;
font-weight: 400;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel a {
display: flex;
align-items: center;
font-size: 40px;
font-weight: 400;
}
}
.marutto-hikari__cv_body_tel_1 {
margin-right: 10em;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel_1 {
display: none;
}
}
.marutto-hikari__cv_body_tel_1 img {
width: 50px;
margin-right: 0.5em;
}
.marutto-hikari__cv_body_tel_2 {
display: none;
margin-left: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel_2 {
display: block;
position: relative;
margin-left: 0;
width: 100%;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel_2::after {
z-index: 1;
position: absolute;
left: 0;
top: 3px;
width: 100%;
height: 100%;
background: #ddd;
border-radius: 10px;
content: "";
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel_2 a {
z-index: 2;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 70px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/tel.svg);
background-size: 27px auto;
background-position: 10% center;
border-radius: 10px;
background-color: #FF8B40;
color: #fff;
font-size: 24px;
font-weight: bold;
letter-spacing: 1.44px;
}
}
.marutto-hikari__cv_body_tel_2 span {
margin-right: 0.5em;
padding: 0.5em 0.5em 0.2em 0.5em;
background-color: #333;
font-size: 14px;
color: #fff;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_tel_2 span {
display: none;
}
}
.marutto-hikari__cv_body_text {
margin-top: 10px;
text-align: center;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv_body_text {
margin-top: 10px;
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__flow {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-right: 30px;
margin-left: 30px;
padding-top: 0 !important;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow {
margin-right: 0;
margin-left: 0;
border-radius: 0;
display: block;
}
}
.marutto-hikari__flow_subtitle {
margin: 0 auto;
width: 247px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_subtitle {
margin: 0 auto;
width: 247px;
}
}
.marutto-hikari__flow_title {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_title {
margin-top: 20px;
}
}
.marutto-hikari__flow_item {
display: flex;
margin-top: 30px;
max-width: 100%;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item {
flex-direction: column;
width: 90%;
margin: 20px auto 0;
}
}
.marutto-hikari__flow_item li {
position: relative;
padding: 30px;
width: 330px;
border: 2px solid #333;
border-radius: 20px;
background-color: #fff;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item li {
padding: 20px;
width: 100%;
border-radius: 8px;
}
}
.marutto-hikari__flow_item li:not(:last-child) {
margin-right: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item li:not(:last-child) {
margin-right: 0;
margin-bottom: 20px;
}
}
.marutto-hikari__flow_item li:not(:last-child)::after {
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 17px solid #333;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
content: "";
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item li:not(:last-child)::after {
left: 50%;
top: auto;
bottom: -35px;
transform: translate(-50%, 0);
width: 0;
height: 0;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-top: 17px solid #333;
}
}
.marutto-hikari__flow_item_icon {
display: flex;
align-items: center;
margin: 0 auto;
width: 82px;
height: 62px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_icon {
align-items: flex-start;
width: 50px;
height: auto;
}
}
.marutto-hikari__flow_item_title {
display: flex;
align-items: center;
margin-top: 2em;
font-size: 20px;
font-weight: bold;
line-height: 32px;
letter-spacing: 2.8px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_title {
margin-top: 1em;
font-size: 18px;
line-height: 30px;
}
}
.marutto-hikari__flow_item_title img {
margin-right: 1em;
width: auto;
height: 60px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_title img {
height: 50px;
}
}
.marutto-hikari__flow_item_text {
margin-top: 1em;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_text {
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__flow_item_kome {
margin-top: 1em;
font-size: 14px;
line-height: 24px;
font-weight: 300;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_kome {
margin-top: 0.5em;
font-size: 12px;
line-height: 20px;
}
}
.marutto-hikari__flow_item_button {
margin-top: 2em;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_button {
margin-top: 1em;
}
}
.marutto-hikari__flow_item_button a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 33px;
background-color: #FF8B40;
border-radius: 33px;
color: #fff;
font-size: 14px;
font-weight: bold;
opacity: 0.8;
}
@media screen and (max-width: 960px) {
.marutto-hikari__flow_item_button a {
height: 43px;
border-radius: 3px;
}
}
.marutto-hikari__flow_item_button a::before {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
width: 12px;
height: 12px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
}
.marutto-hikari__flow_item_button a:hover {
background-color: #fff;
color: #00C917;
opacity: 1;
}
.marutto-hikari__flow_item_button a:hover::before {
border-right: 3px solid #00C917;
border-bottom: 3px solid #00C917;
}
.marutto-hikari__faq {
margin-top: 80px;
position: relative;
}
.marutto-hikari__faq {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq {
padding-right: 20px;
padding-left: 20px;
}
}
.marutto-hikari__faq__menu {
margin: 40px auto 0;
width: 1140px;
max-width: 100%;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq__menu {
margin: 20px auto 0;
}
}
.marutto-hikari__faq__menu li {
margin-top: 20px;
border-radius: 33px;
background-color: #fff;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq__menu li {
margin-top: 20px;
border-radius: 8px;
}
}
.marutto-hikari__faq_q {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 20px 60px 20px 20px;
cursor: pointer;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq_q {
padding: 10px 50px 10px 10px;
}
}
.marutto-hikari__faq_q:after {
position: absolute;
right: 30px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 11px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq_q:after {
right: 10px;
}
}
.marutto-hikari__faq_q_icon {
margin-right: 10px;
width: 26px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq_q_icon {
width: 20px;
}
}
.marutto-hikari__faq_q_text {
flex: 1;
font-size: 24px;
font-weight: 600;
line-height: 18px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq_q_text {
font-size: 15px;
line-height: 23px;
}
}
.marutto-hikari__faq_a {
margin-left: 56px;
max-height: 0;
overflow-y: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: #11A9DA;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq_a {
margin-left: 40px;
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__faq_a a {
color: #175190;
text-decoration: underline;
}
.marutto-hikari__faq input {
display: none;
}
.marutto-hikari__faq input:checked + .marutto-hikari__faq_q::after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.marutto-hikari__faq input:checked ~ .marutto-hikari__faq_a {
padding: 10px 20px 20px 0;
max-height: 580px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__faq {
margin-top: 0;
}
}
.marutto-hikari__faq:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/hikari_QA_back.webp);
background-size: cover;
opacity: 0.5;
}
.marutto-hikari__faq_title {
position: relative;
}
.marutto-hikari__faq__menu {
position: relative;
}
.marutto-hikari__faq_q:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/Q_arrow_h.svg);
}
.marutto-hikari__faq_a {
color: #FF8B40;
}
.marutto-hikari__faq_a a {
color: #333333;
}
.marutto-hikari__form {
margin-top: -88px;
padding-top: 158px !important;
}
@media screen and (max-width: 960px) {
.marutto-hikari__form {
margin-top: -46px;
padding-top: 66px !important;
padding-right: 20px;
padding-left: 20px;
}
}
.marutto-hikari__form_read {
margin-top: 40px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__form_read {
margin-top: 20px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_button {
margin: 0 auto;
width: 90%;
}
}
.marutto-hikari__cv2_read {
margin-top: 40px;
}
.marutto-hikari__cv2_body {
margin: 30px auto 0 auto;
padding: 30px;
width: 1136px;
max-width: 100%;
border-radius: 20px;
background-color: #F4F4F5;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body {
margin: 0 auto;
padding: 20px;
padding-top: 0;
border-radius: 0;
background-color: transparent;
}
}
.marutto-hikari__cv2_body_tel {
display: flex;
justify-content: center;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel {
display: flex;
justify-content: center;
}
}
.marutto-hikari__cv2_body_tel a {
display: flex;
align-items: center;
font-size: 40px;
font-weight: 400;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel a {
display: flex;
align-items: center;
font-size: 40px;
font-weight: 400;
}
}
.marutto-hikari__cv2_body_tel_1 {
margin-right: 10em;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel_1 {
display: none;
}
}
.marutto-hikari__cv2_body_tel_1 img {
width: 50px;
margin-right: 0.5em;
}
.marutto-hikari__cv2_body_tel_2 {
margin-left: 20px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel_2 {
position: relative;
margin-left: 0;
width: 100%;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel_2::after {
z-index: 1;
position: absolute;
left: 0;
top: 3px;
width: 100%;
height: 100%;
background: #ddd;
border-radius: 10px;
content: "";
}
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel_2 a {
z-index: 2;
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 70px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/top/tel.svg);
background-size: 27px auto;
background-position: 10% center;
border-radius: 10px;
background-color: #FF8B40;
color: #fff;
font-size: 24px;
font-weight: bold;
letter-spacing: 1.44px;
}
}
.marutto-hikari__cv2_body_tel_2 span {
margin-right: 0.5em;
padding: 0.5em 0.5em 0.2em 0.5em;
background-color: #333;
font-size: 14px;
color: #fff;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_tel_2 span {
display: none;
}
}
.marutto-hikari__cv2_body_text {
margin-top: 10px;
text-align: center;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__cv2_body_text {
margin-top: 10px;
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__otoku {
background: transparent linear-gradient(112deg, rgba(255, 217, 44, 0.2) 0%, rgba(255, 139, 64, 0.2) 100%) 0% 0% no-repeat padding-box;
}
.marutto-hikari__otoku_inner {
display: flex;
justify-content: space-between;
margin: 30px auto 0 auto;
padding: 30px;
width: 1136px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_inner {
flex-direction: column;
margin: 0;
padding: 0 20px;
width: 100%;
}
}
.marutto-hikari__otoku_body {
width: 480px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_body {
width: 100%;
}
}
.marutto-hikari__otoku_title {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 68px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_title {
height: 46px;
}
}
.marutto-hikari__otoku_title span {
display: inline-block;
font-size: 28px;
line-height: 1;
font-weight: bold;
background: linear-gradient(transparent 30%, #fff 30%);
letter-spacing: 3.92px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_title span {
font-size: 18px;
background-size: 16px auto !important;
height: 42px;
}
}
.marutto-hikari__otoku_text {
position: relative;
padding: 31px 0;
margin-top: 2em;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_text {
position: relative;
padding: 1em 0;
margin-top: 1em;
font-size: 14px;
line-height: 24px;
}
}
.marutto-hikari__otoku_text::before, .marutto-hikari__otoku_text::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 3px;
margin: auto;
background-image: linear-gradient(to right, #333, #333 10px, transparent 10px, transparent 20px);
background-size: 20px 3px;
background-repeat: repeat-x;
}
.marutto-hikari__otoku_text::before {
top: 0;
}
.marutto-hikari__otoku_text::after {
bottom: 0;
}
.marutto-hikari__otoku_text_kome {
margin-top: 1em;
font-size: 14px;
line-height: 24px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_text_kome {
font-size: 12px;
line-height: 20px;
}
}
.marutto-hikari__otoku_img {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding-top: 80px;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_img {
margin-top: 20px;
padding-top: 0;
}
}
.marutto-hikari__otoku_img img {
width: 80%;
}
@media screen and (max-width: 960px) {
.marutto-hikari__otoku_img img {
width: 100%;
}
}
.marutto-hikari .m-contact_form .m-form {
padding-bottom: 20px;
}
.marutto-hikari .m-contact_form .desc-box__inner li {
font-size: 14px;
line-height: 2;
}
@media screen and (max-width: 960px) {
.marutto-hikari .m-contact_form .m-form__row .m-form_input__address .m-address_block__row .wpcf7-form-control-wrap.postal_code {
width: 120px;
margin-right: 20px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari .m-contact_form .m-form__row .m-form_input__address .m-address_block__title {
font-size: 16px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari .m-contact_form .m-post_code_desp {
font-size: 14px;
}
}
@media screen and (max-width: 960px) {
.marutto-hikari .m-submits .m-btns {
padding: 20px 0;
}
}
.marutto-hikari .m-submits .m-btns--input {
max-width: 470px;
border-radius: 10px;
box-shadow: 0 6px 0px 0px #ddd;
}
@media screen and (max-width: 960px) {
.marutto-hikari .m-submits .m-btns--input {
max-width: 100%;
}
}
.marutto-hikari .m-submits .m-btns--input:after {
content: none;
}
.marutto-hikari .m-submits .m-btns--input:hover {
background: #FF8B40;
border: none;
}
#hikari .marutto-hikari .m-submits .m-btns--input:before {
position: absolute;
right: 22px;
top: auto;
bottom: 50%;
margin-bottom: -7px;
content: "";
width: 14px;
height: 14px;
border-top: 3px solid #333333;
border-right: 3px solid #333333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: none;
}
#hikari .marutto-hikari .m-submits .m-btns--input:hover:before {
border-top: 3px solid #fff;
border-right: 3px solid #fff;
} @media screen and (max-width: 960px) {
#hikari span.bottom-fix__button {
color: #fff;
}
}