@charset "UTF-8";
/* CSS Document */



@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@500&family=Bodoni+Moda:opsz@6..96&family=Grape+Nuts&family=Noto+Sans+JP:wght@100;700&family=Shippori+Mincho+B1:wght@400;700&family=Zen+Antique&display=swap');


html{box-sizing: border-box;font-size: 8px;}
body {margin:0;overflow-x: hidden; overflow-y: auto;}
img {width: 100%;vertical-align: bottom;}
* {margin: 0; padding: 0;}


.top-btn { width: 8%; position: fixed;right: 0; bottom: 6%; right: 2%; z-index: 30;}
.top-btn a {display: block;text-decoration: none;}


#container {}

#navigation {position: absolute;top:0; width: 100%; height: 6%;}


header {}
.header-bg-sp {}
.header-bg {display: none;}
.trustlogo {width: 80px; margin: 0 auto;position: absolute;top:2%;left: 40%;}



#information {margin-top: 10%;margin-bottom: 10%;}
.info-title-en {font-size: 4rem;font-family: 'Bodoni Moda', serif;text-align: center;}
.info-title {margin-bottom: 5%; text-align: center;color: black; font-family: 'Shippori Mincho B1', serif;font-size: 2rem;}
.info-box1 { z-index: 2;}
.info-box1 img {width: 100%;}
.info-text-box1 {margin: 5% auto; color: white; width: 80%; z-index: 10;background-color: rgba(0,0,0,0.8); padding: 5%;border-radius: 10px;}
.info-title-second {font-family: 'Noto Sans JP', sans-serif; font-size: 2rem;margin: 0 auto 5%;}
.info-text-small {font-family: 'Shippori Mincho B1', serif;font-size: 1.2rem;}
.info-box2 { z-index: 2;}
.info-box2 img {width: 100%;}
.info-text-box2 {margin: 5% auto; color: white;width: 80%; z-index: 10;background-color: rgba(0,0,0,0.8); padding: 5%;border-radius: 10px;}
.info-box3 {position: relative; z-index: 2;}
.info-box3 img {width: 100%;}
.info-text-box3 {margin: 5% auto; color: white;width: 80%; z-index: 10;background-color: rgba(0,0,0,0.8); padding: 5%;border-radius: 10px;}
.info-box4 {display: flex; flex-flow: wrap;margin: 0 auto;}
.info-box4-photo {width: 46%;margin: 2%;}
.info-box4-text {text-align: center; padding-bottom: 2%; margin: 5% auto;font-family: 'Noto Sans JP', sans-serif;font-size: 2rem;border-bottom: thin solid black;}
.info-contect {margin: 5% auto; background-color: black; padding: 3%; text-align: center;color: white; font-family: 'Shippori Mincho B1', serif;font-size: 1.7rem;}





#work {color: black;margin: 30% auto;}
.work-title-en {font-size: 4rem;font-family: 'Bodoni Moda', serif;text-align: center;}
.work-title {margin: 0 auto 3%;font-family: 'Shippori Mincho B1', serif;font-size: 2rem; text-align: center;}
.work-gallery {display: flex; flex-flow: wrap;}
.work-gallery-box {width: 46%;padding: 2%;margin-bottom: 10%;}
.work-img {margin-bottom: 5%;}
.work-box-small {position: relative;}
.before {position: absolute;left: 2%; top:2%;z-index: 990;font-size: 2rem;font-family: 'Bodoni Moda', serif;color:white;}
.after {position: absolute;left: 2%; top:2%;z-index: 990;font-size: 2rem;font-family: 'Bodoni Moda', serif;color:white;}
.work-box-title {text-align: center; margin: 5% auto; font-size: 1.5rem; font-family: 'Shippori Mincho B1', serif;}
.work-box-day {font-family: 'Noto Sans JP', sans-serif;font-size: 1.2rem;}
.work-box-place {font-family: 'Shippori Mincho B1', serif;font-size: 1.2rem;}
.work-box-text {font-family: 'Noto Sans JP', sans-serif;font-size: 1.2rem;}




#contect {margin: 0 auto;border-radius: 0;}
.contect-en-title {text-align: center;font-size: 4rem;font-family: 'Bodoni Moda', serif;}
.contect-jp-title {text-align: center;font-family: 'Shippori Mincho B1', serif;font-size: 2rem;}
.contect-form {width: 90%;text-align: center; margin: 5% auto;font-size: 1.2rem;font-family: 'Shippori Mincho B1', serif;}
.contect-hissu {color: red;margin: 5% 0;}
.contect-list-title {font-size: 1.2rem;margin: 5% 0 2%;}
.contect-name-small {font-size: 1.2rem;}
.contect-nameholder {border-radius: 0;width: 30%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-mailaddress {border-radius: 0;width: 68%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-phone {border-radius: 0;width: 20%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-textarea {border-radius: 0;width: 68%;height: 300px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-input {margin: 5% auto;text-align: center;}
.contect-input-button {border-radius: 0;width: 20%; height: 50px;padding: 10px;border: thin solid black;background-color: lightgray;font-size: 1.2rem;font-family: 'Shippori Mincho B1', serif;text-align: center;color: black;}

.mail-sended-title {font-family: 'Antonio', sans-serif;font-size: 4rem;text-align: center;margin-bottom: 5%;margin-top: 40%;}
.mail-sended-text {font-family: 'Noto Sans JP', sans-serif; font-size: 2rem;text-align: center;}
.mail-sended-home {font-family: 'Shippori Mincho B1', serif; font-size: 2rem;text-align: center;margin-top: 10%;}
.mail-sended-home a {text-decoration-line: none;}
.mail-sended-home a:link {color:black;text-decoration:none;}
.mail-sended-home a:visited {color:black;}
.mail-sended-home a:hover {color:steelblue;text-decoration:none;}




#about {background-image: url("../img/about-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;padding: 15% 0;color: white;}
.about-title-en {font-size: 4rem;font-family: 'Bodoni Moda', serif;text-align: center;}
.about-title {margin: 0 auto 5%; padding-bottom: 5%; text-align: center; font-family: 'Shippori Mincho B1', serif;font-size: 2rem;border-bottom: thin solid white;width: 70%;}
.about-text {text-align: center;font-size: 1.2rem;font-family: 'Noto Sans JP', sans-serif;line-height: 3rem;}



footer {padding: 20px 20px 10px;clear: both; color: white; background-color: black;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.company-name {font-size: 1.2rem;text-align: center;margin: 10% auto 0;border-top: thin solid white;padding-top: 2%;}
.company-kabushiki {font-size: 1.2rem;line-height: 2rem;}
.company-address {font-size: 1.2rem;line-height: 2rem;}
.company-tel {font-size: 1.2rem;line-height: 2rem;}