/*
Theme Name: SURPLUNEAR-YuYu
Description: SURPLUNEAR by <a href="http://www.surplunear.com/">TTCg@^JbVI</a>
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }

h1 { font-size: 14px; line-height: 20px; color: #FFF; float: left; display: inline; margin-bottom: 4px; margin-top: 4px; margin-left: 10px;}
h2 { font-size: 16px; color: #FFFFFF; padding: 5px; float: left; display: inline; margin-bottom: 0px; margin-top: 5px; margin-left: 30px;}

a:link { color:#F00;}
a:visited { color:#633; }
a:hover { color: #FF0000; }
a:active { color: #ff8000; }

/* Body
-------------------------------------------------------------------*/
body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	cursor:default;
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	}
	
.scroll-fade {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.scroll-fade.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.clear {
	clear: both;
}

/*header
-------------------------------------------------------------------*/
#main {
	text-align:left;
	width:980px;
	height:825px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../img/main2024.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#main2 {
	text-align:left;
	width:980px;
	height:335px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.main2_l {
	width: 520px;
	float:left;
}
.main2_r {
	width: 350px;
	height:95px;
	padding:133px 60px 39px 0px;
	float:right;
}
#head_box {
	text-align: left;
	height:68px;
	width: 980px;
	background-color:#739e68;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
#head_txt {
	width: 430px;
	height:68px;
	padding: 0px;
	margin:0px;
	float:left;
}
.clear{ 
	clear:both;
}

/*menu
-------------------------------------------------------------------*/
.wrap {
	width: 100%;
	max-width: 1600px;
	min-width: 980px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}
.section {
	width: 100%;
	max-width: 1600px;
	min-width: 980px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.subMenu {
	position: absolute;
	top: 825px;
	height: 90px;
	z-index: 1000;
	width: 100%;
	max-width: 1600px;
	min-width: 980px;

}

.subMenu .inner {
	padding:0;
	font-weight: 400;
}
.subNavBtn {
	display: block;
	height: 90px;
	float: left;
	margin: 0px 0px 0 0;
	text-align: center;
}

.end {
	margin: 0;
}
.sTop {
	height:915px;
	background-image: url(../img/bg1_012024.jpg);
	background-repeat: no-repeat; 
	background-attachment:fixed; 
	background-position: center top;
}
.sTop2 {
	height:318px;
	background-image: url(../img/main_c2024.jpg);
	background-repeat: no-repeat; 
	background-attachment:fixed; 
	background-position: center top;
}

.s1 {
	margin-right: auto;
	margin-left: auto;
}
.s2 {
	margin-right: auto;
	margin-left: auto;
}
.s3 {
	margin-right: auto;
	margin-left: auto;
}
.s4 {
	margin-right: auto;
	margin-left: auto;
}

/* g_navi
-----------------------------------------------------------------------------------*/
#line1{
	height: 90px;
	padding: 0px;
	margin: 0px;
	background-color:#FFC;
	background-position: center top;
		}
#g_navi {
	width: 980px;
	height:90px;
	padding: 0px;
	margin: 0px;
}

#g_navi ul{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#g_navi li{
	list-style:none;
	padding: 0px;
	margin: 0px;
	float:left;
}
#line2{
	height: 280px;
	padding: 0px;
	margin: 0px;
	background-image: url(../img/info2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
		}

.info_txt {
	height:60px;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	color:#333;
	font-weight:bold;
	padding:60px 60px 30px 60px;
}


/* content
-----------------------------------------------*/
.content_l {
	width: 390px;
	padding:20px 10px 20px 90px;
	float:left;
}
.content_r {
	width: 390px;
	padding:20px 90px 20px 10px;
	float:right;
}
.content_f {
	width: 780px;
	padding:20px 80px 20px 80px;
	float:right;
}
.content_img {
}
/* content1
-----------------------------------------------*/
#content_title1 {
	width: 980px;
	height:91px;
	background-image: url(../img/c12024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}	
.content1_box {
	text-align:left;
	width:980px;
	height:780px;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}

.content1_box p {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 18px;
	line-height: 28px;
	color:#333;
}
	
/* content2
-----------------------------------------------*/
#content_title2 {
	width: 980px;
	height:91px;
	background-image: url(../img/c22024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.content2_box {
	text-align:left;
	width:980px;
	height:1350px;
	background-image: url(../img/bgc2024.jpg);
	background-repeat: y-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}
.how_img  {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}
.how_title  {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:center;
	color:#F33;
	font-weight:bold;
	font-size: 18px;
	line-height: 25px;
	padding:25px 10px 5px 10px;
}
.how_title2  {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:center;
	color:#F33;
	font-weight:bold;
	font-size: 18px;
	line-height: 20px;
	padding:20px 10px 0px 10px;
}
.how_txt  {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 16px;
	line-height: 28px;
	color:#333;
	padding:10px 35px 15px 35px;
}
.how_txt3  {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 16px;
	line-height: 20px;
	color:#333;
	padding:10px 35px 15px 35px;
}

.how_txt2 {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 15px;
	line-height: 24px;
	color:#333;
	padding:60px 30px 15px 30px;
}
.c2_bg {
	width: 100%;
	height:310px;
	background-position: center top;
	margin: 0px;
}	
.c2card_bg {
	width: 100%;
	height:480px;
	background-position: center top;
	margin: 0px;
}
.c2_bg1 {
	width: 100%;
	height:253px;
	background-image: url(../img/c2a2024.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.c2card_bg1 {
	width: 100%;
	height:480px;
	background-image: url(../img/c2a2024.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}	
.c2_bg2 {
	width: 100%;
	height:310px;
	background-image: url(../img/c2b2024.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}	
.c2_bg3a {
	width: 100%;
	height:163px;
	background-image: url(../../musashino_test/img/c2e2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}	
.c2_bg3b {
	width: 100%;
	height:90px;
	background-position: center top;
	margin: 0px;
}
.c2_bg3c {
	width: 100%;
	height:163px;
	background-image: url(../img/c2g2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.c2_bg3d {
	width: 100%;
	height:163px;
	background-image: url(../../musashino_test/img/c2k2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.c2_bg3e {
	width: 100%;
	height:163px;
	background-image: url(../img/c2l2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.c2_bg3f {
	width: 100%;
	height:163px;
	background-position: center top;
	background:rgba(255,255,255,0.5);
	margin: 0px;
}
.c2_bg3g {
	width: 100%;
	height:253px;
	background-image: url(../img/c2m2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
.c2_bg3h {
	width: 100%;
	height:253px;
	background-image: url(../../musashino_test/img/c2q2024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
/* content3
-----------------------------------------------*/
#content_title3 {
	width: 980px;
	height:91px;
	background-image: url(../img/c32024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
	
.content3_box {
	text-align:left;
	width:980px;
	height:950px;
	background-image: url(../img/bgc2024.jpg);
	background-repeat: y-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}

/* content4
-----------------------------------------------*/
#content_title4 {
	width: 980px;
	height:91px;
	background-image: url(../img/c42024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}

.content4_box {
	text-align:left;
	width:980px;
	height:1150px;
	background-image: url(../img/bgc2024.jpg);
	background-repeat: y-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}

/* content4
-----------------------------------------------*/
#content_title5 {
	width: 980px;
	height:91px;
	background-image: url(../img/c52024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}

.content5_txt {
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 18px;
	line-height: 32px;
	color:#333;
	padding:30px 20px 15px 20px;
}
.content5_box {
	text-align:left;
	width:980px;
	height:1200px;
	background-image: url(../img/bgc2024.jpg);
	background-repeat: y-repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
}
#content_title6 {
	width: 980px;
	height:91px;
	background-image: url(../img/c62024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
#content_title7 {
	width: 980px;
	height:91px;
	background-image: url(../musashino_test/img/c72024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}
#content_title8 {
	width: 980px;
	height:91px;
	background-image: url(../../musashino_test/img/c82024.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}


/* footer
-----------------------------------------------*/
.lights{
	position:absolute;
	right:10px;
	bottom:10px;
}
#footer{
	text-align: left;	
	width: 980px;
	height:400px;
	margin-right: auto;
	margin-left: auto;
	background-color:#739e68;
	background-position: center top;
	bottom:0;
}
.footer_text{
	word-wrap: break-word;
	white-space: normal;
  	display: block;
	text-align:left;
	font-size: 14px;
	line-height: 21px;
	color:#fff;
	padding:15px 20px 30px 20px;
}
#footer_l {
	width: 600px;
	float:left;
}

#footer_r {
	width: 380px;
	float:right;
}

li{list-style:none;}