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

.maindesign h1 img{
	width:100%;
}

.maindesign h1 span{
	color: #fff;
    text-shadow: 1px 1px 2px rgb(10 10 10 / 70%);
    text-align: center;
    font-weight: bold;
    font-size: 70px;
    margin-left: 0;
    padding-top: 0;
    line-height: 1.0;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 60px;
}
.maindesign h1 span .s_title{
	font-size:0.6em;
}
.maindesign .fsMedium {
    font-size: 1.0em;
    padding: 0.75em;
}
.maindesign .h2comment{
	line-height:1.3;
}
.maindesign .listHead34{
	font-size: 1.2em;
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: rgb(51, 51, 51);
    font-weight: bold;
    margin: 10px 0;
}
/*.maindesign .listHead34::before{
	content:"■";
	padding-right: 5px;
}*/
.maindesign .links li a{
	height:100%;
}
.maindesign .under{
	margin-bottom:50px;
}

.maindesign .look_for{
	border:1px solid #ccc;
	margin-bottom:30px;
	padding:10px;
}
.maindesign .look_for .look_title{
	width:calc(100% - 150px)
}
.maindesign .look_for .look_img{
	width:150px;
}
.maindesign .look_for h3{
	padding-bottom:5px;
	border-bottom:1px solid #172787;
	color:#172787;
}
.maindesign .look_for h4{
	margin:10px 0;
	font-size:1.1em;
	font-weight:bold;
}
.maindesign .look_for .cover-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.maindesign .flex{
	display:flex;
	flex-wrap:wrap;
}
.maindesign .type{
	width:calc(50% - 5px);
	margin-right:10px;
	margin-bottom: 40px;
	position:relative;
	padding-bottom:3em;
}
.maindesign .type:nth-child(2n){
	margin-right:0;
}
.maindesign .type:nth-last-child(1){
	margin-bottom: 10px;
}
.maindesign .type:nth-last-child(2){
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
.maindesign .type:nth-last-child(2){
	margin-bottom: 40px;
}
}
.maindesign .type .h3comment{
	line-height:1.2;
	margin:0 0 10px 0;
}


	.maindesign p.subTxt{
		margin-bottom: 15px
	}
	.maindesign h2.headingMiddle::after {
/*
    border-bottom: solid 3px #0E4A28;*/

}
				.maindesign .flexList{
		display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
  -webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
		
	}
				.maindesign .flexList li{

	

	}
	.maindesign .flexList li a{
		width: 100%
	}
		.maindesign .flexList.bnrList a{
		width: 48%
	}
	.maindesign .flexList.colorList div{
		width: 18%
	}
	.maindesign .flexList img{

	}
	.maindesign .fsMedium {
   
    padding: 0.75em 0;
}
	
.maindesign .img {
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;
}

.maindesign .img li {
	float:left;
	margin:0;
	padding:0;
	border:0;
	margin-bottom:10px;
	position:relative;
	width:100%;
}
.maindesign a:hover img, 
a:active img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:alpha( opacity=50);
	background-color: #F00;
}
.maindesign .question{
	color:#3399FF;
	font-weight:bold;
	font-size:0.8em;
}
.maindesign .answer{
	color:#FF0033;
	font-weight:bold;
}
.maindesign dl.faq{
	line-height:1.6em;
}
.maindesign dl.faq dt{
	margin-bottom:8px;
	padding:8px 8px 4px;
	font-weight:bold;
	font-size:1.2em;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#f3f3f3;
}
.maindesign dl.faq dd{
	margin-top:10px;
	margin-bottom:18px;
	margin-left:8px;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.maindesign dl.faq .stg{
	font-weight:bold;
	border-bottom:solid 1px #333;
}
.maindesign dl.faq a{
	padding-left:0;
}






@media screen and (max-width: 767px){

.maindesign h1 span {
    font-size: 8vw;
    left: 3vw;
}
.maindesign .look_for{
	border:1px solid #ccc;
	margin-bottom:30px;
	padding:10px;
}
.maindesign .look_for .look_title{
	width:100%;
}
.maindesign .look_for .look_img{
	width:100%;
	max-width:300px;
	margin:auto;
}
.maindesign .look_for h3{
	padding-bottom:5px;
	border-bottom:1px solid #172787;
	color:#172787;
}
.maindesign .look_for h4{
	margin:10px 0;
	font-size:1.1em;
	font-weight:bold;
}
.maindesign .type{
	width:100%;
	margin-right:0;
}
.maindesign .type:nth-child(2n){
	margin-right:0;
}

}

@media screen and (min-width: 768px) {
.eventbnr{
        display: flex;
        flex-wrap: wrap;
    }
.eventbnr li{
    width: calc(50% - 5px);
    margin: 0 10px 20px 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
        align-items: center;
    }
     .eventbnr li:nth-child(2n){
    margin: 0 0 20px 0;
    }
    .eventbnr li a{
    display: flex;
    }
    .eventbnr li .linksTxt{
    margin: auto auto auto 10px;
    display: flex;
    flex-wrap: wrap;
    width: calc(80% - 20px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .eventbnr li .linksTxt p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0.5em 0;
	font-weight: 700;
    font-size: 1em;
}
 .eventbnr li .linksTxt p span {
    font-size: 0.75em;
    width: calc(90% - 20px);
    line-height: 1.2;
    font-weight: 400;
    padding-top: 0.5em;
    display: block;
}
     .eventbnr li .linksImg{
    margin: auto 15px auto auto;
    width: calc(30% - 20px);
    display: flex;
    align-items: center;
    }
  .eventbnr li .linksImg img {
    width: 100%;
}
    }
    @media screen and (max-width: 767px) {
        .eventbnr{
        display: flex;
        flex-wrap: wrap;
    }
   .eventbnr li{
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0.3em;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
        display: flex;
        align-items: center;
    }
   .eventbnr li a{
    display: flex;
    flex-direction: row-reverse;
    }
   .eventbnr li .linksTxt{
    font-size: 1.2em;
    margin: auto auto auto 10px;
    display: flex;
    flex-wrap: wrap;
    width: calc(80% - 20px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }
   .eventbnr li .linksTxt p{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0.5em 0;
	font-weight: 700;
        font-size: 1em;
}
.eventbnr li .linksTxt p span {
    font-size: 0.75em;
    width: calc(100% - 20px);
    line-height: 1.2;
    font-weight: 400;
    padding-top: 0.5em;
    display: block;
}
   .eventbnr li .linksImg{
    margin: auto auto auto auto;
    width: calc(38% - 20px);
    display: flex;
    align-items: center;
    }
   .eventbnr li .linksImg img {
    width: 100%;
}
    }