@charset "UTF-8";

/*common.css上書き
---------------------------------------------------------- */
/* .footer .bg_dot_green,
.footer .fnav_btn_block {
	display: none;
} */

/* .pagetop {
	position: relative;
	bottom: 0;
} */

/*Utility
---------------------------------------------------------- */
/* width */
.w1per {
	width: 1% !important;
}
.w2per {
	width: 2% !important;
}
.w3per {
	width: 3% !important;
}
.w4per {
	width: 4% !important;
}
.w5per {
	width: 5% !important;
}
.w6per {
	width: 6% !important;
}
.w7per {
	width: 7% !important;
}
.w8per {
	width: 8% !important;
}
.w9per {
	width: 9% !important;
}
.w10per {
	width: 10% !important;
}
.w11per {
	width: 11% !important;
}
.w12per {
	width: 12% !important;
}
.w13per {
	width: 13% !important;
}
.w14per {
	width: 14% !important;
}
.w15per {
	width: 15% !important;
}
.w16per {
	width: 16% !important;
}
.w17per {
	width: 17% !important;
}
.w18per {
	width: 18% !important;
}
.w19per {
	width: 19% !important;
}
.w20per {
	width: 20% !important;
}
.w21per {
	width: 21% !important;
}
.w22per {
	width: 22% !important;
}
.w23per {
	width: 23% !important;
}
.w24per {
	width: 24% !important;
}
.w25per {
	width: 25% !important;
}
.w26per {
	width: 26% !important;
}
.w27per {
	width: 27% !important;
}
.w28per {
	width: 28% !important;
}
.w29per {
	width: 29% !important;
}
.w30per {
	width: 30% !important;
}
.w31per {
	width: 31% !important;
}
.w32per {
	width: 32% !important;
}
.w33per {
	width: 33% !important;
}
.w34per {
	width: 34% !important;
}
.w35per {
	width: 35% !important;
}
.w36per {
	width: 36% !important;
}
.w37per {
	width: 37% !important;
}
.w38per {
	width: 38% !important;
}
.w39per {
	width: 39% !important;
}
.w40per {
	width: 40% !important;
}
.w41per {
	width: 41% !important;
}
.w42per {
	width: 42% !important;
}
.w43per {
	width: 43% !important;
}
.w44per {
	width: 44% !important;
}
.w45per {
	width: 45% !important;
}
.w46per {
	width: 46% !important;
}
.w47per {
	width: 47% !important;
}
.w48per {
	width: 48% !important;
}
.w49per {
	width: 49% !important;
}
.w50per {
	width: 50% !important;
}
.w51per {
	width: 51% !important;
}
.w52per {
	width: 52% !important;
}
.w53per {
	width: 53% !important;
}
.w54per {
	width: 54% !important;
}
.w55per {
	width: 55% !important;
}
.w56per {
	width: 56% !important;
}
.w57per {
	width: 57% !important;
}
.w58per {
	width: 58% !important;
}
.w59per {
	width: 59% !important;
}
.w60per {
	width: 60% !important;
}
.w61per {
	width: 61% !important;
}
.w62per {
	width: 62% !important;
}
.w63per {
	width: 63% !important;
}
.w64per {
	width: 64% !important;
}
.w65per {
	width: 65% !important;
}
.w66per {
	width: 66% !important;
}
.w67per {
	width: 67% !important;
}
.w68per {
	width: 68% !important;
}
.w69per {
	width: 69% !important;
}
.w70per {
	width: 70% !important;
}
.w71per {
	width: 71% !important;
}
.w72per {
	width: 72% !important;
}
.w73per {
	width: 73% !important;
}
.w74per {
	width: 74% !important;
}
.w75per {
	width: 75% !important;
}
.w76per {
	width: 76% !important;
}
.w77per {
	width: 77% !important;
}
.w78per {
	width: 78% !important;
}
.w79per {
	width: 79% !important;
}
.w80per {
	width: 80% !important;
}
.w81per {
	width: 81% !important;
}
.w82per {
	width: 82% !important;
}
.w83per {
	width: 83% !important;
}
.w84per {
	width: 84% !important;
}
.w85per {
	width: 85% !important;
}
.w86per {
	width: 86% !important;
}
.w87per {
	width: 87% !important;
}
.w88per {
	width: 88% !important;
}
.w89per {
	width: 89% !important;
}
.w90per {
	width: 90% !important;
}
.w91per {
	width: 91% !important;
}
.w92per {
	width: 92% !important;
}
.w93per {
	width: 93% !important;
}
.w94per {
	width: 94% !important;
}
.w95per {
	width: 95% !important;
}
.w96per {
	width: 96% !important;
}
.w97per {
	width: 97% !important;
}
.w98per {
	width: 98% !important;
}
.w99per {
	width: 99% !important;
}
.w100per {
	width: 100% !important;
}
.wauto {
	width: auto !important;
}

/*フォント
---------------------------------------------------------- */
.sans-serif {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo,
		メイリオ, sans-serif;
}

/*汎用
---------------------------------------------------------- */
.section_wrap {
	padding: 60px 0;
}

.txt_marker {
	color: #eb636b !important;
	font-weight: 700;
}

[class*="list"] > ul > li.aside {
	background-image: url(../img/index/bg_dot01.png) !important;
	background-repeat: repeat;
	background-position: left top;
	border: none;
}

[class*="list"] > ul > li.aside .img {
	margin: 0 0 20px;
	text-align: center;
}

[class*="list"] > ul > li.aside .table {
	width: 100% !important;
}

[class*="list"] > ul > li.aside .table h3 {
	color: #fff;
	font-size: 3rem;
	line-height: 1.3;
	letter-spacing: 0.01rem;
	text-align: center !important;
}

[class*="list"] > ul > li.aside .cmn_btn {
	width: auto;
	min-width: 214px;
	min-height: 47px;
	font-size: 1.8rem;
	letter-spacing: 0.06rem;
}

@media only screen and (max-width: 736px) {
	.section_wrap {
		padding: 30px 0;
	}

	[class*="list"] > ul > li.aside {
		background-size: 20% auto;
	}

	[class*="list"] > ul > li.aside .table h3 {
		font-size: 1.9rem;
	}

	[class*="list"] > ul > li.aside .cmn_btn {
		font-size: 1.4rem;
	}

	[class*="list"] > ul > li.aside .img {
		margin: 0 0 10px;
	}

	[class*="list"] > ul > li.aside .img .icon_beginner img {
		width: 52px;
	}

	[class*="list"] > ul > li.aside .img .icon_sp img {
		width: 50px;
	}

	[class*="list"] > ul > li.aside .img .icon_contents img {
		width: 67px;
	}

	[class*="list"] > ul > li.aside .img .icon_diagnosis img {
		width: 81px;
	}

	[class*="list"] > ul > li.aside .cmn_btn_area {
		margin: 15px 0 0;
	}

	.tel_link a {
		text-decoration: none;
	}
}

/*背景
---------------------------------------------------------- */
.bg_grad_green {
	position: relative;
	background: -webkit-linear-gradient(left, #afd403 0%, #86bc15);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#afd403),
		to(#86bc15)
	);
	background: -webkit-linear-gradient(left, #afd403 0%, #86bc15 100%);
	background: linear-gradient(to right, #afd403 0%, #86bc15 100%);
}

.bg_grad_green.shadow:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: url(../img/index/bg_shadow_top.png) left top repeat-x;
	content: "";
}

.bg_grad_green.shadow:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: url(../img/index/bg_shadow_bottom.png) left bottom repeat-x;
	content: "";
}

.bg_green_dots {
	padding: 30px 0;
	background-image: url(../img/index/bg_green_dots.png);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg_white {
	background-color: #fff;
}

.page_content_inner:nth-child(2n + 1) {
	background: #f5f5d9;
}

/*角丸ベタ
---------------------------------------------------------- */
.white_cover_radius {
	padding: 30px;
	background-color: #fff;
	border-radius: 6px;
}
.lightgreen_cover_radius {
	padding: 0 0 30px;
/*	background-color: #f5f5d9;*/
	border-radius: 6px;
}
.lightgreen_cover {
	background-color: #f5f5d9;
}

@media only screen and (max-width: 736px) {
	.white_cover_radius,
	.lightgreen_cover_radius {
		padding: 20px;
	}
}

/*タイトル
---------------------------------------------------------- */
.ttl01 {
	color: #444;
	font-size: 2.2rem;
}

.section_ttl {
	width: 100%;
	text-align: center;
	color: #aacc03;
    font-weight: 700;
    font-size: 2.5em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.page_contents .version{
	font-size: 1.5em;
    font-weight: 700;
    margin: 1em;
}
@media only screen and (max-width: 736px) {
	.page_contents .version{
		font-size: 1em;
	}
}
/*.section_ttl{
	color: #aacc03;
	font-weight: 700;
	font-size: 2.5em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.section_ttl h2.stroke{
  	text-shadow: -1px -1px 0 #4b4b4b, -1px 0 0 #4b4b4b, -1px 1px 0 #4b4b4b,
                 0 -1px 0 #4b4b4b, 0 1px 0 #4b4b4b,
				 1px -1px 0 #4b4b4b,  1px 0 0 #4b4b4b,  1px 1px 0 #4b4b4b;
}*/

.top_feature .section_ttl {
/*
	background: url(../img/index/feature_section_ttl_bg.png) center center
		no-repeat;
*/
}

.top_worth_seeing .section_ttl {
/*
	background: url(../img/index/worth_seeing_section_ttl_bg.png) center center
		no-repeat;
*/
}

.top_worth_seeing .section_ttl:after {
	background: url(../img/index/worth_seeing_section_ttl_arrow.png) center center
		no-repeat;
}

@media only screen and (max-width: 736px) {
	.ttl01 {
		font-size: 1.6rem;
	}

	.section_ttl {
		min-height: auto;
/*		font-size: 0.7em;*/
/*
		-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
*/
	}
	.section_ttl h2 {
		font-size: 0.7em;
	}

	.top_feature .section_ttl {
/*
		background: url(../img/index/sp_feature_section_ttl_bg.png) center center
			no-repeat;
		background-size: 100% auto;
*/
	}

	.top_worth_seeing .section_ttl {
/*
		background: url(../img/index/sp_worth_seeing_section_ttl_bg.png) center
			center no-repeat;
		background-size: 100% auto;
*/
	}

	.top_worth_seeing .section_ttl:after {
		background: url(../img/index/sp_worth_seeing_section_ttl_arrow.png) center
			center no-repeat;
		background-size: 28px auto;
	}
}

/* BBIQ×QTモバイルセット割 */
.recommend_area {
	padding: 50px 0;
	text-align: center;
}
.recommend_area a{ transition: 1.0s;}
.recommend_area a:hover{ opacity: 0.5;}

.recommend_area .section_ttl h2:before{
	position: relative;
/*	content: url('../img/index/ttl_icon01.png');*/
	margin: 0 0.5em 0 0;
	top: 2px;	
}

@media only screen and (max-width: 736px) {
	.recommend_area {
		padding: 5% 0;
		width: 95%;
		margin: 0 auto;
	}	
	.recommend_area .section_ttl {
		display: block !important;
	}
	.recommend_area .section_ttl p {
		margin-bottom: 5px;
	}
	.recommend_area .section_ttl p img {
		width: 100px;
		height: auto;
	}
	.recommend_area .section_ttl h2 {
		background-size: auto 54px;
		font-size: 0.7em;
	}
}

.recommend_area .version{
	font-size: 16px!important;
	margin: 0 0 2em!important;
}
.recommend_area .version .main{
	font-size: 1.5em;
	font-weight: 700;
	margin: 1em;
}

.recommend_area .point_block .page_fit_contents{	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 1em;
}
.recommend_area .point_block .page_fit_contents li {
	width: 320px;
	margin-bottom: 1.5em;
}
.recommend_area .point_block .page_fit_contents li img{
	width: 100%;
}
.recommend_area h3{
	color: #4b4b4b;
	font-weight: 700;
	font-size: 1.5em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-bottom: 1em;
/*	text-shadow: -1px -1px 0 #4b4b4b, -1px 0 0 #4b4b4b, -1px 1px 0 #4b4b4b,
			 0 -1px 0 #4b4b4b, 0 1px 0 #4b4b4b,
			 1px -1px 0 #4b4b4b,  1px 0 0 #4b4b4b,  1px 1px 0 #4b4b4b;*/
}
.recommend_area h3 span{
	padding: 0.2em 0.8em;
	border: 1px solid #4b4b4b;
}
@media only screen and (max-width: 736px) {
	.recommend_area .version{
		margin: 0 0 1em!important;
	}
	.recommend_area .version .main{
		font-size: 1em;
		margin: 0.5em;
	}
	.recommend_area .version .sub{
		font-size: 0.8em;
	}
	.recommend_area .support_block .page_fit_contents,
	.recommend_area .point_block .page_fit_contents{
		/* 以下の設定は必須 */
		scroll-snap-type: x mandatory;
		width: 100%;
		overflow-x: scroll;
		display: flex;
		justify-content: space-between;
		flex-wrap: initial;
		-webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
		overflow-scrolling: touch; /* スマホ対応のため必須 */
	}
	.recommend_area .support_block .page_fit_contents > li,	
	.recommend_area .point_block .page_fit_contents > li{
		scroll-snap-align: center;
		height: 100%;
		width: 100%;
		flex: none;
		/* 文字の上下左右中央寄せのための記述 */
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.recommend_area .recommend_slider_sp{
		position: relative;
	}
	.recommend_area .recommend_slider_sp .next_arrow{
		color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.5rem;
		cursor: pointer;

		position: absolute;
		top: 50%;
		right: 18px;
		content: '';
		width: 13px;
		height: 13px;
		margin: auto;
		border-top: 2px solid #aacc03;
		border-right: 2px solid #aacc03;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);	
	}
	.recommend_area .recommend_slider_sp .prev_arrow{
		color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.5rem;
		cursor: pointer;

		position: absolute;
		top: 50%;
		left: 18px;
		content: '';
		width: 13px;
		height: 13px;
		margin: auto;
		border-bottom: 2px solid #aacc03;
		border-left: 2px solid #aacc03;
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);	
	}
	.recommend_area h3{
		margin-bottom: 0.5em;
		font-size: 1.2em;
	}
	.recommend_area h3 span{
		font-size: 1em;
	}
}
.recommend_area .support_block {
	margin-bottom: 3em;
}
.recommend_area .support_block .page_fit_contents{
	display: block;
}
.recommend_area .support_block .page_fit_contents li{
	margin-bottom: 1em;
}
@media only screen and (max-width: 736px) {
	.recommend_area .support_block {
		margin-bottom: 1em;
	}
	.recommend_area .support_block .page_fit_contents{
		display: flex;
	}
}

.recommend_area .btn,
.contact_area .btn{
	display:flex;
	justify-content: center;
	margin: 2em auto 0;
}
.recommend_area .btn p,
.contact_area .btn p{
	background-color: #fff;
	border: 1px solid #979696;
	border-radius: 99em;
	font-weight: bold;
	width: 340px;
}
.recommend_area .btn p:first-child,
.contact_area .btn p:first-child{
	margin-right: 1em;
}
.recommend_area .btn p a.btn_in,
.contact_area .btn p a.btn_in{
	display: block;
	text-decoration-line: none;
	padding: 14px 19px;
	position: relative;
}
.recommend_area .btn p a.btn_in::before,
.contact_area .btn p a.btn_in::before{
	position: absolute;
	top: 50%;
	right: 18px;
	content: '';
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);	
}
@media only screen and (max-width: 736px) {
	.recommend_area .btn,
	.contact_area .btn{
		display: block;
	}
	.recommend_area .btn p,
	.contact_area .btn p{
		margin: 0 auto;
	}	
	.recommend_area .btn p:first-child,
	.contact_area .btn p:first-child{
		margin: 0 auto 1em;
	}
}

/*ボタン
---------------------------------------------------------- */
.cmn_btn_area {
	margin: 30px 0 0;
}

.cmn_btn {
	display: table;
	width: 370px;
	min-height: 60px;
	margin: 0 auto;
	font-size: 1.7rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}

.cmn_btn_w100 {
	width: 100%;
}

.cmn_btn01_wrap {
	width: 350px;
	min-height: 77px;
	font-weight: 700;
	font-size: 2.1rem;
	border: 3px solid #fff;
	border-radius: 8px;
	-webkit-box-shadow: 4px 4px 7px -1px #b7b7b7;
	box-shadow: 4px 4px 7px -1px #b7b7b7;
}

.cmn_btn a,
.cmn_btn button,
.cmn_btn input,
.cmn_btn .no_link {
	position: relative;
	display: table-cell;
	width: 100%;
	min-height: inherit;
	padding: 5px 10px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	word-break: break-all;
	border: none;
	border-radius: 4px;
	outline: none;
	-webkit-appearance: none;
}

.firefox .cmn_btn a,
.firefox .cmn_btn button,
.firefox .cmn_btn input,
.firefox .cmn_btn .no_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-pack: center;
}

.cmn_btn01 {
	color: #000 !important;
	background: url(../img/index/cmn_btn01_bg.png) repeat-x;
	background-size: contain;
	-webkit-box-shadow: 0 0 6px 0 #b7b7b7 inset;
	box-shadow: 0 0 6px 0 #b7b7b7 inset;
}

.cmn_btn02 {
	color: #fff !important;
	background-color: #539301;
	background-image: url(../img/index/icon_arrow_white_r.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 10px auto;
	border-radius: 99em !important;
	-webkit-box-shadow: 0 3px 0 #477d01;
	box-shadow: 0 3px 0 #477d01;
}

.cmn_btn03 {
	padding-right: 40px !important;
	padding-left: 55px !important;
	color: #fff !important;
	background-color: #91ae05;
	background-image: url(../img/index/icon_arrow_white_r.png);
	background-repeat: no-repeat;
	background-position: left 40px center;
	border-radius: 99em !important;
}

.cmn_btn03_yellow {
	color: #000 !important;
	background-color: #ffd529;
	background-image: url(../img/index/icon_arrow_black_r.png);
	-webkit-box-shadow: 0 3px 0 #c5a524;
	box-shadow: 0 3px 0 #c5a524;
}

.cmn_btn03_red {
	background-color: #cc0001;
	-webkit-box-shadow: 0 3px 0 #920101;
	box-shadow: 0 3px 0 #920101;
}

.cmn_btn .center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-pack: center;
}

.cmn_btn .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
	-ms-flex-pack: flex-start;
}

.cmn_btn .lang {
	display: inline-block;
	vertical-align: middle;
}

.cmn_btn01 .lang {
	margin: 3px 0 0;
}

.cmn_btn [class*="icon"] {
	margin: 0 15px 0 0;
}

.cmn_btn [class*="icon_arrow01_r"] {
	margin: 0 0 0 15px;
}

.cmn_btn .icon_web:before {
	display: inline-block;
	width: 36px;
	height: 27px;
	margin: -2px 0 0;
	vertical-align: middle;
	background: url(../img/index/icon_web.png) no-repeat;
	background-size: 36px auto;
	content: "";
}

.cmn_btn .icon_shop:before {
	display: inline-block;
	width: 43px;
	height: 27px;
	margin: -3px 0 0;
	vertical-align: middle;
	background: url(../img/index/icon_shop.png) no-repeat;
	background-size: 43px auto;
	content: "";
}

.cmn_btn .icon_home:before {
	display: inline-block;
	width: 32px;
	height: 33px;
	margin: -3px 0 0;
	vertical-align: middle;
	background: url(../img/index/icon_home.png) no-repeat;
	background-size: 32px auto;
	content: "";
}

.cmn_btn .icon_arrow01_r:before {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	background: url(../img/index/icon_arrow_circle_black_r.png) no-repeat;
	background-size: 17px auto;
	content: "";
}

.cmn_btn_list > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}

.cmn_btn_list > ul.x2 li {
	width: calc(50% - 10px);
	margin: 10px 0 0 10px;
}

html:not(.is_touch) .cmn_btn01:hover {
	opacity: 0.6;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

html:not(.is_touch) .cmn_btn02:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

html:not(.is_touch) .cmn_btn03:hover {
	color: #91ae05 !important;
	background-color: #fff;
	background-image: url("../img/index/icon_arrow_green_r.png");
	-webkit-box-shadow: 0 0 0 2px #91ae05 inset !important;
	box-shadow: 0 0 0 2px #91ae05 inset !important;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

html:not(.is_touch) .cmn_btn03_yellow:hover {
	color: #000 !important;
	background-color: #ffd529;
	background-image: url(../img/index/icon_arrow_black_r.png);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

html:not(.is_touch) .cmn_btn03_red:hover {
	color: #fff !important;
	background-color: #cc0001;
	background-image: url(../img/index/icon_arrow_white_r.png);
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transform: translate3d(0, 1px, 0);
	transform: translate3d(0, 1px, 0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media screen and (max-width: 736px) {
	.cmn_btn_area {
		margin: 20px 0 0;
	}

	.cmn_btn,
	.cmn_btn01_wrap {
		width: 100%;
		min-height: 55px;
		font-size: 1.2rem;
	}

	.cmn_btn01_wrap {
		font-size: 1.4rem;
	}

	.cmn_btn01 .lang {
		margin: 1px 0 0;
	}

	.cmn_btn [class*="icon"] {
		margin: 0 10px 0 0;
	}

	.cmn_btn [class*="icon_arrow01_r"] {
		margin: 0 0 0 10px;
	}

	.cmn_btn .icon_web:before {
		width: 28px;
		height: 22px;
		margin: -2px 0 0;
		background: url(../img/index/icon_web.png) no-repeat;
		background-size: 28px auto;
	}

	.cmn_btn .icon_shop:before {
		width: 35px;
		height: 21px;
		margin: -3px 0 0;
		background: url(../img/index/icon_shop.png) no-repeat;
		background-size: 35px auto;
	}

	.cmn_btn .icon_home:before {
		width: 24px;
		height: 24px;
		margin: -3px 0 0;
		background-size: 24px auto;
	}

	.cmn_btn .icon_arrow01_r:before {
		width: 15px;
		height: 15px;
		background-size: 15px auto;
	}
}

/*リンク
---------------------------------------------------------- */
.normal_link a {
	display: inline-block;
	color: #06a3e0;
	font-weight: 700;
	text-decoration: none;
	vertical-align: middle;
}

html:not(.is_touch) .normal_link a:hover .lang {
	text-decoration: underline;
}

.normal_link a .center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.normal_link a .lang {
	display: inline-block;
	text-decoration: underline;
	vertical-align: middle;
}

.normal_link a [class*="icon"] {
	margin: 0 8px 0 0;
}

.normal_link a .icon_arrow_green_r:before {
	display: inline-block;
	width: 8px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../img/index/icon_arrow_green_r.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 8px auto;
	content: "";
}

html:not(.is_touch) .normal_link a:hover .lang {
	text-decoration: none;
}

@media only screen and (max-width: 736px) {
	.normal_link a .icon_arrow_green_r:before {
		width: 5px;
		height: 9px;
		background-size: 5px auto;
	}
}

/*コンテンツ
---------------------------------------------------------- */
.page_fit_contents {
	max-width: 980px;
	margin: 0 auto;
}

@media only screen and (max-width: 736px) {
	.page_fit_contents {
	}
}

/*お申込み
---------------------------------------------------------- */
.top_apply {
	padding: 15px 0 25px;
}

.top_apply .caution_txt {
	color: #c00;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
}

.top_apply .caution_txt + .top_apply_list {
	margin-top: 30px;
}

.top_apply_list {
	margin-bottom: 20px;
}

.top_apply_list > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -30px 0 0 -30px;
}

.top_apply_list > ul > li {
	width: 445px;
	margin: 30px 0 0 30px;
}

.top_apply_list > ul > li h2 {
	margin: 0 0 10px;
	color: #444;
	font-size: 1.8rem;
	text-align: center;
}

.top_apply_list > ul > li .list_item {
	position: relative;
	padding: 15px 15px 20px;
	border: 3px solid #189e00;
	border-radius: 6px;
}

.top_apply_list > ul > li .list_item .cmn_btn {
	width: 100%;
}

.top_apply_list > ul > li .list_item .txt {
	margin: 20px 0 0;
	font-size: 1.6rem;
}

.top_apply_list > ul > li .list_item .txt a {
	color: #06a3e0;
	font-weight: 700;
}

@media only screen and (max-width: 736px) {
	.top_apply .caution_txt {
		font-size: 1.3rem;
	}

	.top_apply .caution_txt + .top_apply_list {
		margin-top: 20px;
	}

	.top_apply_list > ul {
		margin: 0;
	}

	.top_apply_list > ul > li {
		width: 100% !important;
		margin: 20px 0 0;
	}

	.top_apply_list > ul > li:first-child {
		margin: 0;
	}

	.top_apply_list > ul > li h2 {
		font-size: 1.4rem;
	}

	.top_apply_list > ul > li .list_item {
		border: 2px solid #189e00;
	}

	.top_apply_list > ul > li .list_item .cmn_btn_list > ul.x2 {
		display: block;
		margin: 0;
	}

	.top_apply_list > ul > li .list_item .cmn_btn_list > ul.x2 li .cmn_btn {
		width: 100%;
	}

	.top_apply_list > ul > li .list_item .cmn_btn_list > ul.x2 li {
		width: 100%;
		margin: 10px 0 0;
	}

	.top_apply_list > ul > li .list_item .cmn_btn_list > ul.x2 li:first-child {
		margin: 0;
	}

	.top_apply_list > ul > li .list_item .txt {
		margin: 15px 0 0;
		font-size: 1.3rem;
	}

	.top_apply .caution_txt + .twitter_area + .twitter_area {
		margin: 20px 0 0;
	}
}

/*QTモバイルおすすめプラン
---------------------------------------------------------- */

.top_recommend .section_ttl {
	min-height: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.white_cover {
	padding: 20px;
	background: #fff;
}
.white_cover .section_wrap {
	padding: 50px 36px;
	background-color: #fff;
/*	border: #189e00 6px solid;*/
}
.white_cover .section_wrap .recommend_img {
	margin-bottom: 30px;
}

.top_recommend .notice {
	max-width: 980px;
	margin: 0 auto;
}
.top_recommend .notice li {
	margin-bottom: 5px;
	margin-left: 2.5rem;
	text-indent: -2.5rem;
}

.table_contact {
	padding: 0 70px;
}

.table_contact dl {
	width: calc(100% - 10px);
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	background: #ffeced;
	border-spacing: 0;
}
.table_contact_col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.table_contact_col2 dl {
	width: calc(50% - 10px);
	margin-top: 10px;
}

@media only screen and (max-width: 736px) {
	.top_recommend .section_ttl {
		display: none;
	}
	.white_cover {
		margin: 0 3%;
		padding: 3% 0;
	}
	.white_cover .section_wrap {
		padding: 20px 13px;
	}
	.white_cover .section_wrap .recommend_img {
		margin-bottom: 30px;
	}

	.table_contact {
		padding: 0;
	}

	.table_contact dl,
	.table_contact_col2 dl {
		width: 100%;
		margin: 0 auto 10px;
		padding: 10px;
	}
	.table_contact_col2 {
		display: block;
	}
}



/*QTnetお客さまセンターQTモバイルお問合せ窓口
---------------------------------------------------------- */
.top_information_desk {
	position: relative;
	padding: 30px 25px;
	color: #000;
	border: 1px solid #aacd06;
	border-radius: 6px;
}

.top_information_desk .contact {
	margin: 0 0 20px;
}

.top_information_desk .contact .ttl01 {
	margin: 0 0 15px;
	text-align: center;
}

.top_information_desk .contact .contact_in .center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-pack: center;
}
.top_information_desk .contact .contact_in .center_in {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top_information_desk .contact .contact_in .center .ttl {
	width: 160px;
	padding: 10px;
	color: #fff;
	font-size: 1.9rem;
	letter-spacing: 0.06rem;
	text-align: center;
	background-color: #444;
	border-radius: 99rem;
}

.top_information_desk .contact .contact_in .center .tel {
	margin: 0 0 0 15px;
	font-size: 55px;
	line-height: 1;
	letter-spacing: 0.02rem;
}

.top_information_desk .contact .contact_in .center .lang {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 1.5rem;
	letter-spacing: 0.03rem;
	vertical-align: middle;
}

@media only screen and (max-width: 736px) {
	.top_information_desk .contact .contact_in .center .ttl {
		width: 90px;
		padding: 5px;
		font-size: 1.2rem;
	}

	.top_information_desk .contact .contact_in .center .tel {
		margin: 0 0 0 10px;
		font-size: 4.5vw;
	}

	.top_information_desk .contact .contact_in .center .lang {
		margin: 10px 0 0;
		font-size: 1.3rem;
	}
}

/*気になることは何ですか？QTモバイルの特長
---------------------------------------------------------- */
.top_feature .feature_list > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -20px 0 0 -20px;
}

.top_feature .feature_list > ul > li {
	width: calc(50% - 20px);
	margin: 20px 0 0 20px;
	color: #000;
	font-size: 1.6rem;
}

.top_feature .feature_list > ul > li.aside {
	display: table;
}

.top_feature .feature_list > ul > li .feature_list_inner {
	display: table-cell;
	vertical-align: middle;
}

.top_feature .feature_list > ul > li,
.top_feature .feature_list > ul > li > ul > li {
	position: relative;
	padding: 30px 25px;
	background: #fff;
	border: 1px solid #aacd06;
	border-radius: 6px;
}

.top_feature .feature_list > ul > li.bg_none {
	background: none;
}

.top_feature .feature_list > ul > li > .img {
	text-align: center;
}

.top_feature .feature_list > ul > li > .img > img {
	width: 200px;
	margin: 0 auto;
	padding-top: 40px;
}

.top_feature .feature_list > ul > li > .txt {
	margin: 20px 0 0;
}

.top_feature .feature_list > ul > li > .table {
	display: table;
	width: 94%;
	margin: 0 auto;
	text-align: center;
}

.top_feature .feature_list > ul > li > .table .ttl01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.top_feature .feature_list > ul > li > .bnr_list {
	margin: 20px 0 0;
	text-align: center;
}

.top_feature .feature_list > ul > li > .bnr_list > ul > li {
	margin: 10px 0 0;
}

.top_feature .feature_list > ul > li > .bnr_list > ul > li:first-child {
	margin: 0;
}

.top_feature .feature_list > ul > li > .bnr_list > ul > li a {
	display: block;
}

html:not(.is_touch)
	.top_feature
	.feature_list
	> ul
	> li
	> .bnr_list
	> ul
	> li
	a:hover
	img {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.top_feature .feature_list > ul > li > ul > li {
	margin: 20px 0 0;
}

.top_feature .feature_list > ul > li > ul > li:first-child {
	margin: 0;
}

.top_feature .feature_list > ul > li .img_column {
	margin: 0 0 20px;
}

.top_feature .feature_list > ul > li > ul > li .img_column {
	margin: 0 0 30px;
}

.top_feature .feature_list > ul > li .img_column:after {
	display: block;
	clear: both;
	content: "";
}

.top_feature .feature_list > ul > li .img_column .col_l {
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
}

.top_feature .feature_list > ul > li .img_column .col_l .img {
	margin: 0 0 15px;
}

.top_feature .feature_list > ul > li .img_column .col_l .img .icon_fee {
	display: block;
	width: 120px;
	margin: 0 auto;
}

.top_feature
	.feature_list
	> ul
	> li
	.img_column
	.col_l
	.img
	.icon_terminal_sphone,
.top_feature .feature_list > ul > li .img_column .col_l .img .icon_phone {
	display: block;
	width: 65px;
	margin: 0 auto;
}

.top_feature
	.feature_list
	> ul
	> li
	.img_column
	.col_l
	.img
	.icon_terminal_sphone
	img {
	width: 30px;
}

.top_feature .feature_list > ul > li .img_column .col_r {
	overflow: hidden;
	zoom: 1;
}

.top_feature .feature_list > ul > li .img_column .col_r .link_list li {
	margin: 0 0 5px;
}

.top_feature
	.feature_list
	> ul
	> li
	.img_column
	.col_r
	.link_list
	li:last-child {
	margin: 0;
}

.top_feature .feature_list > ul > li .txt p {
	line-height: 1.8;
}

.top_feature .caution_txt {
	margin: 20px 0 0;
	color: #444;
	font-size: 1.2rem;
}

@media only screen and (max-width: 736px) {
	.top_feature .feature_list > ul {
		display: block;
		margin: 0;
	}

	.top_feature .feature_list > ul > li {
		width: 100%;
		margin: 15px 0 0;
		font-size: 1.2rem;
	}

	.top_feature .feature_list > ul > li,
	.top_feature .feature_list > ul > li > ul > li {
		padding: 20px 15px;
	}

	.top_feature .feature_list > ul > li:first-child {
		margin: 0;
	}

	.top_feature .feature_list > ul > li .img_column {
		margin: 0 0 10px !important;
	}

	.top_feature .feature_list > ul > li .img_column .col_l {
		margin: 0 15px 0 0;
	}

	.top_feature .feature_list > ul > li .img_column .col_l .img {
		margin: 0 0 10px;
	}

	.top_feature .feature_list > ul > li .img_column .col_l .img .icon_fee {
		width: 90px;
	}

	.top_feature
		.feature_list
		> ul
		> li
		.img_column
		.col_l
		.img
		.icon_terminal_sphone,
	.top_feature .feature_list > ul > li .img_column .col_l .img .icon_phone {
		width: 45px;
	}

	.top_feature
		.feature_list
		> ul
		> li
		.img_column
		.col_l
		.img
		.icon_terminal_sphone
		img {
		width: 20px;
	}

	.top_feature .feature_list > ul > li > .img > img {
		width: 150px;
		margin: 0 auto 20px;
		padding: 0;
	}

	.top_feature .feature_list > ul > li > .txt,
	.top_feature .caution_txt {
		margin: 10px 0 0;
	}

	.top_feature .feature_list > ul > li:nth-child(2) {
		margin-top: 20px !important;
	}
}

/*こんな人にQTモバイルがピッタリ！
---------------------------------------------------------- */
.top_worth_seeing .ballon_list ul li.list {
	position: relative;
	margin: 20px 0 0;
	padding: 30px 25px;
	color: #000;
	font-size: 1.6rem;
	background: #fff;
	border: 1px solid #aacd06;
	border-radius: 6px;
}

.top_worth_seeing .ballon_list ul li.list:first-child {
	margin: 0;
}

.top_worth_seeing .ballon_list ul li.list .img_column {
	margin: 0 0 10px;
}

.top_worth_seeing .ballon_list ul li.list .img_column:after {
	display: block;
	clear: both;
	content: "";
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l {
	float: left;
	margin: 0 8px 0 0;
	text-align: center;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon01 {
	width: 66px;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon02 {
	width: 59px;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon03 {
	width: 48.5px;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon04 {
	width: 53.5px;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon05 {
	width: 54px;
}

.top_worth_seeing
	.ballon_list
	ul
	li.list
	.img_column
	.col_l
	.img
	[class*="icon"] {
	display: block;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img img {
	height: auto;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_r {
	padding: 10px 0 18px;
	overflow: hidden;
	zoom: 1;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon {
	position: relative;
	padding: 15px;
	font-weight: 700;
	letter-spacing: 0.01em;
	background-color: #eee;
	border-radius: 6px;
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon:after {
	position: absolute;
	bottom: -11px;
	left: 6px;
	display: block;
	width: 24px;
	height: 11px;
	background: url(../img/index/icon_ballon.png) left bottom no-repeat;
	background-size: 24px auto;
	content: "";
}

.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon span {
	font-size: 1.4rem;
}

.top_worth_seeing .ballon_list ul li.list > .txt p {
	line-height: 1.8;
}

.sp_ballon_slider .slick-prev,
.sp_ballon_slider .slick-next {
	position: absolute;
	top: 50%;
	z-index: 100;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	background: #138800;
	border: none;
	border-radius: 50%;
	outline: none;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sp_ballon_slider .slick-prev {
	left: -2.5%;
}

.sp_ballon_slider .slick-next {
	right: -2.5%;
}

.sp_ballon_slider .slick-prev:before {
	display: inline-block;
	width: 10px;
	height: 20px;
	background: url(../img/index/icon_arrow_white_r.png) left center no-repeat;
	background-size: 10px auto;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	content: "";
}

.sp_ballon_slider .slick-next:before {
	display: inline-block;
	width: 10px;
	height: 20px;
	background: url(../img/index/icon_arrow_white_r.png) left center no-repeat;
	background-size: 10px auto;
	content: "";
}

@media only screen and (min-width: 737px) {
	.top_worth_seeing .ballon_list ul li.list:nth-child(even) .img_column .col_l {
		float: right;
		margin: 0 0 0 8px;
	}

	.top_worth_seeing
		.ballon_list
		ul
		li.list:nth-child(even)
		.img_column
		.col_l
		.img
		[class*="icon"]
		img {
		-webkit-transform: scale(-1, 1);
		transform: scale(-1, 1);
	}

	.top_worth_seeing
		.ballon_list
		ul
		li.list:nth-child(even)
		.img_column
		.col_r
		.ballon:after {
		right: 6px;
		left: auto;
		-webkit-transform: scale(-1, 1);
		transform: scale(-1, 1);
	}
}

@media only screen and (max-width: 736px) {
	.top_worth_seeing .white_cover_radius {
		padding: 0;
	}

	.top_worth_seeing .ballon_list > ul {
		display: block;
		margin: 0;
	}

	.top_worth_seeing .ballon_list ul li.list {
		width: 100%;
		margin: 0;
		padding: 15px 20px;
		font-size: 1.2rem;
		border: none;
	}

	.top_worth_seeing .ballon_list ul li.list:first-child {
		margin: 0;
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_l {
		margin: 0 13px 0 0;
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_r {
		padding: 0 0 0 12px;
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon {
		font-size: 1.3rem;
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon:after {
		position: absolute;
		bottom: 5px;
		left: -12px;
		display: block;
		width: 12px;
		height: 10px;
		background: url(../img/index/icon_sp_ballon.png) right bottom no-repeat;
		background-size: 12px auto;
		content: "";
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon01,
	.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon02,
	.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon03,
	.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon04,
	.top_worth_seeing .ballon_list ul li.list .img_column .col_l .img .icon05 {
		margin: 0 0 0 15px;
	}

	.top_worth_seeing .ballon_list ul li.list .img_column .col_r .ballon span {
		font-size: 1.1rem;
	}
}

/*TVCM放送中 20210106撤去
---------------------------------------------------------- */
/*.sales_section { padding: 0; }*/

.sales_section .sales_column {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.sales_section .sales_column h2 {
	position: absolute;
	top: -105px;
	left: -72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.3;
	letter-spacing: 0.01rem;
	text-align: center;
	background-color: #539301;
	border-radius: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.sales_section .sales_column h2 br {
	display: none;
}

.sales_section .sales_column .movie {
	width: 480px;
}

.sales_section .sales_column .bnr_list {
	width: 468px;
	margin: 0 0 0 20px;
}

.sales_section .sales_column .bnr_list > ul > li {
	margin: 25px 0 0;
}

.sales_section .sales_column .bnr_list > ul > li:first-child {
	margin: 0;
}

.sales_section .sales_column .movie a,
.sales_section .sales_column .bnr_list > ul > li a {
	display: block;
}

html:not(.is_touch) .sales_section .sales_column .movie a:hover img,
html:not(.is_touch)
	.sales_section
	.sales_column
	.bnr_list
	> ul
	> li
	a:hover
	img {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*.sales_section .bnr_list02{
    max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.sales_section .bnr_list02 > p a:hover img {
	opacity: .6;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}*/

@media only screen and (max-width: 736px) {
	.sales_section {
		padding: 0 3%;
	}

	.sales_section .sales_column p {
		color: #138800;
		font-weight: 700;
		font-size: 1.7rem;
		text-align: center;
	}

	.sales_section .sales_column {
		display: block;
	}
	.sales_section .sales_column .movie,
	.sales_section .sales_column .bnr_list {
		width: 100%;
	}

	.sales_section .sales_column .bnr_list,
	.sales_section .sales_column .bnr_list > ul > li {
		margin: 15px 0 0;
	}
}
/*	.sales_section .bnr_list02 {
		display: block;
		width: 95%;
	}
	.sales_section .bnr_list02 p:first-child { margin: 0 0 2%; }
}
*/
/*お知らせ
---------------------------------------------------------- */
.news_block {
	padding: 60px 50px;
}

.news_ttl {
	display: table;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 4px;
	overflow: hidden;
	font-size: 1.7rem;
	background: url(../img/index/ttl04_line.gif) 0 bottom no-repeat;
	zoom: 1;
}

.news_ttl h2 {
	display: table-cell;
	padding-bottom: 8px;
	text-align: left;
	vertical-align: bottom;
}

.news_ttl p {
	display: table-cell;
	width: 136px;
	padding-bottom: 8px;
	text-align: right;
	vertical-align: bottom;
}

.news_block .news_box {
	clear: both;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.news_block .news_box .date {
	float: left;
	width: 85px;
	margin-right: 5px;
	font-weight: 700;
}

.news_block .news_box .txt {
	overflow: hidden;
	zoom: 1;
}

.news_block .category,
.news_detail .category {
	float: left;
	width: 120px;
	margin-right: 20px;
	padding-left: 12px;
	font-size: 1.2rem;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}

.news_block .simd,
.news_detail .simd {
	background: url(../img/index/mark_simd.png) left repeat-y;
}

.news_block .sima,
.news_detail .sima {
	background: url(../img/index/mark_sima.png) left repeat-y;
}

.news_block .sims,
.news_detail .sims {
	background: url(../img/index/mark_sims.png) left repeat-y;
}

.news_block .uq,
.news_detail .uq {
	background: url(../img/index/mark_uq.png) left repeat-y;
}

.news_block .others,
.news_detail .others {
	background: url(../img/index/mark_others.png) left repeat-y;
}

.news_block .sim_ad,
.news_detail .sim_ad {
	background: url(../img/index/mark_sim_ad.png) left repeat-y;
}

.news_block .press,
.news_detail .press {
	background: url(../img/index/mark_press.png) left repeat-y;
}

.news_block .sim_all,
.news_detail .sim_all {
	background: url(../img/index/mark_sim_all.png) left repeat-y;
}

.news_block .cp_block {
	margin: 40px auto 60px;
}

.news_block .cp_block p {
	float: left;
}

.news_block .cp_block p + p {
	float: right;
}

html:not(.is_touch) .news_block a img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

html:not(.is_touch) .news_block a:hover img {
	opacity: 0.6;
}

@media only screen and (max-width: 736px) {
	.news_block {
		padding: 3% 5%;
	}

	.news_ttl {
		margin-bottom: 10px;
	}

	.news_block .news_box .txt {
		clear: both;
		padding-top: 10px;
	}

	.news_block .news_box img {
		width: auto;
	}

	.news_block .cp_block {
		margin: 40px 0 0;
	}

	.news_block .cp_block p {
		float: none;
	}

	.news_block .cp_block p + p {
		float: none;
		margin: 20px 0;
	}
}

/*契約していないのに荷物が届いた時は
---------------------------------------------------------- */
.atention {
	font-size: 1.5rem;
	text-align: right;
}

.atention::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: -5px;
	background: url(../img/common/icon_exclamation.png) no-repeat;
	background-size: 100%;
	content: "";
}

@media only screen and (max-width: 736px) {
	.atention {
		text-align: center;
	}

	.atention::before {
		width: 20px;
		height: 20px;
		margin-right: 5px;
		vertical-align: -4px;
	}
}

/*最新の障害・メンテナンス情報
---------------------------------------------------------- */
.failure_area_pc {
	height: 60px;
	margin: 0 auto;
	padding: 20px 0 0 50px;
	background: url(../img/index/icon_failure.gif) no-repeat;
	background-position: 298px 7px;
	border: solid #cf2b23 3px;
}

.top_caution {
	width: 99%;
	margin: 3px 0.5%;
	padding: 20px;
	font-weight: 700;
	font-size: 110%;
	text-align: center;
	border: solid #cf2b23 3px;
}
.top_caution a {
	color: #cf2b23;
}

.top_caution_left {
	width: 980px;
	margin: 3px auto;
	padding: 20px 20px 15px;
	font-weight: 700;
	font-size: 110%;
	text-align: left;
	border: solid #cf2b23 3px;
}
.top_caution_left p {
	width: 900px;
	margin: auto;
}
.top_caution_left a {
	color: #cf2b23;
}

@media only screen and (max-width: 736px) {
	.top_caution {
		width: 98%;
		margin: 1%;
		font-size: 100%;
	}

	.top_caution_left {
		width: 98%;
		margin: 1% auto;
	}
	.top_caution_left p {
		width: 100%;
		margin-left: 5px;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* メイン下ボタン  
------------------------------------------------------*/
.main_list {
	font-weight: 700;
	font-size: 1.8rem;
	display: flex;
	justify-content: space-between;	
	color: #fff;
	text-align: center;
	transition: 1.0s ;
}
.main_list:hover  {
	opacity: 0.5 ;
}
.main_list li {
	width: 50%;
	padding: 20px;
}
.main_list li div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 486px;
}
.main_list li.main_list_item_simulation {
	background: #c00;
}
.main_list li.main_list_item_simulation div {
	float: right;
}
.main_list li.main_list_item_member {
	background: #f8a023;
}
.main_list li.main_list_item_simulation .cmn_btn04 {
	color: #c00 !important;
	background-color: #fff;
	background-image: url(../img/index/icon_arrow_red_r.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px auto;
	border-radius: 99em !important;
}

.main_list li.main_list_item_member .cmn_btn04 {
	color: #f8a023 !important;
	background-color: #fff;
	background-image: url(../img/index/icon_arrow_orange_r.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px auto;
	border-radius: 99em !important;
}	
.main_list a{
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

.main_list .cmn_btn {
	display: table;
	width: 240px;
	min-height: 40px;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.3;
	letter-spacing: 0.1rem;
}

.main_list li.main_list_item_simulation .cmn_btn04 {
	color: #c00 !important;
	background-color: #fff;
	background-image: url(../img/index/icon_arrow_red_r.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px auto;
	border-radius: 99em !important;
}

.main_list li.main_list_item_member .cmn_btn04 {
	color: #f8a023 !important;
	background-color: #fff;
	background-image: url(../img/index/icon_arrow_orange_r.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 10px auto;
	border-radius: 99em !important;
}

/* SP_縦並び */
@media only screen and (max-width: 736px) {
	.main_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		color: #fff;
		font-weight: 700;
		font-size: 1.4rem;
	}
	.main_list li {
		width: 100%;
		padding: 10px;
	}
	.main_list li div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.main_list .cmn_btn {
		width: 55%;
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	.main_list li.main_list_item_simulation .cmn_btn04 {
		background-image: url(../img/index/icon_arrow_red_r.png);
		background-position: right 12px center;
		background-size: 8px auto;
	}

	.main_list li.main_list_item_member .cmn_btn04 {
		background-image: url(../img/index/icon_arrow_orange_r.png);
		background-position: right 12px center;
		background-size: 8px auto;
	}
}
/* SP_横並び */
/* @media only screen and (max-width: 736px) {
	.main_list {
		font-size: 1.0rem;
	}
	.main_list li {
		padding: 10px;
		width: 50%;
	}
	.main_list li div {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.main_list .cmn_btn {
		width: 57%;
		min-height: 20px;
		font-size: 0.8rem;
		letter-spacing: 0;
	}

	.main_list .cmn_btn a {
		padding-right: 4%;
	}

	.main_list li.main_list_item_simulation .cmn_btn04 {
		background-image: url(../img/index/icon_arrow_orange_r.png);
		background-position: right 6px center;
		background-size: 6px auto;
	}
	
	.main_list li.main_list_item_member .cmn_btn04 {
		background-image: url(../img/index/icon_arrow_red_r.png);
		background-position: right 6px center;
		background-size: 6px auto;
	}
}
 */

/* メイン下バナーエリア */
.mainv_bnr {
	background: #f5f5d9;
}
.mainv_bnr ul {
	display: flex;
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 14px;
	justify-content: space-between;
}
.mainv_bnr ul li img {
	border: #e3e3e3 1px solid;
	border-radius: 15px;
	box-shadow: 2px 2px 4px gray;
}
.mainv_bnr ul li a:hover {
	opacity: 0.6;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media only screen and (max-width: 736px) {
	.mainv_bnr ul {
		display: block;
		width: 100%;
		padding: 2%;
	}
	.mainv_bnr ul li img {
		width: 100%;
		margin: 2% 0;
	}
}

/* --------------------------------------------------
boxcaution
-------------------------------------------------- */
.boxcaution {
	width: 100%;
	margin: 0 auto 1em !important;
	padding: 20px;
	font-weight: bold;
	border: solid #cf2b23 3px;
}
.boxcaution .boxcaution-inner{
	max-width: 980px;
	margin: 0 auto;
}
.boxcaution .boxcaution-h{
	color: #cf2b23;
	text-align: center;
	display: table;
	table-layout: fixed;
	margin: 0 auto !important;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}
.boxcaution .boxcaution-h:before{
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	background: #cf2b23;
	position: absolute;
	left: auto;
	right: calc(100% + 20px);
	top: 50%;
	transform: translateY(-50%);
}
.boxcaution .boxcaution-h:after{
	content: '';
	display: block;
	width: 12px;
	height: 2px;
	background: #cf2b23;
	position: absolute;
	right: auto;
	left: calc(100% + 20px);
	top: 50%;
	transform: translateY(-50%);
}
.boxcaution p {
	margin: auto; 
	padding: 20px 0;
	color: #cf2b23;
}
.boxcaution p:last-child {
	padding-bottom: 0;
}
.boxcaution p + p {
	padding-top: 0;
}
.boxcaution p a{
	display: flex;
	align-items: center;
	color: #cf2b23;
	text-decoration: none;
}
.boxcaution p a time{
	margin-right: 2em; 
	white-space: nowrap;
}
.boxcaution p a[target='_blank'] .boxcaution-ttl:after{
    width: 17px;
    height: 17px;
	background-image: url("../img/common/ico_external_red.svg");
    display: inline-block;
    margin-left: 10px;
    content: '';
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
.boxcaution p a[href$='.pdf'] .boxcaution-ttl:after {
    display: inline-block;
    width: 22px;
    height: 25px;
    margin-left: 5px;
    content: '';
    background-image: url(../img/common/ico_pdf.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
@media screen and (max-width: 560px){
	.boxcaution {
		padding: 15px 20px;
	}
	.boxcaution .boxcaution-h{
		font-size: 3.73333vw;
	}
	.boxcaution p {
		padding: 10px 0;
	}
	.boxcaution p a{
		flex-wrap: wrap;
	}
	.boxcaution p a[target='_blank'] .boxcaution-ttl:after{
		width: 15px;
		height: 15px;
	}
	.boxcaution p a[href$='.pdf'] .boxcaution-ttl:after {
		width: 15px;
		height: 18px;
	}
}

/*ご利用の方はもっとおトク
---------------------------------------------------------- */
.suggest_area .section_ttl{
	color: #212121;
	font-weight: 700;
	font-size: 1.8em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.suggest_area .section_ttl h2{
	font-size: 1.4em;
}

.suggest_area .section_ttl h2:before{
	position: relative;
	content: url('../img/index/kami_icon.png');
	margin: 0 0.8em 0 0;
	top: 28px;	
}
.suggest_area .section_ttl h2:after{
	position: relative;
	content: url('../img/index/kami_icon.png');
	margin: 0 0 0 0.4em;
	top: 28px;	
}
.suggest_area .section_ttl .version{
	margin: 1.5em 0 2em!important;
	color: #212121!important;
}
.f_red{ color: #e71818;}
.f_blue{ color: #0073bd;}

@media only screen and (max-width: 736px) {
	.suggest_area .section_ttl{
		width: 90%;
	}
	.suggest_area .section_ttl h2:before,
	.suggest_area .section_ttl h2:after{
		content:none;
	}
	.suggest_area .section_ttl h2{
		font-size: 1em;
	}
	.suggest_area .section_ttl .version{
		margin: 1em 0!important;
		font-size: 0.6em!important;
	}
}



/*「QTモバイルは乗り換えが簡単」
---------------------------------------------------------- */
.norikae_area{
	padding: 3em 0;
	text-align: center;
}
@media only screen and (max-width: 736px) {
	.norikae_area{
		padding: 5% 0;
	}
}
.norikae_area .section_ttl h2:before{
	position: relative;
/*	content: url('../img/index/ttl_icon02.png');*/
	margin: 0 0.5em 0 0;
	top: 5px;	
}
.norikae_area .page_fit_contents{
	display: flex;
	justify-content: space-around;
}
.norikae_area .page_fit_contents .service{
	background-color: #FFFFFF;
	border: 2px solid #aacc03;
	padding: 3%;
	width: 460px;
	border-radius: 20px;
}
.norikae_area .page_fit_contents h4{
	font-weight: 700;
	font-size:1.5em;
	margin-bottom: 0.8em;
}

@media only screen and (max-width: 736px) {
	.norikae_area .page_fit_contents{
		display: block;
	}
	.norikae_area .norikae_area_in{
		width: 90%;
		margin: 0 auto;
	}
	.norikae_area .page_fit_contents .service{
		width: 100%;
		padding: 4% 0 6%;
	}
	.norikae_area .page_fit_contents h4{
		font-size: 1.2em;
		margin-bottom: 0.3em;
	}
}

.norikae_area .page_fit_contents .btn{
	margin: 2em 0 0;
	font-weight: 700;
}
.norikae_area .page_fit_contents .btn a{
    text-decoration-line: none;
    padding: 12px 50px;
    position: relative;
	background-color: #aacc03;
	border-radius: 99em;
	color: #fff;
	transition: 1.0s ;
}
.norikae_area .page_fit_contents .btn a:hover{
	opacity: 0.5 ;
}
.norikae_area .page_fit_contents .btn a::before{
	position: absolute;
    top: 50%;
    right: 18px;
    content: '';
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 736px) {
	.norikae_area .page_fit_contents .btn{
		margin: 1.5em 0 0;
	}
	.norikae_area .page_fit_contents .btn a{
		padding: 10px 55px;
	}
}

/*「オプションがシンプル」
---------------------------------------------------------- */
.option_area{
	padding: 3em 0;
	text-align: center;
	width: 980px;
	margin: 0 auto;
}
@media screen and (max-width: 736px){
	.option_area{
		width: 100%;
		padding: 5% 0;
	}
	.option_area .option_area_in{
		width: 95%;
		margin: 0 auto;
	}
}

.option_area .page_fit_contents{
	display: flex;
	justify-content: space-between;
	transition: 1.0s ;	
}
.option_area .page_fit_contents .option_icon{
	width:169px;
	display: block;
}
.option_area .hover a{
	overflow: hidden;
	position: relative;
}
.option_area .hover img{
    width: 100%;
    transition: .3s;
  }
.option_area .page_fit_contents .option_icon .img_1{
    position: relative;
    z-index: 2;
  }
.option_area .page_fit_contents .option_icon .img_2{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
.option_area .page_fit_contents .option_icon .img_1:hover{
    opacity: 0;
}
@media screen and (max-width: 736px){
	.option_area .page_fit_contents{
		/* 以下の設定は必須 */
		scroll-snap-type: x mandatory;
		width: 100%;
		overflow-x: scroll;
		display: flex;
		justify-content: space-between;
		flex-wrap: initial;
		-webkit-overflow-scrolling: touch; /* スマホ対応のため必須 */
		overflow-scrolling: touch; /* スマホ対応のため必須 */
	}
	.option_area .page_fit_contents > li{
		scroll-snap-align: center;
		height: 100%;
		width: 100%;
		flex: none;
		/* 文字の上下左右中央寄せのための記述 */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.option_area .page_fit_contents .option_icon{
		width: 40%;
		margin-right: 5%;
	}
	.option_area .page_fit_contents .option_icon:last-child{
		margin-right: 0;
	}		
}

/*「QTモバイルは相談しやすい」
---------------------------------------------------------- */
.contact_area{
	padding: 3em 0;
	text-align: center;
}
@media screen and (max-width: 736px){
	.contact_area{
		padding: 5% 0;
	}
	.contact_area_in{
		width: 95%;
		margin: 0 auto;
	}
}
.contact_area .shop{
	background-color: #FFFFFF;
    border: 2px solid #aacc03;
    padding: 3% 5%;
    border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 980px;
	margin: 0 auto 2em;	
}
.contact_area .shop .map{
	max-width: 206px;
}
.contact_area .shop .shop_content{
	width: calc(100% - 230px);
}
.contact_area .shop .shop_content h4{
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 0.6em;
}
.contact_area .shop .shop_content .txt{
	margin-bottom: 2em;
}
.contact_area .shop .shop_content .shop_btn_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.contact_area .shop .shop_content .shop_btn_area li,
.contact_area .shop .shop_content .shop_btn_area .satebtn{
    width: 32%;
    background-color: #aacc03;
    padding: 14px 0;
	transition: 1.0s ;	
	margin: 0.3em 0;
}
.contact_area .shop .shop_content .shop_btn_area .satebtn{
	width: 98.8%;
}
.contact_area .shop .shop_content .shop_btn_area li:hover,
.contact_area .shop .shop_content .shop_btn_area .satebtn:hover{
	background-color: #d2dba8;
}
.contact_area .shop .shop_content .shop_btn_area a{
	text-decoration-line: none;
	font-weight: 700;
	font-size: 1.1em;
	color: #fff;
	display: block;
	position: relative;
	padding-right: 6px;
}
.contact_area .shop .shop_content .shop_btn_area a::before{
	position: absolute;
    top: 50%;
    right: 12px;
    content: '';
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.contact_area .shop .shop_content .shop_btn_area .satellite{
	width: 65%!important;
	background-color: #fff;
	border: 1px solid #aacc03;
}
.contact_area .shop .shop_content .shop_btn_area .satellite a{
	color: #aacc03;
}
.contact_area .shop .shop_content .shop_btn_area .satellite a::before{
	border-top: 2px solid #aacc03!important;
    border-right: 2px solid #aacc03!important;
}

@media screen and (max-width: 736px){
	.contact_area .shop,
	.contact_area .contact{
		width: 100%!important;
	}
	.contact_area .shop{
		display: block;
		padding: 3% 4%;
		margin: 0 auto 2%;
	}
	.contact_area .shop .map{
		display: none;
	}
	.contact_area .shop .shop_content{
		width: 100%;
	}
	.contact_area .shop .shop_content .txt{
		margin-bottom: 1em;
	}
	.contact_area .shop .shop_content .shop_btn_area li{
		width: 45%;
		padding: .6em 0;
	}
	.contact_area .shop .shop_content .shop_btn_area .satebtn{
		padding: .6em 0;
	}
	.contact_area .shop .shop_content .shop_btn_area a::before{
		right: 8px;
		width: 6px;
    	height: 6px;
	}
	.contact_area .shop .shop_content .shop_btn_area .satellite{
		width: 95%!important;
	}
}
.contact_area .contact {
	display: flex;
	justify-content: space-between;
	width: 980px;
	margin: 0 auto 2em;
}
.contact_area .contact .contact_inner{
    width: 316px;
}
.contact_area .contact .contact_inner h4{
	font-weight: 700;
    font-size: 1.2em;
    margin-bottom: 0.6em;
}
.contact_area .btn a{transition: 1.0s ;}
.contact_area .btn a:hover{opacity: 0.5 ;}
.contact_area .hover a{
	overflow: hidden;
	position: relative;
}
.contact_area .hover img{
    width: 100%;
    transition: .5s;
  }
.contact_area .contact .contact_inner .img_1{
    position: relative;
    z-index: 2;
  }
.contact_area .contact .contact_inner .img_2{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
.contact_area .contact .contact_inner .img_1:hover{
    opacity: 0;
}
@media screen and (max-width: 736px){
	.contact_area .contact {
		display: block;
		margin-bottom: 2%;
	}
	.contact_area .contact .contact_inner{
		width: 100%;
		padding: 0;
		margin-bottom: 2%;
	}
	.contact_area .contact .contact_inner h4{
		display: none;
	}
	.contact_area .contact .contact_inner .img img{
		border-radius: 20px;
	}
}

/*「ご利用中のお客さま」
---------------------------------------------------------- */
.user_area{
	padding: 3em 0;
	text-align: center;
}
.user_area .section_ttl{
	margin-bottom: 1em;
}
.user_area .page_fit_contents{
	display: flex;
	justify-content: space-between;
}
.user_area .page_fit_contents li a{
	transition: 1.0s ;
}
.user_area .page_fit_contents li a:hover{
/*	opacity: 0.5 ;*/
}
.user_area .page_fit_contents .hover a{
	overflow: hidden;
	position: relative;
}
.user_area .page_fit_contents .hover img{
    width: 100%;
    transition: .5s;
}
.user_area .page_fit_contents .hover .img_1{
    position: relative;
    z-index: 2;
  }
.user_area .page_fit_contents .hover .img_2{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
.user_area .page_fit_contents .hover .img_1:hover{
    opacity: 0;
}
@media screen and (max-width: 736px){
	.user_area{
		padding: 5% 0;
	}
	.user_area_in{
		width: 95%;
		margin: 0 auto;
	}
	.user_area .section_ttl{
		margin-bottom: 2%;
	}
	.user_area .page_fit_contents{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.user_area .page_fit_contents li{
		width: 45%;
		margin: 2% 0;
	}
}


/*お知らせ
---------------------------------------------------------- */
.news_area{
	padding: 3em 0;
	text-align: center;
}
.news_block_out{
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 20px;
}
@media screen and (max-width: 736px){
	.news_area{
		padding: 5% 0;
	}
	.news_block_out{
		width: 95%;
	}
}
/*「キャンペーン」
---------------------------------------------------------- */
.campaign_area{
	padding: 3em 0;
	text-align: center;
}
.campaign_area .section_ttl{
	margin-bottom: 1em;
}
.campaign_area .page_fit_contents{
	display: flex;
	justify-content: space-between;
}
.campaign_area .page_fit_contents li a{
	transition: 1.0s ;
}
.campaign_area .page_fit_contents li a:hover{
	opacity: 0.5 ;
}
@media screen and (max-width: 736px){
	.campaign_area{
		padding: 5% 0;
	}
	.campaign_area_in{
		width: 95%;
	}
	.campaign_area .section_ttl{
		margin-bottom: 2%;
	}
	.campaign_area .page_fit_contents{
		display: block;
	}
	.campaign_area .page_fit_contents li{
		margin-bottom: 2%;
	}
}


/*「TVCM」
---------------------------------------------------------- */
.tvcm_area{
	padding: 3em 0;
	text-align: center;
}
.tvcm_area .section_ttl{
	margin-bottom: 1em;
}
.tvcm_block{
	width: 980px;
	margin: 0 auto;
}
.tvcm_area .tvcm_block .movie a{
	transition: 1.0s ;
}
.tvcm_area .tvcm_block .movie a:hover{
	opacity: 0.5 ;
}
@media screen and (max-width: 736px){
	.tvcm_area{
		padding: 5% 0;
	}
	.tvcm_area .tvcm_block{
		width: 95%;
	}
	.tvcm_area .section_ttl{
		margin-bottom: 2%;
	}
}



/*----------------------------------------
------------------------------------------
 2022/10リニューアル追記分 index
------------------------------------------ */

/*.about_qt_area
------------------------------------------- */
	

/*.about_qt_area
------------------------------------------- */
.about_qt_area{
	background: #AACC03;
	margin: 160px 0;
	position: relative;
}
.about_qt_area::before {
	content: "";
	display: block;
	width: 105%;
	height: 110px;
	position: absolute;
	top: -74px;
	border-radius: 50% 50% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: 0;
}

.about_qt_area::after {
	content: "";
	display: block;
	width: 110%;
	height: 110px;
	position: absolute;
	bottom: -74px;
	border-radius: 0 0 50% 50%;
	left: 50%;
	transform: translateX(-50%);
	background: #AACC03;
	z-index: -1;
}

.about_qt_area_inner{
	position: relative;
}
.about_qt_area_inner::before {
	content: "";
	display: block;
	width: 30%;
	height: 27em;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	right: 76%;
	background: url(../img/index/aboutqt_bottom2022.png) no-repeat center / contain;
	z-index: 0;
	pointer-events: none;
}

.about_qt_area_inner::after {
	content: "";
	display: block;
	width: 30%;
	height: 27em;
	position: absolute;
	top: 10%;
	transform: translateY(-50%);
	left: 76%;
	background: url(../img/index/aboutqt_top2022.png) no-repeat center / contain;
	z-index: 0;
	pointer-events: none;
}

.about_qt_area h2{
	text-align: center;
	margin-bottom: 30px;
}
.about_qt_area p.about_qt_lead{
	font-size: 3.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.about_qt_area p.about_qt_txt{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 1200px){
	.about_qt_area p.about_qt_lead{
		font-size: 3vw;
	}
	.about_qt_area p.about_qt_txt{
		font-size: 1.6vw;
	}
	
}


@media screen and (max-width: 736px){
	.about_qt_area_inner::after {
		top: 0%;
		left: auto;
		right: -7%;
		width: 50%;
		max-width: 240px;
	}
	
	.about_qt_area_inner::before {
		top: auto;
		bottom: 20%;
		right: auto;
		left: -9%;
		width: 50%;
		max-width: 240px;
	}

	.about_qt_area h2{
		position: relative;
		max-width: 80%;
		padding-top: 100px;
		margin: 0 auto 30px;
	}
	.about_qt_area h2::before {
		content: "";
		display: block;
		width: 5.5em;
		height: 5em;
		position: absolute;
		top: 0;
		right: 76%;
		background: url(../img/index/aboutqt_deco.svg) no-repeat center / contain;
		z-index: 1;
		pointer-events: none;
	}


	.about_qt_area p.about_qt_lead{
		font-size: 2.6rem;
	}
	.about_qt_area p.about_qt_txt{
		font-size: 1.6rem;
		margin-bottom: 80px;
		padding-bottom: 100px;
		position: relative;
	}
	.about_qt_area p.about_qt_txt::before {
		content: "";
		display: block;
		width: 5.5em;
		height: 5em;
		position: absolute;
		bottom: 0;
		left: 67%;
		background: url(../img/index/aboutqt_deco.svg) no-repeat center / contain;
		transform: scale(-1,-1);
		z-index: 1;
		pointer-events: none;
	}
}

/*col2
------------------------------------------- */
.col2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.col2 >div{
	width: 48%;
}
@media screen and (max-width: 736px){
	.col2 >div{
		width: 100%;
	}
}

/*consultation_area
------------------------------------------- */
.service_area figure,
.consultation_area figure{
	text-align: center;
}
.service_area figure figcaption,
.consultation_area figure figcaption{
	font-size: 2.6rem;
	line-height: 2;
	margin-top: 20px;	
}
.service_area figure figcaption strong,
.consultation_area figure figcaption strong{
	font-size: 4.8rem;
	line-height: 1.4;
}

.consultation_area{
	margin-bottom: 160px;
}
.consultation_area .border_box{
	padding: 1.5em;
}
.consultation_area .border_box .col2 >div:first-child{
	width: 35%;
}
.consultation_area .border_box .col2 >div:last-child{
	width: 60%;
}
@media screen and (max-width: 1020px) {
	.service_area figure figcaption,
	.consultation_area figure figcaption{
		font-size: 2.2rem;
		line-height: 2;
		margin-top: 20px;	
	}
	.service_area figure figcaption strong,
	.consultation_area figure figcaption strong{
		font-size: 4rem;
		line-height: 1.4;
	}
}

@media screen and (max-width: 736px) {

	.service_area figure figcaption,
	.consultation_area figure figcaption {
		font-size: 1.8rem;
	}

	.service_area figure figcaption strong,
	.consultation_area figure figcaption strong {
		font-size: 3.2rem;
	}

	.service_area .txt_link a,
	.consultation_area .txt_link a {
		font-size: 1.3rem;
	}
	.consultation_area .border_box .col2 >div:first-child,
	.consultation_area .border_box .col2 >div:last-child{
		width: 100%;
	}
	.consultation_area .border_box .col2 >div:first-child{
		margin-bottom: 20px;
	}
	.consultation_area .border_box{
		max-width: 300px;
		padding: 1.5em 4em;
		margin: 30px auto;
	}
}

/*otoku_area
------------------------------------------- */
.otoku_area{
	background: #EFF1F4;
	padding-bottom: 160px;
	margin-bottom: -60px;
}
.otoku_area::before {
	content: "";
	display: block;
	width: 100%;
	height: 75px;
	position: absolute;
	top: -74px;
	border-radius: 100% 100% 0 0;
	left: 50%;
	transform: translateX(-50%);
	background: #EFF1F4;
	z-index: 0;
}

.otoku_area .plan_6gb {
	border-radius: 30px;
}
.otoku_area .plan_6gb .otoku_price_area{
	border-radius: 30px;
}
.otoku_area .plan_6gb .otoku_price_area .otoku_text{
	font-size: 2.8rem;
	font-weight: bold;
}
.otoku_area .plan_6gb .otoku_price_area .otoku_price {
	margin: 10px 0 10px auto;
}
.otoku_area .plan_6gb .otoku_price_area .otoku_price:last-child{
	text-align: left;
	width: 48%;
}
.otoku_area .plan_6gb .otoku_price_area .otoku_price:last-child .price{
	margin-top: 30px;
	position: relative;
}
.otoku_area .plan_6gb .otoku_price_area .otoku_price:last-child .price:after{
	content: "";
	position: absolute;
	display: block;
	height: 25px;
	width: 28px;
	background: #000;
	right: auto;
	top: -30%;
	right: 0;
	background: url(../img/common/ico_dot2022.svg) no-repeat center center/ cover;
}

.otoku_area .plan_6gb .otoku_price:last-child:after{
	content: none;
}

.otoku_area .plan_6gb .otoku_price:last-child:before {
	content: "";
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	right: auto;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url(../img/common/icon_otoku_arrow_green2022.svg) no-repeat center center/ contain;
}

@media only screen and (max-width: 1020px){
	.otoku_area .plan_6gb .otoku_price_area{
		flex-wrap: wrap;
		justify-content: center;
	}
	.plan_6gb .otoku_price:last-child .price strong {
		font-size: 10rem;
	}
	  .otoku_area .plan_6gb .otoku_price:last-child:before{
		content: none;
	}
	.otoku_area .plan_6gb .otoku_price_area .otoku_price:last-child{
		text-align: center;
		width: 100%;
	}
	.otoku_area .plan_6gb .otoku_price:last-child:before {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 38px;
		right: auto;
		top: 10%;
		left: 50%;
		transform: translateY(-50%) rotate(90deg);
		background: url(../img/common/icon_otoku_arrow_green2022.svg) no-repeat center center/ contain;
	}
	.otoku_area .plan_6gb .otoku_price_area .otoku_text{
		text-align: center;
	}
  }

@media screen and (max-width: 736px){
	.otoku_area .plan_6gb{
		border-radius: 20px;
	}
	.otoku_area .plan_6gb .otoku_price_area .otoku_text{
		font-size: 2rem;
	}

	.otoku_area .plan_6gb .otoku_price:last-child:after{
		top: 40%;
		right: 5%;
	}
	.otoku_area .plan_6gb .otoku_price_area .otoku_price:last-child{
		text-align: center;
		width: 100%;
		padding-top: 40px;
	}
	.otoku_area .plan_6gb .otoku_price:last-child{
		padding-top: 20px;
	}

}

/*news_area
------------------------------------------- */
.news_area .inner{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-auto-rows: 1fr 3fr;
}
.news_area .dot_ttl{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size: 4.2rem;
	font-weight: bold;
	position: relative;
	padding-top: 0.7em;
	margin-bottom: 60px;
	text-align: left;
}
.news_area .dot_ttl::after{
	content: "";
	position: absolute;
	display: block;
	height: 45px;
	width: 39px;
	left: auto;
	top: 8%;
	right: 14%;
	background: url(../img/common/ico_dot2022.svg) no-repeat center center/ contain;
}
.news_area .news_wrap{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	margin-left: 30px;
	padding: 10px;
}
.news_area .news_list li a{
	text-align: left;
	text-decoration: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DEE1E5;
	display: block;
}

.news_area .news_list li a p{
	font-size: 1.6rem;
	line-height: 1.8;
	padding-right: 40px;
	position: relative;
}
.news_area .news_list li a p:not(.date_post)::after{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: url(../img/common/icon_arrow_black2022.svg) center no-repeat;
	transition: all .3s;
}

.news_area .news_list li a:hover p:not(.date_post)::after{
	right: .5em;
}
.news_area .news_list li a .date_post{
	margin-bottom: 18px;
}
.news_area .news_list li a p .news_category{
	font-size: 1.3rem;
	background: #fff;
	border: 2px soid #DEE1E5;
	padding: .4em 1em;
	margin-left: 10px;
	border-radius: 15px;
	display: inline-block;
}
.news_area .news_list li a p .news_category.press{
	color: #3d43a3;
	border: 2px solid #3d43a3;
}
.news_area .news_list li a p .news_category.simd{
	color: #cb1a17;
	border: 2px solid #cb1a17;
}
.news_area .news_list li a p .news_category.sima{
	color: #ff6000;
	border: 2px solid #ff6000;
}
.news_area .news_list li a p .news_category.sims{
	color: #5f5f5f;
	border: 2px solid #5f5f5f;
}
.news_area .news_list li a p .news_category.terminal{
	color: #00b0f0;
	border: 2px solid #00b0f0;
}
.news_area .news_list li a p .news_category.service{
	color: #85cd05;
	border: 2px solid #85cd05;
}
.news_area .news_list li a p .news_category.shop{
	color: #0eaa30;
	border: 2px solid #0eaa30;
}
.news_area .news_list li a p .news_category.others{
	color: #c98bd6;
	border: 2px solid #c98bd6;
}
.news_area .news_list li a p .ico-new{
	font-size: 1.6rem;
	font-weight: bold;
	color: #C03D5F;
	padding: 0 1em;
}
.news_area .news_link{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

@media screen and (max-width: 736px){
	.news_area .inner{
		display: block;
	}
	.news_area .dot_ttl{
		font-size: 3rem;
		text-align: center;
		padding-top: 50px;
		margin-bottom: 20px;
	}
	.news_area .dot_ttl:after{
		right: 50%;
		transform: translateX(50%);
	}
	.news_area .news_wrap{
		margin-left: 0;
	}
	.news_area .news_list li a p .news_category{
		font-size: 1.2rem;
	}
	.news_area .news_list li a p .ico-new{
		font-size: 1.4rem;
		padding: 0 .4em;
	}
	.news_area .news_list li a .date_post{
		font-size: 1.5rem;
	}
	.news_area .news_list li a p:not(.date_post){
		padding-right: 10px;
	}
	.news_area .news_list li a p:not(.date_post)::after{
		right: 0;
	}
	.news_area .news_link{
		margin-top: 50px;
	}
}	

/*no.1エンブレムバナーのリンク*/
.no1emblem a img:hover{
	opacity: 0.7;
}
.no1emblem a img{
	transition: .5s;
}