@charset "utf-8";

@media screen and (min-width: 768px), print and (min-width: 0px) {

/*====================
 +ベースエレメント
====================*/
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 13px;
	line-height: 1.8;
	color: #444;
	}

.t10 {
	font-size: 10px;
}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}

.mt1em {margin-top: 1em!important;}
.mt2em {margin-top: 2em!important;}
.mt3em {margin-top: 3em!important;}


.mb20 {margin-bottom: 20px!important;}
.mb40 {margin-bottom: 40px!important;}


/*====================
 +リンク
====================*/
a,
a:active {
	color: #0085b9;
	text-decoration: underline;
	
	}
a:hover {
	color: #2594e2;
	text-decoration: none;
	transition-duration: 0.5s;
	}
a.zoom {
	position: relative;
}
a.zoom:after {
	display: block;
	content:"";
	background: url(../images/icon/icon_zoom.png) no-repeat bottom right;
	width: 100%;
	height: 28px;
	opacity: 1;
	margin-top: -28px;
	text-align: right;
	padding: 0;
}
a:hover.zoom:after {
	opacity: 0.7;
}
.linkTxt {
	color: #0085b9 !important;
	text-decoration: underline !important;
}
a:hover img {
	opacity: 0.8;
	transition: all 0.3s ease-out;
}
a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
	color: #333;
}

ol.olNormal > li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 1.5em;
}

/*====================
 +レイアウト
====================*/
.wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.honmon_box {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.honmon_box2 {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.honmon_box3 {
	width: 100%;
	margin: 0 auto;
}
.honmon_box4 {
	width: 100%;
	margin: 0 auto;
}
article#contents {
	/*max-width: 960px;
	width: 100%;*/
	margin: 0 auto 0;
}
article#contents section.mainsection {
	margin: 0 0px 60px;
}


/*====================
 +ヘッダー
====================*/

/*#top　ヘッダ*/

#top #mainheader {
	position: absolute;
	top: 0;
	left: 0;
	/*width: 100%;
	height: 110px;
	text-align: center;*/
	z-index: 999;
	border: none;
}
/*
#top #mainheader .wrapper {
	width: calc(100% - 40px);
}
*/

/*ロゴタイトル*/
/*#top #mainheader h1 {
	width: auto;
	height: auto;
	color: rgba(255,255,255,0.7);
	font-size: 13px;
	line-height: 2.4em;
	margin: 0.4em 2% 0 2%;
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.9);
}
#top #mainheader h1 .name {
	font-size: 2.8em;
	letter-spacing: 0.2em;
	color: rgba(255,255,255,0.9);
}
#top #mainheader h1 a {
	text-decoration: none;
	color: #fff;
}
*/

/*グローバルナビ*/

#top #globalnav {
	/*top: 90px;*/
	border: none;
}

/*メインメニュー*/
/*
#top #globalnav .wrapper {
	width: calc(100% - 40px);
}
#top #globalnav ul.mainMenu {
	text-align: center;
	width: auto;
	height: 30px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#top #globalnav ul.mainMenu li {
	display: inline-block;
	border-left: none;
	margin: 0 5px;
	text-align: center;
	flex-grow:inherit;
	-webkit-flex-grow:inherit;
	font-size: 16px;
	font-family: 'Marcellus', serif;
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.9);
}
#top #globalnav ul.mainMenu a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	border-radius: 20px;
	box-sizing: border-box;
}
#top #globalnav ul.mainMenu a:hover {
	color: #000;
	background:rgba(255,255,255,0.5);
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}
*/

/*#おとりえ*/
/*
#top #globalnav ul#otorie {
	margin-top: -80px;
	color: #fff;
}
#top #globalnav ul#otorie li {
	color: #fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
#top #globalnav ul#otorie li a {
	color: #fff;
}
#top #globalnav ul#otorie li#btnFb a,
#top #globalnav ul#otorie li#btnYoutube a {
	color: #fff;
}
*/

/*下階層　ヘッダ*/
#mainheader {
	/*position: absolute;
	top: 0;
	left: 0;*/
	height: 110px;
	text-align: center;
	z-index: 999;
	background: rgba(255,255,255,0.5);
	width: 100%;
}
#mainheader .wrapper {
	width: calc(100% - 40px);
}

/*ロゴタイトル*/
#mainheader h1 {
	width: auto;
	height: auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: rgba(0,0,0,0.7);
	text-align: left;
	font-size: 11px; /*13px*/
	line-height: 2.4em;
	font-weight: normal;
	margin: 0.4em 2% 0 2%;
	letter-spacing: 0.2em;
}
#mainheader h1 .en {
	margin: 0 1em 0 0;
	font-family: 'Marcellus', serif;
}
#mainheader h1 .site {
	font-family: 'Marcellus', serif;
}
#mainheader h1 .name {
	font-size: 2.8em;
	letter-spacing: 0.2em;
	color: rgba(0,0,0,0.9);
}
#mainheader h1 a {
	text-decoration: none;
	color: #000;
}
#mainheader h1 a:hover {
	opacity: 0.85;
}

/*グローバルナビ*/
.hamburger {
	display: none;
}
#globalnav {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 1000;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(35,45,55,0.3);
	width: 100%;
	min-width: 1000px;
}
/*メインメニュー*/
#globalnav .wrapper {
	width: calc(100% - 40px);
}
#globalnav ul.mainMenu {
	text-align: center;
	width: auto;
	height: 30px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#globalnav ul.mainMenu li {
	display: inline-block;
	border-left: none;
	margin: 0 5px;
	text-align: center;
	flex-grow:inherit;
	-webkit-flex-grow:inherit;/*--- safari（PC）用 ---*/
	font-size: 16px;
	font-family: 'Marcellus', serif;
	letter-spacing: 0.2em;
}
#globalnav ul.mainMenu a {
	color: rgba(35,45,55,1);
	text-decoration: none;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 15px;
	border-radius: 20px;
	box-sizing: border-box;
}
#globalnav ul.mainMenu a:hover {
	color: rgba(35,45,55,0.7);
	background:rgba(35,45,55,0.08);
}
#globalnav ul.mainMenu .current a {
	color: rgba(35,45,55,0.3);
	background:rgba(35,45,55,0.08);
}

/*#おとりえ*/
#globalnav ul#otorie {
	position: absolute;
	top: 0;
	right: 2%;
	padding-bottom: 20px;
	margin-top: -60px;
	float: right;
	font-size: 12px;
	color: rgba(35,45,55,1);
}
#globalnav ul#otorie li {
	float: left;
	margin: 2px 0 2px 15px;
	color: rgba(35,45,55,1);
}
#globalnav ul#otorie li a {
	color: rgba(35,45,55,1);
}
#globalnav ul#otorie li a:hover {
	opacity: 0.7;
}
#globalnav ul#otorie li#otorieH {
	margin-right: 5px;
	margin-top: 5px;
}
#globalnav ul#otorie li#btnFb,
#globalnav ul#otorie li#btnYoutube {
	font-size: 24px;
	line-height: 1;
}
#globalnav ul#otorie li#btnFb a,
#globalnav ul#otorie li#btnYoutube a {
	color: rgba(35,45,55,1);
}
#globalnav ul#otorie li#btnFb span,
#globalnav ul#otorie li#btnYoutube span {
	font-size: 0;
	line-height: 0;
}

/*====================
 +メイン動画
====================*/

.wrapMov {
	width: 100%;
	min-width: 1000px;
	position: relative;
}

.movBox {
	position: relative;
	width: 100%;
	min-width: 1000px;
	padding: 0 0 56.25%; /*51.0%*/
	margin-top: 0;
	z-index: 1;
	background: #000;
}

#youtube {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 0 0;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	z-index: 2;
}
#youtube_cover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	height: 100%;
	z-index: 3;
}
.top_main_wrap {
	width: 100%;
	/*min-width: 1000px;*/
	/*height: 100%;*/
	height: 100vh;
	max-height: 800px;
	margin: 0;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	background: url('../images/contents/top_main.jpg') no-repeat center center / cover;
}
/*
img.top_main {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	object-fit: contain;
	ocject-position: top center;
	
}
*/
#top #play {
	position: absolute;
	top: 0;
	left: 0;
}
.top_main_wrap .scrollBtn {
	z-index: 6;
	position: absolute;
	bottom: 17%;
	left: 0;
	width: 100% !important;
	height: 60px;
	text-align: center;
	border: 0;
}
/*
#top .scrollBtn {
	z-index: 6;
	position: absolute;
	bottom: 17%;
	left: 0;
	width: 100% !important;
	height: 60px;
	text-align: center;
	border: 0;
}
*/
.scrollBtn a {
	padding-top: 0px;
	color: #ccc;
	line-height: 120px;
	opacity: 0.5;
}
.scrollBtn a:hover {
	opacity: 1;
}
.scrollBtn a span {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 30px;
	height: 50px;
	margin-left: -15px;
	border: 2px solid #ccc;
	border-radius: 50px;
	box-sizing: border-box;
	
}
.scrollBtn a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #ccc;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#top .tsuzuki {
	position: absolute;
	bottom: 17%;
	right: 20px;
	font-size: 12px;
	text-align: right;
	color: #fff;
	z-index: 999;
}
#top .tsuzuki a {
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	cursor: pointer;
}
#top .tsuzuki a:hover {
	color: #fff;
}
#top .movCap {
	display: none;
}
#top #loader {
	background: url('../images/icon/loading.svg') no-repeat center center;
    position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
}
#top .volume {
	position: absolute;
	bottom: 17%;
	left: 25px;
	font-size: 12px;
	text-align: right;
	color: rgba(255,255,255,0.6);
	z-index: 999;
}
#top button#mute {
	z-index: 6;
	position: absolute;
	bottom: 17%;
	left: 20px;
	color: #ccc;
	font-size: 20px;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 5px 5px 20px 10px;
	margin-bottom: 0px;
}
#top button#mute span {
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding-left: 26px;
	min-width: 40px;
}
#top button#mute:hover {
	color: #999;
}
#top button#mute:focus {
	border: none;
}
#top button#mute span.off {
	background: url("../images/icon/icon_mute_off.png") no-repeat left center;
	background-size: 26px auto;
	display: block;
}
#top button#mute:hover span.off {
	background: url("../images/icon/icon_mute_off_hover.png") no-repeat left center;
}

#top button#mute span.on {
	display: none;
}
#top button#mute.on span.off {
	display: none;
}
#top button#mute.on span.on {
	background: url("../images/icon/icon_mute_on.png") no-repeat left center;
	background-size: 26px auto;
	display: block;
}
#top button#mute.on:hover span.on {
	background: url("../images/icon/icon_mute_on_hover.png") no-repeat left center;
}


/*====================
 +見出し
====================*/

article#contents h2.h2_honmon {
	display: block;
	margin: 30px auto 60px;
	text-align: center;
}
article#contents h2.h2_honmon span {
	display: inline-block;
	width: auto;
	font-size: 50px;
	font-weight: normal;
	font-family: 'Marcellus', serif;
	letter-spacing: 0.05em;
	color: rgba(35,45,55,0.4);
}
article#contents h2.h2_honmon span::after {
	display: block;
	content: "●　●　●";
	font-size: 12px;
	letter-spacing: 0em;
	color: rgba(35,45,55,0.2);
	margin: 10px 0 0;
}
article#contents h2.h2_honmon .add {
	display: none;
	height: 0px;
}


/*====================
 +フッター
====================*/
#mainfooter {
	width: 100%;
	min-width: 1000px;
	background: rgba(35,45,55,0.03);
	border-top: 1px solid rgba(35,45,55,0.1) ;
	color: #666;
	position: relative;
	margin: 80px 0px 0px;
	text-align: center;
	font-size: 96%;
	letter-spacing: 0.1em;
}
#mainfooter .wrapper {
	min-width: 960px;
	height: 220px;
	padding: 31px 20px 0;
	margin: 0 auto;
}
#mainfooter .wrapper p#footer_title {
	font-size: 115%;
}
#mainfooter .wrapper ul#footer_link {
	margin-top: 50px;
}
#mainfooter .wrapper ul#footer_link li {
	border-left: 1px solid #a99a7d;
	line-height: 1.2;
	padding: 0 1em;
	display: inline-block;
}
#mainfooter .wrapper ul#footer_link li:last-child {
	border-right: 1px solid #a99a7d;
}
#mainfooter .wrapper ul#footer_link li a {
	color: #666;
	text-decoration: none;
}
#mainfooter .wrapper ul#footer_link li a:hover {
	color: #0085b9;
	text-decoration: none;
}


/*コピーライト*/
#mainfooter #copyright {
	position: absolute;
	bottom: 0px;
	left: auto;
	text-align: center;
	width: 960px;
	height: 50px;
	line-height: 50px;
}

/*ページトップへ*/
#mainfooter #gototop a {
	width: 56px;
	height: 56px;
	background: url(../images/btn/gototop.png) no-repeat;
	text-indent: -9999px;
	position: fixed;
	right: 50px;
	bottom: 20px;
	z-index: 99;
	display: block;
	pointer: cursor;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#mainfooter #gototop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*====================
 + general class
====================*/
.clearfix {
	overflow: hidden;
	}
.hidden {
	font-size: 0px;
	line-height: 0px;
	display: none;
	visibility: hidden;
}
.btn_onmouse a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.align_center {
	text-align: center;
}
.column {
	background: #f5f5f5;
	padding: 15px 30px 10px;
	border: 1px solid #e3e3e3;
	margin: 2.2em 0;
	/*角丸*/
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	behavior: url(/home/common/css/PIE.htc); /*IE*/
}
.large {
	font-size: 150%;
}
.small {
	font-size: 10px;
}


/*テキストリンク（シンプル矢印）*/
.textlink {
	font-size: 10px;
	line-height: 1.2;
	background: url(../images/icon/arrow.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 10px;
}

.top_header_margin {
	margin-top: 0;
}
.header_margin {
	margin-top: 0;
}

.btn {
	background: #333 url(../images/icon/arrow_white.gif) no-repeat 6px 8px;
	font-size: 88%;
	color: #fff;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0 12px 0 25px;
	margin: 8px 2px !important;
	/*角丸*/
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	behavior: url(/home/common/css/PIE.htc); /*IE*/
}
a .btn {
	color: #fff;
	text-decoration: none;
}
a:hover .btn {
	color: #fff;
	text-decoration: none;
	background: #666 url(../images/icon/arrow_white.gif) no-repeat 6px 8px;
}
.btn_noLink {
	background: #ccc url(../images/icon/arrow_white.gif) no-repeat 6px 8px;
	font-size: 88%;
	color: #fff;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0 12px 0 25px;
	margin: 8px 2px !important;
	/*角丸*/
	border-radius: 4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	behavior: url(/home/common/css/PIE.htc); /*IE*/
}

.btn_amazon {
	height: 22px;
	/*background: #fff;*/
	background: linear-gradient(to bottom, #fff, #efefef);
	border: 1px solid #666;
	border-radius: 3px;
	text-align: center;
	font-size: 0;
	line-height: 1;
	padding: 0;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
.btn_amazon img {
	width: 70px !important;
	height: 20px;
	margin: -2px 0 0;
}
a:hover .btn_amazon img {
	opacity: 0.7;
}
.btn_txt {
	height: 22px;
	/*background: #fff;*/
	background: linear-gradient(to bottom, #fff, #efefef);
	border: 1px solid #666;
	border-radius: 3px;
	text-align: center;
	font-size: 11px;
	line-height: 22px;
	padding: 0;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
a .btn_txt {
	color: #333;
}
a:hover .btn_txt {
	color: #BFB6A2;
	text-decoration: none;
}
.btn_txt .otonano {
	font-size: 1.2em;
}
.btn_txt .sonyMusicShop {
	font-size: 1.0em;
}
.btn_mail {
	font-size:1.3em;
	border:1px solid #ddd;
	border-radius:0.3em;
	padding:0.8em 2em 0.8em 4em;
	marfin:0 auto;
	display:inline-block;
	color: #333;
	text-decoration: none;
	transition: 0.8s;
	background: url("../images/icon/icon_mail.svg") no-repeat left 2em center / 1.5em auto;
}
.btn_mail:hover {
	background: rgba(0,0,0,0.04) url("../images/icon/icon_mail.svg") no-repeat left 2em center / 1.5em auto;
}

a:hover .btn_onmouse img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.mgn_btm {
	margin-bottom: 20px;
}
p.tmb img {
	padding: 10px;
	margin: 5px 0px;
	border: 4px solid #ededed;
	/*シャドウ*/
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	behavior: url(/home/common/css/PIE.htc); /*IE*/
}
div.pdfBox {
	display: inline-block;
}
div.pdfBox a {
	text-decoration: none;
}

div.pdfBox a p.pdf {
	font-size: 10px;
	color: #888;
	background: url(../images/icon/icon_pdf.gif) no-repeat 0px 0px;
	padding: 2px 0px 2px 22px;
	line-height: 1.3;
	text-decoration: none;
	color: #888;
}
div.pdfBox a p.onlinemag {
	font-size: 10px;
	color: #888;
	padding: 2px 0px 2px 0px;
	line-height: 1.3;
	text-decoration: none;
	color: #888;
}


div.pdfBox a:hover p.pdf,
div.pdfBox a:hover p.onlinemag {
	color: #2594e2;
	text-decoration: underline;
}

br.br_sp,
.pcNone {
	display: none;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.colorRed {
	color: #C00;
}

figure img {
	width: 100%;
}

.img_w200 {
	width: 200px;
}
.floatLeft {
	float: left;
	margin-right: 2em;
	margin-bottom: 1.2em;
}
.floatRight {
	float: right;
	margin-left: 2em;
	margin-bottom: 1.2em;
}

}/*@media*/







/* -----------------------------------------------
= flex
----------------------------------------------- */
.setFlexCenter {
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.setFlexCenter img {
	width: 100%;
}
.setFlexCenter > figure,
.setFlexCenter > img,
.setFlexCenter > div,
.setFlexCenter > p,
.setFlexCenter > a {
	display: block;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.setFlexCenter > figure::first-child,
.setFlexCenter > img::first-child,
.setFlexCenter > div::first-child,
.setFlexCenter > p::first-child,
.setFlexCenter > a::first-child {
	margin-left: 0;
}
.setFlexCenter > figure::last-child,
.setFlexCenter > img::last-child,
.setFlexCenter > div::last-child,
.setFlexCenter > p::last-child,
.setFlexCenter > a::last-child {
	margin-right: 0;
}
@media screen and (max-width:767px){
	.setFlexCenter {
		display: inherit;
	}
	.setFlexCenter figure {
		width: 100%;
		margin-bottom: 1em;
		box-sizing: border-box!important;
	}
	.setFlexCenter > figure,
	.setFlexCenter > img,
	.setFlexCenter > div,
	.setFlexCenter > p,
	.setFlexCenter > a {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	.setFlexCenter.spFlex {
		display: flex!important;
	}
}/*@media*/



/* -----------------------------------------------
= margin, padding
----------------------------------------------- */
.mt1em {margin-top: 1em!important;}
.mt2em {margin-top: 2em!important;}
.mt3em {margin-top: 3em!important;}
.mt4em {margin-top: 4em!important;}
.mt5em {margin-top: 5em!important;}

.mt-1em {margin-top: -1em!important;}
.mt-2em {margin-top: -2em!important;}
.mt-3em {margin-top: -3em!important;}
.mt-4em {margin-top: -4em!important;}
.mt-5em {margin-top: -5em!important;}

.ml1em {margin-left: 1em!important;}
.ml2em {margin-left: 2em!important;}
.ml3em {margin-left: 3em!important;}
.ml4em {margin-left: 4em!important;}
.ml5em {margin-left: 5em!important;}

.indent1 {
	text-indent: -1em;
	padding-left: 1em;
}
.indent2 {
	text-indent: -2em;
	padding-left: 2em;
}
.indent3 {
	text-indent: -3em;
	padding-left: 3em;
}
.indent4 {
	text-indent: -4em;
	padding-left: 4em;
}
.ib {
	display: inline-block;
}
.sizeL {
	font-size: 1.3em;
}

/* -----------------------------------------------
= heading
----------------------------------------------- */
.heading_m {
	position: relative;
	margin-bottom: 0.8em;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.08em;
}
.heading_m span {
	font-size: 0.6em;
	font-weight: normal;
	display: inline-block;
	letter-spacing: 0;
}
.heading_s {
	position: relative;
	margin-bottom: 1.6em;
	padding: 0 0 0 0.9em;
	font-size: 1.25rem;
	font-weight: normal;
	line-height: 1.6;
	color: #000066;
	margin-top: 2em;
	letter-spacing: 0.08em;
}
.heading_ss {
	font-size: 1.05rem;
	line-height: 1.8;
	font-weight: 700;
	margin-bottom: 0.3em;
	margin-top: 2em;
	padding-left: 1.3em;
	position: relative;
}
.heading_ss::before {
	position: absolute;
	top: -0.28em;
	left: 0;
	display: block;
	content: "●";
	font-size: 1.4rem!important;
}

@media screen and (max-width: 767px) {
	.heading_m {
		font-size: 1.2rem;
	}
	.heading_m span {
	}
	.heading_s {
		font-size: 1.05rem;
	}
	.heading_ss {
		font-size: 0.95rem;
	}
	.heading_ss::before {
		top: -0.28em;
		font-size: 1.3rem!important;
	}
}

/* table */
.tblNoBorder,
.tblNoBorder tr {
	border: none!important;
	width: auto!important;
	margin: 0;
	padding: 0;
}
.tblNoBorder,
.tblNoBorder th,
.tblNoBorder td {
	border: none!important;
	width: auto;
	margin: 0;
	padding-top: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	padding-bottom: 1em!important;
	font-weight: normal;
	vertical-align: top;
}
.tblNoBorder th,
.tblNoBorder tr td:nth-child(1) {
	/*padding-right: 1em!important;*/
	white-space: nowrap;
}

@media print, screen and (max-width: 767px) {/* SP */
	.tblNoBorder > tr > th,
	.tblNoBorder > tr > td {
		display: table-cell!important;
		width: auto;
	}
	
	.spTblTate {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: none !important;
	}
	.tblNoBorder.spTblTate {
		display: block;
		border: none;
		padding: 0;
		vertical-align: top!important;
	}
	.tblNoBorder.spTblTate th,
	.tblNoBorder.spTblTate td:nth-child(1) {
		font-weight: bold;
		white-space: nowrap;
		padding: 1em 0 0!important;
	}
	.tblNoBorder.spTblTate tr:first-child th {
		padding: 0!important;
	}
	.tblNoBorder.spTblTate td {
		padding: 0;
	}
	.tblNoBorder.spTblTate th,
	.tblNoBorder.spTblTate td {
		display: block!important;
		border: none!important;
		vertical-align: top!important;
		width: auto;
	}
}/*@media*/