﻿
@media screen and (min-width: 1240px){


/* スマホ版非表示*/
#smpwrapper {
	display: none;
}



a{
    outline: none;
	color: #0033ff;
}
a:hover{
	text-decoration:none;
	color: #0033ff;
}
a:visited{
	text-decoration:none;
	color: #0033ff;
}



body {
	text-align: center;
	overflow: visible;
    font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
	width: 100%;
	z-index: 0;
	position: relative;
	background-color: #000000;
}
#pcwrapper {
	text-align: left;
}


.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}


#bg_tile {
	width: 100%;
	background-image: url(../images/bg_tile_03.png);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
}
#bg_white {
	width: 100%;
	background-image: url(../images/bg_white.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#con01 {
	width: 100%;
	background-image: url(../images/con01q.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#con01_a {
	width: 100%;
	background-image: url(../images/con01q_abc.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#con02 {
	width: 1240px;
	height: 735px;
	background-image: url(../images/con02.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#con02_a {
	width: 1240px;
	height: 735px;
	background-image: url(../images/con02_a.png);
	background-repeat: no-repeat;
	background-position: center top;
}


#kuro_head {
	width: 100%;
}
#kuro_head_02 {
	width: 100%;
	background-image: url(../images/bg_kuro_yoko_up.jpg);
	background-repeat: repeat-x;
	background-position: center top;
    z-index: 9999;
	height: 232px;
    position: fixed;
    top: 0px;
    left: 0px;
}
#kuro_head_02_a {
	width: 100%;
	background-image: url(../images/bg_kuro_ab_yoko_up.jpg);
	background-repeat: repeat-x;
	background-position: center top;
    z-index: 9999;
	height: 232px;
    position: fixed;
    top: 0px;
    left: 0px;
}
#kuro_foot {
	z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
	height: 232px;
	background-image: url(../images/bg_kuro_yoko_down.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#kuro_foot_a {
	z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
	height: 232px;
	background-image: url(../images/bg_kuro_ab_yoko_down.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}



#bg_kuro_yoko_up {
	width: 100%;
	background-image: url(../images/bg_kuro_yoko_up.jpg);
	background-repeat: repeat-x;
	background-position: center top;
    z-index: 9998;
}
#bg_kuro_yoko_up_a {
	width: 100%;
	background-image: url(../images/bg_kuro_ab_yoko_up.jpg);
	background-repeat: repeat-x;
	background-position: center top;
    z-index: 9998;
}
#kuro_tate_left {
	width: 100%;
	background-image: url(../images/bg_kuro_tate_left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#kuro_tate_left_a {
	width: 100%;
	background-image: url(../images/bg_kuro_ab_tate_left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#kuro_tate_right {
	width: 100%;
	background-image: url(../images/bg_kuro_tate_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#kuro_tate_right_a {
	width: 100%;
	background-image: url(../images/bg_kuro_ab_tate_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}



.kuro01 {
    float: left;
}
.kuro02 {
    float: right;
}
.kuro03 {
    float: left;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}
.kuro04 {
    float: right;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
}


#pad01 {
    padding-top: 1050px;
}
#pad02 {
    padding-bottom: 30px;
}
#pad03 {
    padding-top: 101px;
    padding-left: 168px;
}



.box1240 {
	margin: auto;
	width: 1240px;
}


#page-top {
	z-index: 9999;
    position: fixed;
    bottom: 170px;
    right: 170px;
    width: 50px;
	height: 50px;
}
.fixed {
	position: fixed;
	top: 0px;
}


/* ボタンのスタイル */
.button a {
	width: 450px;
	font-size: 170%;
	font-weight: 700;
    border: 2px solid #ffffff;
    text-align: center;
	color: #ffffff;
    background-color: #c9062c;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration: none;
}
/* マウスオーバー時のカラー */
.button a:hover {
	color: #c9062c;
    background-color: #ffffff;
	text-decoration: none;
} 


/* ボタンのスタイル */
.button02 a {
	width: 450px;
	font-size: 170%;
	font-weight: 700;
    border: 2px solid #ffffff;
    text-align: center;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	text-decoration: none;
}
/* マウスオーバー時のカラー */
.button02 a:hover {
	color: #c9062c;
    background-color: #ffffff;
	text-decoration: none;
} 





@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),

url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
} 






}