/* CSS Document */
.sp_img_box{
display: none;
}
.sp {
	display: none;
}

.sp_text1{
display: none;
}

.sp_nav {
	display: none;
}
.sp_v{
display: none;
}

.sp_so_box{
display: none;
}

.sp_v_in_part_wrp{
display: none;
}
.copy_right_wrp {
	background-color: #fff!important;
}
body {
	background-color: #000;
}
article {
	width: 1100px;
	margin: 0 auto;
	background-color: #000;
}
/*     block01     */
.block01 {
	width: auto;
	margin: 0 auto;
	min-width: 1100px;
}
.top_image_wrp {
	width: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background: #000;
}
.top_image_wrp img {
	width: 100%;
	margin: 0 auto;
	display: block;
	opacity: 0.55;
}

.main_leed_wrp {
left: 50%;
position: absolute;
text-align: center;
top: 56%;
transform: translateY(-50%) translateX(-50%);
width: 534px;
z-index: 9998;
}

.top_image_wrp p {
	color: #fff;
	z-index: 100;
}
.text1 {
	font-size: 30px;
	letter-spacing: 0.1em;
  margin-bottom: 25px;
	color: #FFFFFF;
}
.text2 {
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
/*     block02     */
.block02 {
	padding-top: 101px;
	padding-bottom: 123px;
	width: 100%;
	min-width: 1100px;
}
.col2 {
	min-width: 1000px;
	margin: 0 auto;
}
.col2 img {
	width: 469px;
	float: left;
	margin-right: 45px;
	margin-left: 60px;
}
.col2 p {
	float: left;
	color: #fff;
	width: 462px;
	font-size: 16px;
	line-height: 1.8em;
}


/*     block03     */
.block03 {
	min-width: 1100px;
}
.img_col {
	min-width: 1100px;
}
.block03 .img_col img {
	float: left;
}
.block03 .text_box {
	width: 550px;
	float: right;
}
.text_box dl {
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 30px;
}
.text_box dt {
	color: #fff;
	font-size: 19px;
	letter-spacing: 0.05em;
}
.text_box dd {
	width: 462px;
	color: #fff;
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}

.hexagon {
	width: 112px;
	min-width: 112px;
	float: left;
	position: relative;
	margin-right: 25px;
	margin-bottom: 25px;
	
}
.hexagon img {
	width: 100%;
}

.block03 dl {
	position: relative;
}
.block03 dt span {
float: left;
	color: #fff;
	line-height: 1.8em;
  margin-top: 21px;
	letter-spacing: 0.05em;
}
/*.block03 dd {
	margin-top: 123px;
}
*/
/*     block04     */
.block04 {
	min-width: 1100px;
}
.block04 dl {
	position: relative;
}
.block04 dt span {
float: left;
	color: #fff;
	line-height: 1.8em;
  margin-top: 21px;
	letter-spacing: 0.05em;
}
.block04 .hexagon .small {
	font-size: 9px;
	position: absolute;
	left: 19%;
	top: 61%;
}

.block04 .img_col img {
	float: right;
}
.block04 .text_box {
	width: 550px;
	float: left;
}



/*     block05     */
.block05 {
	min-width: 1100px;
	position: relative;
}
.block05 dl {
	position: relative;
	letter-spacing: 0.15em;
}
.block05 dt span {
float: left;
	color: #fff;
	line-height: 1.8em;
  margin-top: 32px;
}
.block05 .hexagon .small {
	font-size: 9px;
	position: absolute;
	left: 31%;
	top: 61%;
}
.block05 .text_box .bottom {
	width: 550px;
	position: absolute;
	bottom: 0;
}
.block05 .text_box .bottom img {
	width: 100%;
}

.block05 .big_img{
display: block;
float: left;
}

.block05 .text_box {
	width: 550px;
	float: right;
}


/*     block06     */
.block06 {
	min-width: 1100px;
	position: relative;
}
.block06 img{
	display: block;
	opacity: 0.6;
	width: 100%;
	min-width: 1100px;
}
.block06 dt {
	text-align: center;
	color: #fff;
	font-size: 28px;
	margin-bottom: 45px;
	position: absolute;
	left: 29%;
	top: 33%;
	letter-spacing: 0.1em;
}
.block06 dd {
	color: #fff;
	font-size: 17px;
	width: 555px;
	position: absolute;
	left: 26%;
	top: 44%;
	line-height: 1.9em;
	letter-spacing: 0.05em;
}


/*     block07     */
.block07 {
	min-width: 1100px;
	padding-top: 70px;
	padding-bottom: 53px;
	margin: 0 auto;
}
.block07 .col2 {
	width: 91%;
	margin: 0 auto;
}
.block07 dl {
	width: 42%;
	min-width: 462px;
	display: block;
	float: left;
	margin: 0;
	margin-bottom: 48px;
}
.block07 dl:last-of-type {
	float: right;
}
.block07 dt {
	color: #fff;
	margin-bottom: 40px;
	font-size: 19px;
	text-align: justify;
}
.block07 dd {
	color: #fff;
	line-height: 1.6em;
	font-size: 16px;
}


/*     block08     */
.block08 .pc {
	width: 1100px;
	text-align: center;
}
.block08 .pc img {
	width: 1000px;
	margin: 0 auto;
}
.block08 {
	padding-top: 70px;
	padding-bottom: 53px;
}
.block08 table,td {
	border: 1px #fff solid;
	border-collapse: collapse;
}
.block08 table {
	width: 1000px;
	margin: 0 auto;
}
table td {
	width: 333px;
	height: 257px;
	padding: 15px 10px;
	position: relative;
}
table img {
	width: 285px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 12%;
}
.figure1 {
	position: absolute;
	top: 30%;
}
.figure2 {
	position: absolute;
	top: 29%;
}
.figure3 {
	position: absolute;
	top: 25%;
}
.figure4 {
	position: absolute;
	top: 27%;
}
.figure5 {
	position: absolute;
	top: 28%;
}
.figure6 {
	position: absolute;
	top: 25%;
}

.circle dt {
	color: #78A3CB;
	font-size: 16.6px;
	margin-bottom: 12px;
}
.circle dd {
	color: #fff;
	font-size: 12px;
	line-height: 1.5em;
}
.circle img {
	width: 45px;
	float: left;
	position: absolute;
	top: 5%;
	left: 4%;
}
table dl {
	float: left;
	margin: 0;
	position: absolute;
	top: 5%;
	left: 20%;
	z-index: 100;
}

/*     block09     */
.block09 {
	min-width: 1100px;
}
.center {
	text-align: center;
  padding-bottom: 65px;
}
.center p {
	color: #fff;
}
.center p:first-of-type {
	font-size: 28px;
	margin-bottom: 25px;
	letter-spacing: 0.1em;
}
.center p:last-of-type {
	font-size: 17px;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}

.material {
	width: 1000px;
	margin: 0 auto;
  box-sizing: content-box;
}

.cubic {
width: 190px;
}

.scubic {
width: 101px;
}

.ecubic {
width: 102px;
}

.hcubic {
width: 108px;
}

.material dt {
	width: 1000px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 12px;
	font-size: 17px;
	letter-spacing: 0.3em;
}

.material dd {
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	margin-bottom: 16px;
}
.material .box {
	width: 250px;
	float: left;
}

.material .box img {
	width: 100%;
}

.material .box p {
	color: #fff;
	line-height: 1.4em;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 60px;
  width: 85%;
}

/*     block     */
.block {
	background-color: #C9CACE;
	text-align: center;
	padding-top: 43px;
	padding-bottom: 43px;
}
.block a {
	font-size: 21px;
	color: #000;
	position: relative;
  display: inline-block;
}
.contact {
	font-size: 17px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact::after {
	content: '>';
	color: #000;
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	right: -16%;
	top: -6%;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contact:hover {
	opacity: 0.6;
	
}



.pc_nav ul li a{
color: #fff;
font-size: 17px;
padding-bottom: 2px;
}

.pc_nav ul li:nth-of-type(3) a{
border-bottom: #fff solid 2px;
}

.pc_nav ul li:not(:first-child) a:hover{
border-bottom: #fff solid 2px;
}

.pc_nav ul li:first-of-type a{
border-bottom: none;
}

.pc_nav ul li:not(:first-child) a.g_link:hover{
border-bottom: none;
}


@media only screen and (max-width:640px){
.sp_img_box{
display: block;
}

.pc_img_box{
display: none;
}

.main_leed_wrp .text1{
display: none;
}
	
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

.m_img_wrp{
width: 100%;
height: auto;
position: relative;
}

.sp_text1{
display: block;
left: 50%;
    position: absolute;
    text-align: center;
    top: 52%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    z-index: 1;
    font-size: 20px;
    color: #fff;
}

.block01 {
    margin: 0 auto;
    min-width: inherit;
    width: 100%;
    margin-top: 49px;
}

.main_leed_wrp {
    left: inherit;
    position: inherit;
    text-align: center;
    top: inherit;
    transform:none;
    width: 90%;
    z-index: 1;
    margin: 0 auto;
    padding-top: 30px;
}

.top_image_wrp p {
    color: #fff;
    margin: 0 auto 30px;
    width: 100%;
    z-index: 1;
}



.text2 {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    text-align: left;
}

article {
    background-color: #000;
    width: 90%;
    margin: 0 auto;
}

.block02 {
    min-width: inherit;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

.col2 {
    margin: 0 auto;
    min-width: inherit;
    width: 100%;
}

.col2 img {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.col2 p {
    color: #fff;
    float: none;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    width: 100%;
    margin-top: 30px;
}

.text_box dt {
    font-size: 14px;
}

.block03 {
    min-width: inherit;
}

.img_col {
    min-width: inherit;
}

.img_col img {
    float: none;
    width: 100%;
}


.text_box dl {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    margin-bottom: 50px;
}

.hexagon {
    float: left;
    margin-bottom: 25px;
    margin-right: 20px;
    min-width: 112px;
    position: relative;
    width: 112px;
}

.block03 .text_box {
    float: none;
    width: 100%;
}


.block03 dt span {
    color: #fff;
    left: inherit;
    line-height: 1.6em;
    position: inherit;
    top: inherit;
    float: left;
    margin-top: -17px;
		font-size: 18px;
		margin-bottom: 15px;
}

.text_box dt {
    margin-bottom: 0px;
}

.text_box dd {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    width: 100%;
}

.block03 dd {
    margin-top: 0;
}

.block03 .img_col img {
    float: none;
    margin-bottom: 20px;
}

.block04 {
    min-width: inherit;
    width: 100%;
}

.block04 .text_box {
    float: none;
    width: 100%;
}

.block04 dt span {
    color: #fff;
    left: inherit;
    line-height: 1.6em;
    position: inherit;
    top: inherit;
    float: left;
    margin-top: -17px;
		font-size: 18px;
		margin-bottom: 15px;
}

.block04 dd {
    margin-top: 0;
}

.block05 {
    min-width: inherit;
    position: inherit;
}

.block05 .big_img {
    display: block;
    float: none;
    margin-bottom: 20px;
}

.block05 .text_box {
    float: none;
    width: 100%;
}

.block05 dt span {
    color: #fff;
    left: inherit;
    line-height: 1.6em;
    position: inherit;
    top: inherit;
    float: left;
    margin-top: -5px;
		font-size: 18px;
		margin-bottom: 15px;
}

.block05 .text_box .bottom {
    bottom: inherit;
    position: inherit;
    width: 100%;
}

.block04 .img_col img {
    float: none;
    margin-bottom: 20px;
}


.block06 {
    min-width: inherit;
    position: inherit;
}

.block06 img {
    display: block;
    min-width: inherit;
    opacity: 0.6;
    width: 100%;
}

.block06 dt {
    color: #fff;
    font-size: 17px;
    left: inherit;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    position: inherit;
    text-align: left;
    top: inherit;
    margin-top: 30px;
}

.block06 dd {
    color: #fff;
    font-size: 14px;
    left: inherit;
    letter-spacing: 0.05em;
    line-height: 1.6em;
    position: inherit;
    top: inherit;
    width: 100%;
}

.block07 {
    margin: 0 auto;
    min-width: inherit;
    padding-bottom: 0;
    padding-top: 70px;
}

.block07 .col2 {
    margin: 0 auto;
    width: 100%;
}

.block07 dl {
    display: block;
    float: none;
    margin: 0 0 63px;
    min-width: inherit;
    width: 100%;
}

.block07 dl:last-of-type {
    float: none;
}

.block07 dt {
    color: #fff;
    font-size: 17px;
    margin-bottom: 20px;
    text-align: left;
}

.block07 dd {
	font-size: 14px;
}

.block08 {
    padding-bottom: 53px;
    padding-top: 0;
}

.block08 table {
    margin: 0 auto;
    width: 100%;
}

table td {
    display: block;
    height: inherit;
    padding: 15px 10px;
    position: inherit;
    width: 100%;
}

table img {
    left: inherit;
    margin: 0 auto;
    position: inherit;
    text-align: center;
    width: 100%;
}

.circle img {
    float: left;
    left: inherit;
    position: inherit;
    top: inherit;
    width: 45px;
}

table dl {
    float: left;
    left: inherit;
    margin: 0;
    position: inherit;
    top: inherit;
    z-index: 100;
    width: 80%;
    margin-left: 10px;
}

.figure1 {
    position: inherit;
    top: inherit;
}

.figure2 {
    position: inherit;
    top: inherit;
}

.figure3 {
    position: inherit;
    top: inherit;
}

.figure4 {
    position: inherit;
    top: inherit;
}

.figure5 {
    position: inherit;
    top: inherit;
}

.figure6 {
    position: inherit;
    top: inherit;
}

.block09 {
    min-width: inherit;
    width: 100%;
}

.material {
    height: inherit;
    margin: 0 auto;
    padding-top: 0;
    width: 100%;
}

.material dt {
    border: 1px solid #fff;
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.3em;
    margin-bottom: 21px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align: center;
    width: 100%;
}

.material .box {
    float: none;
    padding-bottom: 55px;
    width: 100%;
}

.material .box p {
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 0;
    margin-top: 7px;
    width: 100%;
}

.material dd {
	font-size: 14px;
}

.center p:first-of-type {
    font-size: 24px;
    margin-bottom: 25px;
}

.center p:last-of-type {
    font-size: 14px;
    line-height: 1.6em;
    text-align: left;
    margin-bottom: 30px;
}

footer{
background-color: #fff;
}

}