@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;
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/css/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/css/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/css/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
 html{
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{
display: block;
}
audio,
canvas,
progress,
video{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
[hidden],
template{
display: none;
}
a{
background: transparent;
}
a:active,
a:hover{
outline: 0;
}
abbr[title]{
border-bottom: 1px dotted;
}
b,
strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
font-size: 2em;
margin: 0.67em 0;
}
mark{
background: #ff0;
color: #000;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup{
top: -0.5em;
}
sub{
bottom: -0.25em;
}
img{
border: 0;
max-width: 100%;
height: auto;
}
svg:not(:root){
overflow: hidden;
}
figure{
margin: 1em 40px;
}
hr{
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre{
overflow: auto;
}
code,
kbd,
pre,
samp{
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea{
color: inherit;
font: inherit;
margin: 0;
}
button{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled]{
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
border: 0;
padding: 0;
}
input{
line-height: normal;
}
input[type="checkbox"],
input[type="radio"]{
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
height: auto;
}
input[type="search"]{
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance: none;
}
fieldset{
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend{
border: 0;
padding: 0;
}
textarea{
overflow: auto;
}
optgroup{
font-weight: bold;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
td,
th{
padding: 0;
}
html{
overflow-y: scroll;
}
body{
margin: 0;
padding: 0;
background-color: white;
font: 16px/1.5 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: black;
}
a{
color: #0038cc;
text-decoration: underline;
}
a:link, a:visited{
color: #0038cc;
text-decoration: underline;
}
a:hover, a:active{
color: #0038cc;
text-decoration: none;
}
strong,
em,
address{
font-style: normal;
}
strong,
em{
font-weight: bold;
}
img,
iframe,
video{
border: none;
vertical-align: top;
}
h1, h2, h3, h4, h5{
margin: 0;
}
p{
margin: 0;
}
ul,
ol,
dl{
margin-top: 0;
}
dd{
margin-left: 0;
}
::selection,
::-moz-selection{
background: yellow;
}
.cf{
*zoom: 1;
}
.cf:before, .cf:after{
content: " ";
display: table;
}
.cf:after{
clear: both;
}
.ht{
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.center-block{
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right{
float: right !important;
}
.pull-left{
float: left !important;
}
.text-attention{
color: #e60012;
}
.text-weak{
font-size: 69%;
color: #999999;
}
.text-topic{
text-align: center;
}
.text-posted,
.text-sup{
text-align: right;
}
.image{
margin: 2em 0;
text-align: center;
}
.banners{
padding: 0;
list-style: none;
}
.banners a:hover img{
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.nav-flat li{
*display: inline;
*zoom: 1;
display: inline-block;
margin-left: .5em;
border-left: 1px solid #ccc;
padding-left: .5em;
line-height: 1;
*line-height: 1.1;
}
.table-outline{
border-top: 1px solid #999999;
border-right: 1px solid #999999;
}
.table-outline thead th,
.table-outline thead td{
text-align: center;
}
.table-outline th,
.table-outline td{
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
}
.table-outline th{
background-color: #efebe6;
}
.section{
margin-bottom: 2em;
}
.section-wrap{
background-color: #fff;
padding: 28px 25px;
}
.flexbox-l-img{
overflow: hidden;
}
.flexbox-l-img .image{
float: left;
margin: 0 1em 1em 0;
}
.flexbox-l-img .cont{
overflow: hidden;
}
.flexbox-r-img{
overflow: hidden;
}
.flexbox-r-img .image{
float: right;
margin: 0 0 1em 1em;
}
.flexbox-r-img .cont{
overflow: hidden;
}
.box{
border: 1px solid #cccccc;
background-color: #e5e5e5;
padding: 1em 0.5em;
} .l-inner{
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
width: 960px;
}
.l-footer .l-inner{
height: 66px;
}
body{
border: none;
background: white url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/bg-body.jpg) center top repeat-x;
}
#wrapper{ }
#header{
background: transparent url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/bg-header.png) center top repeat-x;
}
#footer{
clear: both;
background-color: #000;
} .header-top .logo{
float: left;
margin: 0;
}
.header-top .logo img{
height: auto;
}
.h-cont{
float: right;
width: 640px;
}
.h-cont > .target{
width: 640px;
height: 40px;
color: #fff;
}
.h-cont > .target .icon{
float: left;
margin-top: 5px;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-target.png);
width: 100px;
height: 30px;
}
.h-cont > .target .sum{
float: left;
height: 40px;
line-height: 40px;
font-size: 150%;
}
.h-cont > .target .sum strong{
color: #fff;
}
.h-cont > .target .list{
float: right;
padding: 0;
height: 40px;
line-height: 40px;
list-style: none;
}
.h-cont > .target .list li{
float: left;
margin-left: 10px;
font-weight: bold;
}
.h-cont > .target .list li::before{
content: "\25cf";
}
.h-cont > .target02{
font-size: 24px;
text-align: center;
font-weight: bold;
}
.h-cont > .target02 span{
margin: 0 .5em;
}
.h-cont > .contact{
display: flex;
justify-content: space-between;
align-items: center;
border: 3px solid #c6000b;
background-color: #fff;
width: 634px;
height: 134px;
}
.h-cont > .contact > .copy{
margin: 5px 0 0 12px;
line-height: 1.25;
font-size: 30px;
}
.h-cont > .contact > .copy strong{
font-size: 125%;
color: #c6000b;
}
.h-cont > .contact > .fukidashi{
position: relative;
display: flex;
align-items: center;
background: #c6000b;
padding-left: 10px;
height: 100%;
line-height: 1.3;
color: #fff;
font-weight: bold;
font-size: 20px;
}
.h-cont > .contact > .fukidashi::after{
content: "";
position: absolute;
top: 0;
right: -49px;
background: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/bg-header-contact-fukidashi.png) 0 0 no-repeat;
background-size: 100% 100%;
width: 49px;
height: 134px;
}
.h-cont > .contact > .fukidashi strong{
color: #ff0;
font-size: 140%;
}
.h-cont > .contact > .phone{
margin: 0 15px 0 0;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-phone.png);
width: 368px;
height: 100px;
}
.h-cont > .contact > .phone a{
display: block;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-phone.png);
width: 100%;
height: 100%;
}
.header-visual{
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
.header-visual img{
max-width: 1124px;
height: auto;
}
.header-body{
clear: both;
position: relative;
padding-top: 20px;
height: 94px;
}
.header-body > .l-inner{
position: relative;
height: 100%;
}
.header-body .title{ padding-bottom: 20px;
line-height: 1.5;
text-align: center;
font-size: 48px;
text-decoration: underline;
color: #e60000;
font-weight: bold;
}
.header-body .title span{
color: #000;
} .header-body .copy01{
margin: 0 auto 20px auto;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-copy01.png);
width: 682px;
height: 74px;
}
.header-body .images{
margin: 0 0 0 -3px;
padding: 0;
width: 963px;
list-style: none;
}
.header-body .images li{
float: left;
overflow: hidden;
margin-left: 5px;
border-radius: 158px;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
width: 316px;
height: 316px;
}
.header-body .copy02{
position: absolute;
bottom: 0;
margin: 0 auto;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-copy02.png);
width: 944px;
height: 90px;
}
.header-body .copy02-02{
position: absolute;
right: 0;
bottom: 0;
margin: 0;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/header-copy02-02.png);
width: 200px;
height: 90px;
}
.header-body .btn-reason{
position: absolute;
bottom: 0;
left: 0;
width: 700px;
height: 94px;
}
.header-body .btn-reason a{
display: block;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/btn-reason.png);
width: 100%;
height: 100%;
transition: none;
}
.header-body .btn-reason a:hover{
background-position: 0 -94px;
} #footer .copyright{
display: block;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 63%;
} .section{
clear: both;
margin: 40px 0;
}
.sec-warranty{
padding: 0 89px;
}
.sec-warranty .ht{
margin-left: -11px;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-warranty.png);
width: 791px;
height: 313px;
} #sec-01 > .title{
margin-bottom: 20px;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-01-title.png);
width: 960px;
height: 60px;
}
#sec-01 > .lineup{
margin-left: -20px;
}
.sec-01-item{
float: left;
margin-bottom: 20px;
margin-left: 20px;
width: 460px;
}
.sec-01-item .hd{
*zoom: 1;
margin-bottom: 8px;
}
.sec-01-item .hd:before, .sec-01-item .hd:after{
content: " ";
display: table;
}
.sec-01-item .hd:after{
clear: both;
}
.sec-01-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;
}
.sec-01-item .hd .title,
.sec-01-item .hd .copy{
line-height: 1.3;
font-size: 25px;
overflow: hidden;
}
.sec-01-item .hd .copy{
margin-left: 30px;
}
.sec-01-item .hd .title{
margin-bottom: 4px;
padding-top: .3em;
font-size: 200%;
font-weight: bold;
color: #c6000b;
}
.sec-01-item .bd{
margin: 0;
}
.sec-01-item .image img{
width: 100%;
height: auto;
} #sec-02{
padding: 0;
}
#sec-02 > .title{
margin: 0 auto 20px auto;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-02-title.png);
width: 800px;
height: 159px;
text-align: center;
}
.atom-up-wrapper{
display: flex;
flex-wrap: wrap;
}
.atom-up-item-v02{ margin-bottom: 18px;
margin-left: 18px;
border: 1px dashed #ccc;
border-radius: 7px;
background: none;
padding: 15px 20px;
width: 266px;
text-align: center;
}
.atom-up-item-v02:nth-child(3n-2){
margin-left: 0;
}
.atom-up-item-v02 > .well{
}
.atom-up-item-v02 .atom-up-item-header{
display: block;
margin-bottom: 4px;
line-height: 1.2;
font-size: 15px;
font-weight: bold;
}
.atom-up-item-v02 .atom-up-item-header .image,
.atom-up-item-v02 .atom-up-item-header .profile{
display: block;
}
.atom-up-item-v02 .atom-up-item-header .profile{
padding-top: 1px;
line-height: 1.3;
font-size: 140%;
width: auto !important;
height: auto !important;
}
.atom-up-item-v02 .atom-up-item-header .image{
margin: 10px 0;
width: auto;
height: auto;
text-align: center;
}
.atom-up-item-v02 .atom-up-item-header .image img{
display: inline;
max-width: 225px;
height: auto;
}
.atom-up-item-v02 .atom-up-item-body{
border-top: none;
line-height: 1.3;
font-size: 24px;
font-weight: bold;
color: #e60012;
}
.atom-up-item-v02 .atom-up-item-body .strong{
font-size: 130%;
text-decoration: underline;
}
.atom-accordion-toggle:hover{
cursor: pointer;
opacity: .7;
} #sec-03 img{
max-width: 100%;
height: auto;
} #sec-04 > .title{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-04-title.jpg);
width: 960px;
height: 120px;
}
#sec-04 > .row{
overflow: hidden;
}
.atom-exvoice-wrapper{
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
min-height: 3000px;
}
.atom-exvoice-item{
flex: 0 0 460px;
}
.atom-exvoice-item .panel{
border: none;
background: none;
border-radius: 0;
box-shadow: none;
}
.atom-exvoice-header{
position: relative;
margin-bottom: 10px;
border-top: 4px solid #ffe493 !important;
background: none;
padding: 0;
border-radius: 0;
}
.atom-exvoice-header .title .profile,
.atom-exvoice-header .title .catchcopy{
display: block;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.3;
text-align: center;
}
.atom-exvoice-header .title .profile{
background-color: #fffbda;
padding: 10px;
font-size: 22px;
}
.atom-exvoice-header .title .catchcopy{
margin: 0;
background-color: #c6000b;
padding: 0 10px;
color: #fff;
font-weight: bold; font-size: 25px;
}
.atom-exvoice-header .image{
position: absolute;
bottom: -120px;
left: 0;
margin: 0;
width: 100px;
height: 100px;
}
.atom-exvoice-header .image img{
max-width: 100%;
height: auto;
}
.atom-exvoice-item .panel-body{
margin-left: 110px;
font-size: 20px;
} #sec-action{
overflow: hidden;
border-radius: 10px;
border: 1px solid #666;
background-color: #f5f5f5;
}
#sec-action > .hd{
*zoom: 1;
margin-bottom: 40px;
background-color: #009fe8;
width: 100%;
height: 200px;
}
#sec-action > .hd:before, #sec-action > .hd:after{
content: " ";
display: table;
}
#sec-action > .hd:after{
clear: both;
}
#sec-action > .hd .unit{
float: left;
vertical-align: middle;
}
#sec-action > .hd .badge .ht,
#sec-action > .hd .price .ht{
display: block;
}
#sec-action > .hd .badge{
background: none;
padding: 18px 0 0 30px;
}
#sec-action > .hd .badge .ht{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-title-badge.png);
width: 166px;
height: 164px;
}
#sec-action > .hd .title .text{
display: table-cell;
padding-left: 20px;
height: 200px;
line-height: 1.1;
vertical-align: middle;
font-size: 54px;
font-weight: bold; color: #fff;
}
#sec-action > .hd .title .text strong{
font-size: 140%;
color: #ff0;
}
#sec-action > .hd .price{
float: right;
padding: 0 30px;
}
#sec-action > .hd .price .ht{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-title-price.png);
width: 194px;
height: 194px;
}
#sec-action .bd{
padding: 0 89px;
}
#sec-action .bd > .section{
margin-top: 20px;
margin-bottom: 20px;
}
#sec-action-01{
margin-bottom: 40px !important;
}
#sec-action-01 .btn{
margin-bottom: 10px;
border: none;
padding: 0;
box-shadow: none;
}
#sec-action-01 .btn a{
display: block;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-btn-regist.jpg);
width: 780px;
height: 124px;
box-shadow: none;
}
#sec-action-01 .btn a:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#sec-action-01 .btn999 a:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#sec-action-01 .phone{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-phone.png);
width: 780px;
height: 120px;
}
#sec-action-01 .phone a{
display: block;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-phone.png);
width: 100%;
height: 100%;
}
#sec-action-01 .uke{
font-size: 20px;
text-align: center;
}
#sec-action-02{
background-color: #ffb2b2;
padding: 20px;
}
#sec-action-02 > .title{
margin-bottom: 20px;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-guide-title.png);
width: 337px;
height: 30px;
}
#sec-action-02 .text-note{
font-size: 20px;
clear: both;
margin: 0;
}
#sec-action-02-01,
#sec-action-02-02{
background-color: #fff;
height: 148px;
}
#sec-action-02-01{
float: left;
background-color: #fff;
padding: 20px 10px;
width: 330px; }
#sec-action-02-01 dl{
font-size: 20px;
}
#sec-action-02-01 dt{
float: left;
clear: left;
white-space: nowrap;
}
#sec-action-02-01 dt::before{
content: "\25a0";
}
#sec-action-02-01 dt::after{
content: "\2026";
}
#sec-action-02-01 dd{
overflow: hidden;
margin-bottom: 5px;
line-height: 1.3;
}
#sec-action-02-01 dd strong{
font-size: 128%;
font-weight: normal;
}
#sec-action-02-02{
float: right;
width: 390px;
}
#sec-action-02-02 > .title{
float: left;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-guide-table-title.png);
width: 40px;
height: 148px;
}
#sec-action-02-02 > .bd{
overflow: hidden;
padding: 10px;
}
#sec-action-02-02 .table{
border-top: 1px solid #333;
border-right: 1px solid #333;
width: 100%;
font-size: 18px;
}
#sec-action-02-02 .table th,
#sec-action-02-02 .table td{
border-bottom: 1px solid #333;
border-left: 1px solid #333;
padding-top: 1px;
padding-bottom: 1px;
white-space: nowrap;
text-align: center;
}
#sec-action-02-02 .table th{
background-color: #f7cd48;
color: #303030;
font-weight: bold;
}
#sec-action-02-02 .note small{
font-size: 10px;
}
#sec-action-03{
padding: 0;
}
#sec-action-04{
background-color: #fff696;
}
#sec-action-04 > .hd{
padding: 20px 20px 0 20px;
}
#sec-action-04 > .hd .title{
float: left;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-location-title.png);
width: 213px;
height: 30px;
}
#sec-action-04 > .hd .copy{
float: right;
margin-top: -10px;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-location-copy.png);
width: 362px;
height: 47px;
}
#sec-action-04 .locations{
display: table;
border-spacing: 18px;
width: 100%;
table-layout: fixed;
}
#sec-action-04 .locations .unit{
display: table-cell;
*float: left;
background-color: #fff;
width: 234px;
*height: 100%;
}
#sec-action-04 .locations .unit li{
margin-bottom: 8px;
line-height: 1.2;
}
#sec-action-04 .locations .title{
margin-bottom: 8px;
height: 36px;
line-height: 36px;
font-size: 150%;
font-weight: bold;
color: #fff;
text-align: center;
}
#sec-action-04 .locations .tokyo .title{
background-color: #f35c80;
}
#sec-action-04 .locations .kanagawa .title{
background-color: #3ba6db;
}
#sec-action-04 .locations .saitama .title{
background-color: #29ab40;
}
.locations .tokyo .list,
.locations .kanagawa .list,
.locations .saitama .list{
list-style: none;
font-size: 21px;
} #sec-merit{
border-radius: 5px;
border: 1px solid #c6000b;
background-color: #f9e5e7;
padding: 10px 0;
}
#sec-merit > .hd{
margin-bottom: 10px;
padding: 0 29px;
}
#sec-merit > .hd .title{
float: left;
padding-top: 8px;
line-height: 1;
color: #e60012;
font-weight: bold;
}
#sec-merit > .hd .title small{
color: #e60012;
font-weight: bold;
font-size: 70px;
}
#sec-merit > .hd .pr{
float: right;
background-color: #ff0;
width: 411px;
padding: 7px 0;
line-height: 1.1;
font-size: 30px;
font-weight: bold;
text-align: center;
}
#sec-merit > .hd .pr strong{
font-size: 130%;
}
#sec-merit .list{
*zoom: 1;
margin: 0;
padding-left: 0;
list-style: none;
}
#sec-merit .list:before, #sec-merit .list:after{
content: " ";
display: table;
}
#sec-merit .list:after{
clear: both;
}
#sec-merit .list li{
float: left;
margin-left: 20px;
border-radius: 5px;
border: 1px solid #ff8080;
background-color: #fff;
padding: 4px;
width: 154px;
height: 200px;
text-align: center;
}
#sec-merit .list li .title{
position: relative;
margin-top: 1px;
border-radius: 2px;
background-color: #ffbfbf;
height: 40px;
line-height: 40px;
}
#sec-merit .list li .title .text{
padding-top: 20px;
margin-left: -10px;
font-size: 30px;
vertical-align: top;
}
#sec-merit .list li .title .num{
position: relative;
top: 1px;
left: 5px;
margin-top: -22px;
border-radius: 14px; width: 28px;
height: 32px;
line-height: 40px;
font-weight: bold;
font-size: 180%;
}
#sec-merit .list li .text01,
#sec-merit .list li .text02{
font-weight: bold; font-size: 30px;
}
#sec-merit .list li .text01{ display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 60px;
line-height: 1.2;
font-size: 200%;
}
#sec-merit .list li .text01 small{
font-size: 80%;
}
#sec-merit .list li .text02{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 6px;
border-radius: 3px;
border: 1px solid #000;
background-color: #fff697; height: 89px; font-size: 27px;
}
#sec-merit .list li .text02 p{
line-height: 1;
}
#sec-merit .list li .text02 .price small{
font-size: 80%;
}
#sec-merit .list li .text02 .zeikomi{
margin-bottom: -5px;
font-size: 14px;
}
#sec-merit .list li .text02 .cashback{
text-align: center;
}
#sec-merit .list li .text02 .cashback span{
display: inline-block;
background: #f00;
padding: 3px 5px;
color: #fff;
font-weight: bold;
font-size: 14px;
transform: rotate(-2deg);
}
.accordion{
overflow: hidden; opacity: 0;
margin: 0;
height: 1px;
} .accordion-toggle{
margin-bottom: 40px;
}
.accordion-toggle:hover{
cursor: pointer;
}
.accordion-toggle .is-active{
display: none;
} .icon-new,
.icon-renewal,
.icon-close,
.icon-waiting,
.icon-full{
display: inline-block;
padding: 2px 4px;
font-size: 10px;
font-weight: bold;
color: #fff;
vertical-align: middle;
border-radius: 5px;
text-align: center;
}
.icon-new{
background-color: #0c4c03;
}
.icon-renewal{
background-color: #1d2087;
}
.icon-close{
background-color: #c6000b;
}
.icon-waiting{
background-color: #fa0;
}
.icon-full{
background-color: #666;
} .blk-location{
padding: 0 40px 20px 40px;
}
.blk-location .map{
display: table;
margin-bottom: 10px;
table-layout: fixed;
width: 100%;
}
.blk-location .image,
.blk-location .text{
display: table-cell;
padding-top: 20px;
padding-bottom: 20px;
vertical-align: middle;
}
.blk-location .map iframe{
width: 100%;
height: 300px;
}
.blk-location .image{
margin: 0;
width: 400px;
}
.blk-location .image img{
max-width: 100%;
height: auto;
}
.blk-location .text{
padding-left: 20px;
}
.blk-location .title{
margin-bottom: 20px;
border-bottom: 3px solid #1f2677;
padding-bottom: 5px;
padding-left: 2px;
font-weight: bold;
font-size: 24px;
}
.blk-location .phone{
background: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/icon-phone.png) 0 9px no-repeat;
padding-left: 36px;
font-weight: bold;
font-size: 28px;
}
.blk-location .address{
margin-bottom: 20px;
}
.btn-yoyaku a,
.btn-shiryo a{
display: block;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 5px;
}
.btn-yoyaku a:hover,
.btn-shiryo a:hover{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}
.btn-yoyaku{
margin-bottom: 10px;
}
.btn-yoyaku a{
border: 3px solid #96000c;
background: #ff4c4d;
background: -moz-linear-gradient(top,  #ff4c4d 0%, #c5000a 100%);
background: -webkit-linear-gradient(top,  #ff4c4d 0%,#c5000a 100%);
background: linear-gradient(to bottom,  #ff4c4d 0%,#c5000a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c4d', endColorstr='#c5000a',GradientType=0 );
height: 80px;
line-height: 80px;
color: #fff;
font-size: 36px;
}
.btn-yoyaku a:hover{
color: #fff;
}
.btn-shiryo a{
border: 3px solid #40560c;
background: #6dab0e;
background: -moz-linear-gradient(top,  #6dab0e 0%, #58790a 100%);
background: -webkit-linear-gradient(top,  #6dab0e 0%,#58790a 100%);
background: linear-gradient(to bottom,  #6dab0e 0%,#58790a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dab0e', endColorstr='#58790a',GradientType=0 );
height: 80px;
line-height: 80px;
font-size: 36px;
color: #fff;
}
.btn-shiryo a:hover{
color: #fff;
}
.btn-phone{
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-phone.png);
width: 780px;
height: 120px;
}
.btn-phone a{
display: block;
background-image: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/sec-action-phone.png);
width: 100%;
height: 100%;
}
.btn-uke{
font-size: 20px;
text-align: center;
} #header .container{
margin-right: auto;
margin-left: auto
}
#header .row{
margin-right: -15px;
margin-left: -15px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px){
#header .container{
max-width: 960px;
}
#header .row{
display: flex;
align-items: center;
gap: 30px;
}
#header .col-md-6{
width: 50%;
}
}
.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/pc/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 img{
width: 100%;
height: auto;
}
@media (max-width: 767px){
.atom-home-visual{
margin-bottom: 20px;
}
}
@media (min-width: 768px){
.atom-home-visual{
margin-bottom: 30px;
}
}
.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{
margin-top: -12.5vw;
}
}
@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-right: auto;
margin-bottom: 20px;
margin-left: auto;
background: url(//1001atom.com/contents/wp-content/themes/atom/lp/pc/img/bg-new.png) center center no-repeat;
background-size: 100% auto;
max-width: 1380px;
}
.lp-new-inner{
display: flex;
justify-content: center;
align-items: center;
}
.lp-new-icon img{
height: auto;
}
.lp-new-name{
margin: 0 0 0 20px;
font-weight: bold;
}
@media (min-width: 768px){
.lp-new-icon img{
width: 150px;
}
.lp-new-name{
font-size: 40px;
}
}
@media (min-width: 1200px){
.lp-new-icon img{
width: 240px;
}
.lp-new-name{
font-size: 70px;
}
}
.lp-new-map{
margin-top: 30px;
}
.lp-new-map p{
margin-bottom: 20px;
}
.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/pc/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/pc/img/icon-minus.svg);
}
.atom-hidden-content-more button:hover{
opacity: .7;
}
.atom-merit-support{
margin-top: 30px;
margin-bottom: 30px;
}
.atom-merit-support img{
max-width: 100%;
}
.atom-title-class-list{
padding-top: 18px;
padding-right: 18px;
padding-left: 18px;
text-align: center;
}
.atom-title-class-list img{
width: 100%;
max-width: 535px !important;
}
.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;
}
}