.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;

	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-hp/images/media/sec01_title_back.png);

	background-repeat: no-repeat;

	background-position: center center;

	margin:53px auto 34px;

}

.media_cm .sec01 .container h3 img {

	width: auto;

}

.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-hp/images/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-hp/images/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;

			width: auto;

		}





.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;width: 100%;}

.media_cm .main .box{margin:46px auto 0;width:80%;}

	.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-hp/images/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%;

		}

}