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





/*パソコンで見たときpcの画像表示*/
.pc{min-height: 860px;
	margin-top:-200px;
	width: 100%;
	background-repeat: no-repeat;
display: block !important;}
.sp{min-height: 860px;
	margin-top:-200px;
	background-repeat: no-repeat;
	display: none !important;}
/*スマホで見たときはspの画像表示*/
@media only screen and (max-width: 750px){
	.pc{min-height: 860px;
	margin-top:-250px;
	background-repeat: no-repeat;
display: none !important;}
.sp{min-height: 860px;
	margin-top:-250px;
	background-repeat: no-repeat;
	display: block !important;}
}



.hatena{text-align: center;
	}

.hatena-text2{
text-align: center;}

.hatena-text{margin-right: 30px;}
.fixed-bg {
  min-height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
 

/*レスポンシブで写真表示の内容を変える*/
.pc1{width: 100%;
	background-repeat: no-repeat;
display: block !important;}
.sp1{
	background-repeat: no-repeat;
	display: none !important;}
/*スマホで見たときはspの画像表示*/
@media only screen and (max-width: 750px){
	.pc1{
	background-repeat: no-repeat;
display: none !important;}
.sp1{
	background-repeat: no-repeat;
	display: block !important;}
}
/*画像の横に文字*/
.img-float-left{margin-left: 40px;
	float: left;
}

/*テキスト中央よせ*/
.text-center{text-align: center;}

.text-zenmen{text-align: left; margin-left:40px;
margin-right:40px;}

/*背景写真１*/
.bg01 {
  background-image: url("../images/bg-img-1.jpg");
}
 
/*背景写真２*/
.bg02 {
  background-image: url("../images/bg-img-blue.jpg");
}

/*レスポンシブで写真表示の内容を変える*/
.pc2{text-align: center;
	background-repeat: no-repeat;
display: block !important;}
.sp1{
	background-repeat: no-repeat;
	display: none !important;}
/*スマホで見たときはspの画像表示*/
@media only screen and (max-width: 750px){
	.pc2{
	background-repeat: no-repeat;
display: none !important;}
.sp1{
	background-repeat: no-repeat;
	display: block !important;}
}

/*boxの中に文字を入れる*/
.box {
    padding: 2em 1em;
    margin: 1em 0;
    color: #030303;
    background: #F8F8F8;/*背景色*/
	margin-left: 30px;
	margin-right:30px;
}
.box h5 {
    margin: 0; 
    padding: 0;
}

/*ボタンの色を変える*/
a img {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/*アイコンを並べる*/
.icon li {
  display: inline-block;
}