@charset "utf-8";

/**
 *
 *  ケーブルプラス電話 TOP
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.l-section {
	padding: 75px 0;
}

.m-main-visual__meiwakublock {
	max-width: 450px;
}

.meiwakublock-btnarea a {
	width: 100%;
	max-width: 400px;
}

/* media query -> sp
=================================================================*/
@media screen and (max-width: 768px){
	.l-section {
		padding: 35px 15px 40px;
	}
}


/*--------------------------------------------------------------------------
   profit
---------------------------------------------------------------------------*/



/* media query -> sp
=================================================================*/
@media screen and (max-width: 768px){
	#boxer{
	height:auto;
}
	.g-modal__listItem{
	width:48%!important;
	vertical-align:top!important;
	padding-bottom:20px;
}
}

/* g-modal__list
-----------------------------------------------------------------*/
#Modal,#Modal02{display:none;}
#boxer.inline{padding:20px!important;}
#boxer.inline .boxer-content,#boxer .boxer-container{overflow:visible!important;}
.g-modal__inner{
	width:600px;
}
.g-modal__list{
	width:100%;
	height:338px;
	position:relative;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items:center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	flex-wrap:wrap;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.g-modal__listItem{
	width:80%;
	display:inline-block;
	vertical-align:middle;
}
.g-modal__listItem + .g-modal__listItem:nth-child(-n + 3){
	margin-left:4%;
}
.g-modal__listItem + .g-modal__listItem:not(:nth-child(-n + 3)){
	margin-top:10px;
}
.g-modal__listItem a{
	display:block;
	color:#0e0d6a;
}
.g-modal__listItem a p{
	margin-top:.5em;
}
.g-modal__listItem a img{
	width:100%;
	height:auto;
}
.g-modal__movieWrapper{
	position:absolute;
	left:0;
	top:0;
	padding-top:56.33%;
	width:100%;
	height:auto;
	transition:.3s opacity cubic-bezier(0.215, 0.61, 0.355, 1),.3s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
.g-modal__movieWrapper.is-hidden{
	display:none;
}
.g-modal__movieWrapper.is-slideFade{
	transform:translateX(30px);
	opacity:0;
}
.g-modal__button{
	content:'';
	position:absolute;
	top:50%;
	left:-32px;
	display:block;
	margin-top:-15px;
	width:30px;
	height:30px;
	border-radius:50%;
	background:#fff;
	z-index:1;
}
.g-modal__button::after{
	content:'';
	position:absolute;
	border-top:2px solid #000;
	border-left:2px solid #000;
	top:32%;
	left:40%;
	width:11px;
	height:11px;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#moviePlayer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#boxer.mobile .boxer-container{
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
#boxer.mobile .boxer-close{
	top:47px!important;
}
#boxer.mobile .g-modal__button{
	left:-20px!important;
}
#boxer.mobile .g-modal__movieWrapper{
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#boxer.mobile .g-modal__listItem a{
	color:#fff;
}
#boxer.mobile .boxer-content{
	margin:0 auto;
}
#boxer.mobile .boxer-video-wrapper{
	margin-top:0!important;
}
@media screen and (max-width:720px){
	.g-modal__inner{
		width:83.33vm;
		width:83.33vw;
	}
	.g-modal__list{
		height:46.94vm;
		height:46.94vw;
	}
}