:root {
--letters: "Noto Sans JP", serif;
--lettersweight: 400;
--Englishletters: "Cormorant Garamond", serif;
--Englishlettersweight: 400;
--Englishletters02:  "Montserrat", serif;
--Englishletters02weight: 400;
--bgbeige: #F9F4F0;
--maincolorblack:#202124;
--textcolorblack:#3C3C3C;
}
/* ---------
ablogcms
------------*/
#adminBox{
margin-top: 80px;
margin-bottom: 0;
padding-bottom: 0;
color: #3C3C3C
}
.works-list-editer img{
max-width: 350px;
}
.works-list-editer input{
padding-top: 10px;
}
.form-btn-box{
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.form-btn-box form{
margin-left: 10px;
margin-right: 10px;
}
.confirm-text{
text-align: center;
margin-top: 60px;
}
/* ---------
COMMON
------------*/
body{
font-family:var(--letters);
font-weight: var(--lettersweight);
}
p{
font-size: 15px;
line-height: 28px;
color:var(--textcolorblack);
text-align: justify;
}
main{
margin-top: 80px;
}
img{
line-height: 0;
vertical-align: top;
}
.brsp{
  display: none;
}
 @media screen and (max-width: 600px) {
.brsp{
display: block;
}
 }
.top-section-title{
font-family:var(--Englishletters);
font-weight: var(--Englishlettersweight);
font-style: normal;
text-align: left;
font-size: 36px;
line-height: 40px;
color:var(--maincolorblack);
width: fit-content;
margin-left: auto;
margin-right: auto;
  }
 @media screen and (max-width: 600px) {
.top-section-title{
font-size: 28px;
}
 }
.top-section-title span{
font-family:var(--letters);
font-weight: var(--lettersweight);
  font-size:16px;
  }
 .section-item{
padding-top: 100px;
 }
 .morebtn-purple{
 display: block;
 width: fit-content;
 text-align: center;
 padding: 15px 80px 15px 60px;
 background:url("../style-images/more-btn-arrow-icon.svg"),linear-gradient(90deg, #B497C4 0%, #7884BB 100%);
  background-position: center right 40px,top left;
  background-repeat: no-repeat,no-repeat;
 color: #fff;
 text-decoration: none;
 }
 footer{
 background-image:linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
 padding-top: 40px;
 padding-bottom: 40px;
 margin-top: 100px;
 }
 .footer-contents{
 width: 100%;
 max-width: 1116px;
 margin-left: auto;
 margin-right: auto;
  }
footer nav li,footer nav a{
display: block;
width:fit-content;
}
footer nav a{
color: #fff;
text-decoration: none;
font-size: 14px;
}
footer small{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
color: #fff;
}
 @media screen and (min-width: 800px) {
.footer-contents{
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 22px;
padding-right: 22px;
  }
footer nav ul{
display: flex;
justify-content: space-between;
align-items: center;
}
footer nav a{
padding: 10px;
margin-left: 8px;
margin-right: 8px;
}
 }
@media screen and (max-width: 799px) {
.footer-contents{
text-align: center;
}
footer nav li,footer nav a{
width: 100%;
}
footer nav{
margin-top: 60px;
}
footer nav a{
text-align: center;
display: block;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #fff;
}
footer nav li:last-of-type a{
border-bottom: 1px solid #fff;
}
footer small{
display: block;
margin-top: 60px;
}
}
 /* ---------
NAV
------------*/
#luxbar .luxbar-menu{
background: #FFF;
}
#luxbar a{
font-size: 15px;
}
#luxbar .luxbar-item {
  height: 80px; }
#luxbar .luxbar-menu-light .active,
#luxbar .luxbar-menu-light .luxbar-item:hover {
  background-color: #FFFFFF; }
#luxbar .luxbar-checkbox:not(:checked) ~ .luxbar-menu,#luxbar .luxbar-header  {
    overflow: hidden;
    height: 80px; }
#luxbar .luxbar-item a {
padding: 27px 24px 28px 24px;
 display: block; }
 #luxbar .nav-phone a{
 font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
}
@media screen and (min-width: 950px) {
#luxbar .luxbar-menu,#luxbar .luxbar-header {
  height: 80px; }
 .luxbar-checkbox:checked ~ .luxbar-menu {
    height: 80px;}
}
@media screen and (max-width: 949px) {
.luxbar-menu-light .luxbar-item{
text-align: center;
border-bottom: 1px solid #333;
border-image: linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
border-image-slice: 1;
}
.luxbar-menu-light .luxbar-item:nth-of-type(6),.luxbar-menu-light .luxbar-item:nth-of-type(7){
border: none;
}
#luxbar .nav-mailform{
margin-top: 40px;
}
}
#luxbar .nav-phone a,#luxbar .nav-mailform a{
display: block;
text-align: center;
color: #fff;
font-size: 12px;
height: 100%;
padding: 47px 24px 8px 24px;
}
#luxbar .nav-phone a{
background: url("../style-images/phone-icon.svg"),linear-gradient(90deg, #1776A9 0%, #4F9CBD 100%);
background-repeat: no-repeat,no-repeat;
background-position: center 20px,top center;
}
#luxbar .nav-mailform a{
background: url("../style-images/mail-icon.svg"),linear-gradient(90deg, #B497C4 0%, #7884BB 100%);
background-repeat: no-repeat,no-repeat;
background-position: center 20px,top center;
}
@media screen and (max-width: 949px) {
.nav-phone,.nav-mailform{
padding-top: 0;
}
.nav-phone{
margin-top: 40px;
}
.nav-mailform{
margin-top: 20px;
}
}

/* ---------
TOPPAGE
------------*/
.hero,.hero img.hero-sp,.hero-sp img{
line-height: 0;
}
.hero img,.hero-sp img{
width: 100%;
height: auto;
}
@media screen and (min-width:700px) {
.hero-image{
display: block;
}
.hero-image-sp{
display: none;
}
}
@media screen and (max-width:699px) {
.hero-image{
display: none;
}
.hero-image-sp{
display: block;
}
}
/* ---------
TOPPAGE--ABOUT
------------*/
.top-about{
background:var(--bgbeige);
padding-bottom: 80px;
}
.top-about-contents{
margin-top: 60px;
}
.top-about-text{
background: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
.top-about-text{
background: #FFFFFF;
}
.top-about-text-title span{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-size:16px;
}
.top-about-text h3{
margin-top: 5px;
font-size: 28px;
font-weight: var(--lettersweight);
border-bottom: 1px solid #333;
border-image: linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
border-image-slice: 1;
padding-bottom: 15px;
}
.top-about-text p{
margin-top: 15px;
}
@media screen and (min-width:600px) {
.top-about-contents{
width: 100%;
max-width: 1116px;
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.top-about-contents:nth-of-type(2n){
flex-direction : row-reverse;
}
.top-about-contents figure,.top-about-text{
width: 50%;
}
.top-about-contents figure img{
width: 100%;
height: auto;
}
.top-about-text{
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (max-width:900px) {
.top-about-text h3{
margin-top: 5px;
font-size: 20px;
}
.top-about-text p{
font-size: 15px;
}
}
@media screen and (max-width:800px) {
.top-about-contents{
    display: flex;
    align-items: stretch;
}
.top-about-contents figure{
background:#f4e2db;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden;
}
.top-about-contents figure img{
width: auto;
height: 270px;
}
.top-about-text{
width: 100%;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.top-about-text-title h3{
 word-break: keep-all;
 overflow-wrap: break-word;
}
.top-about-text-title span{
font-size:14px;
}
}
@media screen and (max-width:700px) {
.top-about-contents{
    display:block;
}
.top-about-contents figure{
width: 100%;
display:block;
}
.top-about-contents figure img{
width: 100%;
height: auto;
}
}
.top-about .morebtn-purple{
margin-left: auto;
margin-right: auto;
margin-top: 90px;
}
/* ---------
TOPPAGE--WORKLIST
------------*/
.work-list-contents{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
}
.cards{
margin-top: 40px;
position: relative;
}
.cards figure img{
width: 100%;
height: auto;
}
.cards .client-name,.cards h4,.cards .category-name{
margin-left: 20px;
margin-right: 20px;
}
.cards .category-name{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-size: 13px;
margin-top: 10px;
}
.cards .client-name{
margin-top: 10px;
font-size: 12px;
color: #aaa;
}
.cards h4{
margin-top: 5px;
font-size: 15px;
}
.cards a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition:all 0.3s;
}
.cards a:hover{
background-color:rgba(255,255,255,0.3);
}
.cards h4{
font-size: 14px;
font-weight: var(--lettersweight); 
}
@media screen and (max-width:599px) {
.cards{
width: 100%;
}
}
@media screen and (min-width:600px) {
.work-list-contents{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-items: flex-start;
}
.cards{
width: 50%;
}
}
@media screen and (min-width:900px) {
.cards{
width: 33.333%;
}
.work-list-contents::after{
  content:"";
  display: block;
  width:33.333%;
}
}
.top-works .morebtn-purple{
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
/* ---------
TOPPAGE--NEWS
------------*/
.top-news{
background:var(--bgbeige);
margin-top: 100px;
padding-bottom: 100px;
}
.top-news-contents{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
}
.top-news-left .top-section-title{
text-align: left;
}
.top-news-item{
margin-top: 30px;
padding-top: 30px;
border-top: 1px #E1DAD4 solid;
}
.top-news-item:first-of-type{
margin-top: 0;
padding-top: 0;
border-top: none;
}
.top-news-item time{
margin-right: 30px;
}
.top-news-item a{
color:var(--textcolorblack);
text-decoration: none;
}
.top-news .morebtn-purple{
margin-top: 40px;
}
.news-category{
background:linear-gradient(90deg, #B497C4 0%, #7884BB 100%);
padding: 5px 10px;
color: #fff;
font-size: 12px;
margin-right: 20px;
}
@media screen and (min-width:900px) {
.top-news-contents{
display: flex;
align-items: center;
justify-content: space-between;
}
.top-news-left{
width: 300px;
}
.top-news-right{
width: 600px;
}
.top-news-item{
display: flex;
justify-content:flex-start;
align-items: center;
}
}
@media screen and (max-width:899px) {
.top-news-contents{
padding-left: 20px;
padding-right: 20px;
}
.top-news-right{
margin-top: 60px;
}
.top-news-right dd{
margin-top: 20px;
}
}
/* ---------
TOPPAGE--CONTACTS
------------*/
.top-contact{
background:var(--bgbeige);
padding-bottom: 100px;
margin-top: 100px;
}
.top-contact-contents h3{
font-size: 16px;
margin-bottom: 24px;
font-weight: var(--lettersweight);
}
.top-contact-form,.top-contact-phone{
font-size: 16px;
text-align: center;
width: fit-content;
margin-top: 40px;
}
.top-contact-phone a{
color:var(--textcolorblack);
font-family:var(--Englishletters02);
font-size: 32px;
text-decoration: none;
}
.top-contact-phone p{
font-size: 12px;
text-align: center;
}
.top-contact-contents{
display: flex;
justify-content: center;
align-items:flex-start;
}
@media screen and (min-width:900px) {
.top-contact-form,.top-contact-phone{
margin-left: 36px;
margin-right: 36px;
}
}
@media screen and (max-width:899px) {
.top-contact-form,.top-contact-phone{
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width:640px) {
.top-contact-contents{
display:block;
}
.top-contact-form,.top-contact-phone{
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
}
.toppage footer{
margin-top: 0;
}
/* ---------
SUBPAGE--COMMON
------------*/
.subpage-title-contents{
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.subpage-title-decoration{
width: 100%;
height: 10px;
background:linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
}
.subpage-title-contents{
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.subpage-title-text{
margin-left: 25px;
}
.subpage-title-text h2{
font-family:var(--Englishletters);
font-weight: var(--Englishlettersweight);
font-style: normal;
text-align: center;
font-size: 38px;
line-height: 50px;
color:var(--maincolorblack);
width: fit-content;
}
.subpage-title-text span{
font-size: 15px;
color:var(--maincolorblack);
}
.subpage-section-item{
margin-top: 100px;
}
@media screen and (max-width:480px) {
  .subpage-title-text{
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .subpage-title-text h2{
text-align: left;
padding-left: 20px;
}
 .subpage-title-text span{
  padding-left: 20px;
 }
  .subpage-title-text h2.privacypolicy-title{
    width: 200px;
  }
}
/* ---------
LISTPAGE--COMMON
------------*/
.list-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
}

.list-pagination li {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
	background: var(--maincolorblack);
    border: 1px solid var(--maincolorblack);
    border-radius: 1px;
	transition: all 0.3s;
	font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
}
.list-pagination li a{
    color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 3em;
	width: 3em;
    height: 3em;
}
.list-pagination a:hover {
opacity: 0.5;
}

.list-pagination .cur{
    color: var(--maincolorblack);
    border: 1px solid var(--maincolorblack);
	background: #FFF;
    pointer-events: none;
}

/* ---------
ABOUTPAGE--ABOUT
------------*/
.about{
background:var(--bgbeige);
padding-top: 100px;
padding-bottom: 100px; 
margin-top: 50px;
}
.about-contents{
width: 100%;
max-width: 1116px;
}
.about-text p{
margin-bottom: 20px;
}
@media screen and (min-width:800px) {
.about-contents{
display: flex;
flex-direction : row-reverse;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.about-text,.about-contents figure {
width: 50%;
}
.about-text{
padding-left: 50px;
padding-right: 50px;
}
.about-contents figure{
padding-right: 60px;
}
.about-contents figure img{
width: 100%;
height: auto;
}
}
@media screen and (min-width:1200px) {
.about-text{
padding-left: 0;
padding-right: 50px;
}
.about-contents figure{
padding-right: 0;
}
}
@media screen and (max-width:799px) {
.about-contents{
padding-left: 30px;
padding-right: 30px;
}
.about-contents figure img{
width:100%;
height: auto;
}
.about-text{
margin-top: 60px;
}
}
/* ---------
ABOUTPAGE--MEMBER
------------*/
.member-item{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
color:var(--maincolorblack);
}
.member-text{
padding-left:30px;
padding-right: 30px;
}
.member-text h4{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-style: normal;
font-size: 	18px;
color:var(--textcolorblack);
color: #777777;
}
.member-text h3{
font-size: 25px;
margin-top: 10px;
font-weight: var(--lettersweight);
padding-bottom: 20px;
}
.ayatakaku .member-text h3{
border-bottom: 1px solid #333;
border-image: linear-gradient(90deg, #FFD5D5 0%, #e24e4e 100%);
border-image-slice: 1;
}
.sumiyakanako .member-text h3{
border-bottom: 1px solid #333;
border-image: linear-gradient(90deg, #ffce38 0%, #ea8336 100%);
border-image-slice: 1;
}
.member-text p:first-of-type{
margin-top: 20px;
}
.member-item figure{
padding-left: 30px;
}
.member-item:nth-of-type(2n) figure{
padding-left: 0;
padding-right: 30px;
}

@media screen and (min-width:800px) {
.member-item{
display: flex;
align-items: center;
}
.member-item:nth-of-type(2n){
flex-direction : row-reverse;
}
.member-item figure,.member-text{
width:50%;
}
.member-item figure img{
width: 100%;
height: auto;
}
}
@media screen and (min-width:1200px) {
.member-item{
padding-left: 0;
padding-right: 0;
}
.member-text{
padding-left: 54px;
padding-right: 54px;
}
.member-item figure,.member-item:nth-of-type(2n) figure{
padding-left: 0;
padding-right: 0;
}
.member-item .member-text{
padding-right: 0;
}
.member-item:nth-of-type(2n) .member-text{
padding-left: 0;
padding-right: 54px;
}
}
@media screen and (max-width:799px) {
.member-item figure,.member-item:nth-of-type(2n) figure{
padding-left: 30px;
padding-right: 30px;
}
.member-item figure img{
width: 100%;
height: auto;
}
.member-text{
margin-top: 30px;
}
}
/* ---------
ABOUTPAGE--CHARACTER
------------*/
.character{
background:var(--bgbeige);
  padding-top: 100px;
  padding-bottom: 100px;
}
.character-text .top-section-title{
text-align: left;
}
.character-text p{
margin-top: 50px;
}
.charecter-contents{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width:800px) {
.charecter-contents{
display: flex;
padding-left: 30px;
width: 100%;
box-sizing: border-box;
}
.charecter-contents figure,.charecter-text{
width: 100%;
}
.charecter-contents figure img{
width: 100%;
height: auto;
}
.character-text{
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width:600px) {
.character-text .top-section-title{
width: 100%;
  }
}

@media screen and (max-width:799px) {
.charecter-contents{
padding-left: 30px;
padding-right: 30px;
}
.charecter-contents figure{
width: 100%;
}
.charecter-contents figure img{
width: 100%;
height: auto;
}
.character-text{
margin-top: 80px;
}
}
.aboutpage footer{
margin-top: 0;
}
/* ---------
WORKLISTSPAGE
------------*/
.works-discription{
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
width: fit-content;
margin-top: 80px;
}
.works-category-link h4{
margin-top: 40px;
text-align: center;
font-size: 14px;
}
.works-category-link ul{
margin-top: 20px;
margin-left: auto;
margin-right: auto;
width: fit-content; 
}
.works-category-link a{
color: var(--textcolorblack);
text-decoration: none;
box-sizing: border-box;
display: block;
border: 1px var(--textcolorblack) solid;
padding: 0.5em 1em 0.6em 1em;
width: fit-content;
margin-left: 5px;
margin-right: 5px;
}
@media screen and (min-width:500px) {
.works-category-link ul{
display: flex;
}
}
@media screen and (max-width:499px) {
.works-category-link ul{
width: 100%;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
.works-category-link a{
display: block;
margin-top: 20px;
width: 100%;
}
}
.works .list-pagination{
margin-top: 40px;
}
.works-list-page footer{
margin-top: 100px;
}
/* ---------
WORKITEMSPAGE
------------*/
.works-item{
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.works-item-title{
font-size: 30px;
font-weight: var(--lettersweight);
 word-break: keep-all;
 overflow-wrap: break-word;
}
@media screen and (max-width:1200px) {
.works-item{
padding-left: 30px;
padding-right: 30px;
}
}
.works-item-pagination{
margin-top: 60px;
padding-top: 40px;
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.works-item-pagination a{
display: block;
color: var(--maincolorblack);
text-decoration: none;
width: fit-content;
font-size: 14px;
padding: 0.8em 2em 0.9em 2em;
}
.works-item-pagination .prev a,.works-item-pagination .next a{
border: 1px solid var(--maincolorblack);
}
.works-item-pagination .for-list a{
background:linear-gradient(90deg, #B497C4 0%, #7884BB 100%);
color: #FFF;
padding-top: calc(0.8em + 1px);
padding-right: calc(2em + 1px);
padding-bottom: calc(0.9em + 1px);
padding-left: calc(2em + 1px);
}
@media screen and (max-width:499px) {
.works-item-pagination a span{
display: none;
}
}
.work-item-contents{
margin-top: 70px;
}
.works-item-title{
font-size: 26px;
}
.works-item-category{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-style: normal;
font-size: 15px;
margin-top: 10px;
color: #777;
}
.works-item-client,.works-item-URL{
font-size: 16px;
margin-top: 20px;
}
.works-item-entry{
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #333;
border-image: linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
border-image-slice: 1;
}
.works-item-URL a,.works-item-entry a{
color: var(--textcolorblack);
}
.works-item-URL a{
text-decoration: none;
}
.works-item-image-all{
margin-top: 50px;
}
.works-item-image-all figure{
margin-top: 60px;
}
.works-item-image-all figure:first-of-type{
margin-top: 0;
}
.works-item-image-all img{
width: 100%;
height: auto;
}
/* ---------
CONTACTPAGE
------------*/
.contact{
background: var(--bgbeige);
padding-bottom: 100px;
}
.contact-discription{
margin-top: 60px;
padding-top: 60px;
}
.contact-discription,.contact-phone a,.contact-phone p{
width: fit-content;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.contact h3{
width: fit-content;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
color: var(--textcolorblack);
}
.contact-phone h3,.contact-form h3{
padding-bottom: 0.5em;
border-bottom: 3px solid #333;
border-image: linear-gradient(90deg, #FFD5D5 0%, #7FD4D4 100%);
border-image-slice: 1;
font-weight: 600;
}
.contact-form h3{
margin-top: 120px;
}
.contact-phone a{
display: block;
color:var(--textcolorblack);
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-size: 32px;
text-decoration: none;
margin-top: 20px;
}
.contact-form-contents .form-contents-table{
width:100%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.contact-form-contents table th{
background: #FAF9F5;
font-size: 16px;
 word-break: keep-all;
 overflow-wrap: break-word;
 color: var(--textcolorblack);
 font-weight: var(--lettersweight);
}
.contact-form-contents table td{
color: var(--textcolorblack);
background: #FFF;
}
.contact-form-contents table th,.contact-form-contents table td{
border-bottom: 1px solid #F5F5F5;
padding: 30px;
box-sizing: border-box;
}
.contact-form-contents input[type=text],.contact-form-contents input[type=email],.contact-form-contents textarea{
border: 1px solid #F5F5F5;
padding: 10px 15px;
width: 100%;
}
.contact-form-contents input::placeholder,.contact-form-contents textarea::placeholder{
color: #ccc;
}
.contact-form-checkbox{
    display: flex;
    flex-wrap: wrap;
    gap: .5em 2em;
    border: none;
}
.contact-form-checkbox label {
    display: flex;
    align-items: center;
    gap: 0 .8em;
    position: relative;
    cursor: pointer;
}
.contact-form-checkbox label::before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid #d6dde3;
    content: '';
}
.contact-form-checkbox label:has(:checked)::after {
    position: absolute;
    top: 5px;
    left: 7px;
    transform: rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    content: '';
}
.contact-form-checkbox input {
    display: none;
}
@media screen and (min-width:1200px) {
.contact-form-contents table th{
width: 261px;
}
.contact-form-contents table td{
width: 855px;
}
}
@media screen and (max-width:600px) {
.contact-discription,.contact-phone a,.contact-phone p{
text-align: left;
padding-left: 30px;
padding-right: 30px;
}
.contact-form-contents th,.contact-form-contents td{
display: block;
}
}
.contact-form,.contact-phone{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
}
.contact-form-submit{
width:fit-content;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.contact-box .message{
text-align:center;
padding-top: 30px;
margin-top: 30px;
}
.contact-box .error-text{
margin-top: 20px;
color:#c53535;
}
.contatct-page footer{
margin-top: 0;
}
.thanks-contents{
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.thanks-contents .thanks-text{
margin-top: 20px;
}
.thanks-contents h3{
font-family:var(--Englishletters02);
font-weight: var(--Englishletters02weight);
font-style: normal;
text-align: center;
font-size: 30px;
line-height: 40px;
margin-top: 30px;
padding-top: 50px;
color:var(--maincolorblack);
border: none;
  }
 .thanks-contents span{
font-family:var(--letters);
font-weight: var(--lettersweight);
font-style: normal;
text-align: center;
font-size: 16px;
line-height: 20px;
color:var(--maincolorblack);
  }
.sgraphics-info{
margin-top: 30px;
padding-top: 30px;
border-top:#ccc;
}
.sgraphics-info{
border-top:1px solid #ccc;
}
.sgraphics-info a{
color:var(--textcolorblack);
text-decoration: none;
}
.sgraphics-info h4{
font-size: 17px;
margin-bottom: 10px;
}
@media screen and (max-width:660px) {
.thanks-contents{
padding-left: 30px;
padding-right: 30px;
}
 .thanks-contents span{
 font-size: 14px;
 }
}
/* ---------
404TPAGE
------------*/
.contents404{
text-align: center;
background: var(--bgbeige);
padding-top: 90px;
padding-bottom: 100px;
padding-left: 30px;
padding-right: 30px;
}
.contents404 h3{
font-size: 50px;
margin-top: 80px;
}
.contents404 span{
font-size: 13px;
}
.contents404 p{
margin-top: 70px;
text-align: center;
font-size: 14px;
}
.contents404 a{
margin-top: 60px;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.page404 footer{
margin-top: 0;
}
@media screen and (max-width:500px) {
.contents404 p{
text-align:left;
}
}
/* ---------
PRIVACYPOLICY PAGE
------------*/
.privacypolicy{
width: 100%;
max-width: 1116px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 100px;
margin-top: 70px;
}
.privacypolicy figure{
  margin-bottom: 20px;
}
.privacypolicy figure img{
width: 100%;
height: auto;
}
.privacypolicy .pc-image{
display: block;
}
.privacypolicy .sp-image{
display: none;
}
@media screen and (max-width:640px) {
.privacypolicy .pc-image{
display: none;
}
.privacypolicy .sp-image{
display: block;
}
}
.privacypolicy h3{
  margin-top: 50px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, #FFD5D5 0%, #7FD4D4 100%)1;
  font-size: 18px;
}
.privacypolicy ul{
  list-style-type: circle;
  padding-left: 30px;
  margin-top: 10px;
  font-size: 15px;
  color:var(--textcolorblack);
}
.privacypolicy li{
  margin-top: 10px;
}
.privacypolicy h4{
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
}
/* ---------
Animation
------------*/
.scrollIn {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s ease;
}
.scrollIn.active {
  transform: translateY(0);
  opacity: 1;
}