@charset "utf-8";
/* html
-------------------------------------------------- */
html {
visibility: hidden;
}
.section.diff-margin-b {
display: none;
}
.lyt-evenly-a {
display: none;
}
/* .main-col
-------------------------------------------------- */
.main-col {
display: flex;
justify-content: space-between;
max-width: 1280px;
margin: 0 auto;
}
.main-col .left-col {
width: 75%;
}
.main-col .left-col .lyt-item-b .img>.img-inner {
max-width: 500px;
}
.main-col .right-col {
position: relative;
width: 23%;
margin-top: 56px;
}
.main-col .right-col dl.is-fixed {
position: fixed;
top: 10px;
max-width: 294px;
}
.main-col .right-col dl.is-absolute {
position: absolute;
bottom: 0;
}
.main-col .right-col dt {
padding: 10px 0;
background: #7F7F7F;
color: #fff;
text-align: center;
}
.main-col .right-col dd {
padding: 20px 20px 20px 0;
background: #F2F2F2;
}
@media screen and (max-width: 1000px) {
.main-col .left-col .lyt-item-b .img>.img-inner {
max-width: 300px;
}
}
@media screen and (max-width: 768px) {
.main-col {
display: block;
}
.main-col .left-col {
width: 100%;
}
.main-col .left-col .lyt-item-b .img>.img-inner {
max-width: initial;
}
.main-col .right-col {
width: 100%;
margin-top: 0;
}
.main-col .right-col dl.is-fixed {
position: static;
max-width: initial;
}
.main-col .right-col dl.is-absolute {
position: static;
}
.main-col .right-col dd {
padding: 20px;
}
}
/* btn
-------------------------------------------------- */
.lyt-btn-a.fs{
display: flex;
justify-content: flex-start;
}
.lyt-btn-a.fe{
display: flex;
justify-content: flex-end;
}
.lyt-btn-a .btn-a,
.lyt-btn-a .btn-b{
display: flex;
justify-content: center;
align-items: center;
min-width: 300px;
height: 50px;
font-size: 1.6rem;
}
.lyt-btn-a .btn-a.w350,
.lyt-btn-a .btn-b.w350{
min-width: 350px;
}
.lyt-btn-a .btn-b.h40{
height: 40px;
}
.diff-bg-a .lyt-item-a .lyt-btn-a.fs {
justify-content: flex-end;
}
@media only screen and (max-width: 767px){
.lyt-btn-a{
margin-left: 0;
}
.lyt-btn-a > li{
margin-left: 0;
}
.lyt-btn-a .btn-a,
.lyt-btn-a .btn-b{
min-width: 100%;
height: auto;
}
.lyt-btn-a .btn-a.w350,
.lyt-btn-a .btn-b.w350{
min-width: 100%;
}
}
/* txtLink
-------------------------------------------------- */
.txtLink li a{
display: block;
padding: 20px 0;
border-bottom: 1px solid #C6C6C0;
text-decoration: none;
}
.txtLink li a:hover{
text-decoration: underline;
}
/* 関連リンク
-------------------------------------------------- */
.list-link-b > li ul.colThreeList{
display: flex;
justify-content: space-between;
}
.list-link-b > li ul.colThreeList ul{
margin-top: 0;
padding-top: 0;
border-top: none;
}
.list-link-b > li ul.colThreeList > li{
width: 33.3%;
margin: 0;
}
@media screen and (max-width: 768px){
.list-link-b > li ul.colThreeList{
display: block;
}
.list-link-b > li ul.colThreeList > li{
width: 100%;
}
.list-link-b > li ul.colThreeList > li + li{
margin-top: 12px;
}
}
.list-contact-a .notes-a{
margin-top: 12px !important;
}
.c-lyt-contact-a .c-list-contact-a {
width: 100%;
margin-left: 0
}
/* お問い合わせ
-------------------------------------------------- */
.c-lyt-contact-a .c-list-contact-a>li {
width: 50%;
padding: 2vw
}
@media screen and (max-width: 768px) {
.c-lyt-contact-a .c-list-contact-a>li {
width:inherit;
padding: 0
}
}
.c-lyt-contact-a .c-list-contact-a>li:first-child {
border-right: 1px solid #c6c6c0
}
@media screen and (max-width: 768px) {
.c-lyt-contact-a .c-list-contact-a>li:first-child {
border-right:none;
border-bottom: 1px solid #c6c6c0
}
}
.c-lyt-contact-a .c-list-contact-a>li .c-type-form {
font-weight: bold;
font-size: 2.5rem
}
.c-lyt-contact-a .c-list-contact-a>li .c-type-form::before {
content: "";
background: url("/jp/imagesgig5/icon_form_tcm102-4063611_tcm102-2750236-32.gif") no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: relative;
top: 3px;
margin-right: 12px
}
.c-lyt-contact-a .c-list-contact-a li.p-type-tel .p-contact-inner::before {
background-position: -126px 47px
}
/* CTA
-------------------------------------------------- */
[data-script-enabled=true] #footer-conversion .conv-list>li a {
min-width: 200px;
padding: 1.25rem 1rem;
}
#footer-conversion li.conversion>a.contact::before, #footer-conversion li.conversion>button.contact::before {
display: none;
}
#footer-conversion li.conversion>a.register::before, #footer-conversion li.conversion>button.register::before {
display: none;
}
@media only screen and (max-width: 767px) {
[data-script-enabled=true] #footer-conversion .conv-list>li a {
min-width: auto;
padding: 1.25rem 1rem;
}
}
/* lyt-item
-------------------------------------------------- */
@media only screen and (max-width: 767px) {
.lyt-item-z>.img {
display: table-footer-group;
}
.lyt-item-z>.item {
display: table-cell;
padding-top: 0;
padding-bottom: 14px;
}
}