@charset "UTF-8";
/*!
 * ドットコムマスター
 /content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/
*/
body {
	background-image: url(/content/dam/nttcom/cmn/img/backgrounds/bg-l-about-us.jpg);
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:.875rem;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
h1{
	margin: 0;
}
h2{
	margin: 0;
	padding:0;
}
h3{
	margin: 0;
	padding:0;
}
img{
	max-width: 100%;
}
a:hover{
	opacity:0.6;
}
.txt_link:link{
	text-decoration:underline;
	line-height: 1.5;
}
.pc_only{display:block;}
.sp_only{display:none;}
.pc_only.inline{display:inline;}
.sp_only.inline{display:none;}
.pc_only.flex{display:flex;}
.sp_only.flex{display:none;}


@media screen and (max-width: 480px){
	.pc_only{display:none;}
	.sp_only{display:block;}
	.pc_only.inline{display:none;}
	.sp_only.inline{display:inline;}
	.pc_only.flex{display:none;}
	.sp_only.flex{display:flex;}
}
/*白い＞*/
.btn_arrow{
	position: relative;
}
.btn_arrow:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 48%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
/*黄色いボタン*/
.yellow_btn{
	background:#eec800;
	border-radius:5px;
	padding:20px 60px;
	margin-bottom:10px;
	color:#153c70;
	display:inline-block;
	box-shadow:0px 5px 0px 0px #dba00b;
	position: relative;
	line-height:1.5;
}
.yellow_btn:after {
	content: "";
	position: absolute;
	right: 20px;
	top: 48%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-bottom: 2px solid #153c70;
	border-right: 2px solid #153c70;
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
/*別窓アイコン*/
.blank{
	padding-right:15px;
}
.blank{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/icon_new_window.png) no-repeat bottom 5px right;
}
@media only screen and (max-width: 480px) {
	.yellow_btn{
		display:block;
		padding:20px;
	}
	.blank{
		background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/icon_new_window.png) no-repeat bottom 0 right;
	}
}
/*企業や学校などの団体ご担当者様へ*/
.fot_charge_block{
	background:#d0dde7;
	border-radius:5px;
	padding:25px 40px;
	margin-bottom:50px;
}
.fot_charge_ttl{
	display:flex;
	justify-content: center;
	align-items: center;
	font-size:1.25rem;
	color:#153c70;
}
.fot_charge_ttl .img{
	width:90px;
}
.fot_charge_ttl img{
	width:100%;
}
.fot_charge_ttl .txt{
	margin-left:10px;
	font-weight: 800;
}
.fot_charge_btn_wrap{
	display:flex;
	flex-wrap: wrap;
	margin-top:10px;
}
.fot_charge_btn_item{
	width:33%;
	padding:0 7px;
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}
.fot_charge_btn_item .last_btn{
	height:100%;
}
.fot_charge_btn_item a{
	background:#fff;
	border-radius:5px;
	padding:20px 20px 20px 40px;
	margin-bottom:10px;
	box-shadow:0px 5px 0px 0px #acc4d4;
	position: relative;
	width:100%;
	align-items: center;
	display:flex;
	color:#000;
	line-height:1.5;
}
.fot_charge_btn_item a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/arrow_circle.png);
	position: absolute;
	top: 50%;
	left:10px;
	transform:translateY(-50%)
}
@media only screen and (min-width: 768px) {
	.fot_charge_btn_item .lines2_btn {padding-top:10px;padding-bottom:10px;}
}
@media only screen and (max-width: 480px) {
	.fot_charge_block{
		padding:20px;
		border-radius:0;
	}
	.fot_charge_ttl{
		display:block;
		text-align:center;
	}
	.fot_charge_ttl p{
		margin:0 auto;
	}
	.fot_charge_btn_item{
		width:100%;
	}
}
/*700px幅のコンテンツ*/
.wdh700_conts {
	width: 700px;
	margin:0 auto;
}
@media only screen and (max-width: 480px) {
	.wdh700_conts {
		width: 100%;
		margin:0 auto;
	}
}
/*610px幅のコンテンツ*/
.wdh610_conts {
	width: 610px;
	margin:0 auto;
}
@media only screen and (max-width: 480px) {
	.wdh610_conts {
		width: 100%;
		margin:0 auto;
	}
}
/*42pxの青いタイトル*/
.general_heading{
	font-size:2.625rem;
	/* color:#073c6e; */
	margin:80px auto 0;
}
@media only screen and (max-width: 480px) {
	.general_heading{
		font-size:1.5rem;
		/* color:#073c6e; */
		margin:50px auto 0;
	}
}

/*基本的なH2*/
.def_primary_heading,
.grade_primary_heading,
.about_primary_heading,
.case_primary_heading,
.english_primary_heading{
	padding: 0 0 10px;
	color: #073c6e;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 800;
	border-bottom:1px solid #073c6e;
	line-height:1.5;
}

@media only screen and (max-width: 480px) {
	.def_primary_heading,
	.grade_primary_heading,
	.about_primary_heading,
	.case_primary_heading,
	.english_primary_heading{
		font-size: 1.1rem;
	}
}
/* =========================================================
 * TOP
 * @ com-master.html
 * ====================================================== */
/*TOP*/
.top_h1{
	margin-bottom:60px;
}
.top_h1 h1{
	/* font-size:2.75rem; */
	/* color:#073c6e; */
}
.diamond_side.grid-6{
	width:56% !important;
}
.diamond_side_inner{
	padding-left:200px;
}
.diamond_side h2{
	font-size:1.5rem;
	color:#073c6e;
	line-height:1.5;
	margin-bottom:10px;
	font-weight: 800;
}
.diamond_side p{
	margin-bottom:20px;
}
.diamond_side .recommend{
	line-height:1.5;
	border-top:2px solid #153c70;
	border-bottom:2px solid #153c70;
	padding:3px;
	text-align:center;
	margin-bottom:20px;
}
.diamond_side .recommend div{
	border-top:1px solid #153c70;
	border-bottom:1px solid #153c70;
	padding:10px;
	font-weight: 800;
}
.information{
	margin-top:40px;
}
.information h3{
	font-size:1rem;
	color:#073c6e;
	margin-bottom:10px;
	font-weight: 800;
}
.information_box{
	border:1px solid #9d9e9e;
	background:#fff;
	padding:15px 15px 0;
}

.information_box ul li{
	/* font-size:.75rem; */
	padding-bottom:20px;
}
@media only screen and (max-width: 768px) {
	.diamond_side_inner{
		padding-left:0;
	}
}

@media only screen and (max-width: 480px) {
	.diamond_side.grid-6{
		width:100% !important;
	}
	.top_h1 h1{
		font-size:1.875rem;
	}
	.diamond_side h2{
		text-align:center;
	}
	.information h3{
		text-align:center;
	}
}

.top_btm_block{
	margin-top:60px;
}
.top_btm_block h2{
	font-size:1.5rem;
	color:#073c6e;
	line-height:1.5;
	margin-bottom:10px;
	text-align:center;
	font-weight: 800;
}
.two_type_block{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:50px;
}
.two_type_block .type_block{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/top_conts_bg.png) no-repeat bottom right #cbe2b5;
	padding:20px;
	border-radius:10px;
	text-align:center;
	width:400px;
	position:relative;
}
.two_type_block .type_block .illust{
	width:70px;
	position:absolute;
	top:-20px;
	left:10px;
}
.two_type_block .type_block .illust img{
	width:100%;
}
.two_type_block .type_block .chath_txt{
	font-size:1.05rem;
	border-bottom:1px solid #000;
	display:inline-block;
	margin-bottom:35px;
	font-weight: 800;
}
.two_type_block .type_block .chath_txt br{
	display:none;
}
.two_type_block .type_block h3{
	font-size:2rem;
	color:#218a6e;
	font-weight: 800;
}
.two_type_block .type_block .ttl_txt{
	color:#218a6e;
	margin-bottom:40px;
	font-weight: 800;
}
.two_type_block .type_block .txt{
	width:70%;
	margin:0 auto 35px;
}

.two_type_block .type_block .detail_btn a{
	background:#368a6d;
	border-radius:5px;
	padding:15px 40px;
	color:#fff;
	display:inline-block;
}
.two_type_block .type_block.advance_block{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/top_conts_bg.png) no-repeat bottom right #c3ddf4;
}
.two_type_block .type_block.advance_block .illust{
	right:10px;
	left:auto;
}
.
.two_type_block .type_block.advance_block .chath_txt{
	margin-bottom:15px;
}
.two_type_block .type_block.advance_block h3{
	color:#005eab;
}
.two_type_block .type_block.advance_block .ttl_txt{
	color:#005eab;
	margin-bottom:10px;
}
.two_type_block .type_block.advance_block .txt{
	margin:0 auto 10px;
}
.two_type_block .type_block .detail_btn{
	text-align:center;
}
.two_type_block .type_block.advance_block .detail_btn a{
	background:#205fad;
}
.star_tag{
	display:flex;
	justify-content: center;
	margin-bottom:10px;
}
.star_tag span{
	background:#005eab;
	color:#fff;
	padding:5px;
	border-radius:3px;
	margin:0 5px;
	font-size:.75rem;
}
.star_tag span em{
	color:#f2ce5d;
}

@media only screen and (max-width: 480px) {
	.top_btm_block{
		margin-top:0;
	}
	.two_type_block .type_block{
		width:100%;
		margin-bottom:20px;
		text-align:left;
	}
	.two_type_block .type_block .illust{
		top:10px;
		right:10px;
		left:auto;
	}
	.two_type_block .type_block .chath_txt{
		display:block;
		margin-bottom:15px;
	}
	.two_type_block .type_block .chath_txt br{
		display:block;
	}
	.two_type_block .type_block .txt{
		width:100%;
		margin: 0 auto 15px;
	}
	.two_type_block .type_block.advance_block .txt{
		margin: 0 auto 15px;
	}
	.two_type_block .type_block .ttl_txt,
	.two_type_block .type_block.advance_block .ttl_txt{
		margin-bottom:15px;
	}
	.star_tag{
		justify-content: flex-start;
		margin-bottom:15px;
	}
}
.examinees_btn{
	text-align:center;
	margin:50px auto;
}
.examinees_btn .yellow_btn{
	font-size:1.25rem;
	font-weight: 800;
	padding: 20px 80px;
}
.examinees_btn p{
	font-size:.7rem;
}
.top_buy_bnr{
	margin:0 auto 50px;
	text-align:center;
}
.top_buy_bnr a{
	display:block;
	margin:0 auto;
	width:270px;
}
.top_buy_bnr img{
	width:100%;
}
@media only screen and (max-width: 480px) {
	.examinees_btn .yellow_btn{
		padding:20px;
	}
}
.top_other_link_block{
	width:760px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align:center;
}
.announce_box + .top_other_link_block{
    justify-content: center;
    margin-top: 40px;
}
.logo_lists + .top_other_link_block {
    justify-content: center;
    margin-top: 80px;
}
.top_other_link_block a{
	width:32%;
	background: #153c70;
	border-radius: 5px;
	padding: 10px 20px 10px 40px;
	position: relative;
	color: #fff!important;
	line-height: 1.5;
	display:flex;
	align-items: center;
	text-align:center;
	justify-content: center;
}
.top_other_link_block a:after{
	content: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/arrow_circle.png);
	position: absolute;
	top: 52%;
	left:10px;
	transform:translateY(-50%)
}
@media only screen and (max-width: 480px) {
	.top_other_link_block{
		width:100%;
	}
	.announce_box + .top_other_link_block,.logo_lists + .top_other_link_block {
		margin-top: 40px;
	}
	.top_other_link_block a{
		width:100%;
		margin-bottom:10px;
	}
}

/*about*/
.about_wrap{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/about_main_bg.png) no-repeat top center;
}
.about_main{
	width:410px;
	margin:0 auto;
	text-align:center;
	padding-top:100px;
	margin-bottom:100px;
}
.about_main_ttl{
	font-size:2.75rem;
	color:#073c6e;
	margin-bottom:20px;
	text-align:center;
}
.about_main h1{
	font-size:1.625rem;
	margin-bottom:90px;
	font-weight:bold;
}
.about_main_read{
	font-size:1.25rem;
	margin-bottom:20px;
	font-weight:bold;
}
.about_main_txt{
	text-align:left;
	font-size:1rem;
}
.about_point{
	margin:60px auto 120px;
}
.about_point_item{
	display: flex;
	justify-content: space-between;
	margin-bottom:45px;
}
.about_point_txt {
	width: 380px;
}
.about_point_txt p {
	margin: 15px 0 0 20px;
	line-height: 1.7;
}
.about_point_heading{
	padding: 0 0 0 15px;
	border-left: 5px solid #153c70;
	color: #153c70;
	font-size: 1.15rem;
	font-weight: 800;
	
}
.about_point_right {
	width: 280px;
}
.advisor_box{
	border:2px solid #153c70;
	background:#e1eef3;
}
.advisor_box p{
	color: #153c70;
	padding:10px;
	font-size:.75rem;
}
.advisor_box .ttl{
	border-bottom:1px solid #153c70;
	font-weight:bold;
	text-align:center;
	font-size:.875rem;
}
.about_point_right ul{
	margin-top:20px;
}
.about_point_right ul li{
	display:flex;
	font-size:.75rem;
	align-items: center;
	padding-bottom:10px;
}
.about_point_right ul li img{
	width:46px;
	margin-right:5px;
}

@media only screen and (max-width: 480px) {
	.about_wrap{
		background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/about_main_bg_sp.png) no-repeat top center;
		background-size:contain;
	}
	.about_main{
		width:100%;
	}
	.about_main_ttl{
		font-size:1.5rem;
	}
	.about_main h1{
		font-size:1rem;
	}
	.about_main_read{
		font-size:.85rem;
	}
	.about_point{
		margin:40px auto 60px;
	}
	.about_point_item{
		display: block;
		margin-bottom:30px;
	}
	.about_point_txt {
		width: 100%;
	}
	.about_point_right {
		width: 100%;
	}
	.about_main_txt{
		font-size:.75rem;
	}
	.about_point_heading{
		font-size:.85rem;
	}
	.about_point_txt p{
		font-size:.75rem;
		margin: 15px 0 20px 0;
	}
}

/*buy*/
.buy_main_img{
	width:345px;
	margin:50px auto;
}
.buy_main_read{
	text-align:center;
	font-size:1.25rem;
	font-weight:bold;
	margin-bottom:30px;
}
.buy_sub_ttl{
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	width: 100%;
	margin:50px auto;
}
.basic_ttl{
	background: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/top_conts_bg.png) no-repeat bottom right #cbe2b5;
}
.buy_sub_ttl h2 {
	font-size: 2rem;
	color: #218a6e;
	font-weight: 800;
}
.buy_sub_ttl p{
	color: #218a6e;
	font-weight: 800;
}
.advance_ttl{
	background: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/top_conts_bg.png) no-repeat bottom right #c3ddf4;
}
.buy_sub_ttl.advance_ttl h2 {
	color: #005eab;
}
.buy_sub_ttl.advance_ttl p{
	color: #005eab;
}
.buy_basic_block{
	margin-bottom:100px;
}
.buy_item{
	display:flex;
	justify-content: space-between;
	margin-bottom:20px;
	flex-direction: row-reverse;
}
.buy_item_img{
	width:128px;
	text-align:center;
	font-size:.75rem;
}
.buy_item_img img{
	margin-bottom:10px;
}
.buy_item_txt{
	width:520px;
}
.buy_item_txt .buy_tag{
	color:#fff;
	padding:5px 10px;
	display:inline-block;
	margin-bottom:10px;
}
.basic.buy_item_txt .buy_tag{
	background:#2b8d79;
}
.basic.buy_item_txt h3{
	font-size:1.125rem;
	color:#2b8d79;
}
.buy_item_txt .price{
	font-size:1.125rem;
	padding-bottom:10px;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}
.buy_item_txt .price span{
	font-size:1rem;
}
.buy_item_txt .catch{
	font-size:1rem;
	margin-bottom:10px;
}
.buy_item_txt .note{
	font-size:.75rem;
}
.buy_btn{
	text-align:right;
	margin-bottom:60px;
}
.buy_btn .yellow_btn{
	padding: 14px 50px 14px 34px;
	font-size:.75rem;
	font-weight:bold;
}
.advance.buy_item_txt .buy_tag{
	background:#205fad;
}
.advance.buy_item_txt h3{
	font-size:1.125rem;
	color:#205fad;
}
.app_btn{
	display:flex;
	justify-content: flex-end;
	margin-bottom:60px;
}
.app_btn a{
	width:108px;
	margin-left:10px;
}

@media only screen and (max-width: 480px) {
	.buy_main_img{
		width:70%;
		margin: 30px auto;
	}
	.buy_main_read{
		font-size:1rem;
		margin-bottom:20px;
	}
	.buy_item{
		display:block;
	}
	.buy_item_txt {
		width: 100%;
		margin-bottom:20px;
	}
	.buy_item_img{
		width:100%;
	}
	.buy_item_img img{
		width:40%;
	}
	.buy_btn {
		text-align: center;
		margin-bottom: 60px;
	}
	.buy_btn .yellow_btn{
		display:inline-block;
	}
	.app_btn{
		justify-content: center;
	}
}

/*application*/
.application_block{
	text-align:center;
}
.application_txt{
	text-align:center;
	font-size:1.25rem;
	margin-bottom:30px;
}
.flow_box{
	margin:0 35px 40px;
	background:#eaeef4;
	border-radius:10px;
	padding:20px;
	box-shadow:0px 4px 4px 0px #d5d4d3;
	position:relative;
}
.flow_box:after{
	content:"▼";
	position: absolute;
	bottom: -40px;
	left:50%;
	right:50%;
	transform:translateY(-50%);
	color:#4f77b1;
	font-size:1.25rem;
}
.flow_box.last_box:after{
	content:"";
}
.flow_box .txt{
	color:#073c6e;
	font-size:1rem;
	margin-bottom:5px;
	font-weight:bold;
}
.flow_box .note{
	font-size:.75rem;
}
.flow_box.last_box .select_box{
	display:flex;
	justify-content: space-between;
}
.flow_box.last_box .select_box .testcenter{
	width:50%;
	border-right:1px dotted #073c6e;
}
.flow_box.last_box .select_box .internet{
	width:50%;
}
.flow_box.last_box .select_box p{
	font-size:.8rem;
	margin-top:10px;
}
.flow_box.last_box .select_box .testcenter p{
	margin-top:25px;
}
.flow_box.last_box .select_box .ttl{
	color:#073c6e;
	font-size:.875rem;
	padding:10px 0 10px 20px;
	font-weight:bold;
	border-bottom:1px solid #073c6e;
	margin:0 20px;
	position: relative;
}
.flow_box.last_box .select_box .testcenter .ttl{
	margin-top:0;
	background: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/bill_icon.png) no-repeat top left 15px;
	background-size:25px;
}
.flow_box.last_box .select_box .internet .ttl{
	margin-top:0;
	background: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/pc_icon.png) no-repeat top 5px left 10px;
	background-size:35px;
}

.flow_box.last_box .select_box .note{
	font-size:.7rem;
	color:#073c6e;
	margin-top:0;
}
.application_block .detail_txt{
	font-size:1rem;
	color:#073c6e;
	margin-bottom:10px;
}
.apply_btn{
	margin-bottom:30px;
}
.apply_btn .yellow_btn span{
	font-size:.7rem;
}
.apply_btn .yellow_btn{
	font-size:1.25rem;
	font-weight:bold;
}

.disc_box {
	position: relative;
	padding: 0.25em 1em;
	margin: 2em auto;
	top: 0;
	width:420px;
}
.disc_box:before, .disc_box:after{ 
	position: absolute;
	top: 0;
	content:'';
	width: 10px;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}
.disc_box:before{
	border-left: solid 1px #073c6e;
	border-top: solid 1px #073c6e;
	border-bottom: solid 1px #073c6e;
	left: 0;
}
.disc_box:after{
	border-top: solid 1px #073c6e;
	border-right: solid 1px #073c6e;
	border-bottom: solid 1px #073c6e;
	right: 0;
}
.disc_box p{
	color:#073c6e;
	font-size:.75rem;
}
.buy_bnr_bloxk{
	margin-top:60px;
}
.buy_bnr_bloxk img{
	width:50%;
}
@media only screen and (max-width: 480px) {
	.flow_box{
		margin:0 0 40px;
		padding:15px;
	}
	.flow_box.last_box .select_box{
		display:block;
	}
	.flow_box.last_box .select_box .testcenter{
		width:100%;
		border:none;
		margin-bottom:30px;
	}
	.flow_box.last_box .select_box .internet{
		width:100%;
	}
	.flow_box.last_box .select_box .ttl{
		margin:0;
	}
	.disc_box {
		width:100%;
	}
	.buy_bnr_bloxk img{
		width:100%;
	}
	
	.flow_box.last_box .select_box .testcenter p{
		margin-top:15px;
	}
}

/*case*/
/* =========================================================
 * 
 * @CASE BOX
 * ====================================================== */
.caseBox {
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

.caseBox + .caseBox {
	margin-top: 50px;
}

/* ----------------------------------------
 * ボックスの上部
 * ------------------------------------- */
.caseBox_header {
	padding: 40px 20px 40px 40px;
	background: #d1dfeb;
	display:flex;
	flex-direction: row-reverse;
}
.caseBox_header .caseBox_txt{
	width:calc(100% - 268px);
}
.caseBox_header .caseBox_txt .read{
	color:#073c6e;
	font-size:1.125rem;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:15px;
}
.caseBox_header .caseBox_txt h3{
	font-size:1.125rem;
	font-weight:bold;
	margin-bottom:20px;
}
.caseBox_header .caseBox_txt .class .basic{
	color:#218a6e;
	font-weight:bold;
}
.caseBox_header .caseBox_txt .class .advance{
	color:#005e9e;
	font-weight:bold;
}
.caseBox_header .caseBox_logo{
	width:268px;
}

@media only screen and (max-width: 480px) {
	.caseBox_header {
		display:block;
		padding: 40px 20px 40px 20px;
	}
	.caseBox_header .caseBox_logo{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	.caseBox_header .caseBox_logo img{
		width:70%;
	}
	.caseBox_header .caseBox_txt{
		width:100%;
		text-align:center;
	}
	.caseBox_header .caseBox_txt .read{
		font-size:1rem;
	}
	.caseBox_header .caseBox_txt .read br{
		display:none;
	}
	.caseBox_header .caseBox_txt h3{
		font-size:1rem;
	}
}
/* ----------------------------------------
 * ボックスの本体部分
 * ------------------------------------- */
.caseBox_body {
	overflow: hidden;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity .28s ease-in, visibility .28s ease-in;
}
.caseBox_body.is-show {
	opacity: 1;
	visibility: visible;
	padding:20px 100px;
}

/* ---------- 中身に ---------- */
.caseBox_body > * {
	line-height: 0;
	transition: line-height .3s ease-in;
}
.caseBox_body.is-show > * {
	line-height: 1.6;
}

@media only screen and (max-width: 480px) {
	.caseBox_body.is-show  {
		padding:20px;
	}
}

/* ----------------------------------------
 * ボックスのフッター
 * ------------------------------------- */
.caseBox_footer {
	padding: 20px;
	background: #bed5e8;
	text-align: center;
}

/* ---------- ボタン ---------- */
.caseBox_btn {
	display: inline-block;
	padding: 10px 20px;
	background: #073c6e;
	color: #fff;
	border-radius:5px;
}
.caseBox_btn::after {
	content: "";
	display: inline-block;
	width: .5em;
	height: .5em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
}
.caseBox_btn.is-show::after {
	transform: rotate(-45deg);
}


.btn_label[aria-hidden=false] {
	display: inline;
}
.btn_label[aria-hidden=true] {
	display: none;
}

a.caseBox_btn {
	color: #fff;
}
.case_ttl{
	display:flex;
}
/*
.case_ttl div{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/case_ttl_bg.png) no-repeat;
	width:236px;
	height:205px;
	position: relative;
}
*/
.case_ttl div {
    background: #cd0133;
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 100%;
}
.case_ttl div p{
	color:#fff;
	font-weight:bold;
	position: absolute;
	/*top: 42%;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:1.5rem;
}
.case_ttl h1{
	padding-top:63px;
	padding-left:20px;
	font-size:2.125rem;
	color:#073c6e;
}

@media only screen and (max-width: 480px) {
	.case_ttl{
		display:block;
	}
	.case_ttl div{
		width:140px;
		height:140px;
		background-size:contain;
		margin:0 auto 10px;
	}
	.case_ttl div p{
		font-size:1rem;
		/*top: 50px;*/
	}
	.case_ttl h1{
		padding-top:0;
		padding-left:0;
		font-size:1.5rem;
		margin-bottom:10px;
	}
}

.case_main_btm{
	text-align:center;
	margin:-30px auto 60px;
}
.case_main_btm img{
	width:100px;
}
.case_main_btm .read{
	font-size:1.25rem;
	margin:20px auto;
	font-weight:bold;
}

@media only screen and (max-width: 480px) {
	.case_main_block{
		margin-bottom:50px;
	}
	.case_main_btm{
		margin:0 auto 30px;
	}
	.case_main_btm .txt{
		text-align:left;
	}
	.case_main_btm .txt br{
		display:none;
	}
	.case_main_btm .read{
		margin:60px auto 20px;
		font-size:1rem;
	}
}



.case_primary_heading{
	margin-bottom:30px;
}
.case_read_area{
	margin-bottom:60px;
}
.case_read_item{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}
.case_read_item div{
	width:49%;
}
.case_read_item .case_read_txt h3{
	font-size:1.125rem;
	color:#073c6e;
	margin-bottom:10px;
}
.case_read_item .case_read_txt ul li{
	text-indent:-1em;
	padding-left:1em;
}
.case_read_item .case_read_txt ul li:before{
	content:"●";
	color:#073c6e;
}

@media only screen and (max-width: 480px) {
	.case_read_item{
		display:block;
	}
	.case_read_item div{
		width:100%;
	}
	.case_read_item .case_read_txt h3{
		margin-bottom:15px;
	}
	.case_read_item .case_read_txt ul{
		margin-bottom:10px;
	}
}

.case_sub_heading{
	font-size:1.5rem;
	font-weight:bold;
	color:#073c6e;
	text-align:center;
	margin-bottom:30px;
}
.case_sub_heading .icon{
	width:50px;
}
.casestudy_block{
	margin-bottom:100px;
}
.before_after{
	display:none;
}
.is-show .before_after{
	display:flex;
	background:#4f76a4;
	border:1px solid #4f76a4;
	margin-bottom:30px;
}
.before_after h4{
	text-align:center;
	margin:0 auto 10px;
	font-size:1.375rem;
	font-weight:bold;
}
.before_box {
	position: relative;
	display: inline-block;
	padding:20px;
	width:310px;
	color: #555;
	font-size: .875rem;
	background: #fff;
}

.before_box:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff;
}

.before_box p {
	margin: 0;
	padding: 0;
}
.after_box{
	width:310px;
	padding:20px;
	color:#fff;
}
.before_box h4{
	color:#073c6e;
}
.after_box h4{
	color:#fff;
}
.before_after ul li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:5px;
	font-size: .875rem;
}
.before_after ul li:before{
	content:"●";
	color:#073c6e;
}
.after_box ul li:before{
	color:#fff;
}

@media only screen and (max-width: 480px) {
	.case_sub_heading{
		font-size:1.125rem;
	}
	.is-show .before_after{
		display:block;
	}
	.before_box,.after_box{
		width:100%;
	}
	.before_box:before{
		border:none;
	}
	.before_box:after{
		content: "";
		position: absolute;
		bottom: -30px;
		left: 46%;
		margin-top: 0;
		margin-bottom: 0;
		border: 15px solid transparent;
		border-top: 15px solid #fff;
	}

}
.case_determinant{
	display:none;
}
.is-show .case_determinant{
	margin-bottom:30px;
	display:block;
}
.case_determinant h4{
	background:#d3dfec;
	text-align:center;
	color:#073c6e;
	font-size:1rem;
	margin:0;
	padding:10px;
	font-weight:bold;
}
.case_determinant ul{
	padding:15px 0;
	color:#073c6e;
}
.case_determinant ul li{
	text-indent:-1em;
	padding-left:1em;
}
.case_voice{
	display:none;
}
.is-show .case_voice{
	display:flex;
	justify-content: space-between;
	margin-bottom:40px;
}
.case_voice_txt{
	width:420px;
}
.case_voice_txt .note{
	font-size:.75rem;
}
.case_voice_wrap{
	display:none;
}
.is-show .case_voice_wrap{
	display:block;
}
.case_voice_wrap .case_voice_txt{
	width:360px;
}
.case_voice h4{
	color:#073c6e;
	font-size:1rem;
	margin:0 0 15px;
	font-weight:bold;
}
.case_voice_wrap h4{
	color:#073c6e;
	font-size:1rem;
	margin:0 0 15px;
	font-weight:bold;
}
.case_voice_img{
	width:142px;
}
.case_voice_img2{
	width:142px;
}
.case_voice_wrap .case_voice_img{
	width:220px;
}
.case_voice_img p{
	font-size:.7rem;
}
.case_voice_img2 p{
	font-size:.7rem;
}
.case_voice_img p .note,
.case_voice_img2 p .note{
	display:inline-block;
	margin-top:10px;
}
.case_campany_info{
	display:none;
}
.is-show .case_campany_info{
	display:block;
}
.case_campany_info h4 {
	position: relative;
	text-align: center;
	margin:0 0 15px;
	font-size:.875rem;
	color:#073c6e;
	font-weight:bold;
}
.case_campany_info h4 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.case_campany_info h4:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #073c6e;
}
.case_campany_info p{
	font-size:.75rem;
}
.case_campany_info p.name{
	font-size:.875rem;
	margin-bottom:10px;
	font-weight:bold;
}
.case_voice_txt .note{
	font-size:.75rem;
	margin-top:10px;
}

@media only screen and (max-width: 480px) {
	.case_determinant{
		border:none;
	}
	.case_determinant ul{
		padding:15px 0;
	}
	.is-show .case_voice{
		display:block;
	}
	.case_voice_txt{
		width:100%;
		margin-bottom:15px;
	}
	.case_voice_img{
		display:flex;
		width:100%;
	}
	.case_voice_img img{
		width:110px;
		height:110px;
		margin-right:10px;
	}
	.case_voice_img2{
		width:100%;
	}
	.case_voice_img2 div{
		display:flex;
		margin-bottom:10px;
	}
	.case_voice_img2 div img{
		width:110px;
		height:110px;
		margin-right:10px;
	}
	.case_voice_wrap .case_voice_txt{
		width:100%;
	}
	.case_voice_wrap .case_voice_img{
		width:100%;
	}
	.case_voice_wrap .case_voice_img img{
		width:240px;
		margin-right:0;
		margin:0 auto;
		height:140px;
	}
}
.case_ntt_box{
	display:none;
}
.is-show .case_ntt_box{
	display:block;
	background:#dfe8f1;
	padding:15px;
	margin-bottom:50px;
}

.case_ntt_box .case_ntt_item{
	display:flex;
	align-items: center;
}
.case_ntt_box .case_ntt_item .img{
	width:40px;
	margin-right:10px;
}
.case_ntt_box .case_ntt_item .txt{
	width:calc(100% - 40px);
}
.case_ntt_box .case_ntt_item .txt span{
	font-weight:bold;
	color:#073c6e;
}
@media only screen and (max-width: 480px) {

	.case_ntt_item + .case_ntt_item{
		margin-top:15px;
	}
}
.case_ibarakiUni_box{
	background:#dfe8f1;
	padding:20px;
	margin-top:30px;
}
.case_ibarakiUni_box ul li{
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:15px;
}
.case_ibarakiUni_box ul li:before{
	content:"●";
}

/*process*/
.process.case_ttl h1{
	padding-left:50px;
}
.process_main_btm{
	text-align: center;
	margin: -70px auto 60px;
}
.process_main_btm img{
	width:280px;
}

/*application*/
.process_block{
	text-align:center;
}
.process_block .flow_box{
	background:#fff;
	padding: 20px 80px;
}
.process_block .flow_box .txt{
	color:#000;
}
.group.process_block{
	margin:120px auto;
}
.group.process_block .flow_box{
	border:1px solid #4f76a4;
}
.group.process_block .flow_box::after {
	color: #4f77b1;
}
.personal.process_block{
	margin:0 auto 80px;
}
.personal.process_block .flow_box{
	border:1px solid #d56c85;
}
.personal.process_block .flow_box::after {
	color: #d56c85;
}
.process_flow_ttl{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	margin-bottom:20px;
}
.process_flow_ttl p{
	text-align:right;
}
.process_flow_ttl p img{
	width:50%;
}
.process_flow_ttl h2{
	width:50%;
	font-size:1.5rem;
	font-weight:bold;
	color:#073c6e;
	text-align:left;
	padding-left:10px;
}
.personal.process_block .ttl_under_txt{
	font-size:.75rem;
	color:#d82922;
	margin-bottom:20px;
}
.personal.process_block .personal_txt{
	text-align:left;
}
.personal.process_block .personal_txt span{
	color:#d56c85;
}
.select_area{
	text-align:left;
}
.select_area h3{
	font-size:.937rem;
	font-weight:bold;
	color:#4876a2;
	padding:10px 10px 10px 50px;
	border-bottom:1px solid #4f76a4;
	margin:10px 0;
}
.select_area .testsenter{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img02.png) no-repeat left 5px center;
	background-size: 36px;
}
.select_area .internet{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img03.png) no-repeat left 5px center;
	background-size: 36px;
}
.select_area .marksheet{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img04.png) no-repeat left 5px center;
	background-size: 36px;
}
.personal .select_area .testsenter{
	color:#df808f;
	border-bottom:1px solid #df808f;
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img02_pnk.png) no-repeat left 5px center;
	background-size: 36px;
}
.personal .select_area .internet{
	color:#df808f;
	border-bottom:1px solid #df808f;
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img03_pnk.png) no-repeat left 5px center;
	background-size: 36px;
}
.personal .select_area .marksheet{
	color:#df808f;
	border-bottom:1px solid #df808f;
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/process_img04_pnk.png) no-repeat left 5px center;
	background-size: 36px;
}


@media only screen and (max-width: 480px) {
	.process_main_btm{
		margin:0 auto 60px;
	}
	.process.case_ttl h1{
		padding-left:0;
	}
	.process_block .flow_box{
		background:#fff;
		padding: 20px;
	}
	.process_flow_ttl{
		display:block;
	}
	.process_flow_ttl p{
		text-align:center;
		margin-bottom:20px;
	}
	.process_flow_ttl p img{
		width:100px;
	}
	.process_flow_ttl h2{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	.group.process_block{
		margin:60px auto;
	}
}

/*english*/
.english.case_ttl h1{
	padding-left:50px;
}
.english_main_btm{
	text-align: center;
	margin: -70px auto 60px;
	width:480px;
}
.english_main_btm img{
	width:122px;
}
.english_main_btm .read{
	font-size: 1.25rem;
	margin: 20px auto;
	font-weight:bold;
}
.english_main_btm .txt{
	margin-bottom:30px;
}
.english_main_btm .note{
	font-size: .75rem;
}

.english_example{
	width:660px;
	margin:80px auto;
	text-align:center;
}
.english_example h2{
	font-weight:bold;
	color:#073c6e;
	font-size: 1.25rem;
}
.english_example_block{
	display:flex;
	justify-content: space-between;
	margin-top:30px;
}
.english_example_item{
	width:166px;
	color:#073c6e;
}
.english_example_item p{
	margin-bottom:10px;
	font-weight:bold;
}
.english_primary_heading{
	margin-bottom:20px;
}
.english_price{
	display:flex;
	justify-content: center;
	margin-bottom:80px;
}
.english_price div{
	font-weight:bold;
	font-size:1.125rem;
	margin:15px 35px;
}
.english_price .class_name{
	background:#368a6d;
	font-size:1rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 10px;
	border-radius:5px;
}
.english_price .tax{
	font-size:.875rem;
	font-weight:normal;
}
.english_price .advance .class_name{
	background:#1f5fa0;
}
.english_txt{
	text-align:center;
}
.english_type_block{
	display:flex;
	justify-content: space-between;
	margin:50px auto 80px;
}
.english_type_block .type_block{
	width:48%;
	border:1px solid #368a6d;
	position: relative;
	text-align:center;
}
.english_type_block .type_block .illust {
	width: 70px;
	position: absolute;
	top: -20px;
	left: 3px;
}
.english_type_block .type_block h3{
	background:#368a6d;
	color:#fff;
	font-size:1rem;
	text-align:center;
	padding:5px;
}
.english_type_block .type_block .txtimg{
	padding-top:30px;
}
.english_type_block .type_block .txtimg img{
	width:50%;
}
.english_type_block .type_block h4{
	color:#368a6d;
	font-weight:bold;
	margin:20px auto 10px;
}
.english_type_block .type_block .price{
	font-weight:bold;
	font-size:1.125rem;
	margin-bottom:30px;
}
.english_type_block .type_block .price span{
	font-weight:normal;
	font-size:.875rem;
}
.english_type_block .type_block .buy_btn{
	text-align:center;
	margin:25px auto 10px;
}
.english_type_block .type_block .pdf{
	margin-bottom:20px;
}
.english_type_block .type_block .pdf a{
	background:url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/pdf_icon.png) no-repeat left top 5px;
	background-size:26px;
	padding:10px 0 10px 40px;
}
.english_type_block .advance_block{
	border:1px solid #1f5f9f;
}
.english_type_block .advance_block h3{
	background:#1f5f9f;
}
.english_type_block .advance_block h4{
	color:#1f5f9f;
}

@media only screen and (max-width: 480px) {
	.english.case_ttl h1 {
		padding-left: 0;
	}
	.english_main_btm{
		width:100%;
		margin: 0 auto 60px;
	}
	.english_main_btm .txt{
		text-align:left;
		margin-bottom:0;
	}
	.english_main_btm .note,
	.english_txt{
		text-align:left;
	}
	.english_example{
		margin:70px auto;
	}
	.english_example{
		width:100%;
	}
	.english_example_block{
		margin-top:20px;
		display:block;
		text-align:center;
	}
	.english_example_item{
		margin:0 auto 35px;
	}
	.english_price{
		display:block;
	}
	.english_price div{
		margin:0 0 20px 0;
	}
	.english_type_block{
		display:block;
		margin:40px auto 70px;
	}
	.english_type_block .type_block{
		width:100%;
	}
	.english_type_block .type_block{
		margin-bottom:40px;
	}
	.english_type_block .type_block h3{
		padding:5px 10px 5px 90px;
		text-align:left;
	}
}


.sales_partner_heading {
	text-align: center;
	font-size: 1.25rem;
	color: #073c6e;
	margin-bottom: 30px;
	line-height:1.5;
	font-weight:bold;
}
.sales_partner_block{
	margin: 0 35px 80px;
}
.textonly .sales_partner_heading{
	color:#275d94;
}
.sales_partner_box{
	border:1px solid #153c70;
	border-radius:5px;
	margin-bottom:30px;
}
.sales_partner_box h3{
	background:#153c70;
	border-radius:5px 5px 0 0;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:10px;
	font-size:1.125rem;
}
.sales_partner_inner{
	padding:20px;
	background:#fff;
	border-radius: 0 0 5px 5px;
}
.sales_partner_inner h4{
	margin:0 auto 10px;
	font-size:.875rem;
	text-align:center;
}
.sales_partner_inner ul{
	width:410px;
	display:flex;
	flex-wrap: wrap;
	margin:0 auto 20px;
}
.sales_partner_inner li{
	width:180px;
	background:#d2d9e2;
	padding:10px;
	border-radius:5px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}
.sales_partner_inner li:nth-of-type(odd){
	margin-right:10px;
}
.sales_partner_inner .contact{
	margin:0 auto;
	text-align:center;
}
.sales_partner_inner .contact .tel{
	font-size:1rem;
	font-weight:bold;
}
.sales_partner_inner .contact .tel span{
	font-size:1.5rem;
	font-weight:bold;
}
.sales_partner_inner .online_apply{
	background:#d2d9e2;
	padding:20px;
	border-radius:5px;
	text-align:center;
	color:#073c6e;
}
.sales_partner_inner .online_apply p{
	margin-bottom:10px;
}
.sales_partner_inner .online_apply .apply_btn{
	margin-bottom:0;
}
.sales_partner_inner .online_apply .apply_btn .yellow_btn{
	padding: 10px 40px;
}
.textonly .sales_partner_box{
	border:1px solid #153c70;
}
.textonly .sales_partner_box h3{
	background:#275d94;
}

@media only screen and (max-width: 480px) {
	.sales_partner_heading{
		margin-top:40px;
	}
	.sales_partner_block {
		margin: 0 0 70px;
	}
	.sales_partner_inner{
		padding:15px;
		text-align:center;
	}
	.sales_partner_inner h4{
		margin-bottom:15px;
	}
	.sales_partner_inner ul{
		display:block;
		width:80%;
		margin:0 auto 30px;
	}
	.sales_partner_inner li{
		width:calc(100% - 20px);
		text-align:center;
	}
	.sales_partner_inner li:nth-of-type(odd){
		margin-right:0;
	}
	.sales_partner_inner .online_apply{
		padding:10px;
	}
	.sales_partner_inner .online_apply .apply_btn .yellow_btn{
		padding: 10px 20px;
	}
}

/*pattern*/
.pattern_main_block .case_main_btm img{
	width:244px;
}
.pattern_select{
	display:flex;
	justify-content:space-between;
	margin-bottom:80px;
}
.pattern_select_item{
	text-align:center;
	width:32%;
}
.pattern_select_item img{
	width:170px;
}
.pattern_select_item p{
	text-align:left;
	margin-top:10px;
}
.pattern_select_item .note{
	font-size:.687rem;
}
.pattern_select.fee{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.fee .pattern_select_item{
	width:50%;
}
.arrow_down{
	text-align:center;
	margin-bottom:30px;
}
.arrow_down img{
	width:45px;
}
.pattern_style{
	background:#fff;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
	text-align:center;
	padding:0 100px 30px;
	margin-bottom:40px;
}
.pattern_style_ttl{
	background:#153c70;
	display:inline-block;
	padding:10px 30px;
	color:#fff;
	margin:0 auto 50px;
	border-radius:0 0 20px 20px;
}
.pattern_style_ttl div{
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.pattern_style_ttl h3{
	color:#fff;
	font-size:1.25rem;
	font-weight:bold;
}
.pattern_style_ttl p{
	margin-right:20px;
}
.pattern_style_ttl img{
	width:39px;
}
.pattern_style h4{
	font-weight:bold;
	font-size:1.5rem;
	margin:0 auto 20px;
}
.pattern_case_block{
	display:flex;
	justify-content:space-between;
}
.pattern_case_item{
	width:47%;
}
.pattern_case_item p{
	text-align:left;
	margin-bottom:10px;
}
.pattern_case_block + h4{
	margin-top:50px;
}
.pattern_style + .pattern_style{
	margin-bottom:70px;
}
@media only screen and (max-width: 480px) {
	.pattern_select{
		display:block;
		margin-bottom:50px;
	}
	.pattern_select_item{
		width:100%;
		margin-bottom:20px;
	}
	.pattern_select_item img{
		width:120px;
	}
	.pattern_select.fee{
		display:flex;
		width:100%;
	}
	.fee .pattern_select_item{
		margin:0 10px;
	}
	.pattern_style{
		padding: 0 20px 2px;
	}
	.pattern_style_ttl h3{
		font-size:1rem;
		text-align:left;
	}
	.pattern_style h4{
		font-size:1rem;
	}
	.pattern_case_block{
		display:block;
	}
	.pattern_case_item{
		width:100%;
		margin-bottom:30px;
	}
}

/*voice*/
.voice_read_txt{
	text-align:center;
	font-size:1.125rem;
	margin:20px auto 60px;
}
.voice_member_ttl{
	font-weight:bold;
	font-size:1.125rem;
	text-align:center;
	margin-bottom:20px;
	color:#073c6e;
}
.voice_member_info_wrap{
	margin-bottom:80px;
}
.voice_member_info{
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
}
.voice_member_item{
	width:31%;
}
.voice_member_item p{
	font-size:.687rem;
}
.voice_member_item .name{
	font-size:.875rem;
	font-weight:bold;
}
.voice_member_item .basic{
	font-size:.875rem;
	font-weight:bold;
	text-align:center;
	background:#368a6d;
	color:#fff;
	padding:5px;
	margin:5px 0;
}
.voice_member_item .advance{
	font-size:.75rem;
	font-weight:bold;
	text-align:center;
	background:#205faf;
	color:#fff;
	padding:5px;
	margin:5px 0;
}
.voice_note{
	font-size:.7rem;
}
.voice_primary_heading{
	font-size:1.5rem;
	padding:10px;
	text-align:center;
	font-weight:bold;
	color:#073c6e;
	border-top:1px solid #073c6e;
	border-bottom:1px solid #073c6e;
	margin-bottom:25px;
}
.voice_block{
	display:flex;
	justify-content: space-between;
	margin-bottom:60px;
}
.voice_block.row_reverse{
	flex-direction: row-reverse;
}
.voice_block .img{
	width:360px;
}
.voice_block div{
	width:430px;
}
.voice_block div p{
	margin-bottom:20px;
}
.voice_block div p .basic{
	color:#368a6d;
}
.voice_block div p .advance{
	color:#205faf;
}
.voice_all{
	text-align:center;
}
.voice_all p{
	margin-bottom:15px;
}
.voice_all img{
	width:370px;
}
.voice_all a{
	text-decoration:underline;
}
.voice_all span{
	font-size:.75rem;
}
@media only screen and (max-width: 480px) {
	.voice_read_txt{
		font-size:14px;
	}
	.voice_member_info{
		display:block;
	}
	.voice_member_item{
		width:100%;
		margin-bottom:20px;
	}
	.voice_member_item .sp_flex{
		display:flex;
	}
	.voice_member_item .sp_flex img{
		width:100px;
		height:100px;
	}
	.voice_member_item .sp_flex div{
		padding-left:10px;
		width:calc(100% - 110px);
	}
	.voice_primary_heading{
		font-size:1.125rem;
	}
	.voice_block{
		display:block;
	}
	.voice_block .img,.voice_block div{
		width:100%;
	}
	.voice_block .img{
		margin-bottom:20px;
	}
}

/*600px幅のコンテンツ*/
.wdh600_conts {
	width: 600px;
	margin:0 auto;
}
@media only screen and (max-width: 480px) {
	.wdh600_conts {
		width: 100%;
		margin:0 auto;
	}
}

/* 見出し文字の上の小さい文字 */
.general_heading.top_txt-sml{
	line-height: 1.7;
}
.top_txt-sml span{
	display: block;
	font-size: 1.48rem;
}

/* リンク下線付き */
a.link_border{
	color: #036eb8;
	font-size: 1.125rem;
	text-decoration: underline;
}

/* 背景紺の見出し */
.backclr_heading{
	padding: 12px 18px;
	background: #073c6e;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 800;
}
/* 先頭グレーの三角 */
.head_arrow{
	position: relative;
	margin: 0 0 0 10px;
	padding: 0 0 0 14px;
}
.head_arrow:before{
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #b5b5b6;
}

.head_circle_list li,
.head_circle{
	position: relative;
	padding: 0 0 0 17px;
}
.head_circle_list li:before,
.head_circle:before{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #073c6e;
}

/* 先頭アルファベットリスト */
.list_alpha {
	list-style: none;
	counter-reset: number; 
	margin: 23px 0 0;
}
.list_alpha li {
	position: relative;
	padding: 0 0 0 23px;
	text-indent: -23px;
	line-height: 1.7;
}
.list_alpha li:before {
	counter-increment: number;
	content: counter(number,lower-alpha);
	margin: 0 15px 0 0;
	font-weight: 800;
}

/* 先頭数字リスト */
.list_num {
	list-style: none;
	counter-reset: number;
	margin: 15px 0 0;
	padding: 0;
}
.list_num li {
	position: relative;
	padding: 0 0 0 23px;
	text-indent: -23px;
	line-height: 1.7;
}
.list_num li:before {
	counter-increment: number;
	content: counter(number)".";
	margin: 0 5px 0 0;
	font-weight: 800;
}

/* 先頭数字リスト ()付き */
.list_num-brackets {
	list-style: none;
	counter-reset: number;
	margin: 15px 0 0;
	padding: 0;
}
.list_num-brackets li {
	position: relative;
	padding: 0 0 0 33px;
	text-indent: -33px;
	line-height: 1.7;
}
.list_num-brackets li:before {
	counter-increment: number;
	content: "("counter(number)")";
	margin: 0 5px 0 0;
	font-weight: 800;
}


@media only screen and (max-width: 480px) {
	/* 見出し文字の上の小さい文字 */
	.top_txt-sml span{
		font-size: .85rem;
	}

	/* リンク下線付き */
	a.link_border{
		font-size: .8rem;
	}

	/* 先頭丸 */
	.head_circle_list li:before,
	.head_circle:before{
		width: 10px;
		height: 10px;
	}

	/* 先頭数字リスト */
	.list_num li {
		padding: 0 0 0 15px;
		text-indent: -15px;
	}

	/* 先頭数字リスト()付き */
	.list_num-brackets li{
		padding: 0 0 0 23px;
		text-indent: -23px;
	}
}


/* =========================================================
 * ページTOP以外のコンテンツ中身
 * @ PAGE ORIGINAL
 * ====================================================== */
.conMaster_sectioning .sectioning_layout-inner{
	width: 824px;
}
@media only screen and (max-width: 768px) {
	.comMaster_page .allPd{
		padding: 0;
	}
}

@media only screen and (max-width: 480px) {
	.conMaster_sectioning .sectioning_layout-inner{
		width: 100%;
	}
	.comMaster_page .allPd{
		padding-left: 6.1%;
		padding-right: 6.1%;
	}
}

/* フッター */
.comMaster_footer{
	background: #f5f5f6;
	margin: 80px 0 0;
	padding: 50px;
}
.comMaster_footer-outer{
	width: 100%;
	margin: 0 auto;
}
.comMaster_footer-inner{
	display: flex;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto;
}
.footer_links{
	border-left: 1px solid #9fa0a0;
	padding: 5px 0 5px 25px;
}
.footer_links:nth-child(1){
	width: 256px;
}
.footer_links:nth-child(2){
	width: 298px;
}
.footer_links:nth-child(3){
	width: 318px;
}
.footer_links li:not(:first-child){
	margin: 19px 0 0;
}
.footer_links a{
	position: relative;
	padding: 0 0 0 14px;
	color: #000;
}
.footer_links a:before{
	position: absolute;
	left: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 9px;
	border-color: transparent transparent transparent #000;
}
.footer_links p{
	font-weight: 800;
}
.footer_links a span{
	font-size: .7rem;
}

@media only screen and (max-width: 480px) {
	.comMaster_footer{
		padding: 26px 25px 75px;
	}
	.comMaster_footer-inner{
		display: block;
		width: 100%;
	}
	.footer_links{
		width: 100%!important;
		padding: 0;
		border-left: none;
	}
	.footer_links:not(:first-child){
		margin: 28px 0 0;
		padding: 24px 0 0;
		border-top: 1px solid #000;
	}
	.footer_links li:not(:first-child){
		margin: 17px 0 0;
	}
	.footer_links a{
		padding: 0 0 0 11px;
	}
	.footer_links a:before{
		border-width: 6px 0 6px 8px;
	}

}



/* =========================================================
 * ページ独自部分
 * @ PAGE ORIGINAL
 * ====================================================== */

/* TOP部分 */
.grade_top{
	padding: 65px 0 50px;
	height: 400px;
	background-position: center top;
	background-repeat:  no-repeat;
	background-size: 800px;
}
.grade-basic .grade_top{
	background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/basic_top.png);
}
.grade-advance .grade_top{
	background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/advance_top.png);
}

.grade_top_heading span{
	display: block;
	font-size: 1.9rem;
	font-weight: 800;
}
.grade-basic .grade_top_heading{
	color: #218a6e;
}
.grade-advance .grade_top_heading{
	color: #005eab;
}
.grade_top_txt{
	position: relative;
	margin: 13px 0 0;
	padding: 25px 0 0;
	text-align: center;
	font-size: 1.25rem;
	font-weight: 800;
}
.grade_top_txt:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 45px;
	height: 1px;
	background: #000;
}

@media only screen and (max-width: 480px) {
	.grade_top{
		padding: 40px 0 0;
		height: auto;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 0 -7%;
	}
	.grade-basic .grade_top{
		background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/basic_top_sp.png);
	}
	.grade-advance .grade_top{
		background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/advance_top_sp.png);
	}
	.grade_top_heading{
		padding: 0 0 18px;
	}
	.grade-advance .grade_top_heading{
		padding: 0 0 5px;
	}

	.grade_top_heading span{
		margin: 18px 0 0;
		font-size: 1.5rem;
	}
	.grade_top_txt{
		margin: 0;
		font-size: .8rem;
	}
	.grade_top_txt:before{
		width: 8%;
	}
	.grade-advance .grade_top_txt{
		padding: 0;
	}
	.grade-advance .grade_top_txt:before{
		display: none;
	}
	.grade_top_img{
		text-align: center;
		margin: 20px 0 0;
	}
	.grade_top_img img{
		width: 80px;
	}

	.grade-advance .star_tag{
		justify-content: center;

	}
}



/* こんな方にオススメ */
.grade_reccomend{
	margin: 30px 0 0;
}
.grade_rec_items{
	display: flex;
	justify-content: space-between;
	margin: 28px 70px 0;
}
.grade_rec_item{
	width: calc((100% - 120px) / 3);
}
.grade_rec_img{
	width: 165px;
	margin: 0 auto;
}
.grade_rec_heading{
	position: relative;
	margin: 10px 0 0;
	padding: 0 0 13px;

	line-height: 1.5;
	text-align: center;
	font-size: .95rem;
	font-weight: 800;
}
.grade-basic .grade_rec_heading{
	color: #218a6e;
}
.grade-advance .grade_rec_heading{
	color: #005eab;
}

.grade_rec_heading:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 25px;
	height: 1px;
	background: #073c6e;
}
.grade_rec_txt{
	margin: 15px 0 0;
	font-weight: 600;
	text-align: center;
}

@media only screen and (max-width: 480px) {
	.grade_reccomend{
		margin: 50px 0 0;
	}
	.grade_rec_items{
		display: block;
		margin: 38px 0 0;
	}
	.grade_rec_item{
		width: 100%;
	}
	.grade_rec_item:nth-child(n + 2){
		margin: 40px 0 0;
	}
	.grade_rec_img{
		width: 114px;
	}
	.grade_rec_heading{
		margin: 5px 0 0;
		padding: 0 0 7px;
	}
	.grade_rec_txt{
		margin: 10px 0 0;
	}
}



/* 特長 */
.grade_point{
	width: 700px;
	margin: 115px auto 0;
}
.grade_point_items{
	margin: 40px auto 0;
}
.grade_point_item{
	display: flex;
	margin: 45px 0 0;
}
.grade_point_item:first-child{
	margin: 0;
}
.grade_point_txt{
	width: 410px;
}
.grade_point_img{
	width: 240px;
	margin: 0 0 0 50px;
}
.grade_point_heading{
	padding: 0 0 0 15px;
	font-size: 1rem;
	font-weight: 800;
}
.grade-basic .grade_point_heading{
	border-left: 5px solid #8bcaac;
	color: #218a6e;
}
.grade-advance .grade_point_heading{
	border-left: 5px solid #6bc6f0;
	color: #005eab;
}


.grade_point_txt p{
	margin: 15px 0 0 20px;
	font-weight: 600;
	line-height: 1.7;
}

.link_test{
	margin: 33px 0 0;
}
.line_btn-bu{
	display: inline-block;
	width: 100%;
	padding: 14px;
	border: 2px solid #073c6e;
	border-radius: 5px;
	text-align: center;
	font-weight: 800;
}
.line_btn-bu span{
	padding: 0 40px 0 28px;
}
.line_btn-bu .btn_arrow:after{
	border-bottom-color: #073c6e;
	border-right-color: #073c6e;
}

@media only screen and (max-width: 480px) {
	.grade_point{
		width: 100%;
		margin: 102px 0 0;
	}
	.grade_point_items{
		margin: 40px 4px 0;
	}
	.grade_point_item{
		display: block;
		margin: 60px 0 0;
	}
	.grade_point_heading{
		padding: 0 0 0 10px;
		font-size: .85rem;
		line-height: 1.6;
	}
	.grade_point_txt{
		width: 100%;
	}
	.grade_point_img{
		overflow: hidden;
		width: 100%;
		margin: 10px 0 0;
		text-align:center;
	}
	.grade_point_img img{
		margin:0 auto;
	}
	.grade_point_txt p{
		margin: 15px 0 0 0;
		font-size: .75rem;
	}
	.link_test{
		margin: 70px 0 0;
	}

}



/* 検定方法 */
.grade_method{
	margin: 145px 0 0;
}
.grade_method_item{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin: 25px 0 0;
}
.grade_method_img{
	width: 170px;
}
.grade_method_txt{
	margin: 0 25px;
}

.grade-advance .grade_method_txt{
	width: 100%;
	text-align: center;
	margin: 10px 0 0;
}
.grade-advance .grade_method_txt span{
	display: inline-block;
	text-align: left;
}

@media only screen and (max-width: 480px) {
	.grade_method{
		margin: 70px 0 0;
	}
	.grade_method .grade_primary_heading{
		padding: 0 0 14px;
		line-height: 1.7;
	}
	.grade_method_item{
		display: block;
		margin: 29px 0 0;
	}
	.grade_method_img{
		width: 170px;
		margin: 0 auto;
	}
	.grade_method_txt{
		margin: 3px 0 7px!important;
		text-align: center;
	}
}



/* 検定概要 */
.grade_detail{
	margin: 130px 0 0;
}
.grade_detail_table{
	width: 700px;
	margin: 0 auto;
	border: 2px solid #000;
}
.grade_detail_table caption{
	margin: 0 0 20px;
	font-size: 1.25rem;
	font-weight: 800;
}
.grade_detail_table tr:not(:first-child) th,
.grade_detail_table tr:not(:first-child) td{
	border-top: 2px solid #000;
}
.grade_detail_table th{
	width: 70px;
	border-right: 1px solid #000;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}
.grade_detail_table td{
	padding: 13px 20px;
	line-height: 1.5;
}
.grade-basic .grade_detail_table th{
	background: #c9e2b7;
}
.grade-advance .grade_detail_table th{
	background: #c0e4f8;
}


.grade_link_area{
	display: flex;
	justify-content: center;
	width: 700px;
	margin: 55px auto 0;
}
.grade_link_area p{
	width: 272px;
}
.grade_link_area p + p{
	margin: 0 0 0 22px;
}

@media only screen and (max-width: 480px) {
	.grade_detail{
		margin: 60px 0 0;
	}
	.grade_detail_table{
		width: 100%;
		font-size: .5rem;
	}
	.grade_detail_table caption{
		margin: 0 0 5px;
		font-size: 1rem;
		line-height: 1.7;
	}
	.grade_detail_table th{
		width: 23%;
	}
	.grade_detail_table th,
	.grade_detail_table td{
		padding: 5px;
	}
	.grade_link_area{
		display: block;
		width: 100%;
		margin: 33px 0 0;
	}
	.grade_link_area p{
		width: 100%;
	}
	.grade_link_area p + p{
		margin: 5px 0 0;
	}

}



/* =========================================================
 * 
 * @サンプル問題ページ
 * ====================================================== */
.sample_q .grade_top{
	height: 216px;
	padding-top: 25px;
	background-size: 432px;
}
.sample_q .grade_top:nth-child(n + 2){
	margin-top: 110px;
}

.grade-basic.sample_q .grade_top{
	background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/sample_basic_top.png);
}
.grade-advance.sample_q .grade_top{
	background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/sample_advance_top.png);
}

.sample_q .grade_primary_heading{
	margin: 52px 0 0;
}


@media only screen and (max-width: 480px) {
	.sample_q .grade_top{
		background-size: 85%;
		margin: 0;
		padding-top: 22px;
		height: auto;
	}

	.grade-basic.sample_q .grade_top{
		background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/sample_basic_top_sp.png);
	}
	.grade-advance.sample_q .grade_top{
		background-image: url(/content/dam/nttcom/hq/jp/business/services/application/content-video-delivery/com-master/img/sample_advance_top_sp.png);
	}

	.sample_q .grade_primary_heading{
		margin: 24px 0 0;
		padding: 0 0 5px;
	}
	.sample_q .grade_top_heading span{
		margin: 8px 0 0;
		font-size: 1.1rem;
		line-height: 1.6;
	}

}

/* =========================================================
 * 
 * @exercises Box
 * ====================================================== */
.exercisesBox {
	margin: 60px 0;
	padding: 40px 50px;
	background: #fff;
	box-shadow: 4px 2px 8px rgba(0,0,0,.2);
}
.grade_primary_heading + .exercisesBox{
	margin-top: 68px;
}
.exercisesBox ol{
	margin: 0;
	padding: 0;
}
.exercisesBox_title{
	padding: 5px 0 5px 10px;
	font-size: 1.2rem;
	font-weight: 800;
}
.grade-basic .exercisesBox_title{
	border-left: 5px solid #c6deb5;
	color: #21856a;
}
.grade-advance .exercisesBox_title{
	border-left: 5px solid #c1def4;
	color: #005ead;
}
.exercisesBox_question{
	margin: 20px 0 0;
	line-height: 1.7;
}




.exercisesBox_answer {
	margin: 27px 0 0;
	padding: 1.3rem 1.4rem;
	background: #bed5e8;
	border-radius: 5px;
}
.grade-basic .exercisesBox_answer{
	background: #c6deb5;
}
.grade-advance .exercisesBox_answer{
	background: #c1def4;
}

.answer_btn {
	cursor: pointer;
	display: inline-block;
	width: 100%;
	font-weight: 800;
}
.grade-basic .answer_btn{
	color: #21856a;
}
.grade-advance .answer_btn{
	color: #005ead;
}

.answer_btn::before {
	content: "";
	display: inline-block;
	width: .5em;
	height: .5em;
	margin: 0 20px 0 0;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
}
.answer_btn.is-show::before {
	transform: rotate(-45deg);
}

.grade-basic .answer_btn::before{
	border-color: #21856a;
}
.grade-advance .answer_btn::before{
	border-color: #005ead;
}

.answer_correct {
	opacity: 0;
	visibility: hidden;
	line-height: 0;
	padding: 0 1.7rem;
	transition: opacity .28s ease-in, visibility .28s ease-in, line-height .3s ease-in, .28s ease-in, line-height .3s ease-in;
}
.answer_correct.is-show {
	opacity: 1;
	visibility: visible;
	padding-top: 1.3rem;
	font-weight: 800;
	line-height: 1.6;
}

.sample_q_img{
	margin: 23px 0;
	text-align: center;
}
.sample_q_img.col-4{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 23px 0 0;
}
.sample_q_img img{
	vertical-align: bottom;
}
.sample_q_img.col-4 img{
	margin: 0;
}
.sample_q_img.col-4 li{
	width: calc((100% - 60px) / 4);
	margin: 0 0 0 20px;
	list-style: none;
}
.sample_q_img.col-4 li:first-child{
	margin: 0;
}


@media only screen and (max-width: 480px) {
	.grade_primary_heading + .exercisesBox {
		margin-top: 40px;
	}
	.exercisesBox{
		margin: 50px 0;
		padding: 17px 20px;
	}
	.exercisesBox_title{
		padding: 0 0 0 10px;
	}
	.exercisesBox ol{
		margin: 30px 0 0;
	}

	.exercisesBox_answer{
		padding: 1rem 1.4rem;
	}

	.sample_q_img{
		margin: 10px 0;
	}
	.sample_q_img.col-4{
		flex-wrap: wrap;
	}
	.sample_q_img.col-4 li{
		width: calc(50% - 3px);
		margin: 0 0 0 6px;
	}
	.sample_q_img.col-4 li:nth-child(n + 3){
		margin-top: 6px;
	}
	.sample_q_img.col-4 li:nth-child(3){
		margin-left: 0;
	}


}
















/* =========================================================
 * 
 * @コンテンツパートナー
 * ====================================================== */
.conts_partner_heading{
	margin: 38px 0 0;
}

.conts_partner_table{
	width: 100%;
	margin: 15px 0 0;
	background: #fff;
}

.conts_partner_table th,
.conts_partner_table td{
	border: 2px solid #000;
}
.conts_partner_table th{
	width: 91px;
	padding: 5px;
	background: #d9effb;
	text-align: center;
	vertical-align: middle;
}
.conts_partner_table td{
	padding: 5px 20px;
	line-height: 1.5;
}


@media only screen and (max-width: 480px) {
	.conts_partner_table th{
		width: 26%;
	}
	.conts_partner_table th,
	.conts_partner_table td{
		padding: 5px;
		font-size: .6rem;
	}
}


/* =========================================================
 * 
 * @「特定商取引に関する法律」に基づく表示
 * ====================================================== */
.tokushouhou_main_read{
	margin: 55px 0 0;
	font-size: 1.25rem;
	text-align: center;
}
.bd-btm_heading_list{
	margin: 140px 0 0;
}
.bd-btm_heading_list > dt{
	margin: 47px 0 0;
	padding: 0 0 13px;
	border-bottom: 1px solid #231815;
	color: #073c6e;
	font-size: 1.25rem;
	font-weight: 800;
}
.bd-btm_heading_list > dt:first-child{
	margin: 0;
}
.bd-btm_heading_list > dd{
	margin: 15px 0 0;
	font-size: .9rem;
	line-height: 1.5;
}
.bd-btm_heading_list a{
	text-decoration: underline;
	color: #036eb8;
}

@media only screen and (max-width: 480px) {
	.tokushouhou_main_read{
		margin: 15px 0 0;
		font-size: .7rem;
		line-height: 1.8;
	}
	.bd-btm_heading_list{
		margin: 50px 0 0;
	}
	.bd-btm_heading_list > dt{
		margin: 30px 0 0;
		padding: 0 0 8px;
		font-size: .88rem;
	}
	.bd-btm_heading_list > dd{
		margin: 10px 0 0;
		font-size: .6rem;
	}
}


/* =========================================================
 * 
 * @お知らせ・プレスリリース
 * ====================================================== */
.comMaster_page-news .backclr_heading:first-of-type{
	margin: 80px 0 0;
}
.comMaster_page-news .backclr_heading:not(:first-of-type){
	margin: 25px 0 0;
}

.news_items{
	margin: 30px 0 0;
	padding: 0 0 0 15px;
}
.news_item:not(:first-child){
	margin: 27px 0 0;
}

.news_date{
	display: flex;
	align-items: center;
	padding: 0 0 5px;
	border-bottom: 1px solid #000;
	font-size: 1rem;
	font-weight: 800;
}
.news_category{
	margin: 0 0 0 12px;
	padding: 2px 4px;
	font-size: .65rem;
}
.news_category.clr_gr{
	background: #dcdddd;
}
.news_category.clr_lb{
	background: #d9effb;
}
.news_new{
	margin: 0 0 0 14px;
	color: #e60012;
	font-size: .9rem;
}

.news_heading{
	margin: 7px 0 0;
	font-size: .98rem;
	font-weight: 800;
}
.news_heading + .news_txt{
	margin: 0;
	padding: 0 0 0 18px;
}
.news_txt{
	margin: 7px 0 0;
}

.news_link{
	text-align: right;
}
.news_link a{
	position: relative;
	padding: 0 10px 0 0;
	color: #036eb8;
	font-size: .75rem;
	text-decoration: underline;
}
.news_link .btn_arrow:after{
	right: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-width: 1px;
	border-color: #036eb8;
}

/* 過去のお知らせ */
.prev_news{
	margin: 25px 0 0;
	padding: 17px 30px;
	border: 1px solid #000;
}
.prev_news_heading{
	color: #073c6e;
	font-size: 1rem;
	font-weight: 800;
}
.prev_news_items{
	display: flex;
	flex-wrap: wrap;
	padding: 15px 40px 5px;
}
.prev_news_item{
	width: calc((100% - 135px ) / 4);
	margin: 0 45px 0 0;
}
.prev_news_item:nth-child(4n){
	margin: 0;
}
.prev_news_item:nth-child(n + 5){
	margin-top: 5px;
}
.prev_news_item a{
	color: #073c6e;
	text-decoration: underline;
}

@media only screen and (max-width: 480px) {
	.comMaster_page-news .backclr_heading:not(:first-of-type){
		padding: 8px 12px;
		font-size: .89rem;
	}

	.news_items{
		margin: 19px 0 0;
	}
	.news_item:not(:first-child){
		margin: 17px 0 0;
	}

	.news_date{
		padding: 0 0 2px;
	}

	.news_heading{
		font-size: .75rem;
	}
	.news_heading + .news_txt{
		margin: 3px 0 0;
		padding: 0 0 0 10px;
	}
	.news_txt{
		font-size: .6rem;
	}

	.news_link{
		padding: 0 7px 0 0;
	}

	.prev_news{
		padding: 10px;
	}
	.prev_news_items{
		padding: 5px;
	}
	.prev_news_item{
		margin: 0 15px 0 0;
		width: calc((100% - 15px ) / 2);
	}
	.prev_news_heading{
		font-size: .9rem;
	}
	.prev_news_item a{
		font-size: .75rem;
	}

	.prev_news_item:nth-child(even){
		margin: 0;
	}
	.prev_news_item:nth-child(4n){
		margin: 5px 0 0;
	}
	.prev_news_item:nth-child(n + 3){
		margin-top: 5px;
	}

}


/* =========================================================
 * 
 * @よくあるご質問
 * ====================================================== */
.faq_main_lead{
	margin: 50px 0 0;
	font-size: 1.25rem;
	font-weight: 800;
	text-align: center;
}
.comMaster_page-faq .backclr_heading:first-of-type{
	margin: 95px 0 0;
}
.comMaster_page-faq .backclr_heading:not(:first-of-type){
	margin: 42px 0 0;
}

.faq_detail{
	margin: 30px 0 0;
}
.faq_detail dt{
	color: #073c6e;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.5;
}
.faq_detail dt:not(:first-of-type){
	margin: 26px 0 0;
	padding: 28px 0 0;
	border-top: 1px dotted;
}
.faq_detail dd{
	margin: 10px 0 0;
	line-height: 1.5;
}
.faq_detail dd a{
	text-decoration: underline;
	color: #036eb8;
}
.faq_detail dd p:not(:first-of-type){
	margin-top: 17px;
}

@media only screen and (max-width: 480px) {
	.faq_main_lead{
		margin: 19px 0 0;
		font-size: 1rem;
	}

	.comMaster_page-faq .backclr_heading{
		padding: 9px 12px;
		font-size: .87rem;
	}
	.comMaster_page-faq .backclr_heading:first-of-type{
		margin: 35px 0 0;
	}

	.faq_detail{
		margin: 15px 0 0;
	}
	.faq_detail dt{
		font-size: .9rem;
		line-height: 1.7;
	}
	.faq_detail dt:not(:first-of-type){
		margin: 16px 0 0;
		padding: 15px 0 0;
	}
	.faq_detail dd{
		font-size: .6rem;
	}


}




/* =========================================================
 * 
 * @ドットコムマスター ロゴデータ ダウンロード
 * ====================================================== */
.logo_main_lead{
	margin: 54px 0 0;
	font-size: 1.25rem;
	font-weight: 800;
	text-align: center;
}

.logo_note{
	display: flex;
	justify-content: space-between;
	margin: 98px 0 0;
}
.logo_note_txt{
	width: 46%;
	line-height: 1.7;
}
.logo_note_img{
	width: 49.5%;
}

.comMaster_page-logo .fade_container{
	margin: 95px 0 0;
}

.comMaster_page-logo .head_circle_list li{
	padding: 0 0 0 13px;
}
.comMaster_page-logo .head_circle_list li:before{
	top: 8px;
	width: 6px;
	height: 6px;
}

/* =========================================================
 * 
 * @fade container
 * ====================================================== */
/* ----------------------------------------
 * フェード用のコンテナ
 * ------------------------------------- */
.fade_container {
	position: relative;
	border: 1px solid #073c6e;
}

/* ----------------------------------------
 * フェードコンテナの中身
 * ------------------------------------- */
/* ---------- アクティブならラッパーフェード処理 ---------- */
.fade_container.is-active .fade_contents {
	position: relative;
	overflow: hidden;
	height: 210px;
	padding: 25px 25px 20px;
}

/* ---------- フェード ---------- */
.fade_container.is-active .fade_contents::before {
	z-index: 10000;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/* height: 120px; */
	min-height: 120px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}


/* 続き読むボタン */
.fade_container .fadeoff_btn {
	display: none;
}
.fade_container.is-active .fadeoff_btn {
	z-index: 11000;
	position: absolute;
	display: inline-block;
	bottom: 15px;
	left: 50%;
	width: 180px;
	padding: 8px 48px;
	background: #073c6e;
	color: #fff;
	font-size: .9rem;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	transform: translateX(-50%);
}

/* トリガーの処理とスタイル */
.fadeoff_trigger {
	display: none;
}
.fadeoff_trigger:checked + .fadeoff_btn {
	display: none;
}
.fade_container.is-active .fadeoff_trigger:checked ~ .fade_contents {
	height: auto;
}
.fade_container.is-active .fadeoff_trigger:checked ~ .fade_contents::before {
	/* display: none; */
	min-height: 0;
}

/* 見出し */
.face_conts_heading{
	padding: 0 0 18px;
	border-bottom: 1px solid #073c6e;
	color: #073c6e;
	font-size: 1rem;
	font-weight: 800;
	text-align: center;
}
/* 本文 */
.face_conts_main{
	margin: 20px 0 0;
}
.face_conts_main dt{
	font-size: 1rem;
	font-weight: 800;
}
.face_conts_main dt:not(:first-of-type){
	margin: 20px 0 0;
}
.face_conts_main dd{
	margin: 10px 0 0;
	padding: 0 0 0 1em;
}
.face_conts_main p + dl{
	margin: 20px 0 0;
}



/* 同意しますボタン  */
.consent_check_txt{
	margin: 75px auto 20px;
	text-align:center;
	font-size:1.25rem;
}
.consent_check_area{
	margin: 0 210px 0;
	background: #ebf0f6;
	text-align: center;
}
.consent_check_area label{
	display: block;
	padding: 37px;
	font-size: 1.05rem;
	font-weight: 800;
}
.consent_check_area label:hover{
	cursor: pointer;
}
.check-input{
	display: none;
}
.check-parts{
	padding-left: 32px;
	position:relative;
}
.check-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 23px;
	border: 1px solid #999;
	border-radius: 2px;
	background: #fff;
}
.check-input:checked + .check-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 7px;
	width: 8px;
	height: 13px;
	transform: rotate(40deg);
	border-bottom: 3px solid #073c6e;
	border-right: 3px solid #073c6e;
}



/* ロゴマーク一覧 */
.logo_lists{
	margin: 73px 0 0;
	opacity:.6;
}
.logo_lists.checked{
	opacity:1;
}
.logo_lists dt{
	padding: 0 0 17px;
	border-bottom: 1px solid #000;
	font-size: 1.27rem;
	font-weight: 800;
}
.logo_lists dt:not(:first-of-type){
	margin: 64px 0 0;
}
.logo_lists dd{
	margin: 32px 0 0;
}

.logo_list{
	display: flex;
}
.logo_list li{
	display: flex;
	align-items: flex-end;
	width: calc((100% - 60px) / 3);
	margin: 0 0 0 20px;
}
.logo_img{
	width: 93px;
}
.logo_img img{
	vertical-align: bottom;
}

.logo_txt{
	width: calc(100% - 110px);
	margin: 0 13px 0 12px;
	text-align: left;
}

.logo_txt a{
	/*display: inline-block;
	margin: 6px 0 0;
	padding: 2px 10px;
	border-radius: 3px;
	background: #004386;
	color: #fff;
	font-weight: 800;*/
	display: inline-block;
	font-size: .75rem;
	pointer-events:none ;
}
.logo_txt .filesize{
	margin-top:5px;
	font-size:.65rem;
}
.checked .logo_txt a{
	cursor: pointer;
	pointer-events: auto;
}

@media only screen and (max-width: 480px) {
	.logo_main_lead{
		margin: 48px 0 0;
		font-size: 1rem;
	}

	.logo_note{
		flex-wrap: wrap;
		margin: 48px 0 0;
	}
	.logo_note_txt{
		order: 2;
		width: 100%;
		margin: 18px 0 0;
		font-size: .75rem;
		line-height: 1.4;
	}
	.logo_note_img{
		order: 1;
		width: 100%;
		padding: 0 3px 0 27px;
	}
	.comMaster_page-logo .fade_container{
		margin: 45px 0 0;
	}

	/* ----------------------------------------
		* フェードコンテナの中身
		* ------------------------------------- */
	/* ---------- アクティブならラッパーフェード処理 ---------- */
	.fade_container.is-active .fade_contents{
		height: 202px;
		padding: 15px 20px 20px;
	}

	.comMaster_page-logo .head_circle_list li{
		padding: 0 0 0 10px;
		font-size: .6rem;
	}
	.comMaster_page-logo .head_circle_list li:before{
		top: 6px;
		width: 3px;
		height: 3px;
	}
	/* 続き読むボタン */
	.fade_container.is-active .fadeoff_btn{
		bottom: 18px;
	}

	/* 見出し */
	.face_conts_heading{
		padding: 0 0 10px;
	}

	/* 本文 */
	.face_conts_main{
		margin: 14px 0 0;
		font-size: .6rem;
	}
	.face_conts_main dt{
		font-size: .6rem;
	}
	.face_conts_main dd{
		margin: 5px 0 0;
		padding: 0 0 0 .5em;
		font-size: .6rem;
	}

	/* 同意しますボタン  */
	.consent_check_txt{
		margin: 38px auto 20px;
		font-size:1rem;
	}
	.consent_check_area{
		margin: 0 0 0;
	}
	.consent_check_area label{
		padding: 40px 20px;
	}


	/* ロゴマーク一覧 */
	.logo_lists{
		margin: 100px 0 0;
	}
	.logo_lists dd{
		margin: 25px 0 0;
	}
	.logo_list{
		display: block;
		padding: 0 0 0 19px;	
	}
	.logo_list li{
		width: 100%;
		margin: 0;
	}
	.logo_list li:not(:first-of-type){
		margin: 26px 0 0;
	}

}



/* =========================================================
 * 
 * @ドットコムマスター 認定証のご購入について
 * ====================================================== */
/* 大事なお知らせ */
.announce_box{
	margin: 82px 0 0;
	padding: 40px 93px;
	border: 1px solid #d70051;
}
.announce_heading{
	color: #d70051;
	font-size: 1.2rem;
	text-align: center;
}
.announce_txt{
	margin: 28px 0 0;
	line-height: 1.75;
}

.certificate_lead{
	margin: 105px 0 0;
	color: #073c6e;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
}
.comMaster_page-certificate .backclr_heading{
	margin: 36px 0 0;
	padding: 20px 18px;
	font-size: 1.25rem;
	text-align: center;
}
.comMaster_page-certificate .backclr_heading:not(:first-of-type){
	margin: 100px 0 0;
}
.certificate_lead_detail{
	margin: 20px 0 0;
	text-align: center;
	line-height: 1.7;
}
.certificate_lead_detail + .apply_btn{
	margin: 30px 0 30px;
	text-align: center;
}

.comMaster_page-certificate .bd-btm_heading_list{
	margin: 58px 0 0;
}
.comMaster_page-certificate .bd-btm_heading_list > dt{
	color: #000;
}

/* 上記以外の方 本文 */
.certificate_detail.col2{
	display: flex;
}
.certificate_detail.col2 .certificate_txt{
	width: 51%;
}
.certificate_detail.col2 .certificate_img{
	width: 49%;
	padding: 0 0 0 45px;
}

.certificate_heading{
	font-weight: 800;
}
.certificate_txt{
	font-size: .87rem;
	line-height: 1.7;
}

.certificate_txt_atten{
	margin: 10px 0 0;
	font-size: .7rem;
	line-height: 1.7;
}
.certificate_txt_atten li{
	margin: 0;
}

.certification_items{
	display: flex;
}
.certification_item{
	width: calc((100% - 40px) / 3);
}
.certification_item:nth-child(2){
	margin: 0 0 0 15px;
}
.certification_item:nth-child(3){
	margin: 0 10px 0 15px;
}

.certification_item p{
	margin: 2px 0 0;
	color: #005eab;
	font-size: .6rem;
	font-weight: bold;
	text-align: center;
}
.certification_item.basic p{
	color: #218a6e;
}

.certification_items + p{
	margin: 10px 0 0;
	text-align: center;
	font-size: .7rem;
}

.clr_red{
	color: #e60012;
	font-weight: 700;
}

.certificate_flow{
	margin: 0 30px 0 45px;
}
.certificate_flow li{
	padding: 10px;
	border-radius: 5px;
	background: #e7eef6;
	font-size: .9rem;
	font-weight: 800;
	text-align: center;
}
.certificate_flow li:not(:first-child){
	margin: 25px 0 0;
}
.certificate_flow li + li{
	position: relative;
}
.certificate_flow li + li:before{
	position: absolute;
	top: -18px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 7px 0 7px;
	border-color: #000 transparent transparent transparent;
	transform: translateX(-50%);
}
.certificate_flow em{
	font-size: .75rem;
	font-weight: normal;
}

.certificate_method_img{
	margin: 0 30px 0 45px;
}
.certificate_method {
	counter-reset: my-counter;
	list-style: none;
	margin: 10px 0 0;
	padding: 0 0 0 27px;
}
.certificate_method li h3{
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	position: relative;
	font-size: .87rem;
}
.certificate_method li h3{
	margin: 15px 0 0;
}
.certificate_method li h3:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #23813b;
	color: #fff;
	font-size: .8rem;
	line-height: 16px;
	text-align: center;
	position: absolute;
	left: 0;
}
.certificate_method_img{
	margin: 30px 40px 0 50px;
}
.contact_box{
	margin: 50px 0 0;
	padding: 25px;
	border-radius: 5px;
	background: #e7eef6;
	text-align: center;
}
.contact_box_sub_heading{
	color: #073c6e;
	font-size: 1.1rem;
	font-weight: 800;
}
.contact_box_heading{
	margin: 10px 0 0;
	font-size: 1.6rem;
	font-weight: 800;
}
.contact_box .apply_btn{
	margin-bottom:0;
}
.contact_box .yellow_btn{
	padding: 24px 115px;
	margin: 10px 0 0;
}
.contact_box .kentei dt{
	font-size: 1.0rem;
	font-weight: 800;
	padding: 5px 0 0 0;
}
.contact_box .kentei dd{
	font-size: 1.2rem;
	font-weight: 800;
}

@media only screen and (max-width: 480px) {
	/* 大事なお知らせ */
	.announce_box{
		margin: 18px 0 0;
		padding: 25px 20px 20px;
	}
	.announce_heading{
		line-height: 1.3;
	}
	.announce_txt{
		margin: 19px 0 0;
		font-size: .7rem;
		line-height: 1.7;
	}
	.certificate_lead{
		margin: 97px 0 0;
		font-size: 1rem;
		line-height: 1.7;
	}
	.comMaster_page-certificate .backclr_heading{
		margin: 28px 0 0;
		padding: 13px;
		font-size: 1rem;
		line-height: 1.65;
	}
	.comMaster_page-certificate .backclr_heading:not(:first-of-type){
		margin: 60px 0 0;
	}
	.certificate_lead_detail{
		margin: 15px 0 0;
		text-align: left;
		font-size: .7rem;
	}
	.certificate_lead_detail + .apply_btn{
		margin: 15px 0 0;
	}
	.comMaster_page-certificate .bd-btm_heading_list{
		margin: 32px 0 0;
	}

	/* 上記以外の方 本文 */
	.certificate_detail.col2{
		display: block;
	}
	.certificate_detail.col2 .certificate_txt{
		width: 100%;
	}
	.certificate_detail.col2 .certificate_img{
		width: 100%;
		padding: 0;
	}
	.certificate_heading{
		font-size: .9rem;
	}

	.certification_items{
		display: block;
		margin: 15px 0 0;
	}

	.certification_item{
		width: 50%;
		margin: 0 auto;
	}
	.certification_item:nth-child(2),
	.certification_item:nth-child(3){
		margin: 17px auto 0;
	}
	.certification_item img{
		padding: 0 17px 0;
	}
	.certificate_flow{
		margin: 15px 15px 0;
	}
	.certificate_method{
		margin: 0;
		padding: 0;
	}
	.contact_box{
		margin: 71px 0 0;
		padding: 52px 15px;
	}
	.contact_box_sub_heading{
		font-size: .9rem;
	}
	.contact_box_heading{
		margin: 6px 0 0;
		font-size: 1.15rem;
	}
	.contact_box .apply_btn{
		margin: 20px 0 0;
	}
	.contact_box .yellow_btn{
		padding: 30px 0;
	}
}

.copy textarea{
	font-size: 0.75rem;
}
.clipboard{
	cursor: pointer;
}



/* =========================================================
 * タブ切り替え
 * ====================================================== */
#dcm_tabs .tabs_nav{margin-bottom:30px}
#dcm_tabs .tabs_nav ul{display:flex}
#dcm_tabs .tabs_nav li{flex:1;background:#013364;height:63px;transition:.2s}
#dcm_tabs .tabs_nav li + li{border-left:#dbdbdb solid 1px}
#dcm_tabs .tabs_nav li a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;color:#fff}
#dcm_tabs .tabs_nav li:hover,#dcm_tabs .tabs_nav li.active{background:#CC023A}
#dcm_tabs .tabs_nav_select select{display:none;width:100%;padding:10px;background-color:#fff;border:#ccc solid 1px;color:#18397b;font-weight:700;font-size:1.2rem}

@media only screen and (max-width: 480px) {	
	#dcm_tabs .tabs_nav {margin-bottom: 0;}
	#dcm_tabs .tabs_nav ul{display: none;}	
	#dcm_tabs .tabs_nav_select select {display: block;}
}