@charset "utf-8";

/*SP用CSS --------------------------------------------------------------*/
@media screen and (max-width:767px){
	html, body{
		line-height:1.6;
	}

	.wrapper1{
		overflow-x:hidden;
	}

	.wrapper_2col{
		overflow:auto;
	}

	.wrapper_2col:after{
		display:none;
	}

	.wrapper_2col > div {
		margin-bottom: 2em;
	}

	.wrapperL1{
		float:none;
		width:100%;
		margin-right:0;
		padding-right:0;
		padding-bottom:0;
		margin-bottom:0;
		font-size:97%;
		line-height:1.65;
	}

	.wrapperR1{
		float:none;
		width:100%;
		height:auto;
		padding-top:16px;
		padding-bottom:16px;
		margin-bottom:0;
		border-left:none;
		background:rgba(144,159,174, 0.35);
	}

	.wrapper_2col > div.wrapperL1,
	.wrapper_2col > div.wrapperR1 {
		margin-bottom: 0;
	}

	header {
		height: auto;
	}


	/* ############## murashima kouichi ############## */


	header .headerLogo a.astena{
		background-image: url(../img/astena-logo.svg);
		margin: 0;
		width: 65px;
		height: 50px;
	}

	header .headerLogo a.spera-jp{
		background-image: url(../img/spera-logo.svg);
		margin: 0;
		width: 70px;
		height: 50px;
	}

	header .headerLogo a.spera-en{
		background-image: url(../img/logo_02.svg);
		margin: 0;
		width: 70px;
		height: 50px;
	}
	
	.index header .headerLogo a.astena{
		background-image: url(../img/astena-logo.svg);
		margin: 0;
		margin-left: 20px;
		width: 65px;
		height: 50px;
	}

	.index header .headerLogo a.spera-jp{
		background-image: url(../img/spera-logo.svg);
		margin: 0;
		width: 70px;
		height: 50px;
	}

	.index header .headerLogo a.spera-en{
		background-image: url(../img/logo_02.svg);
		margin: 0;
		width: 70px;
		height: 50px;
	}

	header p.headerLogo{
		width: 100%;
		height: 50px;
	}

	/* ################################################ */


	header .headerLogo {
		margin:0;
		background:#FFF;
		width:100%;
		height:50px;
	}

	.index header .headerLogo {
		margin:0;
	}

	.index header .headerLogo a,
	header .headerLogo a{
		display:inline-block;
		background-size:contain;
		width:200px;
		height:34px;
		padding:0;
		margin:8px;
	}

	header p.headerLogo a::after{
		content: none;
	}

	header .headerLogo a span{
		width:50px;
	}

	.pageTitle .wrapper3 {
		display:table;
		width:100%;
	}

	.pageTitle h1 {
		width: 100%;
		height: 120px;
		display: table-cell;
		vertical-align: middle;
		padding-top: 60px;
		font-size: 17px;
		letter-spacing: 0.1em;
	}

	.pageTitle h1 em {
		font-size:55%;
	}

	.pageTitle {
		height:180px;
	}

	.outline {
		width: 92%;
		margin: 2em auto;
	}

	.outline th,
	.outline td {
		display: block;
	}

	.outline td {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1em;
	}

	h3,
	.personally_identifiable_ttl {
		font-size: 16px;
		padding: 0.95em 1em 0.75em 2.25em;
		margin-right: 0;
	}

	h3::before{
		left:3.3%;
		transform:scale(0.8,0.8) translateY(-60%);
		-webkit-transform:scale(0.8,0.8) translateY(-60%);
	}

	h3::after{
		left:3%;
		transform:scale(0.8,0.8) translateY(-50%);
		-webkit-transform:scale(0.8,0.8) translateY(-50%);
	}

	h4 {
		font-size: 16px;
		padding: 0;
		width: 92%;
		margin: 0 auto 0.5em auto;
	}

	h5 {
		font-size: 16px;
		padding: 0;
		width: 92%;
		margin: 0 auto 0.25em auto;
	}

	p.text2 + h4 {
		margin-top: 2em;
	}

	#equipment {
		padding-bottom: 0;
	}

	#equipment h4 {
		font-size: 110%;
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.child-contents h5 {
		width: 92%;
		margin: 1em auto 0 auto;
		font-size: 14px;
	}

	#equipment .technology_grandchild_list {
		margin-top: 1em;
	}

	#equipment .technology_grandchild_list h5 {
		font-size: 110%;
		margin: 0 2em 0.5em 1.5em;
	}

	#hNav{
		display:none;
	}

	.path{
		display:none;
	}

	.wrapperL1 > section,
	.wrapperL1 > div:not(.share_sns) {
		padding: 0 0 2em 0;
	}

	.equip-map {
		width: 90%;
		margin: 0 auto;
	}

	.equip-map.alignleft {
		float: none;
	}

	.equip-list.alignright {
		display: none;
	}

	section + section {
		margin-top: 2em;
	}

	.personally_identifiable_subttl {
		font-size: 16px;
	}

	.personally_txt,
	.personally_txt1,
	.personally_txt2,
	.personally_txt3,
	ol.kakko-num {
		width: 92%;
		margin: 0 auto;
		font-size: 94%;
	}

	ol.kakko-num > li {
		padding-left: 35px;
	}

	section,
	.index section{
		padding-bottom:1.5em;
	}

	section.sec2{
		padding-bottom:2em;
	}

	section.sec3{
		padding-bottom:0;
	}

	footer .wrapper3{
		position:static;
	}

	section.sec4{
		padding-bottom:2.5em;
	}

	.wrapperL1 section section{
		padding-left:0;
		padding-right:0;
	}

	p + section.sec4{
		padding-top:2.5em;
	}
	
	h3 + p{
		padding-top:1.8em;
	}

	#spNav{
		display:block;
	}

	#spNav label{
		display:block;
		background:#002B69 url(../img/ico_08.svg) center center no-repeat;
		background-size:cover;
		width:50px;
		height:50px;
		overflow:hidden;
		cursor:pointer;
		position:absolute;
		right:0;
		top:0;
		z-index:101;
	}

	#spNav span{
		display:inline-block;
		margin-top:50px;
	}

	#spNav_toggle{
		position:absolute;
		display:block;
		display:none;
		opacity:0;
		top:0;
		left:0;
		z-index:102;
	}

	.footerNav1 {
		display:none;
	}

	.footerNav2{
		padding:2.5em 0 0;
		font-size: 12px;
	}

	.footerNav2 li{
		display: block;
		line-height: 2.5em;
	}

	.footerNav2 li::before{
		content:none;
		padding:0;
	}

	.copyright{
		font-size: 10px;
		letter-spacing:0.1em;
	}

	.copyright a{
		margin-bottom:1.6em;
	}

	.spBR{
		display:inline;
	}

	.spNoBR{
		display:none;
	}

	/*リスト --------------------------------------------------------------*/
	.list_dot li{
		padding-bottom:1.5em;	
	}

	/*ボタン --------------------------------------------------------------*/
	.btG1{
		padding-top:0.9em;
	}

	.btG1 a.bigBtn{
		padding: 0.75rem 1.5rem;
		font-size: 110%;
	}

	.text2 + .btG3 {
		margin-top: 2em;
	}

	.btG3 ul.technology {
		display: flex;
		justify-content: space-between;
		width: 92%;
		margin: 0 auto;
	}

	.btG3 li{
		width:49.5%;
		padding-bottom:1px;
		margin-right:0;
		margin-left:0.33%;
	}

	.btG3 li:nth-child(3n) {
		margin-right:0;
	}

	.btG3 a,
	.btG3 a::after,
	.btG3 img,
	.btG3 span{
		max-width:100%;
	}

	.btG3 a,
	.btG3 a::before,
	.btG3 a::after,
	.btG3 img{
		height:50vw;
	}

	.btG3 a::before,
	.recruit-info-list li a::before,
	.recruit-info-list li div::before {
		display:none;
	}

	.btG3 li, .recruit-info-list li {
		margin-right: 0;
	}

	.recruit-info-list li span {
		font-size: 110%;
	}

	.recruit-info-list li span em {
		font-size: 70%;
	}

	.btG3 span {
		font-size:4.5vw;
	}

	#aboutusMenu .btG3 li {
		width: 49.5%;
		padding-bottom: 1px;
		margin-right: 0;
		margin-left: 0.33%;
	}

	#aboutusMenu .btG3 li:nth-child(3n) {
		margin-right: 0;
	}

	#recruit {
		margin: 0 0 2em 0;
	}

	.recruit-info-list {
		padding-bottom: 0;
	}

	.recruit-info-list ul {
		padding-bottom: 0;
	}

	.recruit-info-list li {
		padding-bottom: 0;
	}

	.btG3 .technology li {
		width: 31%;
	}

	.btG3 .technology li a {
		height: 3em;
	}

	.btG3 .technology .technology_title {
		font-size: 110%;
	}

	.btG3 .technology .technology_sub_title {
		display: none;
	}

	.technology_grandchild_list ul {
		margin: 1em;
		padding: 1em;
	}

	.technology_grandchild_list li {
		margin: 0.5em 0 0.5em 1em;
		font-size: 100%;
	}

	.recruit-info-table th {
		padding: 1em 1em 0 1em;
	}

	.recruit-info-table td {
		font-size: 94%;
	}

	.compensation-package {
		margin-bottom: 0;
	}

	.recruit-info-table.border {
		border: none;
	}

	.recruit-info-table > h5 {
		font-size: 110%;
	}

	/*テキスト --------------------------------------------------------------*/
	.title1{
		font-size: 150%;
		padding:1em 0 0.9em;
		line-height:1.2;
	}

	.title1 em{
		font-size:50%;
	}

	.text1{
		font-size:110%;
		line-height:1.5;
		padding-top:1.3em;
		width: 94%;
		margin: 0 auto;
	}

	.text2{
		width:92%;
		font-size:94%;
		padding-bottom: 0em;
	}

	.text2.half {
		padding-bottom: 0em;
	}

	#services .text2{
		padding-bottom: 1em;
	}

	ul.home-li-top {
		margin-top: 1em;
	}

	ul.home-li-top li {
		font-size:94%;
		margin-bottom: 2em;
	}

	.text4 {
		width:92%;
		font-size:94%;
		margin: 0.5em auto 2em auto;
	}

	.child-contents img {
		max-width: 100%;
		height: auto;
	}

	.child-contents ul {
		margin: 0 1em 2em 2em;
	}

	.child-contents .outline td ul {
		margin: 0 1em 0 2em;
	}

	.child-contents ul.btG4 {
		margin-top: 1em;
	}

	.our_service_inquiry a {
		font-size: 100%;
	}

	/*文字色 --------------------------------------------------------------*/
	footer .footerNav1 a,
	#index2 ul li{
		color:#222222;	/*基本色*/
	}

	#index2 ul li h2 em,
	header a,
	#hNav1 li::before,
	#pickup h2,
	.search2 label{
		color:#00A4E3;	/*コーポレートカラー1*/
	}

	#index2 ul li h2{
		color:#002B69;	/*コーポレートカラー2*/
	}

	.pc #index2 ul li a:hover{
		color:#FFF;	/*白*/
	}

	.footerNav3 {
		padding-top: 0.5em;
	}

	/*index --------------------------------------------------------------*/
	#bgImg1{
		height:200px;
		margin-top:50px;
	}

	#bgImg1::before{
		border-width:217px 73px 0 0;
	}

	#bgImg1::after{
		border-width:0 0 15.9vw 100vw;
	}

	.copy1{
		font-size:3.5vw;
		top:50px;
		display:table;
		width:100%;
	}

	.copy1.withp {
		width:100%;
	}

	.copy1 span{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		height:195px;
	}

	#index1{
		min-height:260px;
	}

	#pickup{
		position:relative;
		bottom:auto;
		right:auto;
		width:100%;
		padding-top:260px;
		top:0;
	}

	#pickup .slider {
		position: relative;
	}

	#pickup h2{
		padding:0 1em;
		line-height:1;
	}

	#pickup .slideWrapper{
		background:none;
	}

	#pickup a{
		box-sizing: border-box;
		width: 100vw;
		min-width: 100vw;
		padding: 0.25em 1em;
		height: auto;
	}

	#pickup em{
		display:inline-block;
		padding-right:0.5em;
	}

	.prev, .next{
		display:none;
	}

	#index2{
		padding-bottom:0;
	}

	#index2 ul li,
	.pc #index2 ul li:hover{
		width:49.5%;
		background:rgba(0,43,105,0.05);
		padding-bottom: 5em;
		margin-top:0.3%;
		margin-left:0.25%;
		margin-right:0.25%;
	}

	#index2 ul li h2 {
		padding: 0 6%;
		font-size: 13px;
	}

	#index2 ul li p{
		padding:0 6%;
		font-size:82%;
		line-height:1.8;
	}

	#index2 ul li a,
	.pc #index2 ul li a:hover{
		border:none;
		background:#17b9e2;
		background:-moz-linear-gradient(left, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%);
		background:-webkit-linear-gradient(left, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%);
		background-image:linear-gradient(to right, #17b9e2 0%, #14a2e2 25%, #107fbe 50%, #14a2e2 75%, #17b9e2 100%);
		background-size:200% auto;
		left:10%;
		width:80%;
		font-size: 11px;
		letter-spacing:0.08em;
		font-weight:normal;
	}

	.pc #index2 ul li a:hover{
		transition:0.5s;
		background-position:right center;
	}

	#search2_2{
		display:none;
	}

	.news li{
		width:92%;
		margin:0 0 0 4%;
		clear:both;
		padding-bottom:1em;
	}

	.news li a{
		padding-bottom:0;
		overflow:hidden;
	}

	.news img{
		width: 128px;
		height: 128px;
		object-fit:cover;
		float:left;
		margin-top: 0.5em;
		margin-right:1em;
	}

	.news li em{
		padding-top:0.1em;
		padding-bottom:0.15em;
		font-size:95%;
		line-height:1.75;
	}

	.news li em::before{
		display:none;
	}

	.news li span{
		padding-bottom:1em;
		height:4.3em;
		line-height: 20px;
	}

	.news li ul{
		width:48vw;
		bottom:1em;
		left: 140px;
		right:0;
	}

	.btG2{
		padding:4% 4% 2.5% 4%;
		margin:0 auto;
	}

	.btG2 li{
		width:100%;
		margin-right:0;
		margin-bottom:0.5em;
	}

	.btG2 a{
		padding:1.15em 0 1.15em 6em;
		font-size:100%;
	}

	.btG2 a::before{
		width:6em;
		height:3.8em;
		background-size:auto 85%;
	}

	.btG2 a em{
		display:none;
	}

	/*中層・下層ページ共通 --------------------------------------------------------------*/
	.bgImg2{
		margin-top:50px;
		height:130px;
	}

	#sNav{ /*サイドメニュー*/
		margin-top:0;
	}

	#sNav li{
		border-bottom:none;
		padding:0;
		background:#FFF;
		margin:0 4% 7px;
	}

	#sNav li:last-child{
		margin-bottom:0;
	}

	#sNav a{
		padding:1em 1em 1em 2em;
		font-size:96%;
	}

	#sNav .sidebar_text li {
		margin: 0;
	}

	.wrapperL1 > section.boxContact{ /*ビジネスに関するお問い合わせ*/
		padding:0.5em 0 0 0;
	}

	.boxContact div {
		margin-top: 0em;
		padding: 2.5em 0;
	}

	.boxContact h4{
		font-size: 16px;
	}

	.boxContact p{
		font-size:75%;
	}

	#sNav span.sidebar_ttl {
		padding: 1em 1em 1em 2em;
	}

	/*トップページ --------------------------------------------------------------*/
	.news li {
		margin-bottom: 2em;
	}

	.news li ul {
		bottom: -0.75em;
	}

	.news li ul li {
		width: 28px;
	}

	/*ハンバーガーメニュー -------------------------------------------------------*/
	.hamburgerNav {
		display:block;
		padding-top: 5em;
		background:#E7EBF0;
		box-shadow: 0 6px 4px -4px rgba(0,0,0, 0.15);
		margin:0 auto;
		position:absolute;
		top:0;
		right:-100vw;
		width:100%;
		-webkit-transition:0.53s transform;
		transition:0.53s transform;
		-webkit-transition-timing-function:cubic-bezier(.38,.52,.23,.99);
		transition-timing-function:cubic-bezier(.38,.52,.23,.99);
		z-index:99;
	}

	.hamburgerNav #menu-spera-hamburger {
		flex-wrap: nowrap;
		height: auto;
		padding-left: 1em;
		padding-bottom: 1.5em;
	}

	.hamburgerNav li {
		width: 100%;
		line-height: 2em;
		padding-left: 1em;
		padding-bottom: 0;
	}

	#menu-spera-hamburger > li {
		padding-left: 2em;
	}

	#menu-spera-hamburger a {
		color: #222222;
	}

	#spNav_toggle:checked ~ .hamburgerNav {
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}

	.menu-item-has-children,
	.menu-item-has-children span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-item-has-children {
		position: relative;
	}
	.menu-item-has-children span {
		margin-top:7px !important;
		position: absolute;
		left: 6px;
		width: 10px;
		height: 2px;
		background-color: #2699FB;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
	}
	.menu-item-has-children span:nth-of-type(1) {
		top: 5px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.menu-item-has-children span:nth-of-type(2) {
		top: 5px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
	}

	/*＋、－切り替え*/
	.menu-item-has-children.active span:nth-of-type(1) {
		display:none;
	}
	.menu-item-has-children.active span:nth-of-type(2) {
		top: 5px;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	/*ニュース ------------------------------------------------------------------------*/
	.post-content {
		display:inline;
	}
	.post-detail {
		bottom:auto;
		top: -3.5em;
	}

	.post-image img {
		width:40vw;
		height:40vw;
		object-fit:cover;
		margin-right:1em;
	}

	.post-text p, .read-more, .post-category-box {
		display:none !important;
	}

	.post-list h2 a {
		font-size:100%;
		font-weight:normal;
	}

	.post-box {
		display:flex;
		flex-direction: row-reverse;
		width:100%;
		margin-top: 10px;
	}

	.post-box > p {
		padding-top: 0.1em;
		padding-bottom: 0.15em;
		font-size: 95%;
		line-height: 1.75;
	}

	.share_sns {
		width: 46vw;
		margin-left: 44vw;
		padding-top: 0;
		border-top: 1px solid #D9D9D9;
	}

	.share_sns.single {
		text-align: left;
		width: 100%;
		margin: 0 0 2em 0;
		padding-top: 0.5em;
		padding-left: 1em;
	}

	.post-content .post-text{
		width:0;
	}

	.sp-news {
		width:377px;
		margin-top: 1.5em;
	}

	.sp-news h2, .sp-news a {
		/* height:5.3em; */
		display: block;
		overflow: hidden;
		line-height: 1.6;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		color: #222222;
	}

	.sp-news > p {
		color: #808080;
		font-size: 95%;
	}

	.post-content .post-text li {
		margin: 0;
	}

	.archive-list {
		margin-left: 1em;
	}

	#services {
		margin-bottom: 2em;
	}

	/*採用情報 ------------------------------------------------------------------------*/
	.recruit-info-list ul li {
		width: 49.5%;
		margin-left: 0.33%;

	}

	.recruit-info-list ul li img {
		height: 100%;
	}

	.ceo {
		width: 92%;
		margin: 1em auto 0 auto;
	}

	.ceo img {
		width: 40vw;
	}

	.sign {
		width: 92%;
		margin: 0 auto 1em auto;
	}

	.child-contents p {
		width: 92%;
		margin: 0 auto;
	}

	/*正社員採用情報一覧 --------------------------------------------------------------*/
	.recruit-job-type-list ul {
		display:flex;
		flex-flow:column nowrap;
		margin: 0 1em;
	}

	.recruit-job-type-list ul li {
		width:100%;
		margin: 0 0 1em 0;
	}

	.recruit-info-table tr {
		display:flex;
		flex-flow:column nowrap;
	}

	.recruit-job-type-list ul li:nth-child(4n) {
		margin-right: 1em;
	}

	.inquiry-form {
		margin-bottom: 0;
	}

	.inquiry-form > th,
	.inquiry-form > td {
		padding: 0 1em 2em 1em;
	}

	.inquiry-form th {
		padding-bottom: 0.5em;
	}

	.inquiry-form th, .inquiry-form td {
		display: block;
		width: 100%;
	}

	.inquiry-form input[type="text"],
	.inquiry-form input[type="email"],
	.inquiry-form textarea {
		max-width: 95%;
	}

	input[type="submit"],
	input[type="button"] {
		width: 6em;
		font-size: 135%;
	}

	table {
		margin: auto;
		width: 100%;
	}

	table.table {
		max-width: 92%;
		margin: 2em auto;
	}

	.submit-buttom {
		margin-bottom: 3em;
	}

	/*弊社サービスについてのお問い合わせ*/
	.contact-wrap{
		padding: 20px;
	}

	.box_poricy{
		margin: 1em auto 0 auto;
		width: 90%;
	}

	.txt_policy{
		padding: 0;
	}

	.personally_id {
		width: 85%;
	}

	/*メールマガジン*/
	.magazine-txt{
		display: flex;
		justify-content: left;
		margin: 0 20px;
		background-color: unset;
		color: #000;
		text-align: left;
		font-size: 94%;
		font-weight: bold;
		padding: 10px 10px 10px 0;
	}
	.magazine-txt::before{
		position: relative;
		content: '■';
	}
	#magazine-add{
		font-size: 94%;
		height: 30px;
		width: 80%;
	}
	.magazine-area span.your-email {
		display: block;
		width: 100%;
		text-align: center;
	}
	.magazine-btn{
		font-size: 120% !important;
	}
	.magazine-area{
		display: block;
		justify-content: center;
		margin: 0 auto;
		max-width: 400px;
		width: 100%;
	}

	.search_faq {
		display: none;
	}

	.faq_post_ttl {
		font-size: 120%;
	}

	.faq_post_text {
		padding: 0 0.5em;
	}

	.faq_post_text::before {
		font-size: 160%;
	}

	.text_right {
		width: 92%;
		margin: 0 auto;
	}

	#post-list {
		width: 92%;
		margin: 0 auto;
	}

	.personally_id {
		height: 150px;
	}

	.magazine-wrap {
		margin: 2em 0;
	}

	.glossary_ttl {
		width: 100%;
		margin: 0;
		padding-left: 0.5em;
	}

	.glossary_wrap {
		margin: 1em 0 ;
	}

	.glossary_post_ttl {
		font-size: 100%;
		padding: 0.5em;
		font-weight: bold;
	}

	.glossary_post_text {
		font-size: 100%;
		padding: 0.5em;
	}

	.wrapperL1 > section p,
	.wrapperL1 > div p {
		max-width: 92%;
		margin: 0 auto;
		overflow-wrap: break-word;
	}

	.wrapperL1 > div.share_sns p,
	.wrapperL1 div.contact-wrap p {
		max-width: 100%;
		margin: 0;
	}

	.center img {
		margin: 1.5em auto;
	}

	.hamburgerNav ul {
		z-index: 200;
	}

	.images.right {
		float: none;
		margin-left: 0;
	}

	.images.right img {
		margin: 1.5em auto;
	}

	.access iframe {
		height: 250px;
	}

	.child-contents div.pdfemb-viewer {
		border: none;
		margin-top: 2em;
	}

	.spNoPaddingBottom4 {
		padding-bottom: 0;
	}

	.glossary_container {
		margin-top: 2.5em;
	}

	/* ニュース＆コラム -----------------------------------------------------*/
	.news_column #toc_container,
	.news_column h4,
	.news_column h5,
	.news_column h6 {
		margin-left: 1rem;
	}

}