@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&display=swap');


/* 全体設定 */
*{
font-family: "Noto+Serif+JP", serif;
color: #232c46;/* ★全体の文字色 */
font-weight: 400;
letter-spacing: 0.15em;
box-sizing: border-box;
padding: 0;
margin: 0;
list-style-type: none;
text-decoration: none;
}

html{
    font-size: 80%;
}
/*
body:before{
background: url('../img/01.png');/* ★PC用背景画像のURL
background-position: top center;
background-repeat: repeat-y;
background-size: contain;
content: "";
display: block;
position: fixed;
top: -100px;
left: -10%;
z-index: -99;
width: 120%;
min-height: calc(100vh + 100px);
}
*/
body{
background-color: #FFF;/* ★全体の背景色 */
width: 100vw;
overflow-x: hidden;
font-size: 1.16rem;
}

img{
  max-width: 100%;
  height: auto;
}

.sm{
  display: none;
}


.wrap{
max-width: 1000px;
height: auto;
padding: 0 40px;
margin: 0 auto;
}

/* リンク文字 */
   a {
        color: #d89ab5;
    	text-decoration: solid;
        position: relative;
        display: inline-block;
        transition: .3s;
    }

/* リンク文字 */
.form a{
transition: 0.2s;
color: #e38219;
padding: 0.2rem;/* ★リンク文字の背景色 */
}

.form a:hover{
color: #2c92c4;/* ★リンクをホバーした時の背景色 */
}
/* 見出し */
h1{
  color:  #454545;
  font-size: 3.5rem;
/*  writing-mode: vertical-rl;*/
  letter-spacing: 0.3em;
  line-height: 4.5rem;
}

h4 {
    color: #d89ab5;
    font-size: 2.5rem;
    margin: 0 0 1.5rem;
}

.form {
    margin: 1rem 0;
    /*line-height: 2.5rem;*/
 }

.nav {
    margin: 3.5rem 7rem 0;
    font-size: 1.16rem;
}

/* TOPページ */
.top{
/*text-align: center;*/
width: 100%;
margin: 8rem 0;
}

.kmhr {
    display: flex;
    justify-content: space-evenly;
   /* padding: 0 0 3rem 0;*/
/*    text-align: center;*/
    flex-direction: row-reverse;
    align-items: center;
}

.title{
    margin: auto;
    padding: 1rem 0 0;
}

.main{
display: flex;
flex-direction: column;
}
/*
.nav{
width: 100%;
/*display: flex;
justify-content: center;
gap: 25px;
margin: 30px auto 10px;
}*/

li{
line-height: 1.5rem;
}

.list li a{
/*font-family: 'Meddon', serif;*/
background: none;
color: #232c46;
}

.list li a:hover{
    filter: blur(1px);/* ★リンク文字をホバーした時のぼかし具合 */
/*color: #16859a;/* ★メニューをホバーした時の文字色 */
}


/* アニメーション設定 */
@keyframes text-blur {
  0% {
    filter: blur(0);
  }
  50% {
    filter: blur(4px); /* ぼかしの強さ */
  }
  100% {
    filter: blur(0);
  }
}



/* セクション（見出し＋本文のセット） */
.section{
width: 100%;
margin: 80px auto;
}

hr{
    margin: 0.3rem;
    border-top: none;
}

.hr2{
  border-top: 1px solid #d89ab5;
  width: 10%;
  margin: 1.5rem 0;
}

.hr3{
  margin: 2rem 0 0;
  border-top: none;
}

/*
.h4 {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 1.6rem;
  color: #d89ab5;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  box-sizing: border-box;
  text-align: center; 
  width: fit-content;
}*/
/*
.h4::after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: -24px;
  width: 40px;
  height: 80px;
  border-left: 1px solid #333;
  rotate: 45deg;
  background-color: #fff;　/*背景と同じ色に変更してください*/
}
*/

input[type="text"],input[type="radio"],input[type="button"],input[type="reset"],input[type="submit"],select,textarea{
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
background: transparent;
border-radius: 0;
color: #333;
border:1px #333  solid;
height: 2.5rem;
width: 6em;
padding: 2px 5px 1px;
line-height: normal;
}

input:focus, textarea:focus{
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
background: #FFF;
border-radius: 0;

}

button{
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
border-radius: 0;
height: 2.5rem;
width: 5rem;
padding: 2px 5px 1px;
line-height: normal;
border:1px #333  solid;
background-color: transparent;
color: #333;
cursor: pointer;
transition: 0.2s;
padding: 0px 10px;
line-height: normal;

}

/* ◎ボタンのホバー　★background-color: #◯;部分を変更 */
button:hover{
background-color: #d89ab5;
border:1px #d89ab5  solid;
color: #fff;

}
/* 500px以下のデバイスでの見え方 */
@media screen and (max-width: 1000px) {

body{
    font-size: 1rem;
}

body:before{
background: url('../img/02.png');/* ★スマホ用背景画像URL */
background-position: top center;
background-repeat: repeat-y;
background-size: contain;
top: -50px;
left: -20%;
width: 140%;
min-height: calc(100vh + 50px);
}

.form {
    margin: 1.5rem 0 2rem;
    line-height: 1.7rem;
}


.top{
text-align: center;
margin-top: 100px;
}

.㍶ {
    display: none;
}  

.sm{
    display: block;
    max-width: 90%;
    height: auto;
    margin: auto;
}


.title{
    margin: 2.5rem 0 2rem;
    padding: 0;
}


.kmhr{
    display: block;
    text-align: center;
    padding: 0;
    }

.main{
display: block;
}



.hr2{
   display: inline-block;
   border-top: 1px solid #d89ab5;
   width: 10%;
   margin: 1.2rem 0;
   text-align: center;
}

.hr3{
  border-top: none;
}


h1{
    color: #454545;
    font-size: 1.8rem;
    /* writing-mode: vertical-rl; */
    /* letter-spacing: 0.3em; */
    line-height: 2.2rem;
}

h4{
   font-size: 1.8rem; 
   margin: 0px auto 0.9rem;
}

.nav {
    margin: 0;
    font-size: 1rem;
}

.form {
    margin: 1.5rem 0 2.5rem;
     line-height: 1.7rem;
}
/*
.h4 {
    position: relative;
    font-family: 'Noto Serif JP', serif;
    font-size: 2rem;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-inline: auto;
    width: fit-content;
}*/

}