@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: 15px;}
body {margin:0;padding: 0; overflow-x: hidden; overflow-y: auto;}
img {width: 100%;vertical-align: bottom;}
* {margin: 0; padding: 0;}


.top-btn { width: 3%; position: fixed; right: 0; bottom: 12%;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 {display: none;}
.header-bg {}
.trustlogo {width: 100px; margin: 0 auto;position: absolute;top:2%;left: 47%;}



#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 {position: relative; z-index: 2;}
.info-box1 img {width: 100%;}
.info-text-box1 {position: absolute;width: 800px; z-index: 10;top:40%; left: 35%;background-color: rgba(255,255,255,0.8); padding: 5%;border-radius: 10px;}
.info-title-second {font-family: 'Noto Sans JP', sans-serif; font-size: 2.5rem;margin: 0 auto 5%;}
.info-text-small {font-family: 'Shippori Mincho B1', serif;font-size: 1.2rem;}
.info-box2 {position: relative; z-index: 2;}
.info-box2 img {width: 100%;}
.info-text-box2 {position: absolute;width: 800px; z-index: 10;top:40%; left: 5%;background-color: rgba(255,255,255,0.8); padding: 5%;border-radius: 10px;}
.info-box3 {position: relative; z-index: 2;}
.info-box3 img {width: 100%;}
.info-text-box3 {position: absolute;width: 800px; z-index: 10;top:40%; left: 35%;background-color: rgba(255,255,255,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: 3rem;}



#work {color: black;margin: 20% auto;}
.work-title-en {font-size: 4rem;font-family: 'Bodoni Moda', serif;text-align: center;}
.work-title {margin: 0 auto 3%;color: black; font-family: 'Shippori Mincho B1', serif;font-size: 2rem; text-align: center;}
.work-gallery {display: flex; flex-flow: wrap;}
.work-gallery-box {width: 21%;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: 1.5rem;font-family: 'Bodoni Moda', serif;color:white;}
.after {position: absolute;left: 2%; top:2%;z-index: 990;font-size: 1.5rem;font-family: 'Bodoni Moda', serif;color:white;}
.work-box-title {text-align: center; margin: 5% auto; font-size: 1.2rem; font-family: 'Shippori Mincho B1', serif;}
.work-box-day {font-family: 'Noto Sans JP', sans-serif;}
.work-box-place {font-family: 'Shippori Mincho B1', serif;}
.work-box-text {font-family: 'Noto Sans JP', sans-serif;}



#contect {margin: 0 auto;}
.contect-en-title {text-align: center;font-size: 4rem;font-family: 'Bodoni Moda', serif;}
.contect-jp-title {text-align: center;font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.contect-form {width: 50%;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 {border-radius: 0;font-size: 1.2rem;}
.contect-nameholder {border-radius: 0;width: 18.7%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-mailaddress {border-radius: 0;width: 45%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-phone {border-radius: 0;width: 13%;height: 30px;border: thin solid black;padding: 5px;font-size: 1rem;}
.contect-textarea {border-radius: 0;width: 45%;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: 200px; height: 50px;padding: 10px;border: thin solid black;background-color: lightgray;font-size: 1rem;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: 10%;}
.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.5rem;font-family: 'Noto Sans JP', sans-serif;line-height: 3rem;}



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