#container {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 1.8em;
}
#container .mainv24,#container .lead24,#container .price24,#container .quality24,#container .order24,#container .faq24 {
width: 100%;
display: block;
}
#container .mainv24 {
background-color: #FFFFFF;
background-image: url(../img2020/loop2024/title_bg_sp.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
padding-bottom: 30px;
}
#container .lead24 {
background-color: #EBEBEB;
padding-top: 30px;
padding-bottom: 0px;
}
#container .price24 {
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
}
#container .quality24 {
background-color: #E6F4FC;
padding-bottom: 30px;
}
#container .order24 {
background-color: #EBEBEB;
padding-top: 30px;
padding-bottom: 30px;
}
#container .faq24 {
background-color: #FFFFFF;
padding-top: 30px;
}
.mainv24 .main_ttl {
width: 100%;
display: block;
}
.mainv24 .main_ttl .main_left {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}
.main_ttl .main_left h2 {
}
.main_ttl .main_left h2 img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.main_left h2 span {
display: none;
}
.main_ttl .main_left .animation_container {
position: relative;
width: 100%;
padding-top: 27.77%;
}
.main_left .animation_container iframe {
border: 0;
}
.animation_container_sp {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.animation_container_pc {
display: none;
}
.mainv24 .main_ttl .main_right {
width: 100%;
display: block;
text-align: center;
}
.main_ttl .main_right img {
width: 65%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
margin-top: 20px;
}
.mainv24 .main_lead {
width: 100%;
display: block;
text-align: center;
margin-top: 20px;
}
.mainv24 .main_lead .main_lead_sp {
width: 90%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}
.mainv24 .main_lead .main_lead_pc {
display: none;
}
.lead24 .lead_inner {
}
.lead24 .lead_inner .lead_left {
width: 90%;
display: block;
font-weight: 700;
margin-left: auto;
margin-right: auto;
line-height: 2em;
}
.lead_inner .lead_left p .pc_only {
display: none;
}
.lead24 .lead_inner .lead_right {
margin-top: 30px;
}
.lead24 .lead_inner .lead_right img {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}
.h3_24 {
width: 100%;
text-align: center;
font-size: 18px;
line-height: 1.4em;
font-weight: 500;
border-bottom-style: none;
margin-top: 0px;
margin-bottom: 0px;
}
.h4_24 {
width: 100%;
text-align: center;
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
border-bottom-style: none;
margin-top: 60px;
margin-bottom: 0px;
}
.price24 .h3_24 {
letter-spacing: 1.3em;
}
.price24 .h3_24 span {
display: block;
font-size: 13px;
font-weight: 400;
letter-spacing: 0em;
}
.price24 .img_price_sp {
width: 90%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 750px;
margin-top: 20px;
vertical-align: bottom;
}
.price24 .img_price_pc {
display: none;
}
.price24 div .price_txt {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 0px;
}
#container .quality24 .quality_left {
width: 100%;
margin: 0;
display: block;
}
#container .quality24 .quality_left img {
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
.quality_ttl {
width: 100%;
text-align: center;
font-size: 18px;
line-height: 1.4em;
font-weight: 500;
border-bottom-style: none;
margin-top: 30px;
margin-bottom: 0px;
}
.quality_list {
width: 90%;
font-weight: 500;
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.quality_list li {
margin-top: 15px;
background-image: url(../img2020/loop2024/quality_icon.jpg);
background-position: left 2px;
background-size: 16px auto;
background-repeat: no-repeat;
font-size: 14px;
line-height: 20px;
display: block;
text-indent: 20px;
}
.quality_caution {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 0px;
font-size: 12px;
line-height: 1.6em;
}
#container .machine_sp {
width: 90%;
height: auto;
max-width: 640px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
}
#container .machine_pc {
display: none;
}
#container .order24 .order_step {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.order24 .order_step .odr_process {
font-weight: 500;
}
.order_step .odr_process .odr_no {
display: block;
border: 1px solid #515151;
width: 10em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em;
margin-top: 30px;
}
.order24 .order_step .odr_means_sp {
display: block;
}
.order_step .odr_means_sp li {
width: 100%;
display: block;
margin-bottom: 10px;
}
.odr_means_sp li a {
width: 100%;
height: 100%;
display: block;
}
.odr_means_sp li a img {
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
.order24 .order_step .odr_means_pc {
display: none;
}
#container .order24 .ord_arrow_sp {
width: 90%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 750px;
margin-top: 30px;
}
#container .order24 .ord_arrow_pc {
display: none;
}
#container .order24 .ord_info {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
#container .order24 .ord_info li {
margin-top: 0.6em;
}
#container .faq24 .faq24_list {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
}
.faq24 .faq24_list li {
margin-top: 2em;
}
.faq24 .faq24_list li p {
line-height: 1.6em;
overflow: hidden;
}
.faq24_list li p .qst {
width: 7%;
display: block;
float: left;
font-weight: 500;
color: #CC0000;
text-align: center;
}
.faq24_list li p .qst_tx {
width: 92%;
display: block;
float: left;
font-weight: 500;
text-align: justify;
}
.faq24_list li p .ans {
width: 7%;
display: block;
float: left;
font-weight: 500;
color: #007BC7;
text-align: center;
}
.faq24_list li p .ans_tx {
width: 92%;
display: block;
float: left;
text-align: justify;
}
.kokomade {
}





@media (min-width: 750px) {
#container {
  font-size: 16px;
}
#container .mainv24 {
background-image: url(../img2020/loop2024/title_bg_pc.jpg);
overflow: hidden;
padding-top: 30px;
padding-bottom: 60px;
}
.mainv24 .main_ttl {
width: 90%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.mainv24 .main_ttl .main_left {
width: 48%;
max-width: 580px;
display: inline-block;
margin-left: 0;
margin-right: 0;
vertical-align: top;
}
.mainv24 .main_ttl .main_right {
width: 50%;
max-width: 460px;
display: inline-block;
vertical-align: top;
}
.main_ttl .main_right img {
width: 100%;
height: auto;
margin-top: 0px;
}
.mainv24 .main_lead .main_lead_pc {
width: 90%;
max-width: 1080px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: bottom;
}
.mainv24 .main_lead .main_lead_sp {
display: none;
}
#container .lead24 {
padding-top: 0px;
}
.lead24 .lead_inner {
width: 90%;
max-width: 1080px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
}
.lead24 .lead_inner .lead_left {
width: 49%;
display: inline-block;
margin: 0;
text-align: left;
line-height: 2.4em;
vertical-align: middle;
font-size: 18px;
max-width: 535px;
}
.lead_inner .lead_left p .pc_only {
display: inline;
}
.lead24 .lead_inner .lead_right {
width: 50%;
height: 300px;
display: inline-block;
margin: 0;
background-image: url(../img2020/loop2024/lead_img.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
vertical-align: middle;
max-width: 535px;
}
.lead24 .lead_inner .lead_right img {
display: none;
}
.h3_24 {
font-size: 24px;
}
.h4_24 {
font-size: 20px;
}
.price24 .h3_24 span {
font-size: 16px;
}
#container .price24 {
padding-top: 60px;
padding-bottom: 60px;
font-size: 12px;
line-height: 1.4em;
}
#container .order24 {
padding-top: 60px;
padding-bottom: 60px;
}
#container .faq24 {
padding-top: 60px;
padding-bottom: 30px;
}
.price24 .img_price_sp {
display: none;
}
.price24 .img_price_pc {
width: 90%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1080px;
margin-top: 30px;
vertical-align: bottom;
}
.option_pc {
display: none;
}
.img_option_pc {
border-top: 60px solid #FFFFFF;
}
.price24 div .price_txt {
text-align: center;
}
#container .quality24 {
padding-bottom: 0px;
}
.quality_inner {
width: 90%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
#container .quality24 .quality_left {
width: 40%;
height: 560px;
display: block;
float: left;
background-image: url(../img2020/loop2024/quality.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#container .quality24 .quality_left img {
display: none;
}
#container .quality24 .quality_right {
width: 55.5%;
display: block;
float: right;
margin-bottom: 60px;
}
.quality_ttl {
font-size: 20px;
text-align: left;
margin-top: 60px;
}
.quality_list {
width: 100%;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
}
.quality_list li {
margin-top: 18px;
margin-left: 20px;
background-size: 18px auto;
font-size: 20px;
line-height: 24px;
text-indent: 28px;
}
.quality_caution {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
font-size: 14px;
line-height: 1.6em;
}
#container .machine_sp {
display: none;
}
#container .machine_pc {
width: 90%;
height: auto;
max-width: 750px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom: 100px;
}
#container .order24 .order_step {
width: 100%;
text-align: center;
}
.order24 .order_step .odr_process {
overflow: hidden;
}
.order_step .odr_process .odr_no {
display: inline-block;
border: 1px solid #515151;
width: 6em;
margin-left: 0px;
margin-right: 1em;
margin-bottom: 0.5em;
margin-top: 30px;
}
.order_step .odr_process .ord_sp {
display: none;
}
.order24 .order_step .odr_means_sp {
display: none;
}
.order24 .order_step .odr_means_pc {
display: block;
width: 100%;
overflow: hidden;
max-width: 1110px;
margin-left: auto;
margin-right: auto;
}
.order_step .odr_means_pc li {
width: 30%;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.odr_means_pc li a {
width: 100%;
height: 100%;
display: block;
}
.odr_means_pc li a img {
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
.odr_means_pc li .odr_mns_pct {
width: 100%;
height: auto;
display: block;
}
#container .order24 .ord_arrow_pc {
width: 90%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1080px;
margin-top: 60px;
}
#container .order24 .ord_arrow_sp {
display: none;
}
#container .order24 .ord_info {
text-align: center;
margin-top: 60px;
}
#container .faq24 .faq24_list {
max-width: 1080px;
}
.faq24_list li p .qst {
width: 5%;
}
.faq24_list li p .qst_tx {
width: 94%;
}
.faq24_list li p .ans {
width: 5%;
}
.faq24_list li p .ans_tx {
width: 94%;
}
}