.left_banner,
.right_banner {z-index:50;}


.mb4 {
    margin-bottom: 40px !important;
}
.mb3 {
    margin-bottom: 30px !important;
}
.mb2 {
    margin-bottom: 20px !important;
}

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

.footerBox .pc {
    display: block;
}
.footerBox .sp {
    display: none;
}


.fourteenth h3 {
    text-align: center;
}
.fifteenth h3 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 15px;
    text-align: center;
}
.fourteenth h3 img,
.fifteenth h3 img{margin:0 auto;}

.fifteenth figure {
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
}
.fifteenth figure:last-child {
    border: none;
}
.footerBox{margin:30px auto;}
.footerBox section{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}


@media screen and (max-width:767px) {
.mb2_sp {
    margin-bottom: 20px !important;
}
.footerBox .pc {
	display: none
}
.footerBox .sp {
	display: block;
}
	.footerBox section{
		width: 92%;
		margin: 0 auto 20px;
	}
	.footerBox img {
		width:100%;
		max-width: 100%;
	}
	.fifteenth figure {
	    border: none;
	    margin-bottom: 20px;
	}
}

.media_cm {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.media_cm .l{float:left;}
.media_cm .r{float:right;}
.media_cm .w100{width:100% !important;}

.media_cm .pc{display:block !important;}
.media_cm .sp{display:none !important;}

.media_cm .brpc{display:block !important;}

.media_cm .container_inner{
	margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    position: relative;
}
.media_cm .container_inner2{
	margin: 0 auto;
    width: 100%;
    max-width: 1024px;
    position: relative;
}
.media_cm .container_inner3{
	margin: 0 auto;
    width: 100%;
    max-width: 960px;
    position: relative;
}
.media_cm .main{
	background-color:#ff6e77;
	height:auto;
	text-align:center;
	padding:94px 0 68px;
	margin-top:90px;
	display: block;
}
.media_cm .main h1{margin:0 auto;width:306px;}
.media_cm .main .box{
	margin:66px auto 0;
	width:774px;
	background-color:#fff;
	box-shadow:10px 10px 0px 0px #e72844;
	border-radius:10px;
	display:table;
}
	.media_cm .main .box .l,
	.media_cm .main .box .r{
		width:50%;
		height:306px;
		text-align:center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
		.media_cm .main .box p{line-height:1.8em;}
		.media_cm .main .box p strong{color:#eb3232;font-size:1.4em;font-weight:bold;}
		.media_cm .main .box .r{text-align:left;}

.media_cm .sec01{width:100%;z-index:8;}
.media_cm .sec01 .container {
	background-color:#fff5f6;
	position: relative;
	overflow: hidden;
	width:100%;
	margin: 0 auto 8%;
	display:table;
	z-index:8;
	padding:70px 0 0;
	text-align:center;
}

.media_cm .sec01 .container .box h2{margin:0 0 14px;}
.media_cm .sec01 .container h3{
	height:49px;
	width:100%;
	text-align:center;
	background-image: url(/wp-content/themes/omoio_child/img/media/sec01_title_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin:53px auto 34px;
}
.media_cm .sec01 .container p{line-height:1.8;text-align:center;}

.media_cm .sec01 .container .button{width:100%;margin:40px 0;text-align:right;height:53px;}
.media_cm .sec01 .container .button a{
	margin:0;
	float:right;
	box-shadow: 6px 6px 0px 0px #003300;
	display: block;
	padding : 12px 40px 12px 20px;
	box-sizing: border-box;
	color: #003300;
	background-color: #f6f648;
	min-width: 470px;
	min-height:47px;
	text-align: left;
	line-height: 1.4;
	font-weight: bold;
	background-image: url(/wp-content/themes/omoio_child/img/media/button_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.media_cm .sec01 .container li.l,
.media_cm .sec01 .container li.r{width:50%;}
.media_cm .sec01 .container li.r{text-align:right;}
.media_cm .sec01 .container li img{width:96%;}

.media_cm .list{
	width:100%;
	margin:-10% 0 0;
	position:relative;
}
	.media_cm .container_bt {
		position: relative;
		overflow: hidden;
		margin: -300px 0 0;
		padding: 400px 0 0;
		z-index: 7;
	}
	.media_cm .container_bt:before {
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 120%;
	  height: 100%;
	  margin: -15% -10% 0;
	  background: #fff5f6;
	  -webkit-transform-origin: left center;
	  -ms-transform-origin: left center;
	  transform-origin: left center;
	  -webkit-transform: rotate(6deg);
	  -ms-transform: rotate(6deg);
	  transform: rotate(6deg);
	  z-index: 6;
	}
		.media_cm .sec_title{
			width: 600px;
			height: 198px;
			margin-top: -15%;
			left: 0;
			background-image: url(/wp-content/themes/omoio_child/img/media/sec_title_back.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			z-index:5;
			position:relative;
		}
		.media_cm .sec_title img{
			position:absolute;
			bottom:40px;
			left:30px;
		}


.media_cm .list .container_inner2{
	z-index:8;
	display:table;
}
	.media_cm .list .container_inner2 div{
		float:left;
		width:45.5%;
		text-align:center;
		margin-bottom:32px;
		margin-left:3%;
		position: relative;
	}
	.media_cm .list .container_inner2 div:nth-child(2n){
		float:right;
		margin-left:0;
		margin-right:3%;
	}
	.media_cm .list .container_inner2 div.last{
		width:50.5%;
		text-align:center;
		margin-bottom:32px;
		margin-left:0;
		margin-right:0;
	}
	.media_cm .list .container_inner2 div.w100{
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:42px;
		display:table;
	}

	.media_cm .list .container_inner2 div img{width:100%;}
	.media_cm .list .container_inner2 div img.com{width:90%;}
	.media_cm .list .container_inner2 div img.com2{width:77%;}
	.media_cm .list .container_inner2 div img.com2.sp{width:auto;}
	.media_cm .list .container_inner2 div img.com3{width:96%;}
	.media_cm .list .container_inner2 div img.arrow{width:auto;}

	.media_cm .list .container_inner2 img{display:block;margin:0 auto;}
	.media_cm .list .container_inner2 .mtp{margin-top:56px;}
	.media_cm .list .container_inner2 .mtp2{margin-top:77px;}
	.media_cm .list .container_inner2 .mtp3{margin-top:-100px;}
	.media_cm .list .container_inner2 .mbt{margin-bottom:0 !important;}

.media_cm .sec02{background-color:#ff9999;}
	.media_cm .sec02 .container{background-color:#ff9999;width:100%;}
	.media_cm .sec02.list .container_inner2 .com01{margin-bottom:36px;width:90%;float:right;}
	.media_cm .sec02.list .container_inner2 .com02{margin:70px auto 0;width:90%;float:left;}
	.media_cm .sec02.list .container_inner2 .com04{margin:0 auto 68px;}
	.media_cm .sec02.list .container_inner2 .com05{margin:42px auto 0;}
	.media_cm .sec02.list .container_inner2 .com06{margin:65px auto 0;}

.media_cm .sec03{background-color:#f6cec7;}
.media_cm .sec03 .container{background-color:#f6cec7;width:100%;padding:0 0 70px;}
	.media_cm .sec03 .container_bt:before {background: #ff9999;}

	.media_cm .sec03.list .container_inner2 .com01{margin-bottom:54px;}
	.media_cm .sec03.list .container_inner2 .com02{margin:75px auto 0;}
	.media_cm .sec03.list .container_inner2 .com04{margin:27px auto 55px;}
	.media_cm .sec03.list .container_inner2 .com05{margin:0 auto 45px;}
	.media_cm .sec03.list .container_inner2 .com07{margin:0 auto 32px;}
	.media_cm .sec03.list .container_inner2 .com08{margin:37px auto 0;}


@media screen and (max-width:767px) {
.media_cm .pc{display:none !important;}
.media_cm .sp{display:block !important;}

.media_cm .brpc{display:none !important;}
	
.media_cm .container_inner {width: 87%;}
.media_cm .container_inner3{width: 87%;}

.media_cm .main{padding:44px 0 60px;margin-top:80px;}
.media_cm .main h1 {max-width:467px;width: 80%;}
.media_cm .main .box{margin:46px auto 0;width:87%;}
	.media_cm .main .box .l,
	.media_cm .main .box .r{
		text-align:center;
		width:100%;
		margin:0 auto;
		height:auto;
		display: block;
	}
	.media_cm .main .box .r img{width:90%;margin:0 auto;}
	.media_cm .main .box .l p{padding:40px 5px 20px;margin:0 auto;width:100%;font-size:1em;box-sizing:border-box;}
	.media_cm .main .box p strong {font-size: 1.3em;}

.media_cm .sec01 .container h3{background-image: url(/wp-content/themes/omoio_child/img/media/sec01_title_back2.png);height: auto;}
.media_cm .sec01 .container h3 img{width:90%;margin:0 auto;}
.media_cm .sec01 .container p{max-width:477px;margin:0 auto;text-align:left;}
.media_cm .sec01 .container .button{text-align:center;width:100%;margin:40px auto;}
	.media_cm .sec01 .container .button a{margin:0 auto;float:none;width:100%;max-width: 477px;min-width:auto;}
.media_cm .sec01 .container li.l{width:100%;text-align:center;margin:0 auto 30px;}
.media_cm .sec01 .container li.r{width:100%;text-align:center;margin:0 auto;}
.media_cm .sec01 .container li img{width:auto;}

.media_cm .list{padding-top:150px;margin-top:-150px;}
.media_cm .container_bt {margin: -320px 0 0;}

.media_cm .list .container_inner2:first-child {
    margin-top:40px;
}
	.media_cm .list .container_inner2 div,
	.media_cm .list .container_inner2 div:nth-child(2n){
		float:none;
		width:100%;
		margin:0 auto 30px;
		position: relative;
	}
	.media_cm .list .container_inner2 div.last{
		float:none;
		max-width:519px;
		width:100%;
		margin:0 auto 30px;
		position: relative;
	}
	.media_cm .list .container_inner2 div img{width:100%;max-width:466px;}
	.media_cm .list .container_inner2 div.last img{width:100%;max-width:519px;}
	.media_cm .list .container_inner2 div img.com{width:100%;max-width:409px;}
	.media_cm .list .container_inner2 div img.com2.sp{width:100%;max-width:534px;}
	.media_cm .list .container_inner2 div img.com3{width:100%;max-width:471px;text-align:center;}
	.media_cm .list .container_inner2 div .com{float:right;}
	.media_cm .list .container_inner2 div.w100{margin-bottom:30px;}

	.media_cm .list .container_inner2 .mtp{margin-top:0;}
	.media_cm .list .container_inner2 .mtp3{margin-top:0;}	
	
	.media_cm .sec02.list .container_inner2 .com02{margin:36px auto 30px;}
	.media_cm .sec02.list .container_inner2 .com04{margin:0 auto 30px;}
	.media_cm .sec02.list .container_inner2 .com05{margin:30px auto 30px;width:90%;float:left;}
	.media_cm .sec02.list .container_inner2 .com06{margin:30px auto 22px;width:90%;float:right;}
	.media_cm .sec02.list .container_inner2 .com07{margin:0 auto -10px;}
	.media_cm .sec02.list .container_inner2 .com08{margin:30px auto 30px;width:90%;float:left;}

	.media_cm .sec02.list .container_inner2 div.last{float:right;margin:0 auto;}

	.media_cm .sec03 .container {padding: 0 0 40px;}

	.media_cm .sec03.list .container_inner2 .com01{margin-bottom:30px;width:90%;float:right;}
	.media_cm .sec03.list .container_inner2 .com02{margin:30px auto;width:90%;float:left;}
	.media_cm .sec03.list .container_inner2 .com04 {margin: 0 auto 30px;width:90%;float:right;}
	.media_cm .sec03.list .container_inner2 .com05{margin:0 auto 30px;width:90%;float:left;}
	.media_cm .sec03.list .container_inner2 .com06{margin: 0 auto 22px;width:90%;float:left;}
	.media_cm .sec03.list .container_inner2 .com07{margin:20px auto 20px;}
	.media_cm .sec03.list .container_inner2 .com08{margin:30px auto 20px;width:90%;float:right;}
	.media_cm .sec03.list .container_inner2 div.last{float:none;margin:0 auto;}

}

@media screen and (max-width:620px) {
	.media_cm .sec_title{
		background-position: 20% bottom;
	}
		.media_cm .sec_title img{
			bottom: 30%;
			left: 2%;
		}
}
@media screen and (max-width:375px) {
	.media_cm .sec_title{
		width: 100%;
		height: auto;
		height: calc(178px * 0.7);
		background-position: 5% bottom;
		margin-top: -15%;

	}
		.media_cm .sec_title img{
			width:40%;
			bottom: 30%;
			left: 4%;
		}
}