@charset "UTF-8";

/* 共通部分
---------------------------------- */

html {
   font-size: 100%;
}

body {
   font-family: "yu Gothic Medium", "游ゴシック Medium", !YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
   line-height: 1.0;
   color: #432;
   background-color: #ffffff;
}

a {
   text-decoration: none;
}

img {
   max-width: 100%;
}


/* 背景画像 */

#home {
   background-image: url(../haikei01.png);
}

.big-bg {
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
}

/* HEADER
------------------------------------ */

.wrapper {
   max-width: 1100px;
   margin: 0 auto;
   padding: 0 4%;
}


/* タイトル
------------------------------------------ */

.home-content {
   text-align: center;
   margin-top: 3%;
}

.home-content p {
   font-size: 1.2rem;
   margin-top: 20px;
}

/* タイトル　*/

.page-title {
   font-size: 3rem;
   font-family: 'philosopher', serif;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: underline;
   margin-top: 20px;
}

/*　目的等
------------------------------------------ */

.mokuteki {
   margin: 0 auto;
   width: 80%;
}   

.mokuteki-square {
   border: 3px solid #e6f0f0;
   padding: 15px;
   border-radius: 10px;
   margin: 10px;
   background-color: #e6f0f0;
}


/* 目的等中身 */

.oya {
   margin-left: 20px;
   margin-top: 30px;
   font-size: 1.2rem;
   color: #402717;
}

.ko {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.2rem;
   color: #6e5064;
}

/*　経緯
------------------------------------------ */

.keii {
   margin: 0 auto;
   width: 80%;
}   

.keii-square {
   border: 3px solid #e6f0f0;
   padding: 15px;
   border-radius: 10px;
   margin: 10px;
   background-color: #e6f0f0;
}


/* 経緯中身 */

.oya-keii {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.2rem;
   color: #402717;
}

.ko-keii {
   margin-left: 20px;
   margin-top: 10px;
   line-height: 1.4rem;
   font-size: 1.2rem;
   color: #6e5064;
}

/*　動画リンク
------------------------------------------ */
.link {
   margin: 0 auto;
   width: 80%;
   text-align: center;
}

.link-square {
   border: 3px solid #fff;
   padding: 10px;
   border-radius: 10px;
   background-color: #fff;
}

.link-square p {
   margin-bottom: 10px;
}

/*　項目
------------------------------------------ */

.kou {
   margin: 0 auto;
   width: 90%;
}

.square {
   border: 3px solid #c0c0c0;
   padding: 15px;
   border-radius: 10px;
   margin: 10px;
   background-color: #ffffff;
}


/* 中身 */

.title {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.0rem;
   color: #402717;
   background: #e1eec1;
   border-radius: 2px;
   padding: 18px 32px;
}

.naiyou {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.2rem;
   color: #6e5064;
}

.illust {
   text-align: right;
}

/* ボタン */

.button {
   width: 30%;
   font-size: 1.0rem;
   background: #a7b19b;
   color: #fff;
   border-radius: 30px;
   padding: 10px 32px;
   margin-top: 20px;
}

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

.mousikomi-button {
   width: 30%;
   font-size: 1.5rem;
   background: #e5b7be;
   color: #fff;
   border-radius: 5px;
   padding: 18px 32px;
   text-align: center;
}

.simekiri {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.2rem;
   color: #6e5064;
}

.simekiri2 {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1.2rem;
   color: #6e5064;
}   

/* 修飾
------------------------------------------------ */

.dai {
   font-size: 1.6rem;
}

.border {
   text-decoration: underline;
   color: #d0653b;
}

.border2 {
   text-decoration: underline;
   color: #d0653b;
   font-weight: bold;
   font-size: 1.4rem;
}

.border3 {
   text-decoration: underline;
}

.muryou {
   font-size: 1.4rem;
   color: #1760a0;
   text-transform: uppercase;
   font-weight: bold;
   margin-bottom: 30px;
}

.link {
 display: flex;
 justify-content: center;
}


/* フッター
------------------------------------------------ */
footer {
   background: #432;
   text-align: center;
   padding: 26px 0;
   margin-top: 200px;
}

footer p {
   color: #fff;
   font-size: 0.875rem;
}


 





/* モバイル版
---------------------------------------------------------------- */

@media(max-width: 600px) {

/* 背景画像 */

#home {
   background-image: url(../haikei01.png);
}

.big-bg {
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
}

/* HEADER
------------------------------------ */

.wrapper {
   max-width: 500px;
   margin: 0 auto;
   padding: 0 4%;
}

/* タイトル
------------------------------------------ */

.home-content {
   text-align: center;
   margin-top: 3%;
}

.home-content p {
   font-size: 0.6rem;
   margin-top: 10px;
}

/* タイトル　*/

.page-title {
   font-size: 1rem;
   font-family: 'philosopher', serif;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: underline;
   margin-top: 10px;
}

/*　目的等
------------------------------------------ */

.mokuteki {
   margin: 0 auto;
   width: 80%;
}   

.mokuteki-square {
   border: 3px solid #e6f0f0;
   padding: 15px;
   border-radius: 10px;
   margin: 10px;
   background-color: #e6f0f0;
}


/* 目的等中身 */

.oya {
   margin-left: 10px;
   margin-top: 5px;
   font-size: 1rem;
   color: #402717;
}

.ko {
   margin-left: 20px;
   margin-top: 5px;
   font-size: 1rem;
   color: #6e5064;
}

/*　経緯
------------------------------------------ */

.keii {
   margin: 0 auto;
   width: 80%;
}   

.keii-square {
   border: 3px solid #e6f0f0;
   padding: 15px;
   border-radius: 10px;
   margin: 10px;
   background-color: #e6f0f0;
}


/* 経緯中身 */

.oya-keii {
   margin-left: 20px;
   margin-top: 10px;
   font-size: 1rem;
   color: #402717;
}

.ko-keii {
   margin-left: 20px;
   margin-top: 10px;
   line-height: 1.2rem;
   font-size: 1rem;
   color: #6e5064;
}

/*　動画リンク
------------------------------------------ */

.link {
   margin: 0 auto;
   width: 80%;
   text-align: center;
}

.link-square {
   border: 3px solid #fff;
   padding: 10px;
   border-radius: 10px;
   background-color: #fff;
}

.link-square p {
   font-size: .8rem;
   margin-bottom: 10px;
}


/*　項目
------------------------------------------ */

.kou {
   margin: 0 auto;
   width: 90%;
}   

.square {
   border: 3px solid #c0c0c0;
   padding: 10px;
   border-radius: 10px;
   margin: 10px;
   background-color: #ffffff;
}


/* 中身 */

.title {
   margin-left: 10px;
   margin-top: 5px;
   font-size: 0.8rem;
   color: #402717;
   background: #e1eec1;
   border-radius: 2px;
   padding: 5px 5px;
}

.naiyou {
   margin-left: 5px;
   margin-top: 5px;
   font-size: 0.8rem;
   color: #6e5064;
}

/* ボタン */

.button {
   width: 70%;
   font-size: 0.8rem;
   background: #a7b19b;
   color: #fff;
   border-radius: 30px;
   padding: 10px 10px;
   margin-top: 10px;
}

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

.mousikomi-button {
   width: 30%;
   font-size: 1.5rem;
   background: #e5b7be;
   color: #fff;
   border-radius: 5px;
   padding: 18px 32px;
   text-align: center;
}

.simekiri {
   margin-left: 10px;
   margin-top: 15px;
   font-size: 1.2rem;
   color: #6e5064;
}

.simekiri2 {
   margin-left: 10px;
   margin-top: 10px;
   font-size: 0.8rem;
   color: #6e5064;
}   

/* 修飾
------------------------------------------------ */

.dai {
   font-size: 1.4rem;
}

.border {
   text-decoration: underline;
   color: #d0653b
}

.muryou {
   font-size: 1rem;
   color: #1760a0;
   text-transform: uppercase;
   font-weight: bold;
   margin-bottom: 10px;
}

.illust {
   display: flex;
   width: 80px;
   margin: 10px;
   text-align: center;
}

.link {
 display: block;
} 

/* フッター
------------------------------------------------ */
footer {
   background: #432;
   text-align: center;
   padding: 26px 0;
   margin-top: 200px;
}

footer p {
   color: #fff;
   font-size: 0.875rem;
}

}