@charset "UTF-8";

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

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

/*----------------------------------
  自治体・公共Week2025に出展しました
-----------------------------------*/
#publicweek25 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;
}
#publicweek25 img {
    width: 100%;
}
#publicweek25 .attn {
    font-size:max(14px, min(4.37vw,16px));
    font-size:clamp( 14px, 4.37vw, 16px);
    line-height: 1.6;
    margin: 0;
}
#publicweek25 .main-lr {
    display: inline-block;
    vertical-align: top;
}
#publicweek25 #main-lr-1l { width: 35%; margin-right: 1%; }
#publicweek25 #main-lr-1r { width: 63%; }
#publicweek25 #main-lr-2l { width: 59%; margin-right: 1%; }
#publicweek25 #main-lr-2r { width: 39%; }

#publicweek25 .video {
    padding-top: 56.25%;
    width: 100%;
    position:relative;
}
#publicweek25 .video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

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

@media screen and (max-width: 760px) {
	#publicweek25 .main {
		margin: 0 0 4em;
	}
}
@media screen and (max-width: 850px) {
	#publicweek25 #main-lr-1l { width: 100%; margin-right: 0; }
	#publicweek25 #main-lr-1r { width: 100%; margin-top: 2em; }
	#publicweek25 #main-lr-2l { width: 100%; margin-right: 0; }
	#publicweek25 #main-lr-2r { width: 100%; }
}

@media screen and (max-width: 560px) {
	#publicweek25 p {
		line-height: 1.6;
	}
	#publicweek25 .attn {
		line-height: 1.2;
	}
}