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

/*--------------------------------------------------------------------------------------------------- */
/* 共通----------------- */

*{margin:0;padding:0;box-sizing: border-box;}

body{letter-spacing:1px;color: #333; font-family:"游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝",  serif;
	/* '秀英にじみ丸ゴシック B JIS2004','Shuei NijimiMGo B JIS2004','游ゴシック','Yu Gothic' */
	/* font-family: "メイリオ", Meiryo, sans-serif; */
	-webkit-text-size-adjust: 100%;}
#container{}

header,.content,footer{ width: 100%; text-align: center; overflow: hidden;}
em{font-style:normal;}
small{font-family:  "メイリオ", Meiryo, sans-serif;}
a:hover{opacity: 0.7;}
@media screen and (min-width: 641px){ /*PC*/
    body{font-size:18px; width:100%; line-height:44px;}
    #container { min-width:1020px;}
    .spOnly{display: none;}
    .inner,address{ width:1020px; margin: 0 auto;  position: relative;}
}
@media screen and (max-width:641px){ /*SP*/
	img{width: 100%;}
    body{font-size:16px; line-height:32px;}
    #container { width:100%;}
    .pcOnly{display: none;}
    .inner,address{ margin: 0 5%;  position: relative; overflow: hidden;}
}




/*----ヘッダー-------------------------------*/
/* header { background:#dddddd url("../img/bg.webp") no-repeat top center;background-size: 100%; text-align: center;} */
header {background-color: #000; text-align: center;}
header .main img{vertical-align: bottom;}
video{vertical-align: bottom;}
.main_video .control{text-align:left;cursor: pointer;position: absolute;color: rgba(255,255,255,0.70); }
@media screen and (min-width: 641px){ /*PC*/
	header {}
	header video {width: 100%; max-width: 1350px; min-height:500px;vertical-align: bottom;}
	header .main_video{width: 100%; max-width: 1350px; min-height:500px;position: relative; margin:0px auto 0;overflow: hidden; }
	header .main_video .control{ width: 50px;text-align:left; position: absolute;right:40px; bottom:20px;cursor: pointer;}
	header .main_video .control span{font-size:50px;line-height: 50px;  }
	header .main{text-align: center; position:relative; height: 727px;}
	header .main img{position: absolute;top:0;left: calc(50% - 950px); width: 1900px; margin: 0; }

}
@media screen and (max-width: 640px){ /*SP*/
	header {background-size:150%;}
	header video {width: 100%; vertical-align: bottom;}
	header .main_video{width: 100%; position: relative; margin:0px auto 0;overflow: hidden;}
	header .main_video .control{ width:30px;text-align:left; position: absolute;right:10px; bottom:10px;font-size:30px;  line-height:30px;z-index: 50; }
	header .main img{width: 100%;}
}


/*----コンテンツ-------------------------------*/
main{}

section{position: relative;}
section h4{text-shadow: 2px 2px 3px rgba(0,0,0,0.20);}
section h3{text-shadow: 0px 0px 6px rgba(255,255,255,1);filter: drop-shadow(1px 1px 10px rgba(255,255,255,1)); display: block;}
section .bg_txt{position: absolute;}
section p{font-weight: bold;}
@media screen and (min-width: 641px){ /*PC*/
section h4{font-size: 34px; line-height:40px; letter-spacing: 1px;font-weight: lighter;}
section h3{font-size: 58px; line-height:92px; letter-spacing: 1px;font-weight: lighter;}
}
@media screen and (max-width: 640px){ /*SP*/
section h4{font-size:20px; line-height: 25px; letter-spacing: 1px;}
section h3{font-size: 28px; line-height:45px;}
}

/*----ナビ-------------------------------*/
nav{background-color:#3a3434;}
nav ul {display: inline-block;}
nav ul li{display: inline-block; background: url("../img/nav_bg.png") no-repeat; list-style: none;}
nav ul li a{color: rgba(255,255,255,0.6);text-decoration: none;}
nav ul li a b{color: rgba(255,255,255,1);display:inline-block;text-align: left;text-indent: 2px;}

@media screen and (min-width: 641px){ /*PC*/
	nav .inner{padding:20px 20px;}
	nav img{width: 120px; float: right; margin: 18px 0;}
	nav ul {width: 780px;}
	nav ul li{width: 24%;background-size:60px; line-height: 60px; padding: 2px 0 0 8px; background-position: top left;}
	nav ul li:first-child{text-indent:7px;}
	nav ul li a{font-size:14px;}
	nav ul li a b{font-size:18px; margin-right: 10px;}

nav ul li a{ transition:all .5s ease-in-out;}
nav ul li a:hover{ text-shadow:
    0 0 10px rgba(255,255,255, 1),
    0 0 50px rgba(255, 255, 255, .8),
    0 0 75px rgba(255, 255, 255, .6),
    0 0 76px rgba(255, 255, 255, .4),
    0 0 77px rgba(255, 255, 255, .5),
    0 0 78px rgba(255, 255, 255, .4),
    0 0 79px rgba(255, 255, 255, .3),
    0 0 80px rgba(255, 255, 255, .2),
    0 0 85px rgba(255, 255, 255, .1);}
}
@media screen and (max-width: 640px){ /*SP*/
	nav .inner{padding:10px 0px;}
	nav img{display: none;}
	nav ul {width:100%;text-align: center;}
	nav ul li {width: 23.5%;background-size:60px; line-height:15px; padding: 20px 0 10px 0px;background-position: top center;}
	nav ul li a{font-size: 10px;}
	nav ul li a b{font-size: 18px; }
}

/*----01　ドリーム-------------------------------*/
section.c01{position: relative;}
section.c01 .flower{position: absolute;left:0;top:0;}
section.c01 .inner{}
section.c01 h3{text-align: left;}
section.c01 p{display: block;}
@media screen and (min-width: 641px){ /*PC*/
	section.c01 .inner{padding: 80px 0 65px 0;}
	section.c01{background: url("../img/c01_bg01_pc.png") no-repeat top center;background-size: 2200px;}
	section.c01 .flower{width: 300px;}
	section.c01 .bg_txt{right:-80px;bottom:510px; width:400px;opacity: 0.5;}
	section.c01 h3{background: url("../img/c01_title_pc.png") no-repeat top left; background-size: auto 850px;height:850px;text-indent: 40px; width:240px; left:-40px;top:90px;letter-spacing: 5px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;position: absolute;}
	section.c01 .set01{display: inline-block;margin:350px 0 0 290px; padding:0px;text-shadow: 0px 0px 6px rgba(255,255,255,1);}
	section.c01 .set01 > p{text-align:left;margin:0 0 50px;}
}
@media screen and (max-width: 640px){ /*SP*/
	section.c01{background: url("../img/c01_bg01_sp.png") no-repeat top center;background-size: 100%;}
	section.c01 .flower{width: 270px;top:260px;}
	section.c01 .bg_txt{width: 200px; right:0px;bottom:240px;opacity: 0.5;}
	section.c01 h3{background: url("../img/c01_title_sp.png") no-repeat bottom left; margin:160px 0 10px;background-size:320px; padding:0 0 15px 8px; }
	section.c01 p{text-align:left; margin: 0 20px 30px;}

}

/*動画*/
.video{ text-align: center;}
.video .yt { position: relative;  width: 100%; padding: calc(315 / 560 * 100%) 0 0; overflow: hidden;background: rgba(255,255,255,0.00);filter: drop-shadow(-2px -2px 3px rgba(0,0,0,0.1));}
.video .yt iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
.video{padding: 0px 0 80px; margin: 0 auto; width:100%;}
	.video .yt {border:12px solid rgb(0 0 0 / 5%); }
}
@media screen and (max-width: 640px){ /*SP*/
.video{padding: 10px 0 40px; margin: 0 auto; width:100%;}
	.video .yt {border:6px solid rgb(0 0 0 / 5%); }
}


/*---02　アクション-------------------------------*/
section.c02{background: url("../img/c02_bg.jpg") repeat-x top center;}
section.c02 .flower{position: absolute;right:0;top:0;}
section.c02 h4{text-align:center; color:#8d9337;}
section.c02 h3{text-align: center;}
section.c02 p{margin: 0 auto;}
section.c02 .carousel {background-size: auto 100%; width: 100%; overflow: hidden;
	-moz-animation: loop 800s linear infinite; animation: loop 800s linear infinite;}
/*アニメーション*/
@keyframes loop {
	0% {background-position: 0 0; }
	100% {background-position: -13276px 0;}
}
section.c02 .set02{text-align: center;}
section.c02 .set02 a{display: inline-block; background-color:#8d9337 ; color: rgba(250,250,250,1.00); text-decoration: none}
@media screen and (min-width: 641px){ /*PC*/
	section.c02 .inner{padding:120px 0 70px 0;}
	section.c02 .flower{width: 300px;}
	section.c02 .bg_txt{left:0px;top:80px; width: 330px;}
	section.c02 h4{margin-bottom: 20px;}
	section.c02 h3{background: url("../img/c02_title_pc.png") no-repeat top center; margin-bottom: 20px; background-size:830px;padding: 0 0 30px 0;}
	section.c02 .carousel{background: url(../img/c02_img_pc.jpg) repeat-x 0 0;height: 440px; background-size: auto 440px;}
	section.c02 .set01{margin:0px 0 0 0px; width:100%; padding:0px;text-shadow: 0px 0px 6px rgba(255,255,255,1);}
	section.c02 .set01 > p{vertical-align: top;display: inline-block; text-align:left;margin:3% 0; width: 45%; }
	section.c02 .set01 > p:first-child{margin-right:9%;}
	section.c02 .set02 a{margin: 40px auto 60px; border-radius: 50px; padding: 20px 40px;font-size: 25px;}
}
@media screen and (max-width: 640px){ /*SP*/
	section.c02{background-size:auto 600px;}
	section.c02 .inner{padding:80px 0 40px 0;}
	section.c02 .flower{width: 260px;}
	section.c02 .bg_txt{left:00px;top:35px; width:170px;}
	section.c02 h4{margin:50px 0 10px;}
	section.c02 h3{background: url("../img/c02_title_sp.png") no-repeat top center;background-size:100%;margin-bottom: 25px;}
	section.c02 .carousel{background: url(../img/c02_img_sp.jpg) repeat-x 0 0;height:300px;background-size: auto 300px;}
	section.c02 p{width: 90%;}
	section.c02 .set02 a{margin: 20px auto 30px; border-radius: 40px; padding: 10px 30px;font-size: 19px;}
}


/*---03　同志　-------------------------------*/
section.c03{}
section.c03 .flower{position: absolute;}
section.c03 h4{color: #2981b8;}
section.c03 .inner > p{text-shadow: 0px 0px 6px rgba(255,255,255,1);}
	section.c03 dl{display:inline-block; box-sizing: border-box; background-color: #fff;  vertical-align: top;}
	section.c03 dl:before{
    content: '';
    position: absolute;top:-4px;left:-4px;
    border-top: 15px solid rgba(140,104,51,0.2);
	border-left: 15px solid rgba(140,104,51,0.2);
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;}
	section.c03 dl dt{}
	section.c03 dl dt b{display: block;text-align: center;}
	section.c03 dl dt img{filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.15));vertical-align: top;}
	section.c03 dl dt h4{color: #8c6833;vertical-align: top;}
	section.c03 dl dt small{display: block; margin: 15px 0; color: #999;text-align: left;}
	section.c03 dl dd{text-align: left;font-weight: bold; color: #333;}

@media screen and (min-width: 641px){ /*PC*/
	section.c03{background: url("../img/c03_bg01.png") no-repeat;background-position: left top; background-size: 1000px;}
	section.c03 .inner{padding: 100px 20px 80px;}
	section.c03 .flower{width:560px;bottom:0;right:0;}
	section.c03 .bg_txt{left:-70px;bottom:-40px; width:420px;opacity: 0.5;}
	section.c03 h4{text-align:right;}
	section.c03 h3{text-align:right;background: url("../img/c03_title_pc.png") no-repeat top center;width: 680px; background-size: 680px auto;margin:20px -50px 10px auto;padding-bottom: 0px;}
	section.c03 .inner > p{ width:560px;display:block;margin: 50px 0 10px auto;}
	
	section.c03 .set01{width: 100%;text-align: center;padding: 0px 0 70px 0;}
	section.c03 .ele{width: 950px;display: inline-block;}
	section.c03 dl{padding: 28px;width: 45.5%; margin:0 2% 30px;background: linear-gradient(to bottom, rgba(255,255,255,1.0) 50%, rgba(232,225,214,0.5) 100%);filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.15));}
	section.c03 dl dt{}
	section.c03 dl dt b{ margin-bottom:15px;}
	section.c03 dl dt img{ width:69%; }
	section.c03 dl dt > h4{ font-size: 23px; line-height: 34px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;letter-spacing:0.5px;  margin: 0 0 0 3%;width: 26%; text-align: left;display: inline-block;}
	section.c03 dl dt small{line-height: 22px;}
	section.c03 dl dd{font-size:16px; padding: 15px;line-height: 32px;}
}
@media screen and (max-width: 640px){ /*SP*/
	section.c03{background: url("../img/c03_bg01_sp.png") no-repeat;background-position: left top; background-size:100%;}
	section.c03 .inner{padding:120px 10px 40px;}
	section.c03 .flower{width:300px;bottom:0;right:0;}
	section.c03 .bg_txt{right:0px;bottom:-5px; width:210px;opacity: 0.5}
	section.c03 h4{text-align:center;}
	section.c03 h3{text-align:center;background: url("../img/c03_title_sp.png") no-repeat bottom center; background-size:345px auto;margin:5px 0px 0px auto;padding-bottom:5px;}
	section.c03 .inner > p{ display:block;margin: 30px 0 0 ;}
	
	section.c03 .set01{width: 100%;text-align: center;padding: 0px 0 70px 0;}
	section.c03 dl{padding: 20px;width:85%; margin:0 7% 30px;background: linear-gradient(to bottom, rgba(255,255,255,1.0) 0%, rgba(232,225,214,0.3) 100%);filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.25));}
	section.c03 dl dt{}
	section.c03 dl dt b{ margin-bottom:15px;}
	section.c03 dl dt img{width:100%; margin-bottom: 25px;}
	section.c03 dl dt > h4{text-align: left; font-size:20px; line-height:28px;display:block;}
	section.c03 dl dt small{font-size:11px;line-height: 18px;}
	section.c03 dl dd{font-size:13px;}
	
}


/*----04　協力・支援-------------------------------*/
section.c04{position: relative;}
section.c04 .flower{position: absolute;}
section.c04 .inner{}
section.c04 h3{text-align: left;}
section.c04 p{display: block;text-shadow: 0px 0px 6px rgba(255,255,255,1);}
section.c04 .logo40{filter: drop-shadow(3px 3px 15px rgba(255,255,255,1));}
@media screen and (min-width: 641px){ /*PC*/
	section.c04 .inner{padding:110px 20px 110px;}
	section.c04{background: linear-gradient(to bottom, rgba(246,214,215,0.40) 50%, rgba(246,214,215,0.05) 100%), url("../img/c04_bg01_pc.png") no-repeat bottom right;background-size:1400px;}
	section.c04 .flower{width: 300px;top: 0;left:0;}
	section.c04 .bg_txt{right:-55px;bottom:35px; width:600px;opacity: 0.7;}
	section.c04 h3{position: absolute;background: url("../img/c04_title_pc.png") no-repeat top left; background-size: auto 740px;height: 740px;text-indent: 20px; width:240px; right:0px;top:90px;letter-spacing: 5px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
	section.c04 .set01{margin:40px 300px 0 0;text-align: center;}
	section.c04 .logo40{width:50%; margin: 0 auto 20px;position: relative;z-index: 5;}
	section.c04 .set01 > p{text-align:left; width:700px;display:block;margin: 60px 0 40px auto;}
}
@media screen and (max-width: 640px){ /*SP*/
	section.c04{background:rgba(246,214,215,0.20) url("../img/c04_bg01_sp.png") no-repeat bottom right;background-size: 100%;}
	section.c04 .inner{padding:65px 0 150px 0;}
	section.c04 .flower{width: 300px;top: 0;left:0;}
	section.c04 .bg_txt{width: 260px; right:0px;bottom:15px;opacity: 0.7;}
	section.c04 h3{background: url("../img/c04_title_sp.png") no-repeat bottom left;background-size: 310px; width:100%; padding:0 0 20px 15px; margin: 0 0 10px;}
	section.c04 .set01{text-align: center;}
	section.c04 .logo40{width:65%; margin: 30px auto 50px;}
	section.c04 .set01 > p{text-align: left; margin:0 20px 20px;}

}


/*---05　バナー-------------------------------*/
section.c05{}


@media screen and (min-width: 641px){ /*PC*/

	section.c05 .inner{text-align: center; padding:90px 0;}
	section.c05 img{width:90%; margin: auto;}
}
@media screen and (max-width: 640px){ /*SP*/
	section.c05 .inner{width: 100%;text-align: center;padding: 30px; margin: 0;}
}







/*----フッダー-------------------------------*/
footer{ background: #3a3434 url("../img/fut_pc.png") no-repeat right top;}

address{text-decoration: none; font-style: normal; color: #fff;}
address a{color:#fff;}
footer a { text-decoration: none;}

@media screen and (min-width: 641px){ /*PC*/
	footer{ background: #3a3434 url("../img/fut_pc.png") no-repeat right top; background-size: 550px;}
	footer img{float:left; width: 150px;}
    footer address{ padding:75px 20px; font-size: 70%; text-align: right;}
}
@media screen and (max-width: 640px){ /*SP*/
	footer{text-align: center; background: #3a3434 url("../img/fut_sp.png") no-repeat right top; background-size: 100%;}
	footer img{width:140px; margin-bottom: 10px;}
    footer address{padding:20px 0; font-size:9px; line-height: 16px; }
}