@charset "utf-8";

/* knowledge-salon
--------------------------------------------------------------- */
.knowledge-salon .salon1 .main-img {
	width:47.727%;
	float:left;
}

.knowledge-salon .salon1 .box-r{
	float:right;
	width:47.727%;
}

.knowledge-salon .salon1 .box-r p{
	margin-bottom:1.2em;
}

.knowledge-salon .salon1 .box-r .title {
	display: block;
	padding-bottom: 20px;
}

.knowledge-salon .salon1 .box-b{
	clear:both;
	padding-top:40px;
}

.knowledge-salon .salon1 p {
	font-size:1.2em;
	line-height:200%;
	clear:both;
}

/*
.knowledge-salon .salon1 p:first-of-type {
	font-size:1.5em;
	margin-bottom:20px;
	line-height:120%;
}
*/

.knowledge-salon .salon2 .flow {
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
}

.knowledge-salon .salon2 .flow ul {
	width:19.545%;
	float:left;
}

.knowledge-salon .salon2 .flow ul li {
	float:left;
}

.knowledge-salon .salon2 .flow ul li.image {
	margin-bottom:10px;
	width:100%;
}
.knowledge-salon .salon2 .flow ul li.image img {
	width:100%;
	height:auto;
}

.knowledge-salon .salon2 .flow ul li.ttl {
	font-size:1.2em;
	line-height:200%;
	font-weight:bold;
}

.knowledge-salon .salon2 .flow ul li.txt {
	font-size:1.2em;
	line-height:150%;
}

.knowledge-salon .salon2 .flow div.arrow {
	width:7%;
	margin-top:8%;
	float:left;
	text-align:center;
}
.knowledge-salon .salon2 .flow div.arrow img{
	width:60%;
	height:auto;
}

.knowledge-salon .salon2 ul.btn_area {
	clear:both;
	overflow:hidden;
	margin:50px 0 0 0;
}

.knowledge-salon .salon2 ul.btn_area li {
	float:left;
	width:50%;
	overflow:hidden;

}

.knowledge-salon .salon3 .salon_space {
	overflow:hidden;
}

.knowledge-salon .salon3 .salon_space div {
	width:30.909%;
	float:left;
	height:400px;
	margin-right:3.636%;
	margin-bottom:50px;
	overflow:hidden;
}

.knowledge-salon .salon3 .salon_space > div:nth-child(3n) {
	margin-right:0;
}

.knowledge-salon .salon3 .salon_space img {
	width:100%;
	margin-bottom:30px;
}

.knowledge-salon .salon3 .salon_space p {
	font-size:1.2em;
	line-height:150%;
}

.knowledge-salon .salon3 .salon_space p:first-of-type {
	font-size:1.5em;
	line-height:200%;
}

.knowledge-salon .salon3 .es p{
	font-size:1em;
	display:inline;
	padding-right:15px;
}

.knowledge-salon .salon3 .section .pc img{
	width:100%;
	display:block;
	margin-top:30px;
}

.knowledge-salon .salon3 .section .sp img{
	display:none;
}

.knowledge-salon .salon5 img {
	width:100%;
}

.knowledge-salon .salon6 .section {
	overflow:hidden;
	padding-bottom:20px;
}

.knowledge-salon .salon6 .section p.txt1 {
	font-size:1.5em;
	padding:0;
	line-height:200%;
}
.knowledge-salon .salon6 .section p.txt {
	font-size:1.2em;
	padding-top:20px;
}

.knowledge-salon .salon6 .section img {
	width:47.272%;
}

.knowledge-salon .salon6 .section ul {
	list-style-position: outside;
	font-size:1.2em;
	line-height:150%;
}

.knowledge-salon .salon6 .pc {
	display:block;
	width:100%;
}

.knowledge-salon .salon6 .sp {
	display:none;
}

.knowledge-salon .salon7 .section {
	margin:0 auto;
}

.knowledge-salon .salon7 .section img.logo {
	float:right;
	padding:30px 30px 0 0;
	width:23.09%
}

.knowledge-salon .salon7 .section.txtarea {
	width:98%;
	text-align:center;
	margin-top:20px;
	clear:both;
}

.knowledge-salon .salon7 .section.txtarea p.txt2 {
	font-size:2.2em;
	line-height:250%;
	text-align:left;
	padding-left:10%;
}

.knowledge-salon .salon7 .section.txtarea p.txt3 {
	font-size:1.2em;
	line-height:150%;
	text-align:left;
	padding-left:10%;
}

.knowledge-salon .salon7 .section.txtarea ul{
	margin:50px 0 0 0;
	padding-left:10%;
	text-align:left;	
}

.knowledge-salon .salon7 .section.txtarea ul li{
	text-indent:45px;
	font-size:1.5em;
	line-height:250%;
}

.knowledge-salon .salon7 .section.txtarea ul li.pc{
	display:block;
}

.knowledge-salon .salon7 .section.txtarea ul li.sp{
	display:none;
}

.knowledge-salon .salon7 .section.txtarea ul li.commnet{
    padding-left: 50%;
    line-height: 150%;
    font-size: 1.2em;
    margin-top: 5px;
    text-align: left;
    text-indent: 0;
}

.knowledge-salon .salon7 .section.txtarea ul li.commnet.red{
     color: #E60114;
    }


.knowledge-salon .salon7 .section.txtarea ul li.arrow{
	margin:0 0 20px ;
	padding-left:30%;
}

.knowledge-salon .salon7 .section.txtarea ul li.arrow2{
	margin:-50px 0 20px ;
	padding-left:30%;
}

.knowledge-salon .salon7 .section.txtarea ul li img{
	width:9%;
}

.knowledge-salon .salon7 .section.txtarea ul li.list1{
	background:url(../img/list1.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list2{
	background:url(../img/list2.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list3{
	background:url(../img/list3.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list4{
	background:url(../img/list4.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list5{
	background:url(../img/list5.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list6{
	background:url(../img/list6.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list7{
	background:url(../img/list7.png) no-repeat left 50%;
}
.knowledge-salon .salon7 .section.txtarea ul li.list8{
	background:url(../img/list8.png) no-repeat left 50%;
}

/* em */
.knowledge-salon em.ttl {
	position: relative;
	font-size:1.4em;
	line-height:150%;
	font-weight:normal;
	padding: 0.15em 1em 0 2em;
	display:block;
}

.knowledge-salon em.ttl span.text-s {
	font-size:0.8em;
}

.knowledge-salon em.ttl::after  {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 30px;
	height: 30px;
	border: 5px solid #E60114;
	border-radius: 100%
}

.knowledge-salon panel em.ttl span {
	font-size:0.8em;
	padding-left:2em;
}




/* table */
.knowledge-salon table {
	font-size:1.2em;
	line-height: 150%;
}

.knowledge-salon table th {
	width: 140px ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: center ;
}

.knowledge-salon table.thwide th {
	width: 250px ;
}

.knowledge-salon table td {
	background-color: #EEEEEE ;
}

.knowledge-salon table td.widpl {
	width:250px;
	padding-left:100px;
}

.knowledge-salon table th,td {
	border-top: 2px solid #FFFFFF;
	padding: 16px 8px;
	vertical-align: top;
}

.knowledge-salon .tr:nth-child(odd){
	border-right: 2px solid #FFFFFF;
	text-align:center;
}

.knowledge-salon table.sp{
	display:none;
}


/* btn */
.knowledge-salon .btn {
	font-size:0.7em;
}

/* popup */
#inline-wrap {
	background: #FFF ;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:50px 100px;
	max-width:1120px;
}

#inline-wrap img {
	width:100%;
}

#inline-wrap button {
	display:none;
}
	
.popup-modal-dismiss {
	position:absolute;
	right:0px;
	top:-90px;
	z-index:2;
}

.popup-modal-dismiss img {
	width:68px;
	width:68px;
}

/* card */
.card_area {
    display: block;
    margin-bottom: 50px;
    overflow: hidden;	
}

.card_area {
	font-size:1em;
}


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

.knowledge-salon .salon1 .main-img{
	width:100%;
	height:auto;
	clear:both;
	margin-bottom:20px;
}

.knowledge-salon .salon1 .box-r{
	clear:both;
	width:100%;
}

.knowledge-salon .salon1 .box-r p{
	margin-bottom:1.2em;
}

.knowledge-salon .salon1 .box-b{
	padding-top:20px;
}


.knowledge-salon .salon1 .title {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:left;
	float:left;
}

/*
.knowledge-salon .salon1 p:first-of-type {
	font-size:1.8em;
}
*/

.knowledge-salon .salon2 .flow {
	margin:0;
	padding:0;
}

.knowledge-salon .salon2 .flow ul {
	width:100%;
	margin:0;
	padding:0;
}

.knowledge-salon .salon2 .flow ul li.image {
	width:50%;
	padding-left:25px;
	margin:0;
	float:left;
	margin:0;
}

.knowledge-salon .salon2 .flow ul li.ttl {
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	text-align:left;
	height:30px;
	width:49%;
}

.knowledge-salon .salon2 .flow ul li.txt {
	font-size:1.2em;
	width:49%;
}

.knowledge-salon .salon2 .flow .arrow {
	margin:0 auto 20px !important;
	text-align:center;
	padding-left:55%;
	
			/* ▼回転度の指定 */
			-moz-transform:    rotate( 90deg );  /* Firefox */
			-webkit-transform: rotate( 90deg );  /* Chrome,Safari */
			-o-transform:      rotate( 90deg );  /* Opera */
			-ms-transform:     rotate( 90deg );  /* IE */
			transform:         rotate( 90deg );  /* CSS3 */

			/* ▼回転座標の指定 */
			-moz-transform-origin:    top right;  /* Firefox */
			-webkit-transform-origin: top right;  /* Chrome,Safari */
			-o-transform-origin:      top right;  /* Opera */
			-ms-transform-origin:     top right;  /* IE */
			transform-origin:         top right;  /* CSS3 */
			
}

.knowledge-salon .salon2 .flow div.arrow img{
	width:auto;
}



.knowledge-salon .salon2 ul.btn_area {
	width:93%;
	margin:50px auto 0;
}


.knowledge-salon .salon2 ul.btn_area li {
	width:93%;
	margin:5px 0;
}


.knowledge-salon .salon3 .salon_space div,div.nomr {
	width:100%;
	height:auto;
	margin:0 0 50px 0 !important ;
	overflow:hidden;
}


.knowledge-salon .salon3 .salon_space img {
	width:100%;
	margin-bottom:30px;
}

.knowledge-salon .salon3 .salon_space p {
	font-size:1.2em;
}

.knowledge-salon .salon3 .salon_space p:first-of-type {
	font-size:1.8em;
}

.knowledge-salon .salon3 .section .pc{
	display:none;
}

.knowledge-salon .salon3 .section .sp img{
	width:100%;
	height:auto;
	display:block;
	margin-top:30px;

}

.knowledge-salon .salon4 span:before{
	content: "\A" ;
	white-space: pre ;
}


.knowledge-salon .salon6 .section {
	overflow:hidden;
	padding-bottom:20px;
}

.knowledge-salon .salon6 .section p.txt1 {
	font-size:1.5em;
	float:left;
	width:100%;
	padding:20px 0;
	line-height:200%;
	text-align:center;
}
.knowledge-salon .salon6 .section p.txt {
	font-size:1.2em;
	padding-top:20px;
}

.knowledge-salon .salon6 .section img {
	width:100%;
}


.knowledge-salon .salon6 .pc {
	display:none;
}

.knowledge-salon .salon6 .sp {
	display:block;
	width:100%;
	
}

.knowledge-salon .salon7 .section img.logo {
	float:right;
	padding:20px 10px 0 0;
	width:45%
}

.knowledge-salon .salon7 .section.txtarea {
	width:100%;
	text-align:center;
	margin-top:20px;
	clear:both;
}

.knowledge-salon .salon7 .section.txtarea p.txt2 {
	font-size:2em;
	line-height:250%;
	text-align:center;
	padding:20px 0 0 0;
}

.knowledge-salon .salon7 .section.txtarea p.txt3 {
	font-size:1.1em;
	line-height:150%;
	text-align:left;
	padding-left:0;
}

.knowledge-salon .salon7 .section.txtarea ul{
	margin:50px 0 0 0;
	padding-left:0;
	text-align:left;	
}

.knowledge-salon .salon7 .section.txtarea ul li.pc{
	display:none;
}

.knowledge-salon .salon7 .section.txtarea ul li.sp{
	display:block;
}

.knowledge-salon .salon7 .section.txtarea ul li.commnet{
	padding:0;
	line-height:150%;
	font-size:1.2em;
	margin-top:5px;
	text-align:right;
}

.knowledge-salon .salon7 .section.txtarea ul li.arrow{
	margin:0 0 20px 0 ;
	padding-left:38%;
}

.knowledge-salon .salon7 .section.txtarea ul li.arrow2{
	margin:10px 0 20px 0 ;
	padding-left:38%;
}

.knowledge-salon .salon7 .section.txtarea ul li img{
	width:55px;
	margin:0;
	padding:0;
}


/* em */
.knowledge-office em.ttl {
	font-size:1.7em;
	line-height:100%;
}


/* table */
.knowledge-salon table {
	font-size:1.2em;
	line-height: 150%;
}

.knowledge-salon .salon4 table th {
	width:27.272% ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: center ;
}

.knowledge-salon .salon6 table th {
	width:100% ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: left ;
}

.knowledge-salon table td {
	background-color: #EEEEEE ;
	text-align:left;
}

.knowledge-salon table td.center {
	background-color: #EEEEEE ;
	text-align:center;
}


.knowledge-salon table th,td {
	border-top: 2px solid #FFFFFF;
	padding: 16px 8px;
	vertical-align: top;
}

.knowledge-salon .tr:nth-child(odd){
	border-right: 2px solid #FFFFFF;
	text-align:center;
}


/* popup */
#inline-wrap {
	background: #FFF;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	border-radius: 5px;
	margin:0 auto;
	text-align:center;
	position:relative;
	padding:25px 50px;
	max-width:640px;
}

#inline-wrap img{
	width:100%;
}

#inline-wrap button {
	display:none;
}
	
.modal_close{
	position:absolute;
	right:0;
	top:-90px;
	z-index:2;

}

.modal_close img {
	width:68px;
	width:68px;
}



}



.access-guide02 .guide-warp,
.access-guide02 .guide-warp2,
.access-guide02 .guide-warp3,
.access-guide02 .guide-warp4{
	position:relative;
	background:url(../img/north.gif) right bottom no-repeat;
	width:100%;
}


.access-guide02 .guide-warpin1{
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
}

.access-guide02 .guide-warpin2{
	position:relative;
	width:100%;
	margin:0 auto;
}

.access-guide02 .guide-warpin3,
.access-guide02 .guide-warpin4{
	position:relative;
	width:95%;
	margin:0 auto;
}

.access-guide02 .guide-warpin2 ul li,
.access-guide02 .guide-warpin3 ul li,
.access-guide02 .guide-warpin4 ul li{
	float:left;
	display:table-cell;
}

.access-guide02 .guide-warpin1 ul li img,
.access-guide02 .guide-warpin2 ul li img,
.access-guide02 .guide-warpin3 ul li img,
.access-guide02 .guide-warpin4 ul li img{
	text-align:center;
	margin:0 auto;
}

.access-guide02 .guide-warpin2 ul li{
	width:46%;
}

.access-guide02 .guide-warpin3 ul li:nth-child(odd){
	width:30%;
}


.access-guide02 .guide-warpin4 ul li:nth-child(odd){
	width:23%;
}



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

.access-guide02 .guide-warpin1,
.access-guide02 .guide-warpin2,
.access-guide02 .guide-warpin3{
	width:100%;
}

.access-guide02 .guide-warpin1 ul li,
.access-guide02 .guide-warpin2 ul li,
.access-guide02 .guide-warpin3 ul li{
	float:none;
	width:100%;
	display:block;
	text-align:center;
}

.access-guide02 .guide-warpin2 ul li:nth-child(odd),
.access-guide02 .guide-warpin3 ul li:nth-child(odd){
	width:100%;
}

.access-guide02 .guide-warpin2 ul li:nth-child(n+2),
.access-guide02 .guide-warpin3 ul li:nth-child(n+2){
	margin-top:20px;
}


.access-guide02 .guide-warpin1 ul li img,
.access-guide02 .guide-warpin2 ul li img,
.access-guide02 .guide-warpin3 ul li img{
	margin:0 auto;
}

.access-guide02 .guide-warpin ul li:last-child{
	float:none;
	width:100%;
	margin-top:20px;
	margin-left:0;
}

}


/* VP320用 ガイドツアー関連 */
@media only screen and (max-width: 640px) {

.knowledge-salon .salon1 p {
    line-height: 150%;
}


.knowledge-salon .salon4 table th, .knowledge-salon .salon4 table td{
	display:block;
	width:100%;
}

.knowledge-salon .salon6 .section p.txt1 {
    font-size: 1.3em;
}

.knowledge-salon em.ttl{
    padding: 0.15em 0 0 2em;
}

.knowledge-salon .salon7 .section.txtarea p.txt2 {
    font-size: 1.6em;
 }

.knowledge-salon .salon7 .section.txtarea ul li {
    text-indent: 0;
    padding-left: 45px;
    line-height: 180%;
}

.knowledge-salon .salon7 .section.txtarea ul li.commnet {
    text-align: left;
}

.knowledge-salon .salon7 .text-center img{
    width: 100%;
}


}

/*20200717追加 会員限定コンテンツ誘導*/

.member_only a.member_btn{
    display: block;
    width: 60%;
    margin: auto;
    padding: 15px;
    border-radius: 5px;
    background-color: #E60114;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}

.member_only p{
    margin-top: 20px;
    text-align: center;
}

.member_only p.fl{
    margin:0 0 20px;
    text-align: center;
}

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

.member_only a.member_btn{
    width: 90%;
    }

.member_only p{
    text-align: left;
}

}

/*バーカウンター　20201209追加*/

.knowledge-salon .salon3 .barInfo p{
    font-size: 1.2em;
    line-height: 150%;
    margin-top: 20px;
}


.knowledge-salon .salonBar table{
    margin-bottom: 50px;
}

.knowledge-salon .salonBar table th {
	width:27.272% ;
	background-color: #777777 ;
	color: #ffffff ;
	text-align: center ;
}

.knowledge-salon .salonBar .menuTitle{
    display: block;
    border-bottom: 3px solid #E60114;
    margin: 20px 0;
    padding: 5px 0;
    font-size: 1.5em;
    font-weight: bold;
}


.knowledge-salon .salonBar .menuTitle span{
    font-size: 0.7em;
    margin-left: 10px;
}

.knowledge-salon .salonBar .menuWrap{
    display: flex;
    flex-wrap: wrap;
}

.knowledge-salon .salonBar .menuWrap .menuBox{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.knowledge-salon .salonBar .menuWrap .menuBox:nth-child(3n){
    margin-right: 0;
}

.knowledge-salon .salonBar .menuWrap .menuBox img{
    width: 100%;
}

.knowledge-salon .salonBar .menuWrap .menuBox p{
    padding-top: 10px;
}

.knowledge-salon .salonBar ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.knowledge-salon .salonBar ul li{
    width: 48%;
    margin-right: 4%;
    margin-top: 0.7em;
    font-size: 0.9em;
    padding-left: 1em;
    text-indent: -0.5em;
}

.knowledge-salon .salonBar ul li::before {
	display:inline-block;
	vertical-align: middle;
	content:'・';
}


.knowledge-salon .salonBar ul li:nth-child(even){
    margin-right: 0;
}

.knowledge-salon .salonBar .barAtt{
    text-align: right;
    font-size: 0.8em;
}


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

.knowledge-salon .salonBar table th, .knowledge-salon .salonBar table td{
	display:block;
	width:100%;
}

.knowledge-salon .salonBar .menuTitle span {
    display: block;
    margin-left: 0;
}

.knowledge-salon .salonBar .menuWrap .menuBox{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.knowledge-salon .salonBar ul li{
    width: 100%;
    margin-right: 0;
}


}


.knowledge-salon-member{

}

.knowledge-salon-member h1{
	margin:60px 0 40px;
}
.knowledge-salon-member h1 img{
	width: 100%;
	max-width:340px;
}
.knowledge-salon-member h2{
	display: block;
	background:#4C4948;
	margin:0 0 25px;
	padding:15px;
	width: auto;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}
.knowledge-salon-member h3{
	background:none;
	box-shadow: none;
    -webkit-box-shadow: none;
	border:none;
	border-radius: 0;
	border-left: 10px solid #426F9B;
	font-size: 2em;
	font-weight: bold;
	color: #426F9B;
	text-align: left;
	margin:0 0 25px;
	padding: 0 0 0 20px;
}
.knowledge-salon-member h3::after{
	display: none;
}

.knowledge-salon-member .wrap{
	background: #FFF;
	padding:40px;
	margin:auto;
}
.knowledge-salon-member .wrap:last-of-type{
	margin-bottom: 120px;
}

.knowledge-salon-member .wrap p{
	font-size: 1.5em;
	margin:0 0 25px;
	line-height: 1.6;
}

.knowledge-salon-member .wrap table{
	margin:0 0 60px;
}
.knowledge-salon-member .wrap table:last-of-type{
	margin:0 0 0px;
}
.knowledge-salon-member .wrap table th,.knowledge-salon-member .wrap table td{
	font-size: 1.5em;
	line-height: 1.6;
	padding: 20px;
	box-sizing: border-box;
	border:1px solid #4C4948;
}
.knowledge-salon-member .wrap table th{
	width: 40%;
	background: #426F9B;
	color: #FFF;
	font-weight: bold;
}
.knowledge-salon-member .wrap table td{
	width: 60%;
}
.knowledge-salon-member .wrap table td a{
	color: #426F9B;
}


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

	.knowledge-salon-member h1{
		margin:30px auto 30px;
	}
	.knowledge-salon-member h2{
		margin:0 0 20px;
		padding:5px;
		font-size: 1.6em;
	}
	.knowledge-salon-member h3{
		font-size: 1.5em;
		margin:0 0 10px;
		padding: 0 0 0 10px;
	}

	.knowledge-salon-member .wrap{
		padding:20px;
	}

	.knowledge-salon-member .wrap table{
		margin:0 0 30px;
		border-bottom:1px solid #4C4948;
	}
	.knowledge-salon-member .wrap table th,.knowledge-salon-member .wrap table td{
		display: block;
		padding: 10px;
		border-bottom: none;
		font-size: 1.3em;
	}
	.knowledge-salon-member .wrap table th{
		width: 100%;
	}
	.knowledge-salon-member .wrap table td{
		width: 100%;
	}

}


/*20210714*/
.youtubeWrap{
    margin-bottom: 20px;
}

.youtubeWrap .iframebox {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.youtubeWrap .iframebox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important
}



/*20211227*/
.knowledge-salon .salon8 > div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.knowledge-salon .salon8 > div > img{
    width: 40%;
    height: auto;
}
.knowledge-salon .salon8 > div > div{
	width: 55%;
}
.knowledge-salon .salon8 > div > div strong{
	font-size: 1.5em;
	line-height: 1.4;
}
.knowledge-salon .salon8 > div > div p{
	margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.6;
}
.knowledge-salon .salon8 > div > div a{
	display: block;
	margin: 30px auto 0;
	width: 60%;
	background: #E60114;
	color: #FFF;
	font-size: 1em;
	text-align: center;
	padding: 10px;
	text-decoration: none;
	border-radius: 2px;
}

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

	.knowledge-salon .salon8 > div{
	    flex-direction: column;
	    justify-content: center; 
	}
	.knowledge-salon .salon8 > div > img{
	    width: 100%;
	    margin:auto;
	}
	.knowledge-salon .salon8 > div > div{
		width: 100%;
		margin-top: 20px;
	}
	.knowledge-salon .salon8 > div > div strong{
		
	}
	.knowledge-salon .salon8 > div > div a{
		width: 80%;
	}

}


/*20211227*/

.knowledge-salon-member .wrap p.attBox{
    border: 1px solid #ccc;
    text-align: center;    
    padding: 20px;
    background: #f5f5f5;
}

.knowledge-salon-member .wrap p.attBox a{
    color: #426F9B;
    
}

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

/*20250912　料金表*/
.knowledge-salon .price{
    display: flex;
	font-size:1.2em;
	line-height: 150%;
}

.knowledge-salon .price div{
    background-color: #EEEEEE;    
}

.knowledge-salon .price div:first-child{
    background-color: #777777;
    color: #FFF;
    width: 33%;    
    padding: 16px 8px;
    text-align: center;
}

.knowledge-salon .price div dl{
    display: flex;
    flex-wrap: wrap;
}
.knowledge-salon .price div dt{
    width: 45%;
    padding: 16px 8px;  
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
}
.knowledge-salon .price div dd{
    width: 55%;
    padding: 16px 8px;
    border-bottom: 2px solid #FFFFFF;
}

.knowledge-salon .price div dt:nth-child(3){
    border-bottom: none;
}

.knowledge-salon .price div dd:nth-child(4){
    border-bottom: none;
}

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

.knowledge-salon .price {
    flex-direction: column;
}

.knowledge-salon .price div:first-child{
    width: 100%;    
}

.knowledge-salon .price div dt{
    width: 30%;
    }
    
.knowledge-salon .price div dd{
    width: 70%;
    }
    
}