@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald');
.koujityuu {
	background-image: url(../images/under-construction.jpg);
	width: 960px;
	background-position: center top;
	background-repeat: no-repeat;
	padding-bottom: 1000px;
	padding-top: 190px;
}
*{font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    padding: 0;
}
body {
	color:#FFF;
	position: relative;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	bottom: 0px;
	text-decoration: none;
}
h1{
	font-size: 22pt;
	margin:0;
	padding:0;
	font-weight: 500;
	color: #f08336;
}

#infoMenu li a {
	color: #fff;
}
.eibun{
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 9px;
}
.moji_po {
	position:relative;
}
.posi_bo {
	text-align: center;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
}
.table_ka {
	font-size: 13px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: left;
}


.sec_photo {
	bottom: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: auto;
}

.inwor01 a {
	width: 314px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_01.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor01 a:hover {
    background-position: 0 -328px;
}
.inwor02 a {
	width: 334px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_02.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor02 a:hover {
    background-position: 0 -328px;
}
.inwor03 a {
	width: 311px;
	height: 328px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/index_works_03.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.inwor03 a:hover {
    background-position: 0 -328px;
}

.index_workstable {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.inwor_font {
	font-size: 13pt;
	font-weight: lighter;
	letter-spacing: 1pt;
}
.index_workstablefon {
	font-size: 10px;
	margin-top: 15px;
	letter-spacing: 1pt;
}
.bnr4 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/mailto_02.png);
	background-repeat: no-repeat;
}
 
.bnr4 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr4 a:hover img {
  opacity: 0;
}
#footer {
	z-index: 2;
	background-color:#f08336;
	margin-bottom:0;
	text-align: center;
	font-size: 10pt;
	position:absolute;
	bottom:0;
}
#footer2 {
	z-index: 2;
	background-color:#fff;
	background-repeat: repeat-x;
	margin-top: 40px;
	min-height: 28%;
	bottom: 0px;
	text-align: center;
}

#fullpage #section4 .intro #footer #fotrogo {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	padding-top: 60px;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 11px;
	margin-top: 10px;
}
#fullpage #section4 .intro #footer #footunder {
	color: #FFF;
	text-align: left;
	font-size: 12px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#fullpage #section4 .intro #footer #footunder_2 {
	color: #FFF;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 5px;
}
.bnr a {
  display: inline-block;
  background: url(../images/index_works_fa02_01.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr a:hover img {
  opacity: 0;
}


.bnr2 a {
  display: inline-block;
  background: url(../images/index_works_fa02_02.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr2 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr2 a:hover img {
  opacity: 0;
}


.bnr3 a {
  display: inline-block;
  background: url(../images/index_works_fa02_03.jpg)  no-repeat;
  background-size: cover;
}
 
.bnr3 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.bnr3 a:hover img {
  opacity: 0;
}
#fullpage #section0 p {
	padding-top: 100px;
}

/*	test	*/
#triungle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 13.0px;
	border-color: transparent transparent transparent #000000;

}
ul.triStyle li {
	margin-left: 1.8em;
	list-style-type: none;
}

ul.triStyle li:before{
    content: ' ';
    border: transparent solid 0.3em;
    border-left-color: #000000;
    position: absolute;
    height: 0;
    width: 0;
    left: 1em;
    margin: 0px;
    margin-top: 0.4em;
    padding: 0px;
}
#fullpage #section0 .rss_area .triStyle li {
	clear:both;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #ddd;
  z-index: 1;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #333;
	z-index: 2;
}
li {
	list-style-type: none;
}
img {
   max-width: 100%;
   border:0;
}
#menubar {
	position:fixed;
	background-color:#000;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	height: 120px;
	z-index: 99;
	text-align: center;
	top: 0px;
	vertical-align: middle;
}
.menu00 {
	float:left;
}
.menu01 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu1.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu01 a:hover {
	background-position: 0 -30px;
}
.menu02 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu2.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu02 a:hover {
    background-position: 0 -30px;
}
.menu03 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu3.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu03 a:hover {
    background-position: 0 -30px;
}
.menu04 a {
	width: 136px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu4.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu04 a:hover {
    background-position: 0 -30px;
}
.menu05 a {
	width: 177px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/menu5.png);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.menu05 a:hover {
    background-position: 0 -30px;
}

#navi {
	display: block;
	list-style-type: none;
	text-align: center;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
#topmiddle {
	vertical-align: middle;
	display: table;
	text-align: center;
	margin: auto;
	padding-top: 270px;
	padding-bottom: 200px;
}
.text01 {
	font-size: 11px;
	font-weight: normal;
	margin-top: 20px;
	position: relative;
	margin-bottom: 10px;
}
.text02 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
}
.text03 {
	font-size: 10px;
	font-weight: normal;
	margin-top: 20px;
}

.footmenu01 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu01.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu01 a:hover {
	background-position: 0 -20px;
}
.footmenu02 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu02.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu02 a:hover {
    background-position: 0 -20px;
}
.footmenu03 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu03.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu03 a:hover {
    background-position: 0 -20px;
}
.footmenu04 a {
	width: 144px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu04.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu04 a:hover {
    background-position: 0 -20px;
}
.footmenu05 a {
	width: 145px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/footmenu05.png);
	background-repeat: no-repeat;
	float:left;
	margin-top: 15px;
}

.footmenu05 a:hover {
    background-position: 0 -20px;
}
#tabbtn {
	display: block;
	list-style-type: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	margin-bottom: 30px;
}
.fm01 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_01.gif);
	background-repeat: no-repeat;
}
 
.fm01 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm01 a:hover img {
  opacity: 0;
}

.fm02 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_02.gif);
	background-repeat: no-repeat;
}
 
.fm02 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm02 a:hover img {
  opacity: 0;
}

.fm03 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_03.gif);
	background-repeat: no-repeat;
}
 
.fm03 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm03 a:hover img {
  opacity: 0;
}

.fm04 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_04.gif);
	background-repeat: no-repeat;
}
 
.fm04 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm04 a:hover img {
  opacity: 0;
}
.fm05 a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/fotm_05.gif);
	background-repeat: no-repeat;
}
 
.fm05 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.fm05 a:hover img {
  opacity: 0;
}
.fm06 a {
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
}
.fm06 a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
#fullpage #section4 .intro #footer #copy {	
	font-size: 10pt;
	color: #FFF;
	margin-top: 35px;
	padding-bottom: 30px;
}

.page-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10;
}
.page-top a {
	display: inline-block;
	background-size: cover;
	background-image: url(../images/firstpagelink02.png);
	background-repeat: no-repeat;
}
 
.page-top a img {
  vertical-align: middle;
  transition: opacity 0.3s;
}
 
.page-top a:hover img {
  opacity: 0;
}

.shadow {
    margin-top: 5px;
    display: inline-block; 
    box-shadow: 0px 3px 10px -3px rgba(0, 0, 0, 0.8);
}


#pageTop {

  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10
}

 

#pageTop a {
  display: block;
  z-index: 10;
  width: 79px;
  height: 88px;
}

#pageTop a:hover {
  opacity: 0.5;
}
#fullpage #section2 .intro h1 a {
	text-decoration: none;
	color:#666;
}
#page-top {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 10;
}
#page-top a {
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;/*変化の仕方*/
}
#page-top a:hover {
	opacity:0.6;
}

#section0 {
	background-repeat: repeat-x;
	background-position:bottom;
	text-align:center;
	position: relative;
	margin:auto;
}
.seclink {
  display:inline-block;
  vertical-align: middle;
}
.seclinkbox {
  display: inline;
  vertical-align: middle;
}
.nav {
	display: table;
	width: 960px;
	margin:auto;
	padding-top: 5px;
}
.nav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.nav__item + .nav__item {
	padding:10px;
}
.nav__item a {
	display: block;
	padding: 15px 0;
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight:600;
	line-height: 18px;
}
.nav__item a:hover {
	color:#F00;
}
#section1{
	background-image: url(../images/top_03.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section2{
	background-image: url(../images/top_04.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section3{
	background-image: url(../images/top_05.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section4{
	background-image: url(../images/top_06.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
}
#section5{
	background-image: url(../images/top_07.jpg);
	background-position:center;
	background-size: cover;
	background-repeat:no-repeat;
	position:relative;
}
.intro {
	margin: auto;
	width: 860px;
	text-align: left;
	color: #FFF;
	padding-top: 120px;
}
.sec_six{
	margin: auto;
	width: 860px;
	text-align: left;
	color: #fff;
	display: flex;
	flex-wrap:wrap;
}
.sec_six > div{width: 100%; margin-bottom: 40px;}
.introsec5 {
	margin: auto;
	width: 860px;
	text-align: left;
	color: #FFF;
	padding-top: 200px;
}
.intro2 {
	margin: auto;
	text-align: left;
	color: #FFF;
	padding-top: 120px;
}
.sec01midashi {
	color: #f08336;
	font-size: 30pt;
}
h1{
	font-size: 22pt;
	margin:0;
	padding:0;
	font-weight: 600;
	color: #f08336;
}
h2{
	font-size: 1.2vw;
	margin:0;
	padding:0;
	font-weight:300;
	color: #fff;
	line-height:1.6em;
	
}
@media (min-width: 1340px) {
    h2{ font-size:12pt;}
  }

#otoiawase02{
	color:#f08336;
	font-family: 'Hammersmith One', sans-serif;
	font-size: 28pt;
}
#fullpage #section1 .intro h1 {
	margin-top: 28px;
}
.otoiawase01 {
	color: #FFF;
	font-family: 'Hammersmith One', sans-serif;
	font-weight:300;
	font-size: 10pt;
}
#fullpage #section2 .intro table {
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 60px;
	letter-spacing: 1.2pt;
}#fullpage #section2 .intro table tr th {
	font-size: 20px;
	font-weight: 300;
	padding-bottom: 10px;
}
#fullpage #section2 .intro table tr th img {
	margin:0 5px -3px 0;
}
#fullpage #section2 .intro table tr td {
	vertical-align: top;
	line-height:25px;
}
.sec2_table {
	line-height:26px;
}
.sec2_table a {
	text-decoration:underline;
}
#fullpage #section3 .intro table {
	width: 100%;
}
#width {
	width: 860px;
	margin: auto;
}
#secover {
	margin: auto;
	text-align: center;
	width: 80%;
}
.sec03tmidashi {
	font-weight: 600;
	color: #f08336;
	text-align: center;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
}
.sec03tmidashi2 {
	font-weight: 600;
	color: #f08336;
	text-align: center;
	margin-bottom: 5px;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
}
#fullpage #section3 .intro2 #secover tr td img {
	margin: auto;
}
#fullpage #section3 .intro2 #secover tr th img {
	margin: auto;
}
#fullpage #section3 .intro2 #secover tr th {
	width: 20%;
}
#fullpage #section3 .intro2 #secover tr td {
	width: 185px;
	margin: auto;
}
#fullpage #section3 .intro2 #secover .sec03t #sec03img img {
	margin-left: 40px;
}
#fullpage #section3 .intro2 #secover tr th img {
	margin-right: 40px;
}
#fullpage #section3 .intro2 #secover tr td {
	width: 20%;
}
.sec03tunder {
	font-weight: 300;
	color: #fff;
	text-align: left;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	font-size: 0.8em;
	line-height:1.2em;
}
.sec03tunder2 {
	font-weight: 300;
	color: #fff;
	text-align: left;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.8em;
	padding-bottom:12px;
}
#fullpage #section5 div .intro div span img {
	margin-right: 40px;
}
#fullpage #section2 .intro table tr .sec2_table a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom:1px;
}
#hoverlink01 {
	width:410px;
	height:100px;
	display: inline-block;
	text-indent: -9999;
	background-image: url(../images/sec01menu01.jpg);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink01:hover { background-position: 0 -100px;}
#hoverlink02 {
	width:410px;
	height:100px;
	display: inline-block;
	text-indent: -9999;
	background-image: url(../images/sec01menu02.jpg);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink02:hover { background-position: 0 -100px;}
.otoiawase03 {
	width:440px;
	height:50px;
	display: inline-block;
	text-indent: -9999;
	background-image: url(../images/otoiawase.png);
	background-repeat:no-repeat;
	margin: auto;
}
.otoiawase03:hover { background-position: 0 -50px;}

#hoverlink03 {
	width:410px;
	height:220px;
	display: block;
	text-indent: -9999;
	background-image: url(../images/glare.png);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink03:hover { background-position: 0 -220px;}
#hoverlink04 {
	width:410px;
	height:220px;
	display: block;
	text-indent: -9999;
	background-image: url(../images/keskin.png);
	background-repeat:no-repeat;
	float: left;
}
#hoverlink04:hover { background-position: 0 -220px;}
#footer #fotrogo {
	padding-top: 50px;
	margin-bottom: 30px;
}
.introsec5 .sec5 a img {
	margin:100px auto auto;
	width:410px;
	height:221px;
	background-image: url(../images/glare_off.png);
}
.introsec5 .sec5 a img:hover {
	background-image: url(../images/glare_on.png);
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-betweem;
	    -ms-flex-pack: space-betweem;
	        justify-content: space-betweem;
}
.topmenu {
	margin:auto;
	width:860px;
	margin-top:70px;
}
.topmenu.flex div img {
	margin-right:12px;
}
.open{ display:none;}
.topmenu.flex div a:hover{ display:block;}
.imgbox1,.imgbox2,.imgbox3 {width:275px; height:92px;}
.imgbox1{ background-image:url(../images/tubemenu01_off.gif);}
.imgbox1:hover{ background-image:url(../images/tubemenu01_on.gif);}
.imgbox2{ background-image:url(../images/tubemenu02_off.gif);}
.imgbox2:hover{ background-image:url(../images/tubemenu02_on.gif);}
.imgbox3{ background-image:url(../images/tubemenu04_off.gif);}
.imgbox3:hover{ background-image:url(../images/tubemenu04_on.gif);}
.imgbox4{ background-image:url(../images/tubemenu04_off.gif);}
.imgbox4:hover{ background-image:url(../images/tubemenu04_on.gif);}
.topmenu.flex a .imgbox1,.topmenu.flex a .imgbox2,.topmenu.flex a .imgbox3 {
	margin-left:12px;
}
#secover tr th{
	width:185px;
	height:250px;
	overflow:hidden;
}
#secover tr th img {
	-webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
#secover tr th img:hover {-webkit-transform: scale(1.2);
  transform: scale(1.2);}
  
/*==============================================================================*/
.rentaimgtop {
	margin-top:-10px;
	width:100%;
	overflow:hidden;
	background:#000;
	background-image:url(../images/rental_top.png);
	background-position:center;
	background-repeat:no-repeat;
}

.naitocoimgtop {
	margin-top:-10px;
	width:100%;
	overflow:hidden;
	background-image:url(../images/naitocoimgfake.jpg);
	background-position:center;
}
.rentaimgtop #topimg,.naitocoimgtop #topimg {
	width:100%;
	height:400px
}
.basew {
	width:860px;
	margin:auto;
}
.basew .rentabox {
	text-align:center;
	margin: 30px auto 10px;
	width:100%;
	background-color:#49BCBD;
}
.basew .naitocobox {
	text-align:center;
	margin: 30px auto;
	width:100%;
	background-color:#E0E1E1;
}
.basew .rentabox img{padding:25px 0 20px;}
.basew .naitocobox img {
	padding:10px 0 5px;
}
.flexbox{
  display:-webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:0;
}
/*=====================modal============================*/
.container{
	padding:0 0 10px 3px;
	-o-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -webkit-display: flex;
	display: flex;
	justify-content: space-between;
}
.lock{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto}
.modal-content{position:relative;display:none;width:50%;margin:30px;padding:10px 20px;background:rgba(0,0,0,0)}.modal-overlay,.modal-wrap{display:none;position:fixed;top:0;left:0;width:100%}.modal-content p{margin:0;padding:0}.modal-overlay{z-index:99;height:120%;background-color:rgba(0,0,0,.5)}.modal-wrap{z-index:107;height:100%;overflow:auto}
.justbox {
	margin:auto;
	text-align: center;
	width: 86%;
}
.flexrenta{display: -webkit-flex;display: flex;}
.justsa{justify-content: space-around;}
.justse{justify-content: center;}
.justsb{justify-content:space-between;}
.flexwrap{ flex-wrap:wrap;}
.flexbox.justbox.justse div:not(:first-child){ padding-left:3%;}
.accessimg{
	display: flex;
	margin: 40px auto auto;
	width: 100%;
	max-width: 860px;
}
.accessimg > div{
	border: solid 0px #fff;
	margin-right: 10px;
	padding: 0;
}
.accessimg > div:last-child{
	margin-right: 0;
}
.flexbox.justbox.justse .pache{width:25%!important; }
.flexbox.justbox.justse .pache div:first-child{width: 185px; height: 250px; overflow: hidden; margin-bottom: 10px;}
.flexbox.justbox.justse .pache div:first-child a:hover img{transform:scale(1.1);transition: all 0.3s;}
.accessimg > div{width: 164px; height: 109px; overflow: hidden;}
.accessimg > div > a:hover img{transform:scale(1.1);transition: all 0.3s;}
.abso01 img{ width:100%;}
.abso01{  bottom:0px!important; position:fixed; z-index:3; width:180px; margin-bottom:-10px; right:20px;}
.abso01 a:hover{opacity: 1!important;}
@media screen and ( min-width: 925px ) { .sp{ display:none;}}
@media screen and ( max-width: 924px ) { .pc{ display:none;}}