@charset "UTF-8";

/*--------------------------------
  画面幅による制御について
    PC :851px～（表示幅を制限する場合は1280px）
    SP :mobile :～850px（最小サイズは320px）
        mobile/tabletを分ける場合は560px/561px
---------------------------------*/

.wrapper1 {
    max-width: 1280px;
    margin: 0 auto;
    color: #333333;
}

/*----------------------------------
  シーリングファン開発インタビュー
-----------------------------------*/
#ceilingfan25 h1 {
    margin: 1em 0 0 0;
    font-size:max(24px, min(7.5vw,32px));
    font-size:clamp( 24px, 7.5vw, 32px);
    font-weight: bold;
    color: #0F85D2;
}
#ceilingfan25 .top {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
#ceilingfan25 .top p {
    font-size:max(17px, min(5.32vw,22px));
    font-size:clamp( 17px, 5.32vw, 22px);
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 3em 0;
    text-align: center;
}
#ceilingfan25 h2 {
    margin: 1em 0;
    font-size:max(24px, min(7.5vw,30px));
    font-size:clamp( 24px, 7.5vw, 30px);
    font-weight: bold;
    color: #1B9549;
}
#ceilingfan25 h3 {
    margin: 1.2em 0 1em;
    font-size:max(18px, min(5.63vw,22px));
    font-size:clamp( 18px, 5.63vw, 22px);
    font-weight: bold;
    color: #0070C0;
}
#ceilingfan25 p {
    font-size:max(16px, min(5vw,20px));
    font-size:clamp( 16px, 5vw, 20px);
    font-weight: 500;
    line-height: 2;
    margin: 0 0 0.8em 0;
}
#ceilingfan25 .attn {
    font-size:max(9px, min(2.85vw,16px));
    font-size:clamp( 9px, 2.85vw, 16px);
    line-height: 1.2;
    margin: 0;
}
#ceilingfan25  .video {
    padding-top: 56.25%;
    width: 100%;
    position:relative;
}
#ceilingfan25  .video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

#ceilingfan25 .main {
	margin: 0 0.6em 4em;
}

@media screen and (max-width: 1366px) {
	#ceilingfan25 .top {
	    max-width: 960px;
	}
}
@media screen and (max-width: 760px) {
	#ceilingfan25 .main {
		margin: 0 0 4em;
	}
}
@media screen and (max-width: 560px) {
	#ceilingfan25 p {
		line-height: 1.6;
	}
}

/*----------------------------------
  デバイスで表示有無を制御
-----------------------------------*/
@media screen and (min-width: 851px) {
	.isSP { display:none; }
}
@media screen and (max-width: 850px) {
	.isPC { display:none; }
}

@media screen and (min-width: 561px) {
	.isMobile { display:none; }
}
@media screen and (max-width: 560px) {
	.notMobile { display:none; }
}

@media print {
	.isSP { display:none; }
	.only-screen { display:none; }
	.isMobile { display:none; }
}