@charset "UTF-8";
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//1001atom.com/contents/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}[data-class="wpcf7cf_group"] {
display:none;
}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1{font-size:2em;margin:.67em 0}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-2 {
width: 16.66667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333%;
}
.col-xs-5 {
width: 41.66667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.33333%;
}
.col-xs-8 {
width: 66.66667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333%;
}
.col-xs-11 {
width: 91.66667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: 0%;
}
.col-xs-pull-1 {
right: 8.33333%;
}
.col-xs-pull-2 {
right: 16.66667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.33333%;
}
.col-xs-pull-5 {
right: 41.66667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.33333%;
}
.col-xs-pull-8 {
right: 66.66667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.33333%;
}
.col-xs-pull-11 {
right: 91.66667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: 0%;
}
.col-xs-push-1 {
left: 8.33333%;
}
.col-xs-push-2 {
left: 16.66667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.33333%;
}
.col-xs-push-5 {
left: 41.66667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.33333%;
}
.col-xs-push-8 {
left: 66.66667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.33333%;
}
.col-xs-push-11 {
left: 91.66667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.33333%;
}
.col-xs-offset-2 {
margin-left: 16.66667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333%;
}
.col-xs-offset-5 {
margin-left: 41.66667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333%;
}
.col-xs-offset-8 {
margin-left: 66.66667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333%;
}
.col-xs-offset-11 {
margin-left: 91.66667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.33333%;
}
.col-sm-2 {
width: 16.66667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333%;
}
.col-sm-5 {
width: 41.66667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.33333%;
}
.col-sm-8 {
width: 66.66667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333%;
}
.col-sm-11 {
width: 91.66667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: 0%;
}
.col-sm-pull-1 {
right: 8.33333%;
}
.col-sm-pull-2 {
right: 16.66667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333%;
}
.col-sm-pull-5 {
right: 41.66667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.33333%;
}
.col-sm-pull-8 {
right: 66.66667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333%;
}
.col-sm-pull-11 {
right: 91.66667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: 0%;
}
.col-sm-push-1 {
left: 8.33333%;
}
.col-sm-push-2 {
left: 16.66667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333%;
}
.col-sm-push-5 {
left: 41.66667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.33333%;
}
.col-sm-push-8 {
left: 66.66667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333%;
}
.col-sm-push-11 {
left: 91.66667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.33333%;
}
.col-sm-offset-2 {
margin-left: 16.66667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333%;
}
.col-sm-offset-5 {
margin-left: 41.66667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333%;
}
.col-sm-offset-8 {
margin-left: 66.66667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333%;
}
.col-sm-offset-11 {
margin-left: 91.66667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.33333%;
}
.col-md-2 {
width: 16.66667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333%;
}
.col-md-5 {
width: 41.66667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.33333%;
}
.col-md-8 {
width: 66.66667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333%;
}
.col-md-11 {
width: 91.66667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: 0%;
}
.col-md-pull-1 {
right: 8.33333%;
}
.col-md-pull-2 {
right: 16.66667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333%;
}
.col-md-pull-5 {
right: 41.66667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.33333%;
}
.col-md-pull-8 {
right: 66.66667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333%;
}
.col-md-pull-11 {
right: 91.66667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: 0%;
}
.col-md-push-1 {
left: 8.33333%;
}
.col-md-push-2 {
left: 16.66667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333%;
}
.col-md-push-5 {
left: 41.66667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.33333%;
}
.col-md-push-8 {
left: 66.66667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333%;
}
.col-md-push-11 {
left: 91.66667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.33333%;
}
.col-lg-2 {
width: 16.66667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333%;
}
.col-lg-5 {
width: 41.66667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.33333%;
}
.col-lg-8 {
width: 66.66667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333%;
}
.col-lg-11 {
width: 91.66667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: 0%;
}
.col-lg-pull-1 {
right: 8.33333%;
}
.col-lg-pull-2 {
right: 16.66667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333%;
}
.col-lg-pull-5 {
right: 41.66667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.33333%;
}
.col-lg-pull-8 {
right: 66.66667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333%;
}
.col-lg-pull-11 {
right: 91.66667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: 0%;
}
.col-lg-push-1 {
left: 8.33333%;
}
.col-lg-push-2 {
left: 16.66667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333%;
}
.col-lg-push-5 {
left: 41.66667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.33333%;
}
.col-lg-push-8 {
left: 66.66667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333%;
}
.col-lg-push-11 {
left: 91.66667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
* {
box-sizing: border-box;
}
html {
overflow-y: scroll;
font-size: 10px;
}
body {
margin: 0;
padding: 0;
}
a:hover, a:active, a:focus,
button:hover,
button:active,
button:focus,
input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus,
select:hover,
select:active,
select:focus {
-webkit-tap-highlight-color: transparent;
}
strong,
em,
small,
address,
s,
cite,
q,
dfn,
abbr,
time,
code,
var,
samp,
kbd,
sub,
sup,
i,
b,
u,
mark,
ruby,
rt,
rp {
font-style: normal;
}
strong,
em {
font-weight: bold;
}
small {
font-size: 80%;
}
img,
iframe,
video {
border: none;
vertical-align: top;
max-width: 100%;
height: auto;
}
table {
border-collapse: collapse;
width: 100%;
table-layout: auto;
empty-cells: show;
}
caption {
text-align: left;
}
th,
td {
padding: 10px 20px;
}
th {
text-align: left;
font-weight: normal;
}
label {
font-weight: normal;
}
label:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="file"]:hover,
button:hover {
cursor: pointer;
}
input:hover, input:active, input:focus,
textarea:hover,
textarea:active,
textarea:focus,
select:hover,
select:active,
select:focus,
button:hover,
button:active,
button:focus {
outline: none;
}
textarea {
overflow: auto;
resize: none;
}
input[type="submit"],
input[type="reset"],
button[type="button"] {
border: none;
background-color: transparent;
background-image: none;
padding: 0;
}
::selection {
background-color: #999;
color: #fff;
}
::-webkit-selection {
background-color: #999;
color: #fff;
}
::-moz-selection {
background-color: #999;
color: #fff;
} fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
line-height: inherit;
color: #333;
border: 0;
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9; line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
output {
display: block;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{
display: block;
width: 100%;
height: 40px;
padding: 6px 10px;
line-height: 1.5;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 7px;
}
textarea{
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="date"] {
line-height: 1.5;
}
input[type="radio"],
input[type="checkbox"]{ margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
}
input[type="radio"] + input[type="radio"],
input[type="checkbox"] + input[type="checkbox"] {
margin-top: -5px;
}

html{
font-size: 10px;
}
body{
margin: 0;
border: none;
background: white;
padding: 0;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.6rem;
line-height: 1.5;
color: #000;
}
#wrapper{
overflow-x: hidden;
padding-bottom: 70px;
}
a{
color: #0038cc;
text-decoration: underline;
}
a:link, a:visited{
color: #0038cc;
text-decoration: underline;
}
a:hover, a:active{
color: #0038cc;
text-decoration: none;
}
.text-left{
text-align: left !important;
}
.text-right{
text-align: right !important;
}
.text-center{
text-align: center !important;
} .header-upper{
background: #c6000b;
padding: 5px 15px;
text-align: center;
color: #fff;
}
.header-upper .image,
.header-upper .text{
margin: 0;
vertical-align: middle;
}
.header-upper .text{
font-size: 12px;
font-size: 1.2rem;
}
.header-lower .target{
margin: 10px 0;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
.header-lower .main{
display: flex;
justify-content: space-between;
align-items: center;
flex: 1 1 auto;
padding-right: 15px;
padding-left: 15px;
}
.header-lower .main .brand{
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
text-align: center;
}
.header-lower .main .brand img{
width: 100%;
height: auto;
vertical-align: middle;
}
.header-lower .main .brand .logo{
margin-bottom: 8px;
}
.header-lower .main .brand .logo img{
max-width: 140px;
}
.header-lower .main .brand .text img{
max-width: 180px;
}
.header-lower .main .info{
position: relative;
flex: 0 0 200px;
margin-left: 25px;
background: #c6000b;
padding: 10px;
width: 200px;
max-width: 200px;
font-weight: bold;
color: #fff;
font-size: 1.4rem;
border-radius: 0 5px 5px 0;
}
.header-lower .main .info::before{
content: "";
position: absolute;
top: 0;
left: -15px;
background: url(//1001atom.com/contents/wp-content/themes/atom/lp/sp/img/bg-fukidashi.png) 0 0 no-repeat;
background-size: 100% 100%;
width: 15px;
height: 100%;
}
.header-lower .main .info p{
margin: 0;
line-height: 1.3;
}
.header-lower .main .info strong{
color: #ff0;
font-size: 140%;
}
.header-visual{
margin-top: 15px;
margin-bottom: 15px;
padding-right: 5px;
padding-left: 5px;
text-align: center;
}
.header-visual img{
max-width: 345px;
height: auto;
} .nav-btt{
text-align: right;
}
.nav-btt img{
width: 50px;
height: auto;
}
#footer{
background: #000;
text-align: center;
}
#footer .copyright{
margin: 0;
padding: 15px;
line-height: 1.3;
color: #fff;
font-size: 10px;
font-size: 1rem;
} .mv{
margin-top: 20px;
margin-bottom: 20px;
}
.mv-text{
line-height: 1.5;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.mv-text span{
border-bottom: 2px solid #c6000b;
}
.mv-image{
max-width: 100%;
height: auto;
}
.btn-up{
margin-bottom: 30px;
text-align: center;
}
.btn-up img{
width: 345px;
height: auto;
} .section-action{
margin-bottom: 30px;
}
.section-action .section-title{
display: grid;
grid-template-columns: 90px auto;
column-gap: 10px;
margin-bottom: 15px;
background: #009fe8;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.section-action .section-title .badge,
.section-action .section-title .title{
display: flex;
align-items: center;
}
.section-action .section-title .badge{
background: none;
padding: 0 0 0 15px;
}
.section-action .section-title .badge img{
width: 100px;
height: auto;
}
.section-action .section-title .title{
line-height: 1.1;
font-weight: bold;
font-size: 3.2rem;
color: #fff;
white-space: nowrap;
}
.section-action .section-title .title strong{
color: #ff0;
}
.section-action .section-title .title .num{
font-size: 150%;
}
.btn-taiken,
.btn-shiryo{
text-align: center;
}
.btn-taiken{
margin-bottom: 5px;
}
.btn-shiryo{
margin-bottom: 20px;
}
.btn-taiken img,
.btn-shiryo img{
width: 345px;
height: auto;
}
.img-tel{
padding: 0 15px;
}
.img-tel img{
max-width: 100%;
height: auto;
} .section-taiken{
margin-bottom: 30px;
background-color: #ffb2b2;
padding: 20px;
}
.section-taiken .section-title{
margin-top: 0;
margin-bottom: 20px;
color: #1d2087;
letter-spacing: .2em;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.section-taiken .section-title::before{
content: "\25cf";
}
.taiken-box{
background-color: #fff;
}
.taiken-box{
margin-bottom: 20px;
background-color: #fff;
padding: 20px 10px;
}
.taiken-box dl{
margin: 0;
font-size: 14px;
font-size: 1.4rem;
}
.taiken-box dt{
float: left;
clear: left;
white-space: nowrap;
}
.taiken-box dt::before{
content: "\25a0";
}
.taiken-box dt::after{
content: "\2026";
}
.taiken-box dd{
overflow: hidden;
margin-bottom: 5px;
line-height: 1.3;
}
.taiken-box dd:last-child{
margin-bottom: 0;
}
.taiken-table{
margin-bottom: 10px;
border: 1px solid #333;
width: 100%;
line-height: 1;
font-size: 14px;
font-size: 1.4rem;
}
.taiken-table caption{
border: 1px solid #333;
border-bottom: none;
background: #ff8c8c;
padding: 10px;
font-weight: bold;
color: inherit;
}
.taiken-table th,
.taiken-table td{
border: 1px solid #333;
background: #fff;
padding: 6px 10px;
white-space: nowrap;
text-align: center;
}
.taiken-table th{
background-color: #f7cd48;
color: #303030;
font-weight: bold;
}
.taiken-table td{
}
.section-taiken .text-note{
font-size: 12px;
font-size: 1.2rem;
} .section-yutai{
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
} line-height: 1;
font-size: 18px;
font-size: 1.8rem;
border-radius: 0 20px 20px 0;
}
.yutai-item .merit small{
font-size: 60%;
}
.yutai-item .merit .campaign{
display: inline-block;
background: #f00;
padding: 2px 5px;
width: 80%;
color: #fff;
font-weight: bold;
font-size: 10px;
white-space: nowrap;
}
*/
.section-yutai .notice{
margin: 10px 0;
text-align: center;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
.btn-coupon{
text-align: center;
}
.btn-coupon img{
max-width: 345px;
height: auto;
} .section-up{
margin-bottom: 30px;
}
.section-up .section-header{
margin-bottom: 10px;
border-top: 2px solid #bbb3d7;
border-bottom: 2px solid #bbb3d7;
background: #eaf5fc;
padding: 10px 0;
line-height: 1.3;
text-align: center;
font-weight: bold;
}
.section-up .section-title,
.section-up .text01,
.section-up .text02{
margin: 0;
}
.section-up .section-title{
color: #e50012;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
}
.section-up .text01,
.section-up .text02{
color: #1e2678;
}
.section-up .text01{
margin: 5px 0;
font-size: 20px;
font-size: 2rem;
}
.section-up .text02{
font-size: 14px;
font-size: 1.4rem;
}
.up-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 2%;
padding: 0;
list-style: none;
}
.up-item{
margin-bottom: 10px;
background: #fafafa;
padding: 5px 10px;
width: 49%;
text-align: center;
}
.up-item .name,
.up-item .image,
.up-item .text{
margin: 0;
line-height: 1.3;
}
.up-item .name{
margin: 10px 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
.up-item .image img{
max-width: 100%;
height: auto;
}
.up-item .text strong{
display: block;
margin: 10px 0;
font-size: 18px;
font-size: 1.8rem;
color: #e60012;
}
.btn-up-more{
text-align: center;
}
.btn-up-more img{
max-width: 345px;
height: auto;
} .section-hiketsu .section-title{
margin-bottom: 20px;
background: #40b627;
padding: 15px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.3;
}
.hiketsu-list{
margin: 0;
padding: 0 15px;
list-style: none;
}
.hiketsu-item{
margin-bottom: 20px;
}
.hiketsu-item .hd{
margin-bottom: 5px;
}
.hiketsu-item .hd .num{
float: left;
margin-right: 8px;
border-radius: 20px;
background-color: #40b627;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 28px;
font-weight: bold;
color: #fff;
text-align: center;
}
.hiketsu-item .hd .title,
.hiketsu-item .hd .copy{
font-size: 30px;
overflow: hidden;
}
.hiketsu-item .hd .copy{
margin-left: 30px;
line-height: 1.3;
font-size: 14px;
font-size: 1.4rem;
}
.hiketsu-item .hd .title{
margin-bottom: 4px;
padding-top: .3em;
line-height: 1.3;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
color: #c6000b;
}
.hiketsu-item .bd{
margin: 0;
}
.hiketsu-item .bd img{
width: 100%;
height: auto;
} .section-hosho{
margin-bottom: 30px;
}
.section-hosho img{
max-width: 100%;
height: auto;
} .section-classes{
margin-bottom: 30px;
}
.section-classes .section-title{
margin-bottom: 10px;
background: #c0edfc;
padding: 10px;
line-height: 1;
font-weight: bold;
color: #1e2678;
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.section-classes .section-title .icon{
width: 50px;
height: auto;
vertical-align: middle;
}
.class-menu{
display: flex;
justify-content: space-between;
margin: 0 0 0 0;
padding: 0 15px;
list-style: none;
}
.class-menu li{
width: 30%;
font-size: 20px;
font-size: 2rem;
text-align: center;
}
.class-menu a{
display: block;
padding: 10px 0;
line-height: 1.2;
text-decoration: none;
color: #fff;
border-radius: 10px 10px 0 0;
}
.class-menu .tokyo a,
#class-tokyo .class-list li a{
background: #f35c80;
}
.class-menu .kanagawa a,
#class-kanagawa .class-list li a{
background: #3ba6db;
}
.class-menu .saitama a,
#class-saitama .class-list li a{
background: #29ab40;
}
.class-content{
display: none;
border-top-width: 5px;
border-top-style: solid;
}
#class-tokyo{
display: block;
border-top-color: #f35c80;
}
#class-kanagawa{
border-top-color: #3ba6db;
}
#class-saitama{
border-top-color: #29ab40;
}
.class-list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
padding: 0 15px;
list-style: none;
}
.class-list li{
margin-top: 10px;
width: 48%;
}
.class-list li a{
display: block;
border-width: 1px;
border-style: solid;
padding: 15px 5px;
border-radius: 10px;
text-align: center;
text-decoration: none;
color: #fff;
font-weight: bold;
}
#class-tokyo .class-list li a{
border-color: #e23e65;
}
#class-kanagawa .class-list li a{
border-color: #148bc5;
}
#class-saitama .class-list li a{
border-color: #0e8a24;
} .section-sugoi{
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.section-sugoi img{
max-width: 100%;
height: auto;
} .section-voices{}
.section-voices .section-title{
margin-bottom: 10px;
background: #41b6b0;
padding: 10px;
line-height: 1;
font-weight: bold;
color: #fff;
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.section-voices .section-title .icon{
width: 50px;
height: auto;
vertical-align: middle;
}
.section-voices .section-lead{
margin-bottom: 20px;
padding: 0 15px;
line-height: 1.3;
color: #2f837f;
text-align: center;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.voice-list{
margin: 0;
padding: 0 15px;
list-style: none;
}
.voice-item{
margin-bottom: 15px;
border-left: 5px solid #c2f2ef;
padding: 5px 0 5px 10px;
}
.voice-item .item-header{
display: table;
margin-bottom: 12px;
}
.voice-item .item-header > .image,
.voice-item .item-header > .text{
display: table-cell;
vertical-align: top;
}
.voice-item .item-header > .image{
width: 80px;
}
.voice-item .item-header img{
max-width: 100%;
height: auto;
}
.voice-item .item-header > .text{
padding-left: 10px;
}
.voice-item .item-header .name{
margin: 0 0 5px 0;
line-height: 1.3;
font-size: 12px;
font-size: 1.2rem;
}
.voice-item .item-header .title{
margin: 0;
line-height: 1.3;
font-size: 20px;
font-size: 2rem;
color: #ed3c42;
font-weight: bold;
}
.voice-item .item-body{
line-height: 1.7;
font-size: 14px;
font-size: 1.4rem;
} .section-form .section-title{
background: #e60012;
padding: 10px;
line-height: 1.3;
text-align: center;
color: #fff;
font-size: 27px;
font-size: 2.7rem;
font-weight: bold;
}
.contact-form{
margin: 0;
}
.contact-form p{
margin: 0;
}
.contact-form dt{
margin-bottom: 5px;
}
.contact-form dd{
margin-bottom: 10px;
margin-left: 0;
border-bottom: 3px solid #f0f0f0;
padding-bottom: 15px;
}
.hissu{
position: relative;
top: -2px;
display: inline-block;
background: #f00;
padding: 5px 10px;
line-height: 1;
color: #fff;
font-size: 10px;
font-size: 1rem;
text-align: center;
vertical-align: middle;
border-radius: 10px;
}
.form-notice{
margin-top: .5em;
font-size: 12px;
font-size: 1.2rem;
}
.form-seimei{
display: flex;
justify-content: space-between;
align-items: center;
}
.form-seimei label{
width: 12%; }
.form-seimei span{
margin-right: 4%;
width: 34%;
}
.form-checkbox-list .wpcf7-list-item{
display: block;
margin-left: 0 !important;
}
.form-checkbox-list .wpcf7-list-item label{
display: block;
border: 1px dotted #ccc;
padding: 10px 15px;
}
.form-checkbox-list .wpcf7-list-item-label{
margin-left: 10px;
}
.form-zip,
.form-tel{
display: flex;
align-items: center;
}
.form-zip .form-hyphen,
.form-tel .form-hyphen{
padding: 0 .7em;
}
.form-address label{
display: block;
margin-top: 15px;
margin-bottom: 5px;
}
.form-address br{
display: none;
}
.form-submit input[type="submit"]{
display: block;
background: #c6000b;
padding: 15px 0;
border-radius: 10px;
width: 100%;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.shubetsu-active{
background: rgba(255,255,0,.2);
} .shortcut{
position: fixed;
bottom: 0;
left: 0;
border-top: 1px solid #c6c9c6;
border-bottom: 1px solid #c6c9c6;
background: #fff;
padding: 1px 0;
width: 100%;
}
.shortcut ul{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #e0e0e0 100%);
background: -webkit-linear-gradient(top,  #fafafa 0%,#e0e0e0 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 );
padding: 5px 0;
height: 70px;
list-style: none;
}
.shortcut ul li{
border-right: 1px solid #e0e0e0;
border-left: 1px solid #fff;
width: 33.3%;
}
.shortcut ul li:first-child{
border-left: none;
}
.shortcut ul li:last-child{
border-right: none;
}
.shortcut a{
color: #000;
text-decoration: none;
}
.shortcut .icon,
.shortcut .label{
display: block;
text-align: center;
}
.shortcut .icon{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3px;
height: 36px;
}
.shortcut .icon-taiken,
.shortcut .icon-shiryo{
width: auto;
height: 32px;
}
.shortcut .icon-class{
width: auto;
height: 36px;
}
.shortcut .label{
background: none;
padding: 0;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
color: inherit;
} #modal-bg{
position: fixed;
top: 0;
left: 0;
z-index: 1000;
display: none;
background-color: rgba(0,0,0,.7);
width: 100%;
height: 100%;
}
.modal{
position: fixed;
z-index: 1001;
display: none;
background: #fff;
width: 96%;
}
.modal img{
max-width: 100%;
height: auto;
}
.modal-close{
position: absolute;
top: -80px;
right: 0;
color: #fff;
font-size: 6rem;
}
.modal-inner{
padding: 15px;
}
.modal-class .modal-body{
text-align: center;
}
.modal-class p{
margin-top: 0;
}
.modal-class .image{
margin: 0;
}
.modal-class .image iframe{
width: 100%;
}
.modal-class .title{
margin-top: 10px;
margin-bottom: 10px;
font-size: 150%;
font-weight: bold;
}
.modal-class .phone{
margin-bottom: 15px;
font-size: 30px;
}
.modal-class .phone a,
.modal-class .phone a:link,
.modal-class .phone a:visited,
.modal-class .phone a:hover,
.modal-class .phone a:active{
text-decoration: none;
font-weight: bold;
color: #e60012;
}
.modal-class .phone a{
display: block;
border: 1px dashed #ccc;
padding: 5px;
border-radius: 6px;
}
.modal-class .phone a:hover,
.modal-class .phone a:active,
.modal-class .phone a:focus{
background: #ddd;
}
.modal-class .phone a:hover .phone-icon,
.modal-class .phone a:hover .phone-number,
.modal-class .phone a:active .phone-icon,
.modal-class .phone a:active .phone-number,
.modal-class .phone a:focus .phone-icon,
.modal-class .phone a:focus .phone-number{
opacity: .3;
}
.modal-class .phone .phone-icon,
.modal-class .phone .phone-number{
display: inline-block;
height: 50px;
line-height: 50px;
vertical-align: middle;
}
.modal-class .phone .phone-icon{
width: 50px;
height: 50px;
}
.modal-class .address{
display: table;
border: 1px solid #ddd;
width: 100%;
line-height: 1.5;
table-layout: fixed;
}
.modal-class .address dt,
.modal-class .address dd{
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.modal-class .address dt{
background: #eee;
border-right: 1px solid #ddd;
width: 60px;
text-align: center;
color: #666;
font-weight: bold;
font-size: 1.2rem;
}
.modal-class .address dd{
font-size: 1.4rem;
text-align: left;
}
.modal-class .img-tel{
padding: 0;
} #header .container{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
#header .row{
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px){
#header .container{
width: 750px;
}
#header .row{
display: flex;
align-items: center;
gap: 30px;
}
#header .col-md-6{
width: 50%;
}
}
@media (min-width: 992px){
#header .container{
width: 970px;
}
}
@media (min-width: 1200px){
#header .container{
width: 1170px;
}
}
.atom-common-header-upper{
background-color: #C6000B;
}
.atom-common-header-upper .container{
display: flex;
justify-content: center;
align-items: center;
}
.atom-common-header-upper .text{
line-height: 1;
font-weight: bold;
color: #fff;
}
@media (max-width: 767px){
.atom-common-header-upper{
padding-top: 2px;
padding-bottom: 2px;
}
.atom-common-header-upper .icon{
width: auto;
height: 28px;
}
.atom-common-header-upper .text{
font-size: 22px;
}
}
@media (min-width: 768px){
.atom-common-header-upper{
padding-top: 5px;
padding-bottom: 5px;
}
.atom-common-header-upper .icon{
width: auto;
height: 40px;
}
.atom-common-header-upper .text{
font-size: 32px;
}
}
.atom-common-header-lower .container{
display: flex;
justify-content: space-between;
align-items: center;
}
.atom-common-header-lower .container::before,
.atom-common-header-lower .container::after{
display: none;
}
.atom-common-header-lower .text{
line-height: 1.4;
font-weight: bold;
}
.atom-common-header-lower .menu{
display: flex;
align-items: center;
}
.atom-common-header-lower .menu .tel{
display: block;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: 0;
}
.atom-common-header-lower .menu .tel{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/sp/img/icon-header-tel.png);
}
@media (max-width: 767px){
.atom-common-header-lower .container{
padding: 5px 10px;
width: 100%;
}
.atom-common-header-lower .brand{
display: flex;
flex-direction: column;
justify-content: center;
}
.atom-common-header-lower .logo{
order: 2;
margin: 10px 0 0 0;
height: 29px;
}
.atom-common-header-lower .text{
order: 1;
margin: 0;
line-height: 1;
font-size: 10px;
white-space: nowrap;
}
.atom-common-header-lower .logo img{
width: 215px;
height: 29px;
}
.atom-common-header-lower .text br{
display: none;
}
.atom-common-header-lower .menu .tel{
width: 55px;
height: 58px;
}
}
@media (min-width: 768px){
.atom-common-header-lower .brand{
display: flex;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.atom-common-header-lower .logo{
margin: 0;
}
.atom-common-header-lower .logo img{
width: auto;
height: 60px;
}
.atom-common-header-lower .text{
margin-bottom: 0;
margin-left: 20px;
font-size: 24px;
}
.atom-common-header-lower .menu .tel{
width: 80px;
height: 85px;
}
}
.atom-common-merit-buttons img{
width: 100%;
height: auto;
}
@media (max-width: 767px){
}
@media (min-width: 768px){
.atom-common-merit-buttons a{
transition: opacity .25s;
}
.atom-common-merit-buttons a:hover{
opacity: 0.7;
}
}
.atom-home-visual-sp{
margin-bottom: 20px;
}
.atom-home-visual-sp img{
width: 100%;
height: auto;
}
.atom-home-visual-sp-ban01{ }
.atom-home-visual-pc,
.atom-home-visual-sp{
position: relative;
}
.atom-home-visual-pc img,
.atom-home-visual-sp img{
width: 100%;
height: auto;
}
.atom-home-visual-pc h1,
.atom-home-visual-sp h1{
margin: 0;
}
@media (max-width: 767px){
.atom-home-visual-pc{
display: none;
}
.atom-home-visual-sp{
margin-bottom: 20px;
}
.atom-home-visual-sp img{
width: 100%;
height: auto;
}
.atom-home-visual-sp-ban01{ }
}
@media (min-width: 768px){
.atom-home-visual-sp{
display: none;
}
.atom-home-visual-pc{
margin-bottom: 30px;
}
}
.atom-home-visual-pc .buttons,
.atom-home-visual-sp .buttons{
position: absolute;
margin: 0;
padding: 0;
list-style: none;
}
.atom-home-visual-pc .buttons{
top: 50%;
right: 10.4167%;
width: 19.2361%;
transform: translateY(-50%);
}
.atom-home-visual-pc .buttons > li + li{
margin-top: 2%;
}
.atom-home-visual-pc .buttons > li a{
transition: opacity .4s;
}
.atom-home-visual-pc .buttons > li a:hover{
opacity: .7;
}
.atom-home-visual-sp .buttons{
top: 7px;
right: 1.8667%;
width: 36.9333%;
}
.atom-home-visual-sp .buttons > li + li{
margin-top: 1.9841%;
} .lp-new{
margin: 10px auto;
background: url(//1001atom.com/contents/wp-content/themes/atom/lp/sp/img/bg-new.png) center center no-repeat;
background-size: calc(100% - 10px) auto;
}
.lp-new-inner{
display: flex;
justify-content: center;
align-items: center;
}
.lp-new-icon img{
height: auto;
}
.lp-new-name{
margin: 0 0 0 5px;
font-weight: bold;
}
.lp-new-icon img{
width: 90px;
}
.lp-new-name{
font-size: 28px;
}
.lp-new-map{
margin-top: 10px;
}
.lp-new-map p{
margin-bottom: 16px;
}
.lp-new-map .map iframe{
width: 100%;
} .atom-hidden-content{
position: relative;
overflow: hidden;
display: grid;
grid-template-rows: 0fr; transition: all 1s;
line-height: 1.7;
}
.atom-hidden-content.is-hide::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
width: 100%;
height: 50px;
transition: all 1s;
}
.atom-hidden-content.is-open{ grid-template-rows: 1fr;
}
.atom-hidden-content.is-open::after{
opacity: 0;
}
.atom-hidden-content.is-hide > .inner{
overflow: hidden;
min-height: 50px;
}
.atom-hidden-content dt{
margin-top: 1em;
margin-bottom: .5em;
}
.atom-hidden-content dd{
line-height: inherit !important;
}
.atom-hidden-content p{
margin: 0;
}
.atom-hidden-content-more{
margin-bottom: 30px;
text-align: center;
}
.atom-hidden-content-more button{
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #000 !important;
padding: .8em 2em;
line-height: 1;
font-size: 24px;
}
.atom-hidden-content-more button::after{
content: "";
display: inline-block;
margin-left: .5em;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/sp/img/icon-plus.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: .9em;
height: .9em;
font-family: monospace;
vertical-align: middle;
}
.atom-hidden-content-more button.is-open::after{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/sp/img/icon-minus.svg);
}
.atom-hidden-content-more button:hover{
opacity: .7;
}
.atom-exvoice-wrapper{
min-height: 1500px;
}
.atom-merit-support{
margin-top: 30px;
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.atom-merit-support img{
max-width: 100%;
}
.atom-title-class-list{
padding-right: 15px;
padding-left: 15px;
}
.atom-title-class-list img{
width: 100%;
max-width: 535px !important;
}
@media (max-width: 767px){
.atom-title-class-list{
margin-bottom: 15px;
}
}
@media (min-width: 768px){
.atom-title-class-list{
margin-bottom: 30px;
}
}
.atom-pagetop-catchcopy{
text-align: center;
}
@media (max-width: 767px){
.atom-pagetop-catchcopy{
padding-top: 10px;
padding-bottom: 5px;
}
.atom-pagetop-catchcopy img{
width: 100%;
}
}
@media (min-width: 768px){
.atom-pagetop-catchcopy{
}
.atom-pagetop-catchcopy img{
width: auto;
height: 80px;
}
} .atom-home-visual .kv{
position: relative;
}
.atom-home-visual .kv img{
width: 100%;
height: auto;
}
.atom-home-visual .kv .title{
margin: 0;
}
.atom-home-visual .kv .buttons{
position: absolute;
margin: 0;
padding: 0;
list-style: none;
}
.atom-home-visual .banners a{
display: block;
margin-bottom: 10px;
}
@media (max-width: 767px){
.atom-home-visual{
margin-bottom: 20px;
}
.atom-home-visual .kv .pc{
display: none;
}
.atom-home-visual .buttons{
top: 7px;
right: 1.8667%;
width: 36.9333%;
}
.atom-home-visual .buttons > li + li{
margin-top: 1.9841%;
}
.atom-home-visual .banners .container{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px){
.atom-home-visual{
margin-bottom: 30px;
}
.atom-home-visual .kv .sp{
display: none;
}
.atom-home-visual .kv .buttons{
top: 50%;
right: 10.4167%;
width: 19.2361%;
transform: translateY(-50%);
}
.atom-home-visual .buttons > li + li{
margin-top: 2%;
}
.atom-home-visual .buttons > li a{
transition: opacity .4s;
}
.atom-home-visual .buttons > li a:hover{
opacity: .7;
}
.atom-home-visual .banners-row{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
}