@charset "UTF-8";

/* mou_col2
---------------------------------------------------------*/
.mou_col2{
	display: flex;
    justify-content: space-between;
}
.mou_col2 > div{
	width: 48%;
	max-width: 500px;
}
.mou_col2 h4{
	text-align: center;
	background: #7ba95f;
	padding: .25em 0;
	margin-bottom: 1em;
}
.mou_col2 .mou_col2_r h4{
	background: #b89668;
}

.mou_col2 li{
	position: relative;
	padding-left: 1em;
	box-sizing: border-box;
	margin-bottom: .2em;
}
.mou_col2 li::before{
	position: absolute;
	display: block;
	content: "";
	background: #7ba95f;
	background-size: 100% auto;
	width: .4em;
	height: .4em;
	top: .8em;
	left: 0;
	border-radius: 50%;
}
.mou_col2 .mou_col2_r li::before{
	background: #b89668;
}
.mou_col2 .col2{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.mou_col2 .col2 li{
	width: 51%;
}
.mou_col2 .col2 li:nth-child(even){
	width: 45%;
}
.mou_col2 .col2 li:last-child{
	margin-bottom: 0;
}

.mou_bnr{
	display: flex;
    justify-content: center;
}
.mou_bnr li{
	width: min(250px,25vw);
	margin-right: 10px;
}
.mou_bnr li:last-child{
	margin-right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.mou_col2 h4{
	padding: .15em 0;
	margin-bottom: .4em;
}

.mou_col2 li{
	padding-left:.7em;
	margin-bottom: .1em;
	letter-spacing: -0.1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.mou_col2{
	display: block;
}
.mou_col2 > div{
	width: 100%;
	max-width: 100%;
}
.mou_col2 .mou_col2_r{
	margin-top: 8%;
}
.mou_col2 h4{
	padding: .2em 0;
	margin-bottom: .5em;
}

.mou_col2 li{
	padding-left: .8em;
	margin-bottom: .1em;
	letter-spacing: normal!important;
}
.mou_col2 .col2 li{
	width: 54%;
}
.mou_col2 .col2 li:nth-child(even){
	width: 43%;
}
.mou_bnr li{
	width:48%;
	margin-right: 2%;
}
.mou_bnr li:nth-child(2n){
	margin-right: 0;
}
}