﻿.selective_address{
margin-bottom: 30px
}
.pd10{
	padding: 10px;
}
.maindesign {
margin:1em auto;
/*max-width: 860px;*/
}
.mask01:hover {
opacity: 0.6;
filter: alpha(opacity=40);
-ms-filter: "alpha( opacity=40 )";
background: #FFF;
} 

.maindesign .webfont {
font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}
	.maindesign .mb1em{
		margin-bottom: 1em
	}
.maindesign h2.headingMiddle {
position: relative;
padding-bottom: 0.8em;
border-bottom: 3px solid #DDD;
font-size: 1.25em;
font-weight: bold;
margin: 40px 0 30px 0;
text-align: left;
}

.maindesign h2.headingMiddle {
font-family: "Noto Sans JP","ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

.maindesign h2.headingMiddle::after {
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 6.5%;
display: block;
}

.maindesign ol, .maindesign ul {
list-style: none;
}

.maindesign .links {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; 
}


.maindesign .links li {
width: calc(25% - 7.5px);
margin-right: calc(30px / 3);
margin-bottom: 20px;
position: relative;
}


.maindesign .cols3-2 li {
width: calc(33.33% - 7px);
margin-right: calc(21px / 2);
margin-bottom: 20px;
position: relative;
}

.maindesign .cols3-2 li:nth-child(3n) {
margin-right: 0px;
}

.maindesign .links li {
box-sizing: border-box;
}

.maindesign .links.cols4-2 li:nth-child(4n) {
margin-right: 0px;
}

.maindesign li a {
color: #333;
text-decoration: none;
display: block;
}

.maindesign .linksTxt {
margin: 15px 5px 10px;
}

.maindesign .linksTxt p {
margin-bottom: 0.5em;
}

.maindesign .h2em {
height: 2em;
}

.maindesign .listHeading {
font-size: 1.2em;
font-family: 'Noto Sans JP', "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
}

.maindesign .links li img {
width: 100%;
}

.maindesign .linksImg img {
text-align: center;
width: 100%;
}

.maindesign .mgb_90_80 {
margin-bottom: 90px;
}
.maindesign a.monoBtn {
    background: #969494;
}
	.maindesign a.btnRadius02:hover{
opacity: 0.75;
transition: 0.6s;
}
.maindesign a.catchyBtn {
background: #EA6D0D;
}
.maindesign a.btnRadius02 {
border-radius: 40px;
font-weight: bold;
width: auto;
height: auto;
margin: 0;
color: #FFF;
display: flex;
cursor: pointer;
text-decoration: none;
box-sizing: border-box;
align-items: center;
justify-content: center;
text-align: center;
}
.maindesign .fslarge {
font-size: 1.62em;
padding: 1.05em 1em;
}

@media screen and (max-width: 767px){
.maindesign h2.headingMiddle {
margin: 30px 0 20px 0;
} 
.maindesign h2.headingMiddle::after {
width: 10.5%;
} 
.maindesign .links.cols4-2 li {
width: calc(50% - 5px);
margin-right: calc(10px / 1);
margin-bottom: 20px;
}
.maindesign .links.cols4-2 li:nth-child(2n) {
margin-right: 0px;
} 
.maindesign .linksTxt {
margin: 10px 5px 8px;
} 
.linksTxt p {
margin-bottom: 0.4em;
} 
.listHeading {
font-size: 1.1em;
font-family: 'Noto Sans JP',"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
color: #333;
font-weight: bold;
line-height: 1.2;
}
	.maindesign .fslarge {
font-size: 1em;
padding: 0.8em 0.3em;
}
}
		#block{
			display: block
		}
.maindesign .cols2 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
		margin-bottom: 10px;
}
.maindesign .cols2 .cate_container {
	width: calc( 50% - 10px);
}
.maindesign .cols2 .cate_container_02 {
	padding: 0 10px;
	text-align: center;
}
.maindesign .cols2 .img_container {
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.maindesign .cols2 .text_container {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.maindesign .topBtn ul::before {
	content:"";
	display: block;
	width:24%;
	order: 1;
}
.maindesign .topBtn ul::after {
	content:"";
	display: block;
	width:24%;
}
.maindesign .mgt-15 {
	margin: 15px 0;
}
.maindesign .menu-btn-list.w100 li {
    width: 100%;
}
@media screen and (max-width: 767px) {
.maindesign .title_inner {
    width: 65%;
}	
	.maindesign .cols2 {
		justify-content: space-between;
		/*max-height: 170px;*/
	}
	.maindesign .cols2 .cate_container {
	width: 100%;
}
	.maindesign .cols2 .img_container {
		/*width: 40%;
		max-height: 170px;*/
	}
	.maindesign .cols2 .img_container > img {
		/*height: 100%;
		width: auto;*/
	}
	.maindesign .cols2 .text_container {
		/*width: 50%;
		height: 170px;*/
	}
	.maindesign .mbgc_blue {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .mbgc_gray {
		font-size: 0.7rem;
		margin-bottom: 0.2rem;
		padding: 0.2em;
	}
	.maindesign .cols2 .text_container li {
		font-size: 0.7rem;
	}
}
