@charset "UTF-8";

.home .header-top-nav {
border-color: #ff9500;
}
.page {
margin-bottom: 0 !important;
}
.container {
margin: auto;
width: 100%;
max-width: 1120px;
}
.sp_only {
display: none;
}
@media screen and (max-width: 768px) {
.sp_only {
display: block;
}
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
a {
text-decoration: none;
}
.flex {
display: flex;
}
.header-top-nav {
padding: 28px 0;
position: relative;
border-top: solid 4px #524fb2;
}
@media screen and (max-width: 1026px) {
.header-top-nav {
padding: 8px 0;
z-index: 10;
}
}
@media screen and (max-width: 414px) {
.header-top-nav {
height: 52px;
}
}
.header-top-nav nav {
display: flex;
justify-content: space-between;
}
.header-top-nav nav .logo {
display: block;
}
.header-top-nav nav .logo img {
width: 268px;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav .logo img {
width: 70%;
}
}
@media screen and (max-width: 414px) {
.header-top-nav nav .logo img {
width: 60%;
padding: 8px;
}
}
.header-top-nav nav ul {
display: flex;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul {
display: none;
background-color: #fff;
width: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 80px;
left: 0;
}
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul.menu_open {
display: block;
}
}
.header-top-nav nav ul li {
list-style: none;
margin-right: 36px;
position: relative;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li {
font-size: 14px;
margin: 0;
border-bottom: solid 1px #c86f98;
}
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li:hover {
background-color: #c86f98;
}
}
.header-top-nav nav ul li a {
color: #000;
text-decoration: none;
font-weight: bold;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li a {
display: block;
padding: 10px 20px;
}
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li a:hover {
color: #fff;
}
}
.header-top-nav nav ul li .sub-menu {
display: none;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li .sub-menu {
display: flex;
}
}
.header-top-nav nav ul li .sub-menu.open {
display: flex;
flex-direction: column;
font-size: 15px;
margin: 0;
padding: 0;
position: absolute;
width: max-content;
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul li .sub-menu.open {
display: contents !important;
transition: 0.3s;
}
}
.header-top-nav nav ul li .sub-menu.open li {
margin: 0;
border-bottom: solid 1px rgba(255, 149, 0, 0.26);
background-color: #fff;
}
.header-top-nav nav ul li .sub-menu.open li:nth-of-type(2) {
border: none;
}
.header-top-nav nav ul li .sub-menu.open li a {
display: block;
padding: 12px 16px;
}
.header-top-nav nav ul li .sub-menu.open li a:hover {
background-color: #ff9500;
transition: 0.3s;
}
.header-top-nav nav ul .js-sub-menu {
position: relative;
}
.header-top-nav nav ul .js-sub-menu::after {
content: "+";
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul .js-sub-menu::after {
position: absolute;
top: 10px;
right: 8px;
}
}
.header-top-nav nav ul.default-nav li {
border-bottom: solid 1px rgba(255, 149, 0, 0.26);
}
@media screen and (max-width: 1026px) {
.header-top-nav nav ul.default-nav li:hover {
color: #fff;
background-color: #ff9500;
transition: 0.3s;
}
}
.header-top-nav .sp-menu-icon,
.header-top-nav .sp-menu-contact {
display: none;
background-color: #4e4baa;
color: #fff;
position: absolute;
top: 0;
right: 0;
width: 132px;
height: 100%;
max-width: 132px;
text-align: center;
}
@media screen and (max-width: 1026px) {
.header-top-nav .sp-menu-icon,
.header-top-nav .sp-menu-contact {
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media screen and (max-width: 540px) {
.header-top-nav .sp-menu-icon,
.header-top-nav .sp-menu-contact {
width: 18%;
}
}
.header-top-nav .sp-menu-icon::before,
.header-top-nav .sp-menu-contact::before {
content: "\f0c9";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 22px;
cursor: pointer;
}
.header-top-nav .sp-menu-icon::after,
.header-top-nav .sp-menu-contact::after {
content: "メニュー";
font-size: 8px;
}
.header-top-nav .sp-menu-icon.icon-cross::before,
.header-top-nav .sp-menu-contact.icon-cross::before {
content: "\f00d";
}
.header-top-nav .sp-menu-contact {
background-color: #c86f98;
color: #fff;
right: 132px;
}
@media screen and (max-width: 540px) {
.header-top-nav .sp-menu-contact {
right: 18%;
}
}
.header-top-nav .sp-menu-contact a {
position: absolute;
width: 100%;
height: 100%;
}
.header-top-nav .sp-menu-contact::before {
content: "\f303";
}
.header-top-nav .sp-menu-contact::after {
content: "お申込み";
}
.site-footer .site-info__links {
background-color: #333;
padding: 40px 48px 72px;
}
@media screen and (max-width: 768px) {
.site-footer .site-info__links {
padding: 40px 20px;
}
}
.site-footer .site-info__links .container {
display: flex;
max-width: 100%;
}
@media screen and (max-width: 960px) {
.site-footer .site-info__links .container {
flex-direction: column;
}
}
.site-footer .site-info__links .logo {
display: block;
width: 94px;
margin-top: 4px;
margin-right: 44px;
align-self: baseline;
}
@media screen and (max-width: 960px) {
.site-footer .site-info__links .logo {
margin: 0 0 16px 0;
}
}
.site-footer .site-info__links__flex {
display: flex;
width: 1088px;
max-width: 100%;
flex-flow: wrap;
}
.site-footer .site-info__links__flex__block {
width: 25%;
margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
.site-footer .site-info__links__flex__block {
width: 50%;
margin-bottom: 40px;
}
}
.site-footer .site-info__links__flex__block li a {
line-height: 1;
color: #fff;
font-size: 12px;
padding: 5px 0px;
display: block;
}
@media screen and (max-width: 414px) {
.site-footer .site-info__links__flex__block li a {
font-size: 11px;
}
}
.site-footer .site-info__links__flex__block li:first-child a {
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
}
.site-footer .site-info__links__flex__2nd {
width: 148px;
}
.site-footer .site-info__links__flex__2nd__block {
width: 100%;
}
.site-footer .site-info__links__flex__2nd__block li {
margin-bottom: 28px;
}
@media screen and (max-width: 960px) {
.site-footer .site-info__links__flex__2nd__block li {
margin-bottom: 0;
}
}
.site-footer .site-info__links__flex__2nd__block li a {
color: #fff;
font-size: 14px;
font-weight: bold;
}
.tsc-info {
color: #fff;
margin-top: 40px;
}
@media screen and (max-width: 960px) {
.tsc-info ul {
margin-bottom: 24px;
}
}
.tsc-info ul li {
font-size: 12px;
}
@media screen and (max-width: 960px) {
.tsc-info ul li {
margin-bottom: 8px;
}
}
.tsc-info ul li a {
color: #fff;
}
.tsc-info figure {
display: flex;
}
.tsc-info figure img {
width: 25%;
max-width: 72px;
height: 25%;
max-height: 72px;
margin-right: 8px;
}
.tsc-info figure figcaption {
align-self: center;
font-size: 11px;
}
@media screen and (max-width: 960px) {
.tsc-info figure figcaption {
font-size: 10px;
}
}
.site-footer .site-info__copyright {
background-color: #585858;
color: #fff;
padding: 20px 44px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1184px) {
.site-footer .site-info__copyright {
background-color: #333;
text-align: center;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.site-footer .site-info__copyright {
padding: 20px;
}
}
.site-footer .site-info__copyright ul {
display: flex;
}
@media screen and (max-width: 1184px) {
.site-footer .site-info__copyright ul {
flex-wrap: wrap;
justify-content: center;
margin-bottom: 32px;
}
}
.site-footer .site-info__copyright ul li {
margin-right: 24px;
}
@media screen and (max-width: 768px) {
.site-footer .site-info__copyright ul li {
margin-right: 12px;
}
}
.site-footer .site-info__copyright ul li a {
color: #fff;
font-size: 11px;
}
@media screen and (max-width: 768px) {
.site-footer .site-info__copyright ul li a {
border-right: solid 1px #fff;
padding-right: 12px;
}
}
.site-footer .site-info__copyright ul li:nth-of-type(4) {
padding-right: 24px;
border-right: solid 1px #fff;
}
@media screen and (max-width: 1184px) {
.site-footer .site-info__copyright ul li:nth-of-type(4) {
padding-right: 0;
border: none;
}
}
.site-footer .site-info__copyright ul li:nth-last-of-type(1) a {
border: none;
}
.site-footer .site-info__copyright small {
font-size: 11px;
}
.marutto-wifi-entry a {
text-decoration: none;
}
.marutto-wifi-entry .container {
width: 100%;
max-width: 1252px;
margin: auto;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .container {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .container {
padding: 0 10px;
}
}
.marutto-wifi-entry article {
padding: 88px 0;
text-align: center;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry article {
padding: 24px 0 60px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry article {
padding: 24px 0 40px;
}
}
.marutto-wifi-entry article h1, .marutto-wifi-entry article h2, .marutto-wifi-entry article h3, .marutto-wifi-entry article h4, .marutto-wifi-entry article h5 {
text-align: center;
}
.marutto-wifi-entry article h2 {
font-size: 32px;
letter-spacing: 1.1px;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry article h2 {
font-size: 22px;
margin-bottom: 0;
line-height: 1;
}
}
.marutto-wifi-entry article h3 {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry article h3 {
font-size: 15px;
}
}
.marutto-wifi-entry article ul,
.marutto-wifi-entry article ol {
margin: 0;
padding: 0;
}
.marutto-wifi-entry article ul li,
.marutto-wifi-entry article ol li {
list-style: none;
}
.marutto-wifi-entry article .sub-title {
color: #c86f98;
display: inline-block;
font-family: "Montserrat", Sans-serif;
font-size: 15px;
font-weight: 600;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry article .sub-title {
font-size: 10px;
margin-bottom: 0;
}
}
.marutto-wifi-entry article .text {
text-align: justify;
}
.marutto-wifi-entry article .note {
color: #333;
font-size: 13px;
text-align: justify;
}
.marutto-wifi-entry article .notice {
border: solid 1px;
max-width: 732px;
margin: auto;
padding: 48px 32px;
}
@media screen and (max-width: 414px) {
.marutto-wifi-entry article .notice {
font-size: 14px;
padding: 20px 12px;
line-height: 1.8em;
}
}
.marutto-wifi-entry article .important-notice {
background-color: #fff;
border: solid 1px #ff0000;
border-radius: 4px;
color: #ff0000;
font-size: 15px;
font-weight: bold;
line-height: 2em;
padding: 44px 32px;
margin: 40px 0;
}
@media screen and (max-width: 414px) {
.marutto-wifi-entry article .important-notice {
font-size: 14px;
padding: 20px 12px;
line-height: 1.8em;
}
}
.marutto-wifi-entry article .m-bottom-60 {
margin-bottom: 60px;
}
.marutto-wifi-entry .contact-link {
display: block;
background-color: rgba(82, 79, 178, 0);
border: solid 1px #fff;
border-radius: 4px 4px 4px 4px;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 12px 16px;
max-width: 300px;
text-align: center;
margin: auto;
}
.marutto-wifi-entry .contact-link:hover {
background-color: #c86f98;
transition: all 0.5s;
}
.marutto-wifi-entry .dot {
margin: 32px auto;
box-sizing: border-box;
text-align: center;
background-color: unset;
border-bottom: 8px dotted #a6a6a6;
max-width: 240px;
} .marutto-wifi-entry .first-view {
padding: 0;
}
.marutto-wifi-entry .first-view h1 {
color: #c86f98;
font-size: 26px;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .first-view h1 {
font-size: 18px;
line-height: 1.4em;
}
}
.marutto-wifi-entry .first-view__text {
max-width: 1140px;
background-color: #fff;
margin: auto;
text-align: justify;
}
.marutto-wifi-entry .first-view__text .important-notice,
.marutto-wifi-entry .first-view__text .notice {
border-width: 2px;
}
.marutto-wifi-entry .first-view__text .important-notice {
margin-bottom: 20px;
}
.marutto-wifi-entry .first-view__text .notice {
max-width: 100%;
font-weight: bold;
font-size: 15px;
line-height: 28px;
}
.marutto-wifi-entry .first-view__figure {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/w/img/marutto-wifi/first-view.jpg);
background-size: cover;
background-color: rgba(244, 244, 255, 0.76);
background-blend-mode: lighten;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
text-align: center;
padding: 72px 0;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .first-view__figure {
padding: 36px 0 60px;
}
}
.marutto-wifi-entry .first-view__figure h2 {
margin-bottom: 52px;
}
.marutto-wifi-entry .first-view__figure img {
max-width: 554px;
width: 100%;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .first-view__figure img {
width: 80%;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .first-view__figure .device-img {
width: 70%;
}
}
.marutto-wifi-entry .merit {
background-color: #eaeaff;
padding-bottom: 0;
}
.marutto-wifi-entry .merit__feature {
background-color: #eaeaff;
padding-bottom: 76px;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__feature {
padding-bottom: 60px;
}
}
.marutto-wifi-entry .merit__feature ol {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__feature ol {
flex-wrap: wrap;
justify-content: center;
}
}
.marutto-wifi-entry .merit__feature ol li {
background-color: #fff;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
border-radius: 3px 3px 3px 3px;
margin: 15px 15px 15px 15px;
padding: 20px 20px 20px 20px;
width: 25%;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__feature ol li {
width: 48%;
margin: 12px 0;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__feature ol li {
width: 100%;
}
}
.marutto-wifi-entry .merit__feature ol li:first-of-type {
margin-left: 0;
}
.marutto-wifi-entry .merit__feature ol li:last-of-type {
margin-right: 0;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__feature ol li:nth-child(odd) {
margin-right: 20px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__feature ol li:nth-child(odd) {
margin-right: 0;
}
}
.marutto-wifi-entry .merit__feature ol li .no {
color: #524fb2;
font-family: "Roboto", Sans-serif;
font-size: 30px;
font-weight: 900;
line-height: 2em;
}
.marutto-wifi-entry .merit__feature ol li h3 {
color: #333;
font-size: 18px;
line-height: 1.9em;
margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__feature ol li h3 {
margin-bottom: 20px;
}
}
.marutto-wifi-entry .merit__feature ol li h3 span {
border-bottom: 3px solid #C86F98;
}
.marutto-wifi-entry .merit__feature ol li figure img {
width: 50%;
margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__feature ol li figure img {
width: 40%;
margin-bottom: 20px;
}
}
.marutto-wifi-entry .merit__feature ol li figure figcaption {
color: #333;
}
.marutto-wifi-entry .merit__feature .text p {
font-size: 15px;
line-height: 2em;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__feature .text p {
font-size: 14px;
line-height: 1.6;
}
}
.marutto-wifi-entry .merit__feature .text .note {
color: #333;
font-size: 13px;
}
.marutto-wifi-entry .merit__available {
background-color: #000;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/w/img/marutto-wifi/hikari_whats.jpeg);
background-size: cover;
padding: 88px 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__available {
padding: 8px 0 52px;
}
}
.marutto-wifi-entry .merit__available .overlay {
background-color: transparent;
background-image: linear-gradient(320deg, #524fb2 0%, #c86f98 100%);
opacity: 0.64;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: -1;
}
.marutto-wifi-entry .merit__available .container {
max-width: 1080px;
z-index: 0;
}
.marutto-wifi-entry .merit__available__title {
display: flex;
margin-bottom: 40px;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__available__title {
align-items: center;
flex-direction: column;
}
}
.marutto-wifi-entry .merit__available__title h2 {
color: #fff;
width: 40%;
font-size: 46px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__available__title h2 {
width: 100%;
font-size: 32px;
margin-bottom: 24px;
line-height: 1.2;
}
}
.marutto-wifi-entry .merit__available__title h2 span {
font-size: 70px;
color: #f9e504;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__available__title h2 span {
font-size: 50px;
}
}
.marutto-wifi-entry .merit__available__title h2 span b {
font-size: 60px;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .merit__available__title h2 span b {
font-size: 30px;
}
}
.marutto-wifi-entry .merit__available__title img {
width: 60%;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .merit__available__title img {
width: 100%;
max-width: 820px;
}
}
.marutto-wifi-entry .merit__available__text .note {
color: #fff;
}
.marutto-wifi-entry .plan {
background-color: rgba(255, 242, 249, 0.44);
}
.marutto-wifi-entry .plan .container {
max-width: 1080px;
}
.marutto-wifi-entry .plan__features {
display: flex;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features {
flex-direction: column;
}
}
.marutto-wifi-entry .plan__features__basic, .marutto-wifi-entry .plan__features__premium {
background-color: #fff;
border-radius: 4px 4px 4px 4px;
width: 50%;
border: solid 1px;
box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.05);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 30px 20px 30px;
padding: 40px;
margin: 0;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .plan__features__basic, .marutto-wifi-entry .plan__features__premium {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features__basic, .marutto-wifi-entry .plan__features__premium {
width: 100%;
}
}
.marutto-wifi-entry .plan__features__basic h3, .marutto-wifi-entry .plan__features__premium h3 {
font-size: 24px;
font-weight: 700;
line-height: 1.9em;
margin: 0;
}
.marutto-wifi-entry .plan__features__basic h3::before, .marutto-wifi-entry .plan__features__premium h3::before {
content: "■";
margin-right: 12px;
}
.marutto-wifi-entry .plan__features__basic .model, .marutto-wifi-entry .plan__features__premium .model {
display: block;
margin-bottom: 20px;
}
.marutto-wifi-entry .plan__features__basic table,
.marutto-wifi-entry .plan__features__basic th,
.marutto-wifi-entry .plan__features__basic td, .marutto-wifi-entry .plan__features__premium table,
.marutto-wifi-entry .plan__features__premium th,
.marutto-wifi-entry .plan__features__premium td {
border: solid 1px #aaaaaa;
text-align: justify;
}
.marutto-wifi-entry .plan__features__basic table, .marutto-wifi-entry .plan__features__premium table {
border-collapse: collapse;
margin: 0 0 1.5em;
}
.marutto-wifi-entry .plan__features__basic th, .marutto-wifi-entry .plan__features__premium th {
color: #333333;
padding: 10px 20px;
text-align: center;
}
.marutto-wifi-entry .plan__features__basic td, .marutto-wifi-entry .plan__features__premium td {
padding: 10px 10px;
}
.marutto-wifi-entry .plan__features__basic img, .marutto-wifi-entry .plan__features__premium img {
width: 90%;
margin: 54px 0 24px;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .plan__features__basic img, .marutto-wifi-entry .plan__features__premium img {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features__basic img, .marutto-wifi-entry .plan__features__premium img {
width: 70%;
margin-top: 24px;
}
}
.marutto-wifi-entry .plan__features__basic h4::before, .marutto-wifi-entry .plan__features__basic h4::after, .marutto-wifi-entry .plan__features__premium h4::before, .marutto-wifi-entry .plan__features__premium h4::after {
content: "-";
margin: 0 4px;
}
.marutto-wifi-entry .plan__features__basic .topic-list, .marutto-wifi-entry .plan__features__premium .topic-list {
background-color: rgba(255, 242, 249, 0.53);
text-align: justify;
padding: 40px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features__basic .topic-list, .marutto-wifi-entry .plan__features__premium .topic-list {
padding: 16px 32px;
}
}
.marutto-wifi-entry .plan__features__basic .topic-list li, .marutto-wifi-entry .plan__features__premium .topic-list li {
list-style: disc;
color: #24056d;
font-size: 18px;
font-weight: 600;
line-height: 2.1em;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features__basic .topic-list li, .marutto-wifi-entry .plan__features__premium .topic-list li {
font-size: 14px;
}
}
.marutto-wifi-entry .plan__features__basic .feature-list, .marutto-wifi-entry .plan__features__premium .feature-list {
text-align: justify;
font-size: 13px;
line-height: 1.7em;
}
.marutto-wifi-entry .plan__features__basic .feature-list dl, .marutto-wifi-entry .plan__features__premium .feature-list dl {
margin: 0;
}
.marutto-wifi-entry .plan__features__basic .feature-list dt,
.marutto-wifi-entry .plan__features__basic .feature-list dd, .marutto-wifi-entry .plan__features__premium .feature-list dt,
.marutto-wifi-entry .plan__features__premium .feature-list dd {
display: inline-block;
}
.marutto-wifi-entry .plan__features__basic .feature-list dt, .marutto-wifi-entry .plan__features__premium .feature-list dt {
font-weight: 300;
}
.marutto-wifi-entry .plan__features__basic .feature-list dt::after, .marutto-wifi-entry .plan__features__premium .feature-list dt::after {
content: ":";
margin: 0 4px;
}
.marutto-wifi-entry .plan__features__basic .feature-list dd, .marutto-wifi-entry .plan__features__premium .feature-list dd {
margin: 0;
}
.marutto-wifi-entry .plan__features__basic {
border-color: #c86f98;
margin-right: 60px;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .plan__features__basic {
margin-right: 20px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .plan__features__basic {
margin-right: 0;
margin-bottom: 20px;
}
}
.marutto-wifi-entry .plan__features__basic h3 {
color: #c86f98;
}
.marutto-wifi-entry .plan__features__basic th {
background: #f4d9ea;
}
.marutto-wifi-entry .plan__features__premium {
border-color: #524fb2;
}
.marutto-wifi-entry .plan__features__premium h3 {
color: #524fb2;
}
.marutto-wifi-entry .plan__features__premium th {
background: #d5d5e8;
}
.marutto-wifi-entry .option {
background-color: #bfbee3;
}
.marutto-wifi-entry .option .container {
max-width: 1126px;
}
.marutto-wifi-entry .option .sub-title {
color: #fff;
}
.marutto-wifi-entry .option__service {
display: flex;
background-color: #fff;
padding: 20px;
text-align: justify;
border-radius: 4px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .option__service {
flex-direction: column;
}
}
.marutto-wifi-entry .option__service__caption {
width: 40%;
display: flex;
justify-content: center;
margin-right: 32px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .option__service__caption {
width: 100%;
}
}
.marutto-wifi-entry .option__service__caption img {
width: 80%;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .option__service__caption img {
width: 70%;
}
}
.marutto-wifi-entry .option__service figcaption {
width: 60%;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .option__service figcaption {
width: 100%;
padding-top: 32px;
}
}
.marutto-wifi-entry .option__service figcaption h3 {
color: #c86f98;
font-size: 1.5em;
margin: 0 0 32px;
}
.marutto-wifi-entry .option__service figcaption table {
border-collapse: collapse;
margin: 40px 0 24px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .option__service figcaption table {
margin: 24px 0;
}
}
.marutto-wifi-entry .option__service figcaption table th,
.marutto-wifi-entry .option__service figcaption table td {
border: solid 1px #aaaaaa;
padding: 12px;
}
.marutto-wifi-entry .option__service figcaption table th {
color: #333333;
background: #f4d9ea;
padding: 10px 20px;
text-align: center;
}
.marutto-wifi-entry .flow {
background-image: linear-gradient(140deg, rgba(82, 79, 178, 0.18) 0%, rgba(200, 111, 152, 0.22) 100%);
}
.marutto-wifi-entry .flow .container {
max-width: 1112px;
}
.marutto-wifi-entry .flow__list {
display: flex;
margin-top: 112px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .flow__list {
flex-direction: column;
margin-top: 32px;
}
}
.marutto-wifi-entry .flow__list li {
background-color: #fff;
box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.05);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
border-radius: 4px;
padding: 20px 10px;
width: 33.333%;
position: relative;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .flow__list li {
width: 100%;
margin-bottom: 20px;
padding: 144px 20px 14px;
}
}
.marutto-wifi-entry .flow__list li:nth-of-type(2) {
margin: 0 28px;
}
@media screen and (max-width: 1026px) {
.marutto-wifi-entry .flow__list li:nth-of-type(2) {
margin: 0 20px;
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .flow__list li:nth-of-type(2) {
margin: 0;
margin-bottom: 20px;
padding-top: 144px;
}
}
.marutto-wifi-entry .flow__list li .no {
width: 68px;
position: absolute;
top: -92px;
left: 0;
right: 0;
margin: auto;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .flow__list li .no {
width: 124px;
top: -12px;
}
}
.marutto-wifi-entry .flow__list li img {
width: 42%;
max-width: 100%;
display: inline-block;
margin: 16px 0 32px;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .flow__list li img {
width: 50%;
}
}
.marutto-wifi-entry .flow__list .register .note {
color: red;
font-weight: bold;
}
.marutto-wifi-entry .faq {
background-color: rgba(255, 242, 249, 0.6117647059);
padding-top: 52px;
}
.marutto-wifi-entry .faq__list {
text-align: justify;
}
.marutto-wifi-entry .faq__list dl {
font-size: 1rem;
margin: 0;
}
.marutto-wifi-entry .faq__list dl dt {
border-top: 1px solid #d4d4d4;
border-width: 1px;
background-color: #c86f98;
color: #fff;
margin: 0;
padding: 15px 20px;
font-weight: 700;
line-height: 1;
cursor: pointer;
outline: none;
font-family: "Roboto", Sans-serif;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.marutto-wifi-entry .faq__list dl dt {
font-size: 15px;
line-height: 1.3;
}
}
.marutto-wifi-entry .faq__list dl dt::before {
content: "\f059";
color: #70294c;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
margin-right: 4px;
}
.marutto-wifi-entry .faq__list dl dt.faq_open {
color: #fff205;
}
.marutto-wifi-entry .faq__list dl dt.faq_open::before {
content: "\f068";
}
.marutto-wifi-entry .faq__list dl dd {
margin: 0;
background-color: #fff;
border: 1px solid #d4d4d4;
border-bottom: none;
border-width: 1px;
color: #333333;
font-size: 15px;
line-height: 2em;
padding: 15px 20px;
display: none;
}
.marutto-wifi-entry .faq__list dl dd::before {
content: "A.";
}
.marutto-wifi-entry .faq__list dl dd.faq_open {
display: block;
}
.marutto-wifi-entry .application .contact-link {
border-color: #4169e1;
color: #4169e1;
}
.marutto-wifi-entry .application .contact-link:hover {
border-color: #c86f98;
color: #fff;
}   .thanks-page__contents {
text-align: center;
padding: 300px 0;
}
@media screen and (max-width: 768px) {
.thanks-page__contents {
padding: 56px 0;
}
}
.thanks-page__contents h2 {
color: #c86f98;
font-family: "Verdana", Sans-serif;
font-size: 26px;
line-height: 1.6em;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.thanks-page__contents h2 {
font-size: 1rem;
}
}
.thanks-page__contents__lead p {
color: #7a7a7a;
font-size: 16px;
font-weight: 600;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.thanks-page__contents__lead p {
font-size: 14px;
}
}
.thanks-page__contents__notes p {
color: #595959;
font-size: 14px;
font-weight: 400;
line-height: 1.6em;
}
@media screen and (max-width: 768px) {
.thanks-page__contents__notes p {
font-size: 12px;
}
}
.form-page .container {
width: 100%;
max-width: 1112px;
margin: auto;
}
.form-page h2 {
color: #c86f98;
text-align: center;
}