@charset “UTF-8”;

*{
  box-sizing:border-box;
}

body {
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}


.clearfix:after{
  content:"";
  display:block;
  clear:both;
}

a{
  text-decoration: none;
}
a:link {color:#000000;} /*未訪問のリンクの色*/
a:visited {color:#000000;} /*訪問済みのリンクの色*/
a:hover {color:#cccccc;} /*カーソルが乗っているリンクの色*/
a:active {color:#000000;} /*クリック中のリンクの色*/

img{
  max-width: 100%;
  height: auto;
}


main{
 width: 100%;
}

header{
  width: 100%;
  height: 70px;
  padding: 0 15px;
  background: #174a5c;
  position: fixed;
  top: 0;
  z-index: 15;/*一番上に表示させる設定　スライドショーよりも大きい数字で*/
}
.logo{
  line-height: 70px;
  float: left;
}
.logo a{
  font-weight: bold;
}

/*
.navigation{
  float: right;
  line-height: 70px;
}
.navigation a{
  float: left;
  padding-left: 15px;
}




#main_visual{
  width: 100%;
  margin-top: 70px;
}


#main_visual img{
  width: 100%;
  height: auto;
}

*/
#concept{
   width:100%;
   margin-top: 100px;
}


.wrapper2{
  width:100%;
 height: auto;
 margin: 0 auto;
 padding-top: 50px;
  text-align: center;
  padding-bottom: 1000px;
}


.wrapper{
  width:920px;
 height: auto;
 margin: 0 auto;
 padding-top: 50px;
  text-align: center;
  padding-bottom: 3200px;
}

.inner{
  width: 50%;
  float:left;
/*margin: 0 auto; */
}

.inner img:hover{
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	
}

.inner2{
  width: 100%;
  float:left;
  padding-bottom: 10px;
}


.inner3{
  width: 100%;
  float:left;
 padding-top: 10px;
}

/*.inner3 img:hover{
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
	
}*/
img{
  max-width: 100%;
  height: auto;
}


/* ------------フッター---------------- */

footer{
    position:fixed;/*←固定*/
    bottom: 0; /*下に固定*/ 
    width: 100%;
    height: 50px;
    background:#174a5c;
    color: #ffffff;
    overflow: hidden;
}


.footer_copy{
   width: 100%;
   position: absolute; 
   bottom: 0;
}


/* ------------スマホ対応---------------- */


@media screen and (max-width: 768px) {
/*
.navigation{
 display: none;
}
.navigation a{
 display: none;
}
*/

main{
 width: 100%;
}

header{
  width: 100%;
  height: 70px;
  padding: 0 15px;
  background: #174a5c;
  position: fixed;
  top: 0;
  z-index: 15;/*一番上に表示させる設定　スライドショーよりも大きい数字で*/
}

.logo{
 display: none;
}
.wrapper{
  width: 100%;
/*  padding-bottom: 500px;*/
 }
.wrapper2{
  width: 100%;
/*  padding-bottom: 500px;*/
 }

.inner{
  width: 100%;
  float:left;
}

.inner2{
  width: 100%;
  float:left;
  padding-bottom: 10px;
}

.inner3{
  width: 50%;
  float:left;
   padding: 2px;
}
footer{
    position:fixed;/*←固定*/
    bottom: 0; /*下に固定*/ 
    width: 100%;
    height: 50px;
    background:#174a5c;
    color: #ffffff;
    overflow: hidden;
}
.footer_copy{
   width:100%;
   position: absolute; 
   bottom: 0;
}
/* ------------ipad横---------------- */


@media screen and (min-width:767.1px) and (max-width:768px) {
/*
.navigation{
 display: none;
}
.navigation a{
 display: none;
}
*/
.wrapper{
  width: 100%;
    padding-bottom: 500px;
 }

.inner{
  width: 50%;
  float:left;
}

.inner2{
  width: 100%;
  float:left;
  padding-bottom: 10px;
}

.inner3{
  width: 100%;
  float:left;
}
footer{
    position:fixed;/*←固定*/
    bottom: 0; /*下に固定*/ 
    width: 100%;
    height: 50px;
    background:#174a5c;
    color: #ffffff;
    overflow: hidden;
}

.footer_copy{
   width: 100%;
   position: absolute; 
   bottom: 0;
}