@charset "utf-8";

.about{
	background-color: #FDFDFD;
}
.about .wrap{
	padding: 75px 0 60px;
}
.about .wrap .index{
	margin-bottom: .5em;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.about .wrap{
		padding: 75px 7.3vw;
	}
	.about .wrap .index {
		font-size: 6.667vw;
	}
	.about .wrap .read {
		font-size: 4vw;
	}
}

/*--------------------------------------------------------------------*/

.sections{
	padding: 0 !important;
}
.sections section.box:nth-of-type(odd){
	background-color: #FAF8F5;
}
.sections section.box:nth-of-type(even){
	background-color: #F7F4F2;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	.sections{
		padding: 0 !important;
	}
}

/*--------------------------------------------------------------------*/

section.box{
	padding: 150px 0;
}
section.box .intro{
	margin-bottom: 50px;
}
section.box .intro .index{
	margin-bottom: .5em;
}
section.box .intro .text{
	max-width: 450px;
}
section.box .intro .mini_panel{
	border-radius: 1em;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	background-color: #fff;
	padding: 2em 2.5em;
}
@media screen and (min-width: 1071px){
	.ai-start {
		align-items: start!important;
	}

}
@media screen and (max-width: 1070px){
	section.box{
		padding: 75px 7.3vw;
	}
	section.box .intro{
		margin-bottom: 25px;
	}
	section.box .intro .text{
		max-width: none;
		margin-bottom: 2em;
	}
	section.box .intro .index {
		font-size: 5.333vw;
	}
	section.box .intro .read {
		font-size: 3.733vw;
	}
}

/*--------------------------------------------------------------------*/

section.box .panel{
	width: 100%;
	padding: 4em;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 1.2em;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	margin-bottom: 50px;
}
section.box .panel:last-of-type{
	margin-bottom: 0;
}
section.box .panel .title{
	color: #7D7D85;
	margin-bottom: 50px;
}
section.box .panel .bottom{
	color: #9D9292;
	margin-top: 3em;
	text-align: left !important;
}
section.box .panel cite{
	font-style: normal;
	font-weight: normal;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	section.box .panel{
		padding: 7.333vw 4vw;
	}
	section.box .panel .title{
		font-size: 4vw;
		margin-bottom: 2em;
		letter-spacing: 0.5px;
	}
	section.box .panel .bottom{
		font-size: .8rem;
	}
	section.box .panel cite {
		font-size: 3.2vw;
		line-height: 1.4;
		letter-spacing: 0;
	}
	section.box .panel{
		margin-bottom: 6.667vw;
	}
}

/*--------------------------------------------------------------------*/

section.box .panel .table table{
	width: 100%;
	border: 1px solid #CCCCCC;
}
section.box .panel .table table thead th{
	color: #fff;
	background-color: #99999B;
	border: 1px solid #CCCCCC;
}
section.box .panel .table table thead th .index{
	padding: 1em;
	white-space: nowrap;
}
section.box .panel .table table tbody td{
	border: 1px solid #CCCCCC;
}
section.box .panel .table table tbody td .value{
	padding: 1.5em 1em;
	white-space: nowrap;
}
section.box .panel .table table tbody tr:nth-of-type(odd) td{
	background-color: #F5F5F5;
}
@media screen and (min-width: 1071px){

}
@media screen and (max-width: 1070px){
	section.box .panel .table{
		width: 100%;
		overflow: auto;
	}
	section.box .panel .table table{
		width: 100%;
	}
	section.box .panel .table table thead th,
	section.box .panel .table table tbody td{
		white-space: nowrap;
	}
	section.box .panel .table table thead th .index,
	section.box .panel .table table tbody td .value{
		font-size: 1.2vw;
	}
}

/*--------------------------------------------------------------------*/

section.box .flow{
	margin-bottom: 100px;
}
section.box .flow .each{
	background-color: #99999B;
	color: #fff;
	padding: 1.5em 1.5em 2em 1.5em;
	border-radius: 1.2em;
}
section.box .flow .each .index{
	margin-bottom: .7em;
}
section.box .flow .arrow{
	padding: 1.2em 0;
}
@media screen and (min-width: 1071px){

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

	section.box .flow{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	section.box .flow .each{
		padding: 1em 0;
		border-radius: .6em;
		letter-spacing: 1px;
	}
	section.box .flow .each .index{
		font-size: 3.2vw;
	}
	section.box .flow .each .value{
		font-size: 2.667vw;
	}
	section.box .flow .arrow{
		padding: .6em 0;
	}
	section.box .flow .arrow img{
		width: auto;
	}
	section.box .flow .arrow.straight img{
		height: 22px;
	}
	section.box .flow .arrow.forked img{
		height: 28px;
	}
}

/*--------------------------------------------------------------------*/

section.box .flow .each.flex{
	background-color: transparent;
	padding: 0;
}
section.box .flow .each.flex .item{
	background-color: rgba(153,153,155,.4);
	padding: 3em;
	border-radius: 1.2em;
	color: #606060;
}
@media screen and (min-width: 1071px){
}
@media screen and (max-width: 1070px){
	section.box .flow .each.flex{
		background-color: transparent;
		padding: 0;
	}
	section.box .flow .each.flex .item{
		padding: 3.333vw;
		border-radius: .6em;
	}
}

.subText {
	color: #9d9292;
	letter-spacing: 0;
	line-height: 1.6;
}
.content4 .read + .read {
	margin-top: 2em;
}
.content3-box-02:first-of-type {
	margin-top: 0;
}
.content4-dl dt {
	color: #d9a877;
	font-weight: 700;
}
.content4-dl dd + dt {
	margin-top: 2em;
}
.content4-dl dd {
	padding-left: 1em;
}
.underline {
	text-decoration: underline;
}

@media screen and (min-width: 1071px){
	.content3 .panel,
	.content4 .panel {
		padding: 50px!important;
	}
	.content3 img,
	.content4 img {
		max-width: 100%;
	}
	.img_c3_2 {
		width: 572px!important;
		display: block;
		margin: auto;
	}
	.img_c2_1 {
		width: 367px!important;
		display: block;
		margin: auto;
	}
	.content3-img {
		margin-top: 50px;
	}
	.content3 .title {
		margin-bottom: 10px!important;
	}
	.flex-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.flex-box-inner-01 {
		width: 425px;
	}
	.flex-box-inner-02 {
		width: 440px;
	}
	.flex-box-text {
		font-size: 15px;
	}
	.content3-ul {
		font-size: 15px;
	}
	.subText {
		font-size: 12px;
		margin-top: 22px;
	}
	.content3-box-02 {
		margin-top: 50px;
	}
	.content3-hl {
		line-height: 1.4;
	}
	.content4-img {
		display: block;
		width: 793px;
		margin-right: auto;
		margin-left: auto;
	}
	.content4-text {
		margin-bottom: 50px;
	}
	.content4-dl dt {
		font-size: 18px;
	}
	.content4-dl dd {
		font-size: 15px;
	}

}
@media screen and (max-width: 1070px){
	.img_c3_2 {
		width: 68.8vw!important;
		display: block;
		margin: auto;
	}
	.img_c2_1 {
		display: block;
		margin: auto;
	}
	.content3 .title {
		margin-bottom: 4.667vw!important;
	}
	.flex-box-text {
		font-size: 3.467vw;
	}
	.content3-ul {
		font-size: 3.467vw;
		margin-top: 4.667vw;
	}
	.content3-ul li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.content3-ul li .sup {
		display: inline;
	}
	.subText {
		font-size: 2.833vw;
		margin-top: 2.933vw;
	}
	.flex-box-inner-02 {
		margin-top: 4vw;
	}
	.content3-box-02 {
		margin-top: 10.667vw;
	}
	.content3-box-02.mt30 {
		margin-top: 4vw;
	}
	.content3-hl {
		letter-spacing: 0.5px;
		line-height: 1.4;
	}
	.content3-ol {
		margin-top: 2em;
	}
	.content3-ol li {
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	.content4-text {
		margin-bottom: 6.667vw;
		font-size: 3.733vw;
	}
	.content4-text:last-of-type {
		margin-bottom: 0;
	}
	.content4-dl dt {
		font-size: 3.733vw;
	}
	.content4-dl dd {
		font-size: 3.467vw;
	}
	.wasabi-kome {
		font-size: 1.2rem!important;
		padding: 0!important;
	}


}

/*sec treatise archive*/
.sec-treatise-archive-wrapper {
	/* max-width: 980px; */
	width: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 1070px) {
	.pl_posts.nmn.bg-mod {
		padding-bottom: 0;
	}
	.sec-treatise-archive-wrapper {
		background: url('../img/nmn/bg-treatise-archive_sp.png') no-repeat center / cover;;
		margin: 10vw auto 0;
		padding: 17.067vw 12px 22vw;
		position: relative;
	}
}
@media screen and (min-width: 1071px) {
	.pl_posts.nmn.bg-mod {
		padding-bottom: 0;
	}
	.sec-treatise-archive-wrapper {
		background: url('../img/nmn/bg-treatise-archive_pc.png') no-repeat center / cover;;
		margin-top: 5.208vw;
		padding: 7.65vw 0;
		position: relative;
	}
}
.sec-treatise-archive {
	background: rgba(255, 255, 255, .7);
	box-shadow: 0px 0px 15px -10px #777777;
}
@media screen and (min-width: 1071px) {
	.sec-treatise-archive {
		margin: auto;
	}
	.sec-treatise-archive .commonBtn.tac {
		margin-top: 0;
		padding-bottom: 4vw;
	}
	.sec-treatise-archive-inner {
		padding: 4vw 6vw;
	}
	.sec-treatise-archive-text-area {
		text-align: center;
		/* width: 50%; */
	}
	.sec-treatise-archive-area {
		box-sizing: border-box;
	}
	.sec-treatise-archive-title {
		font-size: 3.8rem;
		font-weight: 600;
		margin-bottom: 3.333vw;
		padding-bottom: 1.042vw;
	}
	.sec-treatise-archive-title span {
		position: relative;
	}
	.sec-treatise-archive-title__text {
		font-size: 1.25vw;
	}
	.sec-treatise-archive-title span::after {
		background: #AECAD3;
		content: '';
		display: block;
		width: 100%;
		height: 8px;
		position: absolute;
		left: 50%;
		bottom: -15px;
		transform: translateX(-50%);
	}
	.sec-treatise-archive-text-area p {
		font-size: 1.146vw;
	}
	.sec-treatise-archive-post-date {
		font-size: 0.729vw;
		position: relative;
	}
	.sec-treatise-archive-post-date::after {
		background: #BFBFB8;
		content: '';
		display: block;
		width: 87.5%;
		height: 1px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
	.sec-treatise-archive-item-title {
		font-size: 1.042vw;
		font-weight: 500;
		padding-bottom: 0.9vw;
		position: relative;
	}
	.sec-treatise-archive-item-title a::after {
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		transform: rotate(45deg);
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 9px;
		right: 0;
	}
	.sec-treatise-archive-item-title svg {
		width: 14px;
		height: 14px;
		margin-left: 0.25em;
	}
	.sec-treatise-archive-more {
		margin-top: 1.667vw;
	}
}

@media screen and (max-width: 1070px) {
	.sec-treatise-archive {
		/* margin-top: 17.067vw; */
		padding: 8.533vw 5.333vw 12.8vw;
		margin: auto;
	}
	.sec-treatise-archive-text-area {
		margin-bottom: 7.733vw;
	}
	.sec-treatise-archive-title {
		font-size: 6.4vw;
		font-weight: 600;
		margin-bottom: 6.267vw;
		padding-bottom: 4vw;
		text-align: center;
	}
	.sec-treatise-archive-title span {
		position: relative;
	}
	.sec-treatise-archive-title__text {
		font-size: 3.733vw;
		line-height: 1.6;
		text-align: center;
	}
	.sec-treatise-archive-title span::after {
		background: #AECAD3;
		content: '';
		display: block;
		width: 100%;
		height: 8px;
		position: absolute;
		left: 50%;
		bottom: -15px;
		transform: translateX(-50%);
	}
	.sec-treatise-archive-text-area p {
		font-size: 3.733vw;
	}
	.sec-treatise-archive-text-area p.sec-treatise-archive-title__follow {
		line-height: 1.6;
	}
	.sec-treatise-archive-post-date {
		font-size: 3.2vw;
		position: relative;
	}
	.sec-treatise-archive-post-date::after {
		background: #BFBFB8;
		content: '';
		display: block;
		width: 72.5%;
		height: 1px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
	.sec-treatise-archive-item-title {
		font-size: 4.267vw;
		font-weight: 500;
		/* padding-right: 2em; */
		padding-right: 1.85em;
		padding-bottom: 4.667vw;
		position: relative;
	}
	.sec-treatise-archive-item-title a {
		line-height: 6.7vw;
	}
	.sec-treatise-archive-item-title a::after {
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		content: '';
		display: block;
		width: 1.067vw;
		height: 1.067vw;
		transform: rotate(45deg);
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}
	.sec-treatise-archive-item-title a sup {
		line-height: 0;
	}
	.sec-treatise-archive-item-title svg {
		width: 2.933vw;
		height: 2.933vw;
		margin-left: 0.25em;
	}
}

@media screen and (min-width: 768px) and (max-width: 1250px) {
	.sec-treatise-archive-wrapper {
		width: 100%;
    box-sizing: border-box;
	}
	.sec-treatise-archive-wrapper--max-980 {
		box-sizing: border-box;
		padding: 0 30px;
		margin: auto;
		width: 100%;
	}
}

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

}

@media screen and (min-width: 1251px) {
	.sec-treatise-archive-wrapper--max-980 {
			width: 980px;
			margin: 0 auto;
			padding: 0 0;
	}
}