@charset "utf-8";

@font-face {
	font-family: "notosansjp";
	src: url(font/NotoSansJP-ExtraBold.ttf) ;
}

@font-face {
  font-family: 'round';
  src: url('newfont/round.woff2') format('woff2');
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/

/*========= レイアウトのためのCSS ===============*/

p{
  margin-top : 15px;  
}

small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}


section{
  padding:30px;
}

section:nth-child(2n){
  background:#f3f3f3; 
}

.bgwave {
    background-image: url(wave2.png); /　div CLASSでかっこの中を画像URLにすると背景にできる HDDの写真
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}

.bgp {
    background-image: url(harddisk8.png); /　div CLASSでかっこの中を画像URLにすると背景にできる HDDの写真
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}

.bgp5 {
    background-image: url(pcset.jpg); /　div CLASSでかっこの中を画像URLにすると背景にできる HDDの写真
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}

.bghdd {
    background-image: url(hddhaikei.png); /　div CLASSでかっこの中を画像URLにすると背景にできる HDDの写真
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}

.bgssd {
    background-image: url(ssdu.jpeg); /　div CLASSでかっこの中を画像URLにすると背景にできる HDDの写真
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}


.fontoz2 {
	font-family: 'Shippori Mincho', serif;
font-size: 40px;

}

.notosan {
	font-family: 'Noto Serif JP', serif;
font-size: 17px;
text-shadow: 1px 1px 2px #808080;
}

.fontokaisei {
	font-family: 'Kaisei Tokumin', serif;
font-size: 17px;
text-shadow: 1px 1px 2px #808080;
}

.fontos {
	font-family: 'Kaisei Tokumin', serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Shippori Mincho', serif;
font-size: 17px;
text-shadow: 1px 1px 2px #808080;
}

.fontoz {
	font-family: 'Shippori Mincho', serif;
font-size: 17px;
text-shadow: 2px 2px 2px white;
}


.fontvs {
	font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 17px;
	font-weight : 500;
	font-color: rgb(14, 14, 14);
    padding-left: 10%;
    padding-right: 10%;
}


.fontvs2 {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 23px;
font-weight : 800;
	color:#233237;
letter-spacing: -2px;
    padding-left: 10%;
    padding-right: 10%;
}

.fontvs3 {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 60px;
font-weight : 800;
	color:#0fafaa;
letter-spacing: -5px;
    padding-left: 5%;
    padding-right: 5%;
}

.fontvs3 span {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 40px;
font-weight : 800;
	color:#0fafaa;
letter-spacing: -5px;
}

.fontvs5 {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 60px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -5px;
	padding-left: 5%;
	padding-right: 5%;
}

.fontvs5 span {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 40px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -5px;
}

.fontvs5 span.xs {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 36px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -5px;
}

.fontvs5 h1{
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 36px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -5px;
}

@media only screen and (max-width: 700px){
.fontvs2 {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 15px;
font-weight : 800;
	color:#233237;
letter-spacing: -1px;
}

.fontvs3 {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 28px;
font-weight : 800;
	color:#0fafaa;
letter-spacing: -1px;
    padding-left: 5%;
    padding-right: 5%;
}

.fontvs3 span {
	font-family: 'notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 20px;
font-weight : 800;
	color:#0fafaa;
letter-spacing: -1px;
}

.fontvs5 {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 23px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -1px;
	padding-left: 5%;
	padding-right: 5%;
}

.fontvs5 span {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 13px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -1px;
}

.fontvs5 span.xs {
	font-family: 'round','notosansjp','Noto Sans JP','YuGothic','游ゴシック', 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
	font-size: 19px;
	font-weight: 800;
	color: #00a23f;
	letter-spacing: -1px;
}

}