/* =============================================

	共通のスタイル

============================================= */

/*　　動画　　*/
.maindesign .movie_contents{
	margin:0 10px;
}

.maindesign .frames {
  width: 100%;
  max-width: 1200px;
  margin: 2em auto;
}

.maindesign .videos {
  width: 100%;
  height: 100%;
}

.maindesign .video_img{
    margin: 40px 0;
}

/*　　レスポンシブ表示切替　　*/
.maindesign .sp-only{
	display: none;
}
.maindesign .pc-only{
		display: block;
	}
@media screen and (max-width: 767px){
	.maindesign .sp-only{
		display: block;
	}
	.maindesign .pc-only{
		display: none;
	}
}

.maindesign .maindesignBnrArea{
 margin:40px 0;    
}

.webfont {
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.maindesign .pdfcols{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
    .maindesign .pdfcols img{
    max-width: 595px;
    width: calc(50% - 5px);
        margin: 0 10px 40px 0;
}
.maindesign .pdfcols img:nth-child(2n){
        margin: 0 0 40px 0;
}
    @media screen and (max-width:767px) {
    .maindesign .pdfcols img{
    width: 100%;
        margin:0 auto 40px auto;
}
        .maindesign .pdfcols img:nth-child(2n) {
    margin:0 auto 40px auto;
}
    }

.maindesign .exp{
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    background: #333;
    color: #fff;
    padding: 10px 0 40px;
    margin: 40px 0;
    line-height: 1.2;
}

.maindesign .exp::after{
    content: '';
    height: 0;
    width: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: -40px;
    position: absolute;
    border-top: 15px solid #fff;
    border-left: 20px solid #0000;
    border-right: 20px solid transparent;
    border-bottom: 30px solid transparent;
}