@charset "UTF-8";

/*共通部分
-----------------------------------*/
html {font-size 100%;}
body{font-family: "Yu Gothic Medium","游ゴシック Medium","游ゴシック体","ヒラギノ角ゴ Pro W3",sanserif;line-height: 1.7;}
a{text-decoration: none;}
img{max-width: 100%;}
.wrapper{max-width: 100vw;margin: 0 auto;padding: 0 4%;}


/*背景画像
--------------------------*/
.big-bg{ background-size: cover;background-position: center top;}


/*見出し
--------------------------*/
.page-title{font-size: 3.5rem;font-family: 'philosopher',serif;font-weight: bold;}

/* iframe */
iframe {width: 100%;}

/*ページヘッダー
--------------------------*/
.top-header{display: flex; flex-direction: column;text-align: center;background-color: rgba(255,255, 255, 0.5);width: 100vw;padding-top: 10px;}
.main-nav{display: flex;justify-content: center;margin: 0 10px;font-size:1rem;text-transform: uppercase;list-style: none;flex-wrap: wrap;row-gap: 10px;column-gap: 15px;padding: 5px;}
.main-nav li{background: linear-gradient(to top right,#00a9ff 20%,#fff 90%);}
.main-nav a{display: block;text-decoration: none;padding: 5px 10px;color: #00005d;font-weight: bold;}
.main-nav a:hover{opacity: 0.5;}
.page-header h1{font-size: 2.8rem;font-weight: bold;font-style: italic;font-family: 'Zen Antique Soft', serif;text-align: center;padding: 10px;}

/*ホームコンテンツ
--------------------------*/
#home{background-image: url(../images/kyuutomiraihe-big-1.bg.jpg);min-height: 100vh;}
#home .page-title{text-transform: none;}
.home-content {margin-top: 4%;}
.home-content p{font-size: 1.6rem;font-weight: bold;margin: 50px 0 70px 0;max-width: 1100px;}
.home-content p{display: flex;flex-direction: column;justify-content: center;align-items: center;align-self: flex-start;}

/*ページヘッダー（ホーム以外）
------------------------- */
.sub-header{background-image: url(../images/sky.jpg);height: 250px;margin-bottom: 10px;background-color: }
#sub-content .page-title{text-align: center;font-size: 2.5rem;margin-top: 20px;font-weight: bold;}

/*団体プロフィールコンテンツ
--------------------------*/
.profile-content p{text-indent: 1.2rem;margin: 0;font-weight: bold;line-height:30px;text-align: justify;}
.profile-content .background{background-color: burlywood;margin: 10px 15% 20px;padding: 10px;}
.profile-content .coment{margin: 0 15% 0;padding: 10px;}
.profile-content{display: flex;flex-direction: column;align-items: center;font-size: 1.2rem;}
.profile-content a{text-decoration: underline;font-size: 1.2rem;}
.profile-content a:hover{opacity: 0.5;}
.daihyou{display:flex;flex-direction:column;font-size:  1.3rem;text-align: center;align-items: center;font-weight: bold;}
.daihyou img{width: 70%;margin-bottom: 15px;}
.left{align-self: flex-start;margin:15px 0 0 15%;font-size: 1rem;}
hr{padding: 7px 0;border: none;}
.hr1{border-top: 2px solid skyblue;width: 80%;margin-top: 7px;}
.margin{margin-bottom:3px ;}

/*代表プロフィール
--------------------------*/
.direction-row{display: flex;flex-direction: row;justify-content: center;margin-top: 50px;}
.direction-row img{width: 75%;}
.direction-row h3{padding: 20px 0 5px 0;}
.keireki{padding: 0 10px 10px 10px;width: 35%;height:10%;border: 3px dashed #c0c0c0;margin: 5px 15px 30px 25px;}
.keireki ul{padding: 0 0 0 40px;}
.katudoujisseki{display: flex;flex-direction: column;align-items: center;font-size: 1rem;}
.katudoujisseki .coment{margin: 0 15% 0;padding: 10px;}
.margin-a{margin-top: -20px;}
.margin-b{margin-top: -30px;}
.margin-c{margin: -20px 0 20px 0;}

/*活動内容
-------------------------*/
.activity-content{display: flex;flex-direction: column;align-items: center;font-size: 1.2rem;}
.activity-content .background{margin: 10px 15% 20px;padding: 10px;}
.activity-content .background p{font-weight: bold;font-size: 1.5rem;}
.activity-content h2{margin-left: 10%;}
.activity-content h3{font-size: 1rem;margin-left: 10%;}
.activity-content .katudounaiyou {max-width: 70vw;}
.activity-content .katudounaiyou li{font-weight: bold;background-color:burlywood;list-style: none;padding-left: 20px;}
.activity-content .katudounaiyou p{padding-left: 1.2rem;}
.activity-content .katudousyoukai{border: 3px dashed #c0c0c0;margin-bottom: 20px;}
.margin-d{margin: -25px 0 20px 0;}
.margin-e{margin: -25px 0 10px 0;}
.activity-content .setumei li{list-style-type: square;font-size: 1.5rem;text-decoration: underline;}
.activity-content .setumei p{font-weight: bold;padding:10px 0 20px 30px ;font-size: 1.5rem;}
.activity-content .setumei{display: flex;flex-direction:column;align-items: center;margin-bottom: 50px;}
.button{font-size: 1.2rem;background: #0bd;color: #fff;border-radius: 5px;padding: 10px 20px;}
.button:hover{background: #0090aa;}
.katudousyasin h2{font-size: 1.4rem;}
.katudousyasin h3{font-size: 1.3rem;}
.slider{width: 90%;margin: 0 auto;}
.slider{display: flex;overflow-x:scroll;}
.slider li{min-width: 40%;margin: 5px;padding: 0;list-style: none;}

/*会員募集
-------------------------*/
.member-recruitment{display: flex;flex-direction: column;align-items: center;font-size: 1.2rem;}
.member-recruitment .background{margin: 10px 0 10px;padding: 10px;}
table{width: 350px;text-align: center;margin-bottom: 20px;}
.member-recruitment li{list-style: none;}
.member-recruitment ul{margin-bottom: 20px;}
.member-recruitment .setumei {width: 70%;}
.mousikomi{margin: 10px 0 5px 0;}
.mousikomisyo{text-decoration: underline;font-size: 1.1rem;}
.mousikomi a:hover{opacity: 0.5;}
.member-recruitment .button{margin-bottom: 20px;}
.margin-f{margin-bottom: 20px;}
.margin-g{margin-bottom: 30px;font-weight: bold;}
.margin-h{margin-bottom: 5px;}

/*お問合せ
------------------------*/
.contact-form{text-align: center;}



/* フッター
------------------------- */
footer {background: #432;text-align: center;padding: 26px 0;width: 100vw;}
footer p {color: #fff;font-size: 1rem;}


/*モバイル版
--------------------------*/
@media(max-width: 800px){.page-title{font-size: 3rem;font-weight: bold;}
/*header*/
.page-header h1 {font-size: 2.6rem;padding: 5px;}
.main-nav{font-size: 0.8rem;padding: 0.3px;row-gap: 5px;column-gap: 5px;}
/*home*/
.home-content{margin-top: 5%;}
.home-content p{font-weight: bold;font-size: 1.5rem;}
#sub-content .page-title{font-size:2rem ;}
.big-bg{ width:100%;}

/*company-profile*/
.profile-content .background{font-size: 1rem;;margin: 10px 8% 20px;}
.daihyou{font-size: 1.2rem;}
.daihyou a{font-size: 1.1rem;}
.left{font-size: 0.8rem;}
.profile-content .coment{margin: 0 10% 0;font-size: 1rem;}

/*profile:*/
.direction-row{display: flex;flex-direction: column;justify-content: center;margin-top: 10px;}
.direction-row .profile-content{font-size: 1.2rem;}
.direction-row h3{padding: 10px 0 5px 0;font-size: 1rem;}
.direction-row img{width: 30%;}
.keireki{padding: 0 10px 10px 10px;width: 80%;height:10%;border: 3px dashed #c0c0c0;margin: 15px 10% 15px 10%;}
.keireki ul{padding: 0 0 0 40px;font-size: 1rem;}
.katudoujisseki{font-size: 1rem;}
.katudoujisseki .coment{margin: 0 10% 0;padding: 10px;}
.margin-a{margin: -15px 0 0 0;}
.margin-b{margin: -30px 0 0 0;}
.margin-c{margin: -15px 0 25px 0;}

/*activity*/
.activity-content{font-size: 1.1rem;}
.activity-content .background{margin: 10px 5% 5px;padding: 5px;}
.activity-content .background p{font-size: 1.1rem;}
.activity-content h3{font-size: 1rem;}
.activity-content .katudounaiyou {max-width: 90vw;}
.activity-content .katudousyoukai{margin-bottom: 10px;}
.margin-d{margin: -15px 0 10px 0;}
.margin-e{margin: -15px 0 5px 0;}
.activity-content .setumei li{font-size: 1.2rem;margin: 0 0 0 30px;}
.activity-content .setumei p{font-size: 1.2rem;}
.activity-content .setumei{margin-bottom: 30px;}
.button{font-size: 1rem;}
.katudousyasin h2{font-size: 1.1rem;}
.katudousyasin h3{font-size: 1rem;}
.slider li{min-width: 40%;}

/*member-recruitment*/
.member-recruitment{font-size: 1.0rem;max-width: 80%;}
.member-recruitment .background{margin: 5px 0 5px;padding: 5px;}
table{width: 300px;margin-bottom: 10px;}
.member-recruitment ul{margin-bottom: 10px;}
.mousikomi{margin-top: 10px;}
.mousikomisyo{text-decoration: underline;font-size: 0.9rem;}
.member-recruitment .button{margin-bottom: 20px;}
}

@media(max-width: 600px){.page-title{font-size: 1.8rem;font-weight: bold;}
/*header*/
.page-header h1{font-size: 1.4rem;padding: 5px;}
#sub-content .page-title{font-size: 1.3rem;}
.sub-header{height: 180px;}

/*home*/
.home-content{margin-top: 5%;}
.home-content p{font-weight: bold;font-size: 1rem;}
.big-bg{ width:100%;}

/*company-profile*/
.profile-content p{text-indent: 0.8rem;line-height:20px;font-size: 0.8rem;}
.profile-content .background{margin: 10px 7% 20px;}
.daihyou{font-size: 0.9rem;}
.daihyou a{font-size: 0.9rem;}
.left{font-size: 0.7rem;}
.profile-content img{width: 60%;}

/*profile:*/
.direction-row{display: flex;flex-direction: column;justify-content: center;margin-top: 10px;}
.direction-row .profile-content{font-size: 1rem;}
.direction-row h3{padding: 10px 0 5px 0;font-size: 0.9rem;}
.direction-row img{width: 30%;}
.keireki{padding: 0 10px 10px 10px;width: 80%;height:10%;border: 3px dashed #c0c0c0;margin: 15px 10% 15px 10%;}
.keireki ul{padding: 0 0 0 40px;font-size: 0.9rem;}
.katudoujisseki{font-size: 0.9rem;}
.katudoujisseki .coment{margin: 0 10% 0;padding: 10px;}
.margin-a{margin: -10px 0 0 0;}
.margin-b{margin: -25px 0 0 0;}
.margin-c{margin: -10px 0 25px 0;}

/*activity*/
.activity-content{font-size: 1rem;}
.activity-content .background{margin: 10px 5% 5px;padding: 5px;}
.activity-content .background p{font-size: 1rem;}
.activity-content h3{font-size: 1rem;}
.activity-content .katudounaiyou {max-width: 90vw;}
.activity-content .katudousyoukai{margin-bottom: 10px;}
.margin-d{margin: -15px 0 10px 0;}
.margin-e{margin: -15px 0 5px 0;}
.activity-content .setumei li{font-size: 1.1rem;margin: 0 0 0 30px;}
.activity-content .setumei p{font-size: 1.1rem;}
.activity-content .setumei{margin-bottom: 30px;}
.button{font-size: 0.9rem;}
.katudousyasin h2{font-size: 1rem;}
.katudousyasin h3{font-size: 0.9rem;}
.slider li{min-width: 50%;}

/*member-recruitment*/
.member-recruitment{font-size: 0.9rem;max-width: 80%;}
.member-recruitment .background{margin: 5px 0 5px;padding: 5px;}
table{width: 300px;margin-bottom: 10px;}
.member-recruitment ul{margin-bottom: 10px;}
.mousikomi{margin-top: 10px;}
.mousikomisyo{text-decoration: underline;font-size: 0.8rem;}
.member-recruitment .button{margin-bottom: 20px;}
}

@media(max-width: 400px){.page-title{font-size: 1.6rem;font-weight: bold;}
/*header*/
.page-header h1{font-size: 1.3rem;padding: 5px;}
.main-nav{font-size: 0.7rem;padding: 0.3px;row-gap: 5px;column-gap: 5px;}
#sub-content .page-title{font-size: 1.1rem;}
.sub-header{height: 170px;}

/*home*/
.home-content{margin-top: 5%;}
.home-content p{font-weight: bold;font-size: 1rem;}
.big-bg{width:100%;}

/*company-profile*/
.profile-content p{text-indent: 0.8rem;line-height:20px;font-size: 0.8rem;}
.profile-content .background{margin: 10px 7% 20px;}
.daihyou{font-size: 0.9rem;}
.daihyou a{font-size: 0.8rem;}
.left{font-size: 0.6rem;}

/*profile:*/
.direction-row{display: flex;flex-direction: column;justify-content: center;margin-top: 10px;}
.direction-row .profile-content{font-size: 0.9rem;}
.direction-row h3{padding: 10px 0 5px 0;font-size: 0.8rem;}
.direction-row img{width: 40%;}
.keireki{padding: 0 10px 10px 10px;width: 80%;height:10%;border: 3px dashed #c0c0c0;margin: 15px 10% 15px 10%;}
.keireki ul{padding: 0 0 0 40px;font-size: 0.8rem;}
.katudoujisseki{font-size: 0.8rem;}
.katudoujisseki .coment{margin: 0 10% 0;padding: 10px;}
.margin-a{margin: -10px 0 0 0;}
.margin-b{margin: -25px 0 0 0;}
.margin-c{margin: -10px 0 25px 0;}

/*activity*/
.activity-content{font-size: 0.8rem;}
.activity-content .background{margin: 10px 5% 5px;padding: 5px;}
.activity-content .background p{font-size: 0.9rem;}
.activity-content h3{font-size: 1rem;}
.activity-content .katudounaiyou {max-width: 90vw;}
.activity-content .katudousyoukai{margin-bottom: 10px;}
.margin-d{margin: -15px 0 10px 0;}
.margin-e{margin: -15px 0 5px 0;}
.activity-content .setumei li{font-size: 0.9rem;margin: 0 0 0 30px;}
.activity-content .setumei p{font-size: 0.9rem;}
.activity-content .setumei{margin-bottom: 30px;}
.button{font-size: 0.8rem;}
.katudousyasin h2{font-size: 0.9rem;}
.katudousyasin h3{font-size: 0.8rem;}
.slider li{min-width: 60%;}

/*member-recruitment*/
.member-recruitment{font-size: 0.8rem;max-width: 80%;}
.member-recruitment .background{margin: 5px 0 5px;padding: 5px;}
table{width: 250px;margin-bottom: 10px;}
.member-recruitment ul{margin-bottom: 10px;}
.mousikomi{margin-top: 10px;}
.mousikomisyo{text-decoration: underline;font-size: 0.7rem;}
.member-recruitment .button{margin-bottom: 20px;}
}

@media(max-width: 300px){.page-title{font-size: 1.2rem;font-weight: bold;}
/*header*/
.page-header h1 {font-size: 1.2rem;padding: 5px;}
.main-nav{font-size: 0.5rem;padding: 0.3px;row-gap: 5px;column-gap: 5px;}
#sub-content .page-title{font-size: 1rem;}
.sub-header{height: 160px;}

/*home*/
.home-content{margin-top: 5%;}
.home-content p{font-weight: bold;font-size: 0.8rem;}
.big-bg{ width:100%;}

/*company-profile*/
.profile-content p{text-indent: 0.7rem;line-height:15px;font-size: 0.7rem;}
.daihyou{font-size: 0.8rem;}
.daihyou a{font-size: 0.7rem;}
.left{font-size: 0.5rem;}
.profile-content .coment{margin: 0 7% 0;padding: 5px;}

/*profile:*/
.direction-row{display: flex;flex-direction: column;justify-content: center;margin-top: 10px;}
.direction-row .profile-content{font-size: 0.9rem;}
.direction-row h3{padding: 10px 0 5px 0;font-size: 0.7rem;}
.direction-row img{width: 40%;}
.keireki{padding: 0 10px 10px 10px;width: 80%;height:10%;border: 3px dashed #c0c0c0;margin: 15px 10% 15px 10%;}
.keireki ul{padding: 0 0 0 40px;font-size: 0.7rem;}
.katudoujisseki{font-size: 0.7rem;}
.katudoujisseki .coment{margin: 0 10% 0;padding: 10px;}

/*activity*/
.activity-content{font-size: 0.8rem;}
.activity-content .background{margin: 10px 5% 5px;padding: 5px;}
.activity-content .background p{font-size: 0.9rem;}
.activity-content h3{font-size: 1rem;}
.activity-content .katudounaiyou {max-width: 90vw;}
.activity-content .katudousyoukai{margin-bottom: 10px;}
.margin-d{margin: -15px 0 10px 0;}
.margin-e{margin: -15px 0 5px 0;}
.activity-content .setumei li{font-size: 0.9rem;margin: 0 0 0 30px;}
.activity-content .setumei p{font-size: 0.9rem;}
.activity-content .setumei{margin-bottom: 30px;}
.button{font-size: 0.8rem;}
.katudousyasin h2{font-size: 0.9rem;}
.katudousyasin h3{font-size: 0.8rem;}
.slider li{min-width: 60%;}

/*member-recruitment*/
.member-recruitment{font-size: 0.8rem;}
.member-recruitment .background{margin: 5px 0 5px;padding: 5px;}
table{width: 220px;margin-bottom: 10px;}
.member-recruitment ul{margin-bottom: 10px;}
.mousikomi{margin-top: 10px;}
.mousikomisyo{text-decoration: underline;font-size: 0.7rem;}
.member-recruitment .button{margin-bottom: 20px;}
}