/*
Theme Name: shibuya-fa3
Description: sshibuya-fa3
Version: 1.0
*/

html {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: auto;
	font-size: 62.5%;
}
* {
	box-sizing: border-box;
}
body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 700;
	*font-size:small;
	*font:x-small;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background: #fff;

	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	color: #333;
	font-weight: 100;
	line-height: 1.7;
	margin: 0;
	padding: 0;
	font-size: 16px;
}

p {
	/* text-align: justify; */
	/* text-justify: inter-ideograph; /* IE */
	/* text-justify: inter-character; /* Firefox */
}

body pre {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*IE7*/
*+html body  {
font-size:15px;
}
select,input,button,textarea{
	font: 99% Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

img{
	border: none;
	max-width: 100%;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	img[src$=".svg"] {
		width: 100%;
	}
}

table{
	font-size: inherit;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0;
}

label{
	cursor: pointer;
}

input,
select,
textarea{
	padding: 5px;
}

ol,ul,li{
	list-style: none;
}

a,
input{
	outline: none;
}

/*	Basic Text Link	*/
a {
	color: inherit;
	text-decoration: none;
	transition: all 0.2s ease;
	word-break: break-word;
}
:before,
:after {
	transition-property: all;
	transition: 0.2s ease;
}

a:hover {
	color: #036eb8;
	transition-duration: 0.3s;
}

li a p,
li a span {
	transition: all 0.2s linear;
}
li a:hover p,
li a:hover span {
	color: #036eb8;
}

em {
	font-style:normal;
}


img {
	max-width: 100%;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}

.image {
	overflow: hidden;
}
.image a img {
	width: 100%;
	height: auto;
	display: block;
	transition-property: all;
	transition: 0.3s linear;
	margin-left: auto;
	margin-right: auto;
}
.image a img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
}


.image a img.auto {
	width: auto;
}
.size-full img {
	width: 100%;
}

.in_contents figure {
	margin-left: 0;
	margin-right: 0;
}


.wp-block-image {
	overflow: hidden;
}
.wp-block-image a img {
	width: 100%;
	height: auto;
	display: block;
	transition-property: all;
	transition: 0.3s linear;
	margin-left: auto;
	margin-right: auto;
}
.wp-block-image a img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
}
.wp-block-image a img.auto {
	width: auto;
}
.contents .wp-block-image {
	margin-bottom: 0;
}
.contents .wp-block-image + * {
	margin-top: 10px;
}

.wp-block-image.wid_300 img,
.wp-block-image.wid_300 a img {
	width: 300px;
}

.wp-block-image.frame {
	padding: 8px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

/* common */
.inner {
	max-width: 1400px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and ( min-width: 1200px ) {
	.inner {
		width: 85%;
	}
}

.inline {
	display: flex;
}
.inline.flex_start {
	align-items: flex-start;
}
.inline.center {
	justify-content: center;
}


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.contents.page p.mb_0,
h3.mb_0,
h4.mb_0,
.mb_0 {
	margin-bottom: 0!important;
}
.contents.page p.mb_5,
.mb_5 {
	margin-bottom: 5px!important;
}
.contents.page p.mb_10,
.mb_10 {
	margin-bottom: 10px!important;
}
.contents.page p.mb_15,
.mb_15 {
	margin-bottom: 15px!important;
}
.contents.page p.mb_20,
.mb_20 {
	margin-bottom: 20px!important;
}
.contents.page p.mb_25,
.mb_25 {
	margin-bottom: 25px!important;
}
.contents.page p.mb_30,
.mb_30 {
	margin-bottom: 30px!important;
}
.contents .wp-block-column.ml_0 {
	margin-left: 0!important;
}


.wid_450 {
	max-width: 450px!important;
}
.wid_500 {
	max-width: 500px!important;
}
.wid_550 {
	max-width: 550px!important;
}
.wid_600 {
	max-width: 600px!important;
}
.wid_650 {
	max-width: 650px!important;
}
.wid_700 {
	max-width: 700px!important;
}

.wid_450.auto,
.wid_500.auto,
.wid_550.auto,
.wid_600.auto,
.wid_650.auto,
.wid_700.auto {
	margin-left: auto!important;
	margin-right: auto!important;
}



/* TOPへボタン */
#page-top{
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 7%;
	right: 3%;
	background: rgba(255,255,255,.5);
	border: 1px solid #888;
	height: 40px;
	width: 40px;
	text-align: center;
	overflow: hidden;
}
#page-top:hover{
	background: rgba(255,255,255,1);
}
#page-top:before {
	content: '';
	position: absolute;
	top: 10px;
	right: 19px;
	width: 1px;
	height: 25px;
	background: #444;
}
#page-top:after {
	content: '';
	position: absolute;
	top: 10px;
	right: 15px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
}
.alignleft {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}

.contents.post article img.aligncenter {
	max-width: 100%;
	width: auto;
	height: auto;
}
.contents.post article img.alignright,
.contents.post article img.alignleft {
	max-width: 40%;
	width: auto;
	height: auto;
}

.scroll::-webkit-scrollbar{
	width: 3px;
}
.scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}



.content-none {
	max-width: 960px;
	margin: 0 auto;
}
.content-none p {
	font-size: 16px;
	line-height: 2;
}
.content-none .in_col {
	margin: 6% 0;
}

table.full {
	width: 100%;
}
table.fixed {
	table-layout: fixed;
}
.center table th,
.center table td,
th.center,
td.center {
	text-align: center;
}
.in_contents .wp-block-table thead {
	border-bottom: none;
}
.in_contents .wp-block-table td, .in_contents .wp-block-table th {
	border: 1px solid #ccc;
}
th,
td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	box-sizing: border-box;
	text-align: left;
	font-size: 14px;
}
th {
	background-color: #eee;
}

.note,
.in_contents p.note {
	font-size: 85%;
	margin-bottom: 0;
}
.note:before {
	content: '※';
	margin-right: 3px;
}
.note.nomark:before {
	content: none;
	margin-right: 0;
}
.note.table {
	margin: 15px auto 0;
}
p a {
	text-decoration: underline;
}
p.more_link a {
	text-decoration: none;
}
p a:hover {
	text-decoration: none;
}
.red,
.dl_wrap dt.red {
	color: #f00;
	font-weight: bold;
}
.blue {
	color: #0081b2;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.block {
	margin: 30px auto;
}
.fos {
	font-size: 80%;
}
.page h3 .fos {
	font-weight: normal;
}
.fol {
	font-size: 120%!important;
}
.foll {
	font-size: 150%;
}


.pcnone,
.slick-slider.pcnone {
	display: none;
}

.spnone,
.slick-slider.spnone {
	display: inherit;
}


section {
	box-sizing: border-box;
	margin-bottom: 50px;
}
section.bg {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0;
}
p + section {
	margin-top: 50px;
}

.contents {
	padding-bottom: 50px;
}

.contents.form {
	margin-top: 50px;
}
.contents.form .block {
	max-width: 890px;
	margin: 0 auto 30px;
}
.contents.form .block.mini {
	margin: 0 auto 15px;
}
.contents.form .block:last-of-type {
	margin-bottom: 0;
}
.contents.form .block + form {
	margin-top: 50px;
}
.contents.form .head_text {
	max-width: 890px;
	margin: 0 auto 80px;
}
.contents.form .head_text p {
	margin-bottom: 1em;
}

form {
	max-width: 890px;
	margin: auto;
	width: 90%;
}

form .imp {
	background: #f00;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 5px;
	line-height: 1;
}
form .imp.before {
	background: none;
	padding: 0;
}
form .head_box {
	margin-bottom: 50px;
}
form dl {
	display: flex;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
}
form dl:first-of-type {
	padding-top: 0;
}
form .switch_col + dl:first-of-type {
	padding-top: 20px;
}
form dl dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
form dt,
form dd {
}
form dl:first-of-type dt,
form dl:first-of-type dd {
	padding-top: 0;
}
form dl dl:last-of-type dt,
form dl dl:last-of-type dd {
	padding-bottom: 0;
}

form dt {
	width: 29%;
	position: relative;
	padding-left: 10px;
	padding-right: 40px;
	line-height: 1.4;
	font-size: 15px;
}
form dt span {
	display: block;
	font-size: 85%;
}
form dt .imp {
	display: inline-block;
	margin-left: 5px;
}
form dd {
	width: 70%;
}
form dl dd input[type="text"],
form dl dd input[type="email"],
form dl dd input[type="tel"],
form dl dd input[type="number"],
form dl dd textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
}
form dl dd input[type="text"].mini,
form dl dd input[type="email"].mini,
form dl dd input[type="tel"].mini,
form dl dd input[type="number"].mini {
	width: 50%;
}
form dl dd input[type="text"].minmini,
form dl dd input[type="email"].minmini,
form dl dd input[type="tel"].minmini,
form dl dd input[type="number"].minmini {
	width: 30%;
}
form dl dd input[type="text"]:focus,
form dl dd input[type="email"]:focus,
form dl dd input[type="tel"]:focus,
form dl dd input[type="number"]:focus,
form dl dd textarea:focus {
	outline: none;
	background: #fff3f8;
}
.in_contents ul.label_li {
	padding-left: 0;
}
form dl dd .label_li li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
form dl dd .label_li li:last-child {
	margin-right: 0;
}
form dl dd .label_li li.block_li {
	display: block;
	margin: 10px 0;
}
form dl dd .label_li li.block_li:last-child {
	margin-bottom: 0;
}
form dl dd .label_li.block_li li {
	display: block;
	margin-right: 0;
}
form dd .in_box {
	display: flex;
	flex: 1;
	align-items: center;
	margin-right: 1%;
}
form dd .in_box:last-of-type {
	margin-right: 0;
}

form dl.block_col {
	display: block;
}
form dl.block_col dt.block_col_dt,
form dl.block_col dd.block_col_dd {
	width: 100%;
}
form .bg,
form dl:first-of-type dt.bg,
form dl:first-of-type dd.bg {
	padding: 30px;
	background-color: #f6f6f6;
}


form * + .bg {
	margin-top: 20px;
}

form .custom_select {
	width: 50%;
	text-align: center;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
}
form .inline .custom_select {
	width: 46%;
	margin: 0 2%;
}
form dd .in_box .custom_select {
	width: 80%;
}
form .custom_select.mini,
form dd .in_box .custom_select.mini {
	width: 20%;
}
form .custom_select.wide,
form dd .in_box .custom_select.wide {
	width: 100%;
}
form .custom_select select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
form .custom_select select:-ms-expand {
	display: none;
}
form .custom_select:before {
	position: absolute;
	top: 1em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
form .custom_select select {
	padding: 10px 38px 10px 8px;
}
.inquiry_choice {
	display: flex;
}
.label_wrap {
	flex: 1;
	max-width: 50%;
}

::placeholder {
	color: #ccc;
}


*, *:before, *:after {
	box-sizing: border-box;
}

.custom_check {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}
.custom_check:last-of-type {
	margin-right: 0;
}
.custom_check input[type="checkbox"] {
	/*display: none;*/
	position: absolute;
	opacity: 0;
}
.custom_check input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 5px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.custom_check input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.custom_check input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #b4b4b4;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
.custom_check input[type="checkbox"]:checked + label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	border: 3px solid #3197EE;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.custom_radio {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}
.custom_radio:last-of-type {
	margin-right: 0;
}
.custom_radio input[type=radio] {
	position: absolute;
	opacity: 0;
}
.custom_radio input[type=radio] + .radio_label:before {
	content: "";
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 10px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.custom_radio input[type=radio]:checked + .radio_label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #fff;
}
.custom_radio input[type=radio]:focus + .radio_label:before {
	outline: none;
	border-color: #3197EE;
}
.custom_radio input[type=radio]:disabled + .radio_label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.custom_radio input[type=radio] + .radio_label:empty:before {
	margin-right: 0;
}

.submit_area {
	text-align: center;
	margin: 50px auto;
}
.submit_area .submit {
	padding: 15px 50px;
	border-radius: 0;
	background: #888;
	font-weight: bold;
	box-shadow: none;
	border: none;
	outline: none;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition-property: all;
	transition: 0.1s linear;
}
.submit_area .submit:hover {
	background: #ccc;
}

.back_area .back{
	margin: 5% auto;
	background: #fff;
	padding: 5px 20px;
	border: 1px solid #ccc;
	color: #666;
	border-radius: 0;
	display: block;
}
.back_area .back:hover{
	background: #eee;
}

.form .read {
	font-size: 20px;
	margin-bottom: 20px;
}

form .certificate_wrap {
	padding: 20px;
	border: 10px solid #eee;
	margin-bottom: 20px!important;
}
form .certificate_wrap dt {
	width: 40%;
	padding-right: 20px;
}
form .certificate_wrap dd {
	width: 60%;
}
form .certificate_wrap dd input {
	margin-right: 10px;
}
form .certificate_wrap .inline {
	align-items: center;
}
.clone .delete {
	display: none;
}

.form_main_image {
	margin-bottom: 40px;
	text-align: center;
	margin-top: -50px;
}
@media screen and ( max-width: 896px ) {
	.archit .form_main_image {
		margin-top: 0;
	}
}
.form_main_image img {
}

form .label_color {
	padding-bottom: 5px;
	/* border-bottom: 10px solid; */
}
form .label_color.label_fashion {
	border-bottom-color: #aa226e;
}
form .label_color.label_art {
	border-bottom-color: #305ddc;
}
form .label_color.label_archit {
	border-bottom-color: #068154;
}
form .label_color.label_art_s {
	border-bottom-color: #da8a00;
}
form .label_color.label_oc {
	border-bottom-color: #238d46;
}


.ui-datepicker {
	background-color: rgba(255, 255, 255, .9);
	padding: 15px;
	box-shadow: 0 3px 8px 3px rgba(0, 0, 0, .2);
}
.ui-datepicker-header {
	display: flex;
	flex-wrap: wrap;
}
.ui-datepicker-header .ui-corner-all {
	display: block;
	width: 50%;
}
.ui-datepicker-next {
	text-align: right;
}
.ui-datepicker-title {
	margin: 5px 0 0;
}
.ui-datepicker-title select {
	margin: 0 10px;
}
.ui-datepicker-title select:first-of-type {
	margin-left: 0;
}
.ui-datepicker-title select:last-of-type {
	margin-right: 0;
}
.ui-datepicker td {
	text-align: center;
	padding: 0;
}
.ui-datepicker td a {
	display: block;
	padding: 5px 10px;
}

.anchor {
	padding-top: 100px !important;
	margin-top: -100px !important;
}

.is-provider-youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
.is-provider-youtube .wp-block-embed__wrapper {
	height: 100%;
}
.is-provider-youtube iframe {
	width: 100%;
	height: 100%;
}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



ul.disc,
ol.decimal {
	padding-left: 1em;
}
.disc li {
	list-style: disc outside;
}
.decimal li {
	list-style: decimal outside;
}




#breadcrumb {
	padding: 20px 0;
	width: 96%;
	margin: 0 auto;
}
#breadcrumb:after {
	content: '';
	display: block;
	clear: both;
}
#breadcrumb li {
	font-size: 12px;
	float: left;
	position: relative;
	margin-right: 20px;
}
#breadcrumb li:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -10px;
	width: 3px;
	height: 3px;
	border: 1px solid;
	border-color: #565656 #565656 transparent transparent;
	transform: rotate(45deg);
}
#breadcrumb li:last-child {
	margin-right: 0;
}
#breadcrumb li:last-child:after {
	content: none;
}


.contents.post header {
	margin-bottom: 60px;
}


.wp-block-group {
	margin-bottom: 60px;
}
.wp-block-group:first-of-type {
	margin-top: 0;
}
.wp-block-group .wp-block-group {
	margin: 0;
	margin-bottom: 30px;
}
p + .wp-block-group,
.wp-block-group p + .wp-block-group,
p + .wp-block-group:first-of-type,
ul + .wp-block-group:first-of-type,
ol + .wp-block-group:first-of-type,
.wp-block-group .wp-block-group + .wp-block-group,
.wp-block-columns + .wp-block-group,
.wp-block-group + .wp-block-columns {
	margin-top: 60px;
}
.wp-block-group + .wp-block-group {
	margin-top: 80px;
}
p + .wp-block-columns,
h3 + .wp-block-columns,
h4 + .wp-block-columns,
h5 + .wp-block-columns {
	margin-top: 40px;
}
.wp-block-group.mini,
.wp-block-group .wp-block-group.mini {
	padding: 0;
	margin-bottom: 30px;
}
.wp-block-group .wp-block-group.big {
	padding: 0;
	margin-bottom: 80px;
}
p + .wp-block-group.mini,
.wp-block-group p + .wp-block-group.mini,
p + .wp-block-group.mini:first-of-type,
.wp-block-columns + .wp-block-group.mini,
.wp-block-group + .wp-block-group.mini,
div + .wp-block-group.mini,
ul + .wp-block-group.mini:first-of-type {
	margin-top: 30px;
}
.wp-block-group .wp-block-group:last-of-type {
	margin-bottom: 0;
}
.wp-block-group.mini + p {
	margin-top: 20px;
}
.in_contents .wp-block-column p {
	margin-bottom: 1em;
}

.wp-block-columns:last-of-type {
	margin-bottom: 0;
}

.contents .wp-block-column .wp-block-image {
	margin-bottom: 12px;
}
.contents .wp-block-column .wp-block-image + h3 {
	font-size: 18px;
	line-height: 1.2;
}
.contents .wp-block-column p {
	/* font-size: 15px; */
}
.contents .wp-block-column p.fos {
	font-size: 80%;
}

.wp-block-group.inner {
	width: 100%;
	max-width: none;
}
.wp-block-group.inner .wp-block-group__inner-container {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and ( min-width:1400px ) {
	.wp-block-group.inner {
		width: 100%;
		max-width: none;
	}
	.wp-block-group.inner .wp-block-group__inner-container {
		width: 85%;
	}
}

.wp-block-group.inner .wp-block-group__inner-container .wp-block-group__inner-container {
	width: 100%;
}

.wp-block-columns .wp-block-columns:last-of-type {
	margin-bottom: 0;
}

.in_contents ul,
.in_contents ol {
	padding-left: 1em;
	margin: 5px 0 5px 5px;
}
.in_contents ul.main_slide {
	padding: 0;
	margin: 0;
}
.in_contents ul li,
.in_contents ol ul li {
	list-style: disc outside;
}
.in_contents ol li,
.in_contents ul ol li {
	list-style: decimal outside;
}
.in_contents p {
	margin-bottom: .7em;
	letter-spacing: -.01em;
	line-height: 1.5;
}
.in_contents p:last-of-type {
	margin-bottom: 0;
}
.in_contents li a {
	text-decoration: underline;
}
.in_contents li a:hover {
	text-decoration: none;
}

.wp-block-column.box,
.wp-block-group.box {
	padding: 20px 30px;
	border: 1px solid #ccc;
}
.wp-block-column.box.bg,
.wp-block-group.box.bg {
	background-color: #f6f6f6;
}
.wp-block-group.mini.box,
.wp-block-group .wp-block-group.mini.box {
	padding: 20px;
}



.wp-block-column.box p {
	font-size: 15px;
	letter-spacing: -.01em;
}
.wp-block-column.box p.note {
	font-size: 85%;
	margin-bottom: 0!important;
}
.wp-block-group.box,
.wp-block-group .wp-block-group.big.box {
	padding: 40px;
	border: 1px solid #eee;
}
.b_w_10,
.wp-block-group.box.b_w_10,
.wp-block-group .wp-block-group.big.box.b_w_10 {
	border-width: 10px;
}
.b_w_11,
.wp-block-group.box.b_w_11,
.wp-block-group .wp-block-group.big.box.b_w_11 {
	border-width: 11px;
}
.b_w_12,
.wp-block-group.box.b_w_12,
.wp-block-group .wp-block-group.big.box.b_w_12 {
	border-width: 12px;
}
.b_w_13,
.wp-block-group.box.b_w_13,
.wp-block-group .wp-block-group.big.box.b_w_13 {
	border-width: 13px;
}
.b_w_14,
.wp-block-group.box.b_w_14,
.wp-block-group .wp-block-group.big.box.b_w_14 {
	border-width: 14px;
}
.b_w_15,
.wp-block-group.box.b_w_15,
.wp-block-group .wp-block-group.big.box.b_w_15 {
	border-width: 15px;
}


.w_30 {
	width: 30%;
}
.w_35 {
	width: 35%;
}
.w_40 {
	width: 40%;
}
.w_45 {
	width: 45%;
}
.w_50 {
	width: 50%;
}
.w_55 {
	width: 55%;
}
.w_60 {
	width: 60%;
}
.w_65 {
	width: 65%;
}
.w_70 {
	width: 70%;
}
.w_75 {
	width: 75%;
}
.w_80 {
	width: 80%;
}
.w_85 {
	width: 85%;
}

.contents .wp-block-column .wp-block-image.w_30,
.contents .wp-block-column .wp-block-image.w_35,
.contents .wp-block-column .wp-block-image.w_40,
.contents .wp-block-column .wp-block-image.w_45,
.contents .wp-block-column .wp-block-image.w_50,
.contents .wp-block-column .wp-block-image.w_55,
.contents .wp-block-column .wp-block-image.w_60,
.contents .wp-block-column .wp-block-image.w_65,
.contents .wp-block-column .wp-block-image.w_70,
.contents .wp-block-column .wp-block-image.w_75,
.contents .wp-block-column .wp-block-image.w_80,
.contents .wp-block-column .wp-block-image.w_85 {
	margin-left: auto;
	margin-right: auto;
}

.in_contents figure.center {
	margin-left: auto;
	margin-right: auto;
}

.in_contents .toc,
.toc {
	width: 100%;
	max-width: 400px;
	background-color: #eee;
	padding: 20px 30px;
	margin: 0;
}
.in_contents ul.toc li,
.in_contents .toc ul li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 5px;
}
.in_contents ul.toc li:last-child,
.in_contents .toc ul li:last-child {
	margin-bottom: 0;
}
.toc li a {
	position: relative;
	padding-left: 15px;
	color: #555;
}
.toc li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 0;
	height: 0;
	border-left: 6px solid #555;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.toc li a:hover {
	color: #036eb8;
}
.toc li a:hover:before {
	border-left-color: #036eb8;
}



main.post {
	display: flex;
}

.post article {
	width: 80%;
	padding-right: 3%;
	border-right: 1px solid #ccc;
}
.post aside {
	width: 20%;
	padding-left: 3%;
}

.post.archive article {
	width: 100%;
	padding-right: 0;
	border-right: none;
}
.post.archive article.inner {

}

.post article h1 {
	font-size: 26px;
	padding: 0 10px 10px;
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.post article header .meta {
	display: flex;
}
.post article header .post_meta .info_date {
	font-size: 14px;
}
.post article header .meta span {
	line-height: 1;
	padding: 5px;
	font-size: 14px;
}
.post article header .meta .cat {
	background-color: #000;
	color: #fff;
	padding: 5px 15px;
}
.post article header .meta .tag {
	margin-left: 10px;
}
.post article header .meta .tag a {
	text-decoration: underline;
}
.post article header .meta .date {
	font-size: 12px;
	color: #666;
	margin-left: auto;
}

.post_content {
	overflow: hidden;
}


.post_nav_area {
	clear: both;
	margin-top: 80px;
	border-top: 1px solid #ccc;
	padding-top: 40px;
}
.post_nav_area .post_link .prev {
	float: left;
}
.post_nav_area .post_link .next {
	float: right;
}
.post_nav_area .archive_link {
	text-align: center;
	margin: 40px 0 0;
}
.post_nav_area .archive_link a {
	padding: 10px 20px;
	border: 1px solid #000;
}
.post_nav_area .archive_link a:hover {
	border-color: #036eb8;
}



.post_content {
}
.post_content h3:after {
	content: none;
}

.post aside h3 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: center;
}
.post aside h3:after {
	content: none;
}
.post aside li {
	padding: 5px 0;
	position: relative;
	padding-left: 15px;
}
.post aside li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 0;
	height: 0;
	border-left: 6px solid black;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.post aside .date {
	font-size: 12px;
	color: #999;
}
.post aside a {
	display: block;
	color: #000;
	font-size: 13px;
	line-height: 1.5;
}
.post aside a:hover,
.post aside a:hover .date {
	color: #036eb8;
}



.site_head * {
	transition: .2s ease;
}
.site_head {
	background-color: rgba(255, 255, 255, .98);
	position: relative;
}
.site_head .main_nav {
	padding: 0 3%;
	height: 80px;
	display: flex;
	align-items: center;
}
.site_head .logo {
	width: 350px;
	margin-right: 40px;
}
.site_head .nav_wrap {
	width: 100%;
	height: 100%;
}
.site_head .nav_wrap nav {
	height: 100%;
}
.site_head nav,
.site_head nav ul {
	display: flex;
	align-items: center;
}
.site_head nav .gnav {
	margin-right: 20px;
}
.site_head a {
	font-weight: 600;
	text-decoration: none;
}
.site_head .top_nav {
	margin-right: auto;
	height: 100%;
}
.site_head .top_nav li {
	margin: 0 3px;
	min-width: 120px;
	text-align: center;
	height: 100%;
	position: relative;
}
.site_head .top_nav li:before {
	content: '';
	width: 100%;
	height: 10px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.site_head .top_nav li:hover:before {
	height: 100%;
}
.site_head .top_nav .fashion:before {
	background-color: #aa226e;
}
.site_head .top_nav .fashion a:hover {
}
.site_head .top_nav .art:before {
	background-color: #315ddc;
}
.site_head .top_nav .art a:hover {
}
.site_head .top_nav .archit:before {
	background-color: #068154;
}
.site_head .top_nav .archit a:hover {
}
.site_head .top_nav a {
	font-size: 16px;
	padding: 20px 15px 5px 15px;
	display: block;
	position: relative;
}
.site_head .top_nav li:hover a,
.site_head .top_nav a:hover,
.site_head .top_nav a:hover span {
	color: #fff;
}
.site_head .top_nav li span {
	display: block;
	font-size: 10px;
	line-height: 1;
	margin-bottom: 5px;
}
.site_head .top_nav li.current-menu-item:after,
.site_head .top_nav li.current-page-ancestor:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 4px;
	height: 40px;
}
.site_head .top_nav li.fashion.current-menu-item:after,
.site_head .top_nav li.fashion.current-page-ancestor:after {
	background-color: #eee;
}
.site_head .top_nav li.art.current-menu-item:after,
.site_head .top_nav li.art.current-page-ancestor:after {
	background-color: #eee;
}
.site_head .top_nav li.oc.current-menu-item:after,
.site_head .top_nav li.oc.current-page-ancestor:after {
	background-color: #eee;
}
.site_head .top_nav li.art_s.current-menu-item:after,
.site_head .top_nav li.art_s.current-page-ancestor:after {
	background-color: #eee;
}

.site_head nav li {
	white-space: nowrap;
	position: relative;
}
.site_head .gnav li {
	margin-right: 15px;
}
.site_head .gnav li a {
	font-size: 14px;
	padding: 10px 10px;
	position: relative;
}
.site_head .gnav li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
  height: 0;
  border-left: 5px solid #8e8e8e;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.site_head nav .sub-menu {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.site_head .gnav .sub-menu li {
	border-bottom: 1px solid #666;
	text-align: center;
}
.site_head .gnav .sub-menu li:last-child {
	border-bottom: none;
}
.site_head .gnav li:last-child a:after {
	content: none;
}
.site_head .gnav .sub-menu li {
	margin-right: 0;
}
.site_head .gnav .sub-menu a {
	background-color: #fff;
	display: block;
	padding: 15px 10px;
}
.site_head .gnav .sub-menu a:after,
.site_head .gnav .sub-menu a:before {
	content: none;
}
.site_head .search {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.site_head .search svg {
	width: 20px;
	fill: #fff;
}
.site_head .search:hover svg {
	fill: #036eb8;
}
.search_area {
	display: none;
	position: absolute;
	top: 80px;
	right: 0;
	width: 100%;
	max-width: 600px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	background-color: #fff;
	z-index: 10;
	padding: 10px;
	transition: none;
}
.site_head .search_area form {
	transition: none;
}
@media screen and ( max-width: 896px ) {
	.search_area,
	.fixed .search_area {
		top: 50px;
	}
}
.search_area input {
	width: 90%;
	outline: none;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 5px;
}
.search_area button {
	margin-left: 5px;
	border: none;
	outline: none;
	background: #036eb8;
	border-radius: 5px;
	padding: 8px 5px;
	width: 8%;
}
.search_area button img {
	width: 50%;
}
.fixed .search_area {
	top: 50px;
}
.search_area td {
	border: none;
}




.site_head nav ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
}

.cat_nav {
	height: 55px;
	transition: .2s ease;
}
.cat_nav ul,
.cat_nav li,
.cat_nav a {
	height: 100%;
}
.cat_nav a {
	padding: 0 12px;
	font-size: 14px;
	display: flex;
	align-items: center
}
@media screen and ( max-width: 1155px ) {
	.fashion .cat_nav a {
		font-size: 1.2vw;
	}
}
.cat_nav .current_cat {
	margin-right: 20px;
}
.cat_nav .current_cat a {
	padding: 0 40px;
	font-weight: 600;
	font-size: 22px;
	color: #fff;
}
.cat_nav a:hover {
	color: inherit;
}
.cat_nav .sub-menu {
	height: auto;
}
.cat_nav .sub-menu a {
	padding: 10px 20px;
}
.cat_nav p.tel {
	display: none;
}

.fashion .cat_nav {
	background-color: #eee;
}
.fashion .cat_nav .current_cat a {
	background-color: #aa226e;
}
.fashion .cat_nav .sub-menu a {
	background-color: #eee;
}
.fashion .cat_nav a:hover {
	background-color: #ccc;
}

.art .cat_nav {
	background-color: #eee;
}
.art .cat_nav .current_cat a {
	background-color: #305ddc;
}
.art .cat_nav .sub-menu a {
	background-color: #eee;
}
.art .cat_nav a:hover {
	background-color: #c2d9f1;
}

.oc .cat_nav {
	background-color: #eee;
}
.oc .cat_nav .current_cat a {
	background-color: #238d46;
}
.oc .cat_nav .sub-menu a {
	background-color: #eee;
}
.oc .cat_nav a:hover {
	background-color: #c0dbc1;
}

.art_s .cat_nav {
	background-color: #eee;
}
.art_s .cat_nav .current_cat a {
	background-color: #da8a00;
}
.art_s .cat_nav .sub-menu a {
	background-color: #eee;
}
.art_s .cat_nav a:hover {
	background-color: #ece2d3;
}


.fixed .site_head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.customize-support.fixed .site_head {
	top: 32px!important;
}
.fixed .site_head .main_nav {
	height: 50px;
}
.fixed .cat_nav {
	height: 40px;
}
.fixed .site_head .logo {
	width: 250px;
}
.fixed .site_head .top_nav li {
	min-width: 100px;
}
.fixed .site_head .top_nav li:before {
	height: 7px;
}
.fixed .site_head .top_nav li:hover:before {
	height: 100%;
}
.fixed .site_head .top_nav a {
	font-size: 14px;
	padding: 13px 10px 2px;
}
.fixed .site_head .top_nav li span {
	transform: scale(.8);
	margin-bottom: 0;
}
.fixed .site_head .search svg {
	width: 20px;
}
.fixed .cat_nav .current_cat a {
	font-size: 18px;
}


.front_slide {
	height: 600px;
	overflow: hidden;
}
.front_slide img {
	height: 600px;
	width: 100%;
	object-fit: cover;
}
.front_nav .box {
	width: 33.333%;
	position: relative;
	transition: all 0.2s linear;
}
.front_nav .box:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
	z-index: 2;
}
.main_top .box .text {
	padding: 30px;
}
.main_top .box.fashion .text {
	background-color: #aa226e;
}
.main_top .box.archit .text {
	background-color: #068154;
}
.main_top .box.art .text {
	background-color: #315ddc;
}
.front_nav .box .title {
	color: #fff;
	line-height: 1;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 15px;
}
.front_nav .box .title .sub {
	font-size: 16px;
	font-weight: normal;
	padding-left: 20px;
}
.front_nav a {
	display: block;
	text-decoration: none;
}
.front_nav .box .txt_img {
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
	height: 35px;
	position: relative;
}
.main_top .box .txt_img svg {
	width: auto;
	fill: #fff;
}
.main_top .box .txt_img svg {
	height: 20px;
}
.front_nav .box .txt_img svg,
.front_nav .box .title,
.front_nav .box .read {
	transition: all 0.2s linear;
}
.front_nav p {
	color: #fff;
}
.front_nav .box .read {
	font-size: 14px;
	margin-bottom: 50px;
}
.front_nav .box .arrow_text {
	text-align: right;
	position: relative;
	padding-right: 25%;
	line-height: 1;
}
.front_nav .box .arrow_text:before,
.front_nav .box .arrow_text:after {
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	background-color: #fff;
}
.front_nav .box .arrow_text:before {
	width: 20%;
	right: 0;
	bottom: 3px;
}
.front_nav .box .arrow_text:after {
	right: 0;
	bottom: 6px;
	width: 10px;
	transform: rotate(35deg);
}

.center_line_title {
	text-align: center;
	position: relative;
	font-size: 32px;
	padding-bottom: 5px;
	margin-bottom: 40px;
}
.center_line_title:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20%;
	max-width: 75px;
	height: 3px;
	background-color: #000;
}
.fashion .center_line_title:after {
	background-color: #c50101;
}

.box_info ul {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0;
}
.art .box_info ul {
	margin-top: 0;
}
.box_info li {
	border: 1px solid #acb0b4;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	width: 31.333%;
	background-color: #fff;
}
.box_info .image img {
	width: 100%;
}
.box_info .text {
	padding: 15px 15px 18px;
	position: relative;
}
.text .info_cat {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #ccc;
	color: #fff;
	padding: 1px 10px;
	font-size: 11px;
}
.text .info_date {
	font-size: 12px;
	display: inline-block;
	margin-bottom: 5px;
	color: #999;
}
.box_info a {
	display: block;
	text-decoration: none!important;
}
.box_info .text h3 {
	position: relative;
	padding-left: 20px;
	display: block;
	border-bottom: none;
	line-height: 1.3;
}
.box_info .text h3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	border: 2px solid;
	border-color: #3662dd #3662dd transparent transparent;
	transform: rotate(45deg);
}
.box_info .text h3 span {
	font-size: 80%;
}

.cat_home .box_info li {
	margin: 1%;
}
/*
.cat_home .box_info .image {
	padding: 18px 18px 0;
	aspect-ratio: 4 / 3;
}
.cat_home .box_info .image img {
	max-height: 270px;
	width: auto;
	object-fit: cover;
	object-position: top;
}
*/
.cat_home .box_info .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cat_home .box_info .text h3 {
	padding-left: 0;
}
.cat_home .box_info .text h3:before {
	content: none;
}

.art.cat_home .box_info li {
	width: 48%;
	margin: 0;
	margin-right: 4%;
	margin-bottom: 4%;
}
.art.cat_home .box_info li:nth-child(even) {
	margin-right: 0;
}
.art.cat_home .box_info li:nth-child(3),
.art.cat_home .box_info li:nth-child(4) {
	margin-bottom: 0;
}


.slick-arrow {
	content: '';
	position: absolute;
	top: 35%;
	width: 25px;
	height: 80px;
	cursor: pointer;
	z-index: 10;
}
.slick-arrow.prev {
	left: -20px;
}
.slick-arrow.next {
	right: -20px;
}
.slick-arrow:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	border: 1px solid;
	transform: rotate(45deg);
	border-width: 2px;
}
.slick-arrow.prev:before {
	border-color: transparent transparent #000 #000;
}
.slick-arrow.next:before {
	border-color: #000 #000 transparent transparent;
}

.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
}
.slick-dots li {
	position: relative;
	margin: 0 5px;
	width: 10px!important;
	height: 10px!important;
}
.slick-dots li button {
	display: none;
}
.slick-dots li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #ccc;
}
.slick-dots li.slick-active:before {
	background-color: #666;
}


.news_list_archive ul {
	display: flex;
	flex-wrap: wrap;
}
.news_list_archive li {
	width: 19%;
	margin: .5%;
	border: 1px solid #ccc;
	transition: 0.3s linear;
}
.news_list_archive li .image {
	padding: 0;
	text-align: center;
	aspect-ratio: 4 / 3;
}
.news_list_archive li .image img {
	height: 100%;
	width: 100%;
	max-height: 200px;
	object-fit: cover;
}
.news_list_archive li .text {
	padding: 15px 10px;
	position: relative;
}
.news_list_archive li .text h3 {
	font-size: 14px;
	line-height: 1.3;
}
.news_list_archive li .info_cat {
	transition: 0.3s linear;
}
.news_list_archive li .info_cat.cat_all,
.news_list_archive li .info_cat.cat_fashion,
.news_list_archive li .info_cat.cat_art,
.news_list_archive li .info_cat.cat_oc,
.news_list_archive li .info_cat.cat_art_s {
	background-color: #888;
}
.news_list_archive li a {
	display: block;
	height: 100%;
}
.news_list_archive li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	transform: scale(1.05);
	transition-duration: 0.3s;
}
.news_list_archive li:hover .info_cat {
	transition-duration: 0.3s;
}
.news_list_archive li:hover .info_cat.cat_all {
	background-color: #c60021;
}
.news_list_archive li:hover .info_cat.cat_fashion {
	background-color: #000;
}
.news_list_archive li:hover .info_cat.cat_art {
	background-color: #305ddc;
}
.news_list_archive li:hover .info_cat.cat_oc {
	background-color: #238d46;
}
.news_list_archive li:hover .info_cat.cat_art_s {
	background-color: #da8a00;
}

.news .news_list_archive ul {
	display: block;
}
.news .news_list_archive li {
	width: 100%;
	margin: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 15px 10px;
}
.news .news_list_archive li a {
	display: flex;
}
.news .news_list_archive li:hover {
	transform: none;
	background-color: #eee;
}
.news .news_list_archive li .image {
	width: 15%;
	order: 2;
}
.news .news_list_archive li .text {
	width: 80%;
	order: 1;
	padding: 0;
	position: relative;
}
.news .news_list_archive li .text h3 {
	font-size: 18px;
	font-weight: 600;
}
.news .news_list_archive li .info_date {
	display: block;
	margin-top: 5px;
}
.news .news_list_archive li .info_cat {
	position: static;
	padding: 4px 20px;
}


.a_interview .news_list_archive li {
	position: relative;
}
.a_interview .news_list_archive li .read {
	font-size: 14px;
	margin-bottom: 10px;
}
.a_interview .news_list_archive li h3 {
	text-align: right;
}
.a_interview .news_list_archive li .new {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f59a0c;
	margin: 0;
}
.new_col {
	position: relative;
}
.new_col .new {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	margin: 0;
	background-color: #f59a0c;
}



.pagination {
	margin: 30px 0 0;
}
.pagination ul {
	display: flex;
}
.pagination li {
	margin: 0 1px;
}
.pagination li a,
.pagination li span {
	padding: 1px 8px;
	display: block;
}
.pagination li a {
	text-decoration: underline;
}
.pagination li a:hover {
	background-color: #eee;
	text-decoration: none;
}



section.bg {
	background-color: #eaeaea;
}

.info_list ul {
	max-width: 860px;
}
.info_list li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.info_list li .info_date {
	font-size: 12px;
	color: #666;
	margin-right: 20px;
	white-space: nowrap;
}
.info_list li .info_cat {
	width: 80px;
	text-align: center;
	color: #fff;white-space: nowrap;
	font-weight: 600;
	padding: 5px 2px;
	font-size: 12px;
	line-height: 1;
	margin-right: 20px;
}
.info_cat.cat_all {
	background-color: #c60021;
}
.info_cat.cat_fashion {
	background-color: #aa226e;
}
.info_cat.cat_art {
	background-color: #305ddc;
}
.info_cat.cat_oc {
	background-color: #238d46;
}
.info_cat.cat_art_s {
	background-color: #da8a00;
}
.info_cat.cat_archit {
	background-color: #068154;
}


* + .link_btn {
	margin-top: 40px;
}
.link_btn a {
	text-decoration: none;
	line-height: 1;
	display: inline-block;
	padding: 15px 90px 15px 80px;
	border-radius: 30px;
	background-color: #fff;
	border: 1px solid #646464;
	position: relative;
}
.link_btn a:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: #3662dd #3662dd transparent transparent;
	transform: rotate(45deg);
}
.link_btn a:hover {
	border-color: #3662dd;
}
.link_btn.center {
	text-align: center;
}
.link_btn.orange a {
	background-color: #f79200;
	border: none;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
	font-size: 22px;
	font-weight: 600;
	color: #fff;
}
.link_btn.orange a:after {
	width: 12px;
	height: 12px;
	border-color: #fff #fff transparent transparent;
}

.link_view a {
	background-color: #000;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	padding: 5px 25px 5px 10px;
	display: inline-block;
	position: relative;
	text-decoration: none;
}
.link_view a:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 6px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.link_view a:hover {
	background-color: #888;
}


.link_box a {
	display: block;
	text-align: center;
	padding: 10px 20px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	background-color: #999;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
}
.link_box a:after {
	content: '';
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 8px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
.link_box a:hover {
	background-color: #555;
}
.link_box.inline_block a {
	display: inline-block;
	padding: 10px 60px 10px 40px;
}
.link_box + .link_box,
p + .link_box {
	margin-top: 30px;
}

.link_box.white a {
	border: 1px solid #333;
	background-color: #fff;
	color: #000;
}

.pdf a {
	background-image: url(images/icon/icon_pdf.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 25px;
}
.pdf_txt a {
	padding: 5px 5px 5px 30px;
	background-image: url(images/icon/icon_pdf.svg);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 20px;
	text-decoration: underline;
}
.pdf_txt a:hover {
	text-decoration: none;
}

.excel a {
	background-image: url(images/icon/icon_excel.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 25px;
}
.excel_txt a {
	padding-left: 35px;
	background-image: url(images/icon/icon_excel.svg);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 25px;
	text-decoration: underline;
}
.excel_txt a:hover {
	text-decoration: none;
}


.link_block {
	margin: 30px 0;
}
.link_txt a {
	position: relative;
	padding: 3px 20px 3px 3px;
	border-bottom: 1px solid #000;
	text-decoration: none;
	white-space: nowrap;
}
.link_txt a:before,
.link_txt a:after {
	content: '';
	position: absolute;
}
.link_txt a:before {
	bottom: -2px;
	left: 0;
	width: 0;
	background-color: #000;
	height: 1px;
}
.link_txt a:after {
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 6px;
  height: 6px;
  border: 2px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(45deg);
}
.link_txt a:hover {
	border-bottom-color: #000;
	color: #000;
	background-color: #eee;
}
.link_txt a:hover:before {
	background-color: #000;
	width: 99.5%;
}
.link_txt a:hover:after {

}
.inline .link_txt + .link_txt {
	margin-left: 40px;
}
.box_info .link_block {
	justify-content: flex-end;
}

.btn_block {
	gap: 5em;
}
.btn_block p {
	width: 30%;
	max-width: 350px;
}
.btn_block a {
	display: block;
	padding: 15px 10px;
	text-align: center;
	background-color: #036eb8;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	position: relative;
	border: 1px solid #036eb8;
}
.btn_block a:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	border: 1px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.btn_block a:hover {
	background-color: #fff;
	color: #036eb8;
}
.btn_block a:hover:after {
	border-color: #036eb8 #036eb8 transparent transparent;
}
@media screen and ( max-width: 896px ) {
	.btn_block {
		gap: 2em;
	}
	.btn_block p {
		width: 45%;
	}
}
@media screen and ( max-width: 599px ) {
	.btn_block a {
		font-size: 16px;
	}
}
@media screen and ( max-width: 480px ) {
	.btn_block {
		gap: 1em;
	}
	.btn_block p {
		width: 50%;
	}
	.btn_block a {
		font-size: 14px;
		padding: 10px 5px;
	}
	.btn_block a:after {
		width: 8px;
		height: 8px;
	}
}

.list_slide li {
	margin: 0 15px;
}

.lower #fancybox-close {
	background: none;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
}
.lower #fancybox-close:before,
.lower #fancybox-close:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 55%;
	height: 2px;
	background-color: #000;
}
.lower #fancybox-close:before {
	transform: rotate(45deg);
}
.lower #fancybox-close:after {
	transform: rotate(-45deg);
}


.main_read p {
	padding: 8% 2% 5% 2%;
	font-size: 24px;
	line-height: 1.8;
}
.in_contents .main_read p {
	padding: 0;
	font-size: 28px;
	line-height: 1.8;
}


.cat_home .slick-arrow.prev:before {
	border-color: transparent transparent #fff #fff;
}
.cat_home .slick-arrow.next:before {
	border-color: #fff #fff transparent transparent;
}
.art.cat_home .slick-arrow.prev:before {
	border-color: transparent transparent #000 #000;
}
.art.cat_home .slick-arrow.next:before {
	border-color: #000 #000 transparent transparent;
}
.cat_home .main {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 50px;
	background-color: #000;
}
.art.cat_home .main {
	background-color: #fff;
}
.cat_home .main:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 40%;
}
@media screen and ( max-width: 896px ) {
	.cat_home .main:after {
		bottom: 20%;
	}
}
.fashion.cat_home .main:after {
	background: -moz-linear-gradient(top, transparent 10%, #000 50%, #000 100%);
	background: -webkit-linear-gradient(top, transparent 10%, #000 50%, #000 100%);
	background: linear-gradient(to bottom, transparent 10%, #000 50%, #000 100%);
}
.art.cat_home .main:after {
	background: -moz-linear-gradient(top, transparent 10%, #fff 50%, #fff 100%);
	background: -webkit-linear-gradient(top, transparent 10%, #fff 50%, #fff 100%);
	background: linear-gradient(to bottom, transparent 10%, #fff 50%, #fff 100%);
}

.art.cat_home .main_slide:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(62, 93, 212, .2); */
}
.main_slide img {
	transform-origin: center top;
	transform: scale(1.1);
	transition: 5s ease-out;
	width: 100%;
	max-height: 800px;
	object-fit: cover;
	object-position: top;
}
.art .main_slide img {
	object-position: center;
}
.main_slide .slick-active img {
	transform: scale(1.0);
}
.cat_home .slick-arrow {
	top: 0;
	bottom: 0;
	margin: auto;
}
.cat_home .slick-arrow.prev {
	left: 20px;
}
.cat_home .slick-arrow.next {
	right: 20px;
}
.main_slide .slick-dots {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: auto;
}
.main .read_wrap {
	position: absolute;
	top: 5%;
	left: 5%;
	margin: auto;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 1;
}
.cat_home .main .read_wrap .read_title {
	font-size: 30px;
	margin: 30px 0 10px;
}
.cat_home .main .read_wrap .read_title br {
	display: none;
}
.cat_home .main .read_wrap p {
	color: #fff;
	line-height: 1.7;
	text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}
.cat_home .main .read_wrap .image {
	width: 40%;
	min-width: 200px;
}
.cat_home .main .read_wrap .image img {
	width: 100%;
	max-width: 200px;
	filter: drop-shadow(0 0 3px rgba(0,0,0,0.2));
}
.cat_home .main .banner {
	margin-top: -10%;
	position: relative;
	z-index: 1;
}
.cat_home .main .banner ul {
	display: flex;
}
.cat_home .top_oc {
	padding-bottom: 13%;
}
.cat_home .top_oc_title {
	text-align: center;
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	padding: 30px 20px 50px;
}
.fashion.cat_home .top_oc_title {
	background-color: #000;
}
.art.cat_home .top_oc_title {
	background-color: #fff;
}
.cat_home .top_oc ul {
	display: flex;
}
.cat_home .top_oc li.area {
	width: 50%;
	position: relative;
}
.cat_home .top_oc li.area .image {
	position: relative;
	height: 400px;
	padding-bottom: 50px;
}
.cat_home .top_oc li.area .image:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
}
.fashion.cat_home .top_oc li.area .image:after {
	bottom: 0;
	height: 60%;
}
.fashion.cat_home .top_oc li.area_01 .image:after {
	background: -moz-linear-gradient(top, transparent 30%, #e0cb7f 60%, #e0cb7f);
	background: -webkit-linear-gradient(top, transparent 30%, #e0cb7f 60%, #e0cb7f);
	background: linear-gradient(to bottom, transparent 30%, #e0cb7f 60%, #e0cb7f);
}
.fashion.cat_home .top_oc li.area_02 .image:after {
	background: -moz-linear-gradient(top, transparent 30%, #000 60%, #000);
	background: -webkit-linear-gradient(top, transparent 30%, #000 60%, #000);
	background: linear-gradient(to bottom, transparent 30%, #000 60%, #000);
}
.art.cat_home .top_oc li.area .image:after {
	top: 0;
	height: 100%;
}
.cat_home .top_oc li.area .image img {
	width: 100%;
}
.cat_home .top_oc li.area .text {
	width: 80%;
	margin: -20% auto;
	position: relative;
	background-color: rgba(255, 255, 255, .95);
	padding: 40px 50px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.cat_home .top_oc li.area .text .head {
	text-align: center;
	margin-bottom: 15px;
}
.cat_home .top_oc li.area .text .head .sub {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
}
.fashion.cat_home .top_oc li.area .text .head .sub {
	color: #c50101;
}
.cat_home .top_oc li.area .text .head h2 {
	font-size: 34px;
	font-weight: 600;
}
.art.cat_home .top_oc li.area .text .head h2 {
	color: #895f28;
}
.cat_home .top_oc li.area .text .oc_date {
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
}
.cat_home .top_oc li.area .text .oc_date span {
	display: block;
	font-size: 150%;
	color: #c50101;
	margin-left: 1em;
}
.cat_home .top_oc li.area .text p {
	margin-bottom: 5px;
	line-height: 1.7;
}
.cat_home .top_oc li.area .text p:last-of-type {
	margin-bottom: 0;
}
.cat_home .top_oc li.area .text .link {
	margin-top: 30px;
	text-align: center;
}
.cat_home .top_oc li.area .text .link a {
	display: inline-block;
	padding: 10px 50px;
	color: #fff;
	font-weight: 600;
	position: relative;
	border-radius: 30px;
	text-decoration: none;
}
.cat_home .top_oc li.area .text .link a:hover {
}
.fashion.cat_home .top_oc li.area .text .link a {
	background-color: #c50101;
}
.fashion.cat_home .top_oc li.area .text .link a:hover {
	background-color: #b84b4b;
}
.art.cat_home .top_oc li.area .text .link a {
	background-color: #6182dc;
}
.art.cat_home .top_oc li.area .text .link a:hover {
	background-color: #305ddc;
}
.cat_home .top_oc li.area .text .red {
	color: #c50101;
}
@media screen and ( min-width: 1500px ) {
	.cat_home .top_oc li.area .text {
		margin-top: -10%;
	}
}
@media screen and ( min-width: 1800px ) {
	.cat_home .top_oc li.area .image:after {
		height: 50%;
	}
	.cat_home .top_oc li.area .text {
		margin-top: -8%;
	}
}

.movie_sec ul {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}
.movie_sec li {
	flex: 1;
	max-width: 46%;
	margin: 0 2%;
	text-align: center;
	height: 100%;
}

.movie_wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.movie_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube + p {
	margin-top: 10px;
}
.movie_sec .image {
	margin-bottom: 10px;
}
.movie_sec .movie_title {
	margin: 15px 0 0;
}
.movie_sec .movie_title .sub {
	display: block;
	font-size: 12px;
	color: #ccc;
	font-weight: 600;
}
.movie_sec .movie_title .title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.movie_sec .movie_title .title.new {
	display: inline-block;
	color: #fff;
	margin-top: -3px;
}


.link_base .title {
	font-weight: 600;
	font-size: 18px;
}
.link_base dl {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
.link_base dt {
	width: 30%;
	padding-right: 5%;
}
.link_base dd {
	width: 70%;
}
.link_base .in_col dl:first-of-type {
	padding-top: 0;
}
.link_base .in_col dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
.link_base .in_col dt {
	width: 50%;
	color: #999;
}
.link_base .in_col dd {
	width: 50%;
}
.link_base .in_col div {
	margin-bottom: 10px;
}
.link_base .in_col div:last-of-type {
	margin-bottom: 0;
}



.fashion .sns_area .inline {
	justify-content: center;
	align-items: center;
}
.sns_block,
.twitter_block {
	flex: 1;
}
.sns_block {
	text-align: center;
	position: relative;
	padding-top: 120px;
}
.sns_block .sns_title {
	font-size: 160px;
	color: #d8d8d8;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-family: "bebas-neue", sans-serif;
	font-weight: 600;
	line-height: 1;
}
.sns_block .read {
	font-weight: 600;
	font-size: 28px;
}
.sns_block .read span {
	display: inline-block;
	position: relative;
}
.sns_block .read span:before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sns_block ul {
	margin: 30px 0;
	display: flex;
	justify-content: center;
}
.sns_block li {
	margin: 0 20px;
}
.sns_block li a {
	line-height: 1;
	text-align: center;
}
.sns_block li .sns_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width:35px;
	height: 35px;
	border-radius: 50%;
	/* background-color: #000; */
	/* padding: 4px; */
	margin: 0 auto;
}
.sns_block li .sns_icon.sns_x {
	width:32px;
}
.sns_block li .sns_icon img {
	width: 100%;
}
.sns_block li .sns_icon:hover {
	/* background-color: #036eb8; */
}
.sns_block li .sns_name {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	position: relative;
}
.sns_block li .sns_name:before,
.sns_block li .sns_name:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: #565656 #565656 transparent transparent;
  transform: rotate(45deg);
}
.sns_block li .sns_name:before {
	right: -10px;
}
.sns_block li .sns_name:after {
	right: -15px;
}

.sns_block svg {
	fill: #fff;
	height: 30px;
}
.twitter_block {
	max-height: 300px;
	overflow: hidden;
}
.sns_block .insta_inc {
	margin: 40px auto;
}

.art .info_sns_wrap .inline {
	align-items: flex-start;
}
.art .info_block {
	flex: 2;
}
.art .sns_block {
	margin-left: 5%;
	flex: 1;
	padding: 50px 0;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}
.art .sns_block .sns_title {
	font-size: 80px;
	color: #666;
	position: relative;
	margin-bottom: 30px;
}
.art .sns_block .sns_title span {
	display: inline-block;
	padding: 5px 30px;
}
.art .sns_block .read span {
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -.05em;
	position: relative;
	z-index: 1;
}
.art .sns_block .read span:before {
	background-color: #fff;
	height: 12px;
	z-index: -1;
}

.art .twitter_block {
	max-height: 500px;
	margin-bottom: 30px;
}
.art .sns_block li a:hover {
}
.art .sns_block li a:hover svg {
	fill: #fff;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header {
	display: none!important;
}

.oc .sns_block li a:hover {
	background-color: #2a8c49;
}
.oc .sns_block p {
	color: #2a8c49;
}



.more_sec {
	padding: 5%;
	margin-bottom: 0;
}
.more_sec li {
	flex: 1;
	margin: .5%;
}


.fashion .page_nav ul {
	display: flex;
	flex-wrap: wrap;
}
.fashion .page_nav li {
	width: 50%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 40vh;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.fashion .page_nav li.nav_01 {
	background-image: url('images/fashion/nav_bg_01.webp');
}
.fashion .page_nav li.nav_02 {
	background-image: url('images/fashion/nav_bg_02.webp');
}
.fashion .page_nav li.nav_03 {
	background-image: url('images/fashion/nav_bg_03.webp');
}
.fashion .page_nav li.nav_04 {
	background-image: url('images/fashion/nav_bg_04.webp');
}
.fashion .page_nav li:after,
.fashion .page_nav li a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.fashion .page_nav li.nav_01:after,
.fashion .page_nav li.nav_04:after {
	background-color: rgba(39,125,141,.4);
}
.fashion .page_nav li.nav_02:after,
.fashion .page_nav li.nav_03:after {
	background-color: rgba(165,98,136,.4);
}
.fashion .page_nav li.nav_01:hover:after,
.fashion .page_nav li.nav_04:hover:after {
	background-color: rgba(39, 125, 141, .7);
}
.fashion .page_nav li.nav_02:hover:after,
.fashion .page_nav li.nav_03:hover:after {
	background-color: rgba(165, 98, 136, .7);
}
.fashion .page_nav li a {
	text-align: center;
	padding: 5px 20px;
	background-color: rgba(0, 0, 0, .9);
	color: #fff;
	z-index: 1;
}


p img.float_left {
	float: left;
	margin-right: 20px;
}


.f-department .inner.in_contents {
	max-width: none;
	width: 100%;
}
.inner_other,
.f-department .wp-block-group.inner_other {
	max-width: 1400px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and ( min-width:1400px ) {
	.f-department .wp-block-group.inner_other {
		width: 85%;
	}
}
.f-department .wp-block-group.inner .wp-block-group__inner-container {
	max-width: none;
	width: 100%;
}
.f-department .main_slide img {
	max-height: none;
}
.wp-block-group.main_img_text .wp-block-group + .wp-block-group {}
.main_img_text,
.wp-block-group.main_img_text:first-of-type {
	padding: 15% 5%;
	/*background: url('/contents/wp-content/uploads/2022/09/main_bg.webp') no-repeat left top / 100%;*/
	background: url('/contents/wp-content/uploads/2023/03/SFS_mainPh_320315.webp') no-repeat left top / 100%; /* 230315〜 */
	text-align: center;
	margin-top: -40px;
}
.main_img_text p {
	color: #fff;
}
.main_img_text .main_read {
	font-size: 5vw;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}
.in_contents .main_img_text p.main_read {
	margin-bottom: 0;
}
.main_img_text .sub_read {
	font-size: 2.2vw;
}
.main_img_text .point {
	display: inline-block;
	padding: 10px 50px;
	background-color: rgba(0, 0, 0, .95);
	border: 1px solid #fff;
	font-size: 24px;
}

.outline_col {
	margin-top: -130px;
	position: relative;
}
.outline_col .wp-block-column {
	background-color: #fff;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */
	position: relative;
	transition: 0.4s ease;
}
.outline_col .wp-block-column:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
	box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
.outline_col .wp-block-column:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 15px solid rgba(0, 0, 0, .1);
	transition: 0.4s ease;
}
.outline_col .wp-block-column.first_prophase:hover:after {
	border-top: 15px solid #c50101;
}
.outline_col .wp-block-column.first_anaphase:hover:after {
	border-top: 15px solid #a22b6e;
}
.outline_col .wp-block-column.second_prophase:hover:after {
	border-top: 15px solid #1ba6a4;
}
.outline_col .wp-block-column.second_anaphase:hover:after {
	border-top: 15px solid #4d38b5;
}
.outline_col .stage {
	text-align: center;
	padding: 5px;
	color: #fff;
	text-align: center;
}
.contents .outline_col .wp-block-column p.stage {
	font-size: 20px;
}
.contents .outline_col .wp-block-column p.stage a {
	text-decoration: none;
}
.contents .outline_col .wp-block-column p.stage a:hover {
	color: inherit;
}
.contents .outline_col .wp-block-column p.stage a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.outline_col .first_prophase .stage {
	background-color: #c50101;
}
.outline_col .first_anaphase .stage {
	background-color: #a22b6e;
}
.outline_col .second_prophase .stage {
	background-color: #1ba6a4;
}
.outline_col .second_anaphase .stage {
	background-color: #4d38b5;
}
.outline_col p + .wp-block-group,
.outline_col p + .wp-block-group:first-of-type {
	margin: 0;
	padding: 15px 20px 20px;
}
.in_contents .outline_col .square_list {
	margin: 0 0 15px;
	padding-left: 0;
}
.square_list li {
	list-style: none!important;
	font-size: 18px;
	padding-left: 20px;
	position: relative;
}
.outline_col .square_list li span {
	font-size: 80%;
	color: #666;
}
.square_list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 15px;
	height: 15px;
	background-color: #000;
}
.contents .stage_wrap .wp-block-column .wp-block-image {
	margin-bottom: 0;
}
.in_contents .stage_wrap .wp-block-column h3 {
	color: #fff;
	padding: 10px;
	border-bottom: none;
	margin-top: 0;
}
.in_contents .first_prophase_wrap .wp-block-column h3 {
	background-color: #c50101;
}
.in_contents .first_anaphase_wrap .wp-block-column h3 {
	background-color: #a22b6e;
}
.in_contents .first_anaphase_wrap .wp-block-column h3.invert {
	background-color: #fff;
	color: #a22b6e;
	font-weight: 600;
	border: 1px solid #a22b6e;
}
.in_contents .second_prophase_wrap .wp-block-column h3 {
	background-color: #1ba6a4;
}
.in_contents .second_anaphase_wrap .wp-block-column h3 {
	background-color: #4d38b5;
}

/* 202303 改修 */
.outline_col_title {
	text-align: center;
}
.outline_col_title span {
	display: inline-block;
	padding: 10px 50px;
	background-color: #000;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
.outline_col ul {
	padding-left: 0;
	min-height: 200px;
	margin-bottom: 20px;
}
.outline_col li {
	list-style: none!important;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	position: relative;
}
.outline_col li:before {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-left: 15px solid;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.outline_col .first_prophase li:before {
	border-left-color: #c50101;
}
.outline_col .first_anaphase li:before {
	border-left-color: #a22b6e;
}
.outline_col .second_prophase li:before {
	border-left-color: #1ba6a4;
}
.outline_col .second_anaphase li:before {
	content: none;
}
.outline_col li:last-child {
	margin-bottom: 0;
}
.outline_col li span {
	margin-left: 20px;
	font-size: 120%;
	font-weight: 600;
}
.outline_col .first_anaphase li span {
	color: #a22b6e;
}
.outline_col .second_prophase li span {
	color: #1ba6a4;
}
.outline_col .first_prophase li,
.outline_col .second_anaphase li {
	height: 100%;
	border: 1px solid #999;
}
.outline_col .first_anaphase li.compulsory {
	height: 50%;
	background-color: #eee;
}
.outline_col .first_anaphase li.choice {
	height: 50%;
	background-color: #ccc;
}
.outline_col .second_prophase li.compulsory {
	height: 20%;
	background-color: #eee;
}
.outline_col .second_prophase li.choice {
	height: 80%;
	background-color: #ccc;
}
@media screen and ( max-width: 781px ) {
	.outline_col li:before {
		content: none;
	}
	.outline_col ul {
		min-height: auto;
	}
	.outline_col li {
		min-height: 50px;
	}
	.outline_col .first_anaphase li.compulsory,
	.outline_col .first_anaphase li.choice {
		height: 70px;
	}
	.outline_col .second_prophase li.compulsory {
		height: 40px;
	}
	.outline_col .second_prophase li.choice {
		height: 100px;
	}
	.outline_col_title span {
		font-size: 18px;
		padding: 30px 25px;
		display: block;
	}
}
/* 202303 改修ここまで */



/* 202504 ファッション総合科改修 */
.step_columns {
}
.step_columns .step_box {
	padding: 30px 35px 20px 35px;
	border-radius: 5px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, .3);
}
.step_columns .step_box .arrow_btn a {
	float: right;
	display:inline-block;
	position:relative;
	border-radius:50%;
	width:40px;
	height:40px;
	cursor:pointer;
	border:1px solid #fff;
	vertical-align:middle;
	margin-bottom:4px;
}
.step_columns .step_box .arrow_btn a:before {
	content:'';
	position:absolute;
	width: 14px;
	height: 14px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	top: 32%;
	left: 24%;
	transform:rotate(-135deg);
}
.step_columns .step_box .arrow_btn a:hover {
	background-color:#fff;
}
.step_columns .step_box .arrow_btn a:hover:before {
	border-color:#000;
}

.step_columns .step_box.step_01 {
	background-color: #d2679c;
}
.step_columns .step_box.step_02 {
	background-color: #ab6fa6;
}
.step_columns .step_box.step_03 {
	background-color: #7c70ae;
}
.step_columns .step_box.step_04 {
	background-color: #e6a205;
}
.step_columns .step_box p,
.step_columns .step_box h3,
.step_columns .step_box h4:not(.detail h4) {
	color: #fff;
}
.step_columns .step_title {
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	background-color: rgba(0, 0, 0, .2);
	width: 100%;
	border-radius: 40px;
}
.in_contents .step_columns h3 {
	margin-top: 20px;
	border-bottom: none;
	font-size: 40px;
	font-weight: 600;
}
.step_columns .wp-block-group.detail p {
	color: #000;
}
.step_columns .wp-block-group.detail,
.step_columns p + .wp-block-group.detail {
	margin-top: 25px;
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
}
.step_columns .wp-block-group.detail .wp-block-group {
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.step_columns .wp-block-group.detail .wp-block-group + .wp-block-group {
	margin-top: 0;
}
.step_columns .wp-block-group.detail .wp-block-group:last-of-type,
.step_columns .wp-block-group.detail .wp-block-group + .wp-block-group:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
.step_columns .wp-block-group.detail ul {
	padding-left: 0;
}
.step_columns .wp-block-group.detail ul li {
	list-style: none;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}
.step_columns .wp-block-group.detail ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 8px;
	height: 8px;
	background-color: #000;
}
.step_columns .wp-block-group.detail + * {
	margin-top: 30px;
}
.step_columns_wrap .btm_img {
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
}
.step_columns_wrap .grade_01 .btm_img {
	transform: scale(1.03);
}
.step_columns_wrap .grade_02 .btm_img {
	transform: translateX(7%) scale(1.15);
}
.step_columns_wrap .btm_img a:hover img {
	transform: scale(1);
}
.step_columns_wrap .btm_img a:hover {
	cursor: inherit;
}

.block_head {
	background-color: #ccc;
}
.block_head .wp-block-cover {
	padding: 0;
}
.block_head .wp-block-cover__inner-container {
	width: 90%!important;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0;
}
@media screen and ( min-width: 1400px ) {
	.block_head .wp-block-cover__inner-container {
		width: 85%!important;
	}
}
.block_head h2,
.page .block_head h2 {
	color: #fff;
	border-bottom: none;
	border-top: 50px solid #fff;
	padding-top: 15px;
	font-size: 24px;
}
.block_head .head_read {
	font-size: 36px;
	font-weight: 600;
}
.block_head p {
	color: #fff!important;
}
.stick_wrap.wp-block-group .wp-block-group {
	margin-bottom: 0;
}
.stick_wrap.wp-block-group .wp-block-group + .wp-block-group {
	margin-top: 0;
}
.stick_wrap.wp-block-group .bg_sec {
	padding: 5% 0;
}
.stick_wrap .light_block {
	padding: 4% 5%;
}
.stick_wrap.wp-block-group .wp-block-group.light_block {
	margin-bottom: 5%;
}
.stick_wrap .sec_read {
	margin-bottom: 4%;
	font-weight: 600;
}
.stick_wrap .sec_read span {
	font-size: 34px;
	margin-left: 30px;
}
.a_hide {
	position: relative;
}
.a_hide:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.a_hide a:hover img {
	transform: scale(1);
	z-index: 0;
	position: relative;
	z-index: 0;
}
.a_hide a:hover {
	cursor: inherit;
}
.num_image {
	position: relative;
}
.num_image .num {
	position: absolute;
	bottom: 30px;
	left: 25%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	z-index: 1;
}
.col_title_wrap .en {
	font-size: 24px;
	font-weight: 600;
}
.col_title_wrap h3 {
	border-bottom: none!important;
}
.department_detail .detail_list {
	padding-left: 0;
	margin-bottom: 20px;
}
.department_detail .detail_list li {
	list-style: none;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}
.department_detail .detail_list li:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 7px;
	background-color: #000;
}
.stick_wrap.wp-block-group .wp-block-group.detail_blocktype {
	margin-bottom: 5%;
}
.stick_wrap.wp-block-group .wp-block-group.detail_blocktype:last-of-type {
	margin-bottom: 0;
}
.detail_blocktype *,
.detail_blocktype .dl_wrap dt {
	color: #fff;
}
.in_contents .detail_blocktype h3 {
	border-bottom: none!important;
	font-size: 24px;
	font-weight: 600;
}
.detail_blocktype .dl_wrap dl {
	border-bottom: none;
	padding: 0;
}
.detail_blocktype .wp-block-columns {
	margin-top: 3%;
}

.wp-block-group.stick_wrap {
	margin-bottom: 0;
}


.stick_wrap .light_block .subject_num {
	font-size: 34px;
	font-weight: 600;
}
.stick_wrap .light_block .subject_num span {
	font-size: 16px;
	margin-right: 20px;
	padding: 4px 10px;
	color: #fff;
}
.stick_wrap.compulsory .light_block,
.stick_wrap.elective .light_block,
.stick_wrap.second_first_semester .light_block,
.stick_wrap.second_second_semester .light_block {
	background-color: #fff;
}
.stick_wrap .block_head {
	background-color: #fff;
}
.stick_wrap .block_head h2 {
	border-top: 0;
	padding-top: 30px;
}
.stick_wrap .block_head h2,
.stick_wrap .block_head h2 + p {
	color: #000!important;
}
.in_contents .stick_wrap h4 {
	margin-bottom: 0;
}
.stick_wrap.compulsory,
.stick_wrap.elective,
.stick_wrap.second_first_semester,
.stick_wrap.second_second_semester {
	margin-bottom: 40px;
}
.stick_wrap.compulsory h2,
.stick_wrap.elective h2,
.stick_wrap.second_first_semester h2,
.stick_wrap.second_second_semester h2 {
	font-size: 18px;
	font-weight: 600;
	padding: 4px 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, .2);
	border-radius: 40px;
	border: none;
}

.stick_wrap.wp-block-group .wp-block-group.sec_block {
	margin-bottom: 60px;
}
.stick_wrap .sec_block + .wp-block-group p strong {
	font-size: 18px;
	margin-bottom: 10px;
}
.stick_wrap .sec_block + .wp-block-group p {
	font-size: 16px;
}
.stick_wrap.compulsory .sec_read,
.stick_wrap.elective .sec_read,
.stick_wrap.second_first_semester .sec_read,
.stick_wrap.second_second_semester .sec_read {
	font-size: 30px;
	margin-bottom: 10px;
}
.stick_wrap.compulsory .sec_read + p,
.stick_wrap.elective .sec_read + p,
.stick_wrap.second_first_semester .sec_read + p,
.stick_wrap.second_second_semester .sec_read + p {
	font-size: 22px;
	font-weight: bold;
}
.stick_wrap.compulsory .bg_sec {
	background-color: #d2679c;
}
.stick_wrap.compulsory .sec_read {
	color: #fff;
}
.compulsory .col_title_wrap * {
	font-weight: 600;
	color: #d2679c;
}
.stick_wrap.compulsory .subject_num {
	color: #d2679c;
}
.stick_wrap.compulsory .subject_num span {
	background-color: #d2679c;
}


.stick_wrap.elective .bg_sec {
	background-color: #ab6fa6;
}
.stick_wrap.elective .sec_read {
	color: #fff;
}
.elective .col_title_wrap * {
	font-weight: 600;
	color: #ab6fa6;
}
.stick_wrap.elective .subject_num {
	color: #ab6fa6;
}
.stick_wrap.elective .subject_num span {
	background-color: #ab6fa6;
}

.stick_wrap.second_first_semester .bg_sec {
	background-color: #7c70ae;
}
.stick_wrap.second_first_semester .sec_read {
	color: #fff;
}
.second_first_semester .col_title_wrap * {
	font-weight: 600;
	color: #7c70ae;
}
.stick_wrap.second_first_semester .subject_num {
	color: #7c70ae;
}
.stick_wrap.second_first_semester .subject_num span {
	background-color: #7c70ae;
}

.stick_wrap.second_second_semester .bg_sec {
	background-color: #e6a205;
}
.stick_wrap.second_second_semester .sec_read {
	color: #fff;
}
.second_second_semester .col_title_wrap * {
	font-weight: 600;
	color: #e6a205;
}
.stick_wrap.second_second_semester .subject_num {
	color: #e6a205;
}
.stick_wrap.second_second_semester .subject_num span {
	background-color: #e6a205;
}

.stick_wrap.second_second_semester .pink_block h3,
.stick_wrap.second_second_semester .blue_block h3,
.stick_wrap.second_second_semester .black_block h3,
.stick_wrap.second_second_semester .red_block h3 {
	font-size: 32px;
	text-align: center;
	font-weight: 600;
	border-bottom: none;
}
.stick_wrap.second_second_semester .pink_block .bg,
.stick_wrap.second_second_semester .blue_block .bg,
.stick_wrap.second_second_semester .black_block .bg,
.stick_wrap.second_second_semester .red_block .bg {
	padding: 14px;
	border-radius: 8px;
	min-height: 140px;
}
.stick_wrap.second_second_semester .pink_block .bg p,
.stick_wrap.second_second_semester .blue_block .bg p,
.stick_wrap.second_second_semester .black_block .bg p,
.stick_wrap.second_second_semester .red_block .bg p {
	color: #fff;
}
.stick_wrap.second_second_semester .pink_block h3 {
	color: #d2679c;
}
.stick_wrap.second_second_semester .pink_block .bg {
	background-color: #d2679c;
}
.stick_wrap.second_second_semester .blue_block h3 {
	color: #346bb4;
}
.stick_wrap.second_second_semester .blue_block .bg {
	background-color: #346bb4;
}
.stick_wrap.second_second_semester .black_block h3 {
	color: #000;
}
.stick_wrap.second_second_semester .black_block .bg {
	background-color: #000;
}
.stick_wrap.second_second_semester .red_block h3 {
		color: #c23220;
}
.stick_wrap.second_second_semester .red_block .bg {
	background-color: #c23220;
}


.block_head .link_btn {
	color: #000!important;
}


@media screen and ( max-width: 1024px ) {
	.step_columns_wrap {
		flex-direction: column;
	}
}
@media screen and ( max-width: 781px ) {
	.step_columns .step_title {
		width: 100%;
		margin-left: auto;
	}
	.step_columns_wrap .btm_img {
		margin-top: -20px;
	}
	.stick_wrap.wp-block-group .wp-block-group.detail_blocktype,
	.stick_wrap.wp-block-group .wp-block-group.light_block {
		margin-bottom: 10%;
	}
	.stick_wrap.wp-block-group .wp-block-group.light_block .wp-block-columns {
		gap: 0;
	}
	.stick_wrap.wp-block-group .wp-block-group.light_block .col_title_wrap + p {
		margin-bottom: 40px;
	}
	.stick_wrap.wp-block-group .wp-block-group.light_block .detail_list {
		margin: 0;
	}
	.stick_wrap.compulsory .sec_read,
	.stick_wrap.elective .sec_read,
	.stick_wrap.second_first_semester .sec_read,
	.stick_wrap.second_second_semester .sec_read {
		font-size: 26px;
	}
	.stick_wrap.compulsory .sec_read + p,
	.stick_wrap.elective .sec_read + p,
	.stick_wrap.second_first_semester .sec_read + p,
	.stick_wrap.second_second_semester .sec_read + p {
		font-size: 18px;
	}
	.block_head h2, .page .block_head h2 {
		font-size: 18px;
	}
	.block_head .head_read {
		font-size: 28px;
	}
	.step_columns .step_box {
		padding: 10px 15px 10px 15px;
	}
	.in_contents .step_columns .step_box .wp-block-column:nth-child(1) {
		flex-basis: 60% !important;
	}
	.in_contents .step_columns .step_box .wp-block-column:nth-child(2) {
		flex-basis: 40% !important;
	}
	.in_contents .step_columns h3 {
		font-size: 26px;
	}
	.stick_wrap .sec_read span {
		font-size: 26px;
	}
}
@media screen and ( max-width: 480px ) {
	.block_head .head_read {
		font-size: 22px;
	}
	.block_head .head_read + p br {
		display: none;
	}
	.block_head h2, .page .block_head h2 {
		border-top-width: 30px;
	}
	.stick_wrap.wp-block-group .wp-block-group.detail_blocktype,
	.stick_wrap.wp-block-group .wp-block-group.light_block {
		margin-bottom: 15%;
	}
	.stick_wrap .wp-block-group .center p {
		font-size: 18px;
		text-align: center;
	}
}
/* 202504 ファッション総合科改修 ここまで */


@media screen and ( max-width: 896px ) {
	.main_img_text .in_detail_p p {
		text-align: left;
	}
	.main_img_text .in_detail_p p br {
		display: none;
	}
	.main_img_text .point {
		font-size: 18px;
	}

	.main_img_text, .wp-block-group.main_img_text:first-of-type {
		padding-bottom: 0;
	}
	.wp-block-columns.outline_col {
		gap: 1em;
	}
	.outline_col p + .wp-block-group,
	.outline_col p + .wp-block-group:first-of-type {
		padding: 15px 10px 20px;
	}
	.contents .outline_col .wp-block-column p.stage {
		font-size: 18px;
	}
	.outline_col .square_list li {
		font-size: 16px;
	}
	.outline_col .square_list li span {
		display: block;
	}
	.outline_col .square_list li:before {
		width: 12px;
		height: 12px;
	}
	.contents .outline_col p {
		font-size: 14px;
	}
	.stage_wrap .wp-block-columns {
		gap: 1em;
	}
	.in_contents .stage_wrap .wp-block-column h3 {
		font-size: 14px;
	}
	.in_contents .stage_wrap .wp-block-column p {
		font-size: 13px;
	}


}
@media screen and ( max-width: 781px ) {
	.outline_col .wp-block-column:after {
		bottom: auto;
		top: 17px;
		right: 25px;
		left: auto;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 13px solid #fff;
	}
	.outline_col .wp-block-column.first_prophase:hover:after,
	.outline_col .wp-block-column.first_anaphase:hover:after,
	.outline_col .wp-block-column.second_prophase:hover:after,
	.outline_col .wp-block-column.second_anaphase:hover:after {
		border-top-color: #fff;
	}
	.outline_col .square_list li span {
		display: inline;
	}

}
@media screen and ( max-width: 680px ) {
	.main_img_text, .wp-block-group.main_img_text:first-of-type {
		margin-bottom: 60px;
		margin-top: -20px;
	}
	.contents .outline_col .wp-block-column p.stage {
		font-size: 18px;
	}
	.in_contents .outline_col .square_list {
		margin-bottom: 10px;
	}
	.outline_col .square_list li {
		font-size: 16px;
	}
}
@media screen and ( max-width: 480px ) {
	.wp-block-group.main_img_text .wp-block-group.main_img_text_read {
		margin-top: 15%;
		margin-bottom: 30%;
	}
	.main_img_text .main_read {
		font-size: 28px;
	}
	.main_img_text .sub_read {
		font-size: 12px;
	}
	.main_img_text .in_detail_p p {
		font-size: 13px;
		color: #000;
	}
	.main_img_text .point {
		padding: 10px 20px;
		font-size: 16px;
	}
	.outline_col .wp-block-column:after {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #fff;
	}
}


.find_wrap {
	background: url('/contents/wp-content/uploads/2022/09/find_bg.webp') no-repeat left 40% / cover;
}
.find_wrap .inner_other {
	padding: 8% 5%;
	gap: 5em;
}
.contents .find_wrap .wp-block-column .wp-block-image {
	margin-bottom: 0;
}
.contents .find_wrap .wp-block-column p.read {
	font-size: 3vw;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	margin-bottom: 40px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.in_contents .find_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.in_contents .find_wrap li {
	margin-right: 2em;
	margin-bottom: 10px;
	font-size: 1.2vw;
	padding: 5px 10px;
	white-space: nowrap;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	list-style: none;
}

@media screen and ( max-width: 781px ) {
	.contents .find_wrap .wp-block-column p.read {
		font-size: 5vw;
	}
	.in_contents .find_wrap li {
		font-size: 14px;
		margin-right: 1em;
	}
	.find_wrap .wp-block-image {
		width: 50%;
		margin: auto;
	}
}


.read,
.in_contents p.read {
	font-size: 120%;
}


.wp-block-columns.schedule {
	gap: 1em;
}
.wp-block-columns.schedule .box {
	padding: 20px;
}
.in_contents .schedule h3,
.schedule h3 {
	font-size: 32px;
	text-align: center;
}


.about_art .read_area {
	background: url('images/art/about_read_area.webp') no-repeat left top / cover;
	position: relative;
	text-align: center;
	padding: 7% 20%;
}
.about_art .read_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(58,66,87,.7)
}
.about_art .read_area .center_line_title,
.about_art .read_area p {
	color: #fff;
	position: relative;
}
.about_art .center_line_title:after {
	background-color: #fff;
}
.alte_block ul {
	display: flex;
	flex-wrap: wrap;
}
.alte_block li {
	width: 25%;
	padding: 30px 35px;
	position: relative;
	transition: .2s linear;
}
.alte_block ul.odd li:nth-child(odd),
.alte_block ul.even li:nth-child(even) {
	background-color: #efefef;
}
.alte_block ul li .image {
	margin-bottom: 30px;
}
.alte_block ul li h3 {
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	padding-left: 20px;
}
.alte_block ul li h3:before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
  height: 8px;
  border: 2px solid;
  border-color: #305ddc #305ddc transparent transparent;
  transform: rotate(45deg);
}
.alte_block ul li p {
	font-size: 14px;
	line-height: 1.8;
}
.alte_block ul li .image a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.alte_block ul li:hover,
.alte_block ul li:nth-child(odd):hover,
.alte_block ul li:nth-child(even):hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .4);
	background-color: #edf6ff;
	z-index: 2;
}



.oc_top_title_line {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.oc_top_title_line h1 {
	font-size: 50px;
	font-weight: 600;
	margin-right: 40px;
}
.art_s .info_list_block {
	width: 90%;
	margin: auto;
}
.info_list_block {
	display: flex;
}
.info_list_block .title_box {
	width: 15%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.oc .info_list_block .title_box {
	background-color: #2a8c49;
}
.art_s .info_list_block .title_box {
	background-color: #da8a00;
}
.info_list_block .title_box p,
.info_list_block .title_box h2 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.info_list_block .title_box p {
	font-size: 28px;
}
.info_list_block .list {
	padding: 25px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 85%;
}
.in_contents .info_list_block ul {
	margin: 0 0 20px;
	padding-left: 0;
}
.info_list_block .list li {
	margin-bottom: 3px;
	font-size: 14px;
	list-style: none;
	display: flex;
}
.info_list_block .list li span {
	padding-right: 25px;
	font-size: 12px;
}
.info_list_block li a {
	color: inherit;
	text-decoration: none;
}
.info_list_block a.link {
	color: inherit;
	font-size: 14px;
}


.oc_search .cat_list:after {
	content: '';
	display: block;
	clear: both;
}
.oc_search .cat_list li {
	float: left;
	width: auto;
	display: inline-flex;
	margin-right: 20px;
	margin-bottom: 5px;
	font-size: 14px;
	padding-right: 20px;
	position: relative;
}
.oc_search .cat_list li:after {
	content: '';
	position: absolute;
	right: 0;
	display: block;
	height: 100%;
	width: 1px;
	background-color: #888;
	transform: rotate(40deg);
}
.oc_search .cat_list li:last-child:after {
	content: none;
}
.oc_search .cat_list li a {
	color: #000;
	text-decoration: none;
}
.oc_search .cat_list li a:hover {
	text-decoration: underline;
	color: #238d46;
}
.oc_search .cat_list li .children li {
	display: inline-block;
	margin-right: 20px;
}
.oc_search .cat_list li:last-child,
.oc_search .cat_list li .children li:last-child {
	margin-right: 0;
}
.oc_search .cat_list li .children li:first-child:before {
	content: '（';
}
.oc_search .cat_list li .children li:last-child:after {
	content: '）';
}
.oc_search .wrap_title {
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	padding: 8px 35px 8px 0;
	cursor: pointer;
	transition: all 0.2s linear;
}
.oc_search .wrap_title:hover {
	color: #238d46;
}


.toggle_btn .arrow {
	position: absolute;
	right: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #238d46;
	padding: 5px;
	display: inline-block;
	box-sizing: border-box;
}
.toggle_btn .arrow:before,
.toggle_btn .arrow:after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 65%;
	height: 2px;
	background-color: #238d46;
	transition: all 0.2s linear;
}
.toggle_btn .arrow:after {
	transform: rotate(90deg);
}
.toggle_btn.active .arrow:before {
	transform: rotate(180deg);
}
.toggle_btn.active .arrow:after {
	transform: rotate(180deg);
}

.tab_group {
	display: flex;
}
.tab{
	padding: 5px 30px;
	cursor:pointer;
	transition-property: all;
	transition: 0.2s linear;
	font-weight: 600;
}
.tab:hover{
}
.panel{
	display:none;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 30px 20px;
}
.tab.is_active{
	border: 1px solid #ccc;
	transition: all 0.2s ease-out;
	position: relative;
}
.tab.is_active:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.panel.is_show{
	display:block;
}


.mainpreview {
	position: relative;
}
.onhidden {
	height: 400px;
	overflow-y: hidden;
	margin-bottom: 50px;
}
.view_more {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 40px 0 20px;
	text-align:center;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
	font-weight: 600;
	cursor: pointer;
	z-index: 999;
}
.view_more span {
	border-radius: 20px;
	padding: 15px 50px;
	background-color: #333;
	color: #FFF;
}


.point_label_wrap {
	margin: 20px auto;
}
.point_label {
	display: flex;
}
.point_label_wrap .point_label li.comment_btn {
	position: relative;
	border-bottom: 1px dotted #333;
	padding: 5px 0 0;
	margin-left: 20px;
	cursor: pointer;
}
.point_label_wrap .comment {
	/* display: none; */
	margin-top: 15px;
	padding: 20px 50px 20px 20px;
	background-color: #eee;
	position: relative;
}
.point_label_wrap .comment dl {
	display: flex;
	margin-bottom: 5px;
}
.point_label_wrap .comment dl:last-of-type {
	margin-bottom: 0;
}
.point_label_wrap .comment dt,
.point_label_wrap .comment dd {
	font-size: 14px;
}
.point_label_wrap .comment dt {
	white-space: nowrap;
}
.point_label_wrap .comment dt:after {
	content: '…';
	margin: 0 3px;
}
.point_label li {
	padding: 5px 8px;
	line-height: 1;
	margin-right: 3px;
	margin-bottom: 3px;
	border: none;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.point_label li:last-child {
	margin-right: 0;
}
.point_label li.comment_btn {
	color: #000;
}
.point_label li.free {
	background-color: #cc1f22;
}
.point_label li.experience {
	background-color: #5aa433;
}
.point_label li.half_way {
	background-color: #eba216;
}
.point_label li.beginner {
	background-color: #9e1d58;
}
.point_label li.special {
	background-color: #eb6100;
}


.oc_wrap {
	background-color: #efefef;
	padding: 30px 0;
}
.oc_wrap ul {
	display: flex;
	flex-wrap: wrap;
}
.oc_wrap ul li.box {
	width: 48%;
	margin: 1%;
	border: 1px solid #8f8f8f;
	background-color: #fff;
	position: relative;
	transition: .3s linear;
}
.oc_wrap ul li.box:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	transform: scale(1.05);
	transition: .3s linear;
}
.oc_wrap ul li.box:before,
.oc_wrap ul li.box:after {
	content: '';
	position: absolute;
	height: 1px;
	background-color: #000;
}
.oc_wrap ul li.box:before {
	width: 15%;
	left: 15px;
	bottom: 20px;
}
.oc_wrap ul li.box:after {
	width: 15px;
	left: 15%;
	bottom: 24px;
	transform: rotate(30deg);
}
.oc_wrap ul li.box a {
	text-decoration: none;
}
.oc_wrap ul li.box a:hover {
	color: inherit;
}
.oc_wrap ul li.box a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*.oc_wrap li:first-child {
	padding-top: 20px;
}*/
.oc_wrap ul li.box .text {
	width: 70%;
	padding: 20px 10px 50px 20px;
}
.oc_wrap ul li.box .title_wrap {
	margin-bottom: 10px;
}
.oc_wrap ul li.box .title_wrap .oc_title {
	font-weight: 600;
}
.oc_wrap ul li.box .title_wrap .oc_new {
	font-size: 14px;
	color: #f00;
}
.oc_wrap ul li.box .title_wrap .recommend,
.oc_wrap ul li.box .title_wrap .oc_little {
	font-size: 11px;
	background-color: #ffe400;
	padding: 3px 5px;
}
.oc_wrap ul li.box .title_wrap .teacher {
	font-size: 14px;
}
.oc_wrap ul li.box .detail_wrap {
	margin-bottom: 20px;
}
.oc_wrap ul li.box .detail_wrap p {
	font-size: 12px;
}

.oc_wrap ul li.box .image_area {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.oc_wrap ul li.box .image_area img {
	width: auto;
	max-height: 230px;
}

.oc_wrap ul li.box .text .inline {
	align-items: center;
}
.season_tag {
	line-height: 1;
	padding: 8px 13px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}
.season_tag.spring,
.season_list a.spring {
	background-color: #ff7b89;
}
.season_tag.summer,
.season_list a.summer {
	background-color: #12ab73;
}
.season_tag.autumn,
.season_list a.autumn {
	background-color: #e66917;
}
.season_tag.winter,
.season_list a.winter {
	background-color: #555be3;
}
.season_list a.spring:hover {
	background-color: #ed4d5e;
}
.season_list a.summer:hover {
	background-color: #008554;
}
.season_list a.autumn:hover {
	background-color: #c84f00;
}
.season_list a.winter:hover {
	background-color: #242ab4;
}
.season_list a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	width: 6px;
	height: 6px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.season_tag.spring_summer,
.season_list a.spring_summer {
	background: -moz-linear-gradient(left, #ff7b89, #ff7b89 40%, #12ab73 60%, #12ab73);
	background: -webkit-linear-gradient(left, #ff7b89, #ff7b89 40%, #12ab73 60%, #12ab73);
	background: linear-gradient(to right, #ff7b89, #ff7b89 40%, #12ab73 60%, #12ab73);
}
.season_tag.autumn_winter,
.season_list a.autumn_winter {
	background: -moz-linear-gradient(left, #e66917, #e66917 40%, #555be3 60%, #555be3);
	background: -webkit-linear-gradient(left, #e66917, #e66917 40%, #555be3 60%, #555be3);
	background: linear-gradient(to right, #e66917, #e66917 40%, #555be3 60%, #555be3);
}
@media screen and ( max-width: 680px ) {
	.season_list li {
		width: 45%;
		margin: 2%;
	}
	.season_list a {
		font-size: 16px;
	}
}

.oc_wrap ul li.box .text .state {
	line-height: 1;
	border: 1px solid #ccc;
	padding: 7px 5px;
	font-size: 12px;
	font-weight: 600;
	min-width: 35%;
	margin-right: 10px;
	text-align: center;
}
.oc_wrap ul li.box .text .state span {
	font-size: 12px;
	font-weight: 600;
}

.oc_wrap li .detail_wrap .point_label {
	margin: 15px 0;
}
.oc .point_label li {
	padding: 5px 8px;
	line-height: 1;
	margin-right: 3px;
	border: none;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
.oc_wrap li .detail_wrap li {
	width: 32%;
}
.oc .point_label li:last-child {
	margin-right: 0;
}
.oc .point_label li.comment_btn {
	color: #000;
}
.oc .point_label li.free {
	background-color: #cc1f22;
}
.oc .point_label li.experience {
	background-color: #5aa433;
}
.oc .point_label li.half_way {
	background-color: #eba216;
}
.oc .point_label li.beginner {
	background-color: #9e1d58;
}
.oc .point_label li.special {
	background-color: #eb6100;
}
.oc_wrap li .cta_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.oc_wrap li .cta_wrap .oc_detail,
.oc_wrap li .cta_wrap .state {
	width: 49%;
	text-align: center;
}
.oc_wrap li .cta_wrap a.btn,
.oc_wrap li .cta_wrap .state input {
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: #237a8d;
	padding: 7px 5px;
	font-size: 14px;
	font-weight: 600;
}
.oc_wrap li .cta_wrap .oc_detail a.btn {
	background-color: #237a8d;
}
.oc_wrap li .cta_wrap .state input {
	background-color: #238d46;
	outline: none;
	border: none;
	width: 100%;
	box-shadow: none;
	cursor: pointer;
}
.oc_wrap li .cta_wrap .state .end {
	padding: 7px 5px;
	width: 100%;
	background-color: #eee;
	font-weight: 600;
}
.oc_wrap li .cta_wrap .state p {
	font-size: 13px;
}
.oc_wrap li .cta_wrap .state p.red {
	color: #dc4d65;
}
.oc_wrap li .cta_wrap .state p.tel {
	font-size: 16px;
	font-weight: 600;
}
.oc_wrap .pagination {
	margin-top: 30px;
}
.supp_text {
	margin-top: 10px;
	font-size: 14px;
}

.open_class.post article {
	width: 100%;
	padding-right: 0;
	border-right: none;
}
.oc .head_block .oc_outline {
	width: 65%;
	margin-right: 5%;
}
.oc .head_block .image_wrap {
	width: 30%;
}
.oc .oc_outline .meta {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.oc .oc_outline .season_tag {
	margin-right: 0;
	font-size: 13px;
}
.oc .oc_outline .recommend,
.oc .oc_outline .oc_little {
	background-color: #ffe400;
	font-weight: 600;
	line-height: 1;
	font-size: 13px;
	padding: 5px 10px;
}
.oc .oc_outline .oc_new {
	color: #f00;
	font-weight: 600;
	margin-left: 10px;
}
.oc .oc_outline .oc_title {
	margin-bottom: 15px;
	font-weight: 600;
}
.oc .oc_outline .category {
	margin-bottom: 25px;
}
.oc .oc_outline .category,
.oc .oc_outline .category ul {
	display: flex;
	align-items: center;
}
.oc .oc_outline .category p {
	font-size: 12px;
}
.oc .oc_outline .category ul {
	margin-left: 20px;
}
.oc .oc_outline .category li {
	margin-right: 5px;
}
.oc .oc_outline .category li:last-child {
	margin-right: 0;
}
.oc .oc_outline .category li a {
	color: #000;
	font-size: 12px;
	padding: 2px 10px;
	border: 1px solid #666;
	display: block;
	text-decoration: none;
}
.oc .oc_outline .category li a:hover {
	background-color: #666;
	color: #fff;
}
.oc .oc_outline .teacher a {
	margin-left: 20px;
}
.oc .cta_btn_line {
	text-align: center;
}
.oc .cta_btn_line input {
	display: block;
	background-color: #000;
	border: 1px solid #000;
	outline: none;
	color: #fff;
	text-align: center;
	padding: 15px 100px;
	font-weight: 600;
	margin: auto;
	cursor: pointer;
	transition: 0.2s linear;
	font-size: 18px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}
.oc .cta_btn_line input:hover {
	background-color: #fff;
	color: #000;
}
.oc .cta_btn_line .end {
	padding: 10px 60px;
	background-color: #eee;
	display: inline-block;
	font-weight: 600;
}
.oc .cta_btn_line .tel_text p {
	font-size: 130%;
}

form .oc_title {
	font-size: 24px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
form .oc_title span {
		margin-right: 20px;
}
form .oc_title .state {
	width: 100%;
	font-weight: 600;
	margin-top: 10px;
}


.title_line {
	border-top: 1px solid #036eb8;
	/* background-color: #f5f5f5; */
	padding: 50px 0;
	/* margin-bottom: 40px; */
}
.title_line .title {
	color: #036eb8;
	font-size: 32px;
	font-weight: 600;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-left: 6px solid;
	padding-left: 15px;
	line-height: 1.3;
}
.title_line .sub {
	padding-left: 2em;
	padding-right: 2em;
	font-size: 18px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	margin-bottom: 5px;
	font-weight: 600;
	position: relative;
}
.title_line .sub:before,
.title_line .sub:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.5em;
	height: 1px;
	background-color: #000;
}
.title_line .sub:before {
	left: 0;
}
.title_line .sub:after {
	right: 0;
}


.fashion .title_line {
	border-top-color: #000;
}
.fashion .title_line .title {
	color: #000;
}

.art .title_line {
	border-top-color: #0081b2;
}
.art .title_line .title {
	color: #000;
}

.oc .title_line {
	border-top-color: #238d46;
}
.oc .title_line .title {
	color: #000;
}

.art_s .title_line {
	border-top-color: #da8a00;
}
.art_s .title_line .title {
	color: #000;
}


.post h2 {
	font-size: 24px;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 5px;
}
.post h2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 15%;
	max-width: 150px;
	height: 2px;
	background-color: #036eb8;
}

.oc .post h2:before {
	background-color: #238d46;
}



.teachers .news_list_archive li {
	width: 13.2%;
}
.teachers .news_list_archive li .cat {
	font-size: 10px;
	padding: 3px 5px;
	color: #fff;
	position: relative;
	top: -8px;
}
.teachers .news_list_archive li .cat.t_cat_art {
	background-color: #305ddc;
}
.teachers .news_list_archive li .cat.t_cat_oc {
	background-color: #238d46;
}
.teachers .wp-block-column.news_list_archive ul {
	padding-left: 0!important;
}
.teachers .wp-block-column.news_list_archive li {
	width: auto;
	flex: 1;
	list-style: none!important;
}
.teachers .wp-block-column.news_list_archive li a {
	text-decoration: none;
}

.teachers.post article {
	width: 85%;
}
.teachers.post aside {
	width: 15%;
}
.teachers .profile {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.teachers .profile .outline {
	flex: 3;
	margin-right: 30px;
}
.teachers .profile .image {
	flex: 1;
}
.teachers .profile .image img {
	width: 100%;
}
.post.teachers article h1 {
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}
.teachers .outline .post_meta {
	margin-top: 30px;
}
.teachers .outline .post_meta .terms_line {
	margin-bottom: 20px;
}
.teachers .outline .post_meta .teachers_cat {
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	color: #fff;
	margin-right: 5px;
}
.teachers .outline .post_meta .teachers_cat.t_cat_oc {
	background-color: #238d46;
}
.teachers .outline .post_meta .teachers_cat.t_cat_art {
	background-color: #305ddc;
}
.teachers .outline .post_meta .teachers_cat.t_cat_art_s {
	background-color: #da8a00;
}
.teachers .news_list_archive li .image {
	flex: 1;
	aspect-ratio: 1 / 1;
}
.teachers .news_list_archive li .image img {
	width: auto;
}
.teachers .wp-block-gallery {
	margin: 0;
}
.teachers .wp-block-image {
	float: left;
	/* width: auto!important;
	flex-grow: 0!important; */
}
.teachers .wp-block-gallery img {
	height: auto!important;
	width: auto!important;
	flex: 0!important;
}
.teachers.post td {
	border: none;
	border-bottom: 1px dotted #ccc;
}
.teachers .oc_block {
	margin: 30px 0;
	padding: 20px 30px;
	background-color: #f5f5f5;
}
.teachers .oc_block p.block_title {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 14px;
}
.teachers .oc_block li {
	margin-bottom: 5px;
}


.dl_wrap {
	margin: 10px 0;
}
.dl_wrap dl {
	padding: 8px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
.dl_wrap dl:first-of-type {
	padding-top: 0;
}
.dl_wrap dl:after {
	content: '';
	display: block;
	clear: both;
}
.dl_wrap dt {
	white-space: nowrap;
	float: left;
	color: #777;
	font-size: 90%;
}
.dl_wrap dl.block_col dt {
	float: none;
	width: 100%!important;
}
.dl_wrap dl.block_col dd {
	padding-left: 0!important;
}
.dl_wrap dd dl:first-of-type {
	padding-top: 0;
}
.dl_wrap dd dl:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.dl_simple dl {
	display: flex;
	padding: 8px;
	border-bottom: 1px dotted #ccc;
}
.dl_simple dt {
	margin-right: 40px;
	color: #777;
	font-size: 90%;
}

.price_wrap {
	padding: 30px 40px;
	background-color: #eee;
	max-width: 500px;
	margin: auto;
}
.page .price_wrap h3 {
	margin-bottom: 30px;
}
.price_wrap ul {
	margin-bottom: 15px;
}
.price_wrap li {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px 5px 25px;
	margin-bottom: 0;
	position: relative;
}
.price_wrap li:before {
	content: '';
	position: absolute;
	top: 16px;
	left: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
}
.price_wrap .price_down {
	padding-bottom: 30px;
}
.price_wrap .price_down .through {
	text-decoration: line-through;
	position: relative;
}
.price_wrap .price_down .down {
	position: absolute;
	top: 100%;
	right: 0;
}

.price_wrap ul+.wp-block-group:first-of-type {
	margin-top: 0;
}
.price_wrap .total p {
	font-weight: 600;
	margin-bottom: 0;
}
.price_wrap dl {
	display: flex;
	justify-content: space-between;
}
.price_wrap dd {
	font-weight: 600;
	text-align: right;
}
.price_wrap .note {
	text-align: left!important;
	font-size: 11px!important;
	font-weight: normal!important;
}
.price_wrap .all_total .wp-block-group__inner-container {
	display: flex;
	align-items: baseline;
	justify-content: space-around;
	background-color: #fff;
	padding: 5px;
}
.in_contents .price_wrap .all_total h4,
.in_contents .price_wrap .all_total h3,
.page .price_wrap .all_total h3 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	border-bottom: none;
	padding: 1px 10px;
	line-height: 1.7;
}
.price_wrap .all_total p {
	font-weight: 600;
	font-size: 20px;
}
.page .price_wrap h3.box_title {
	border-bottom: 1px solid #000;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 16px;
	padding: 1px 10px;
	line-height: 1.7;
}

.read_area .read {
	font-size: 36px;
}
.wp-block-column .read_area p {
	font-size: 20px;
}

.qa_block .q {
	margin-bottom: 10px;
	font-weight: 600;
}
.qa_block .q:before {
	content: "Q";
	padding-right: 15px;
	font-size: 28px;
	color: #b81c22;
	font-weight: normal;
}
.qa_block .a {
	background: #FDF9F6;
	padding: 30px;
}
.qa_block .a:before {
	content: 'A';
	padding-right: 15px;
	font-size: 28px;
	color: #b81c22;
}

.art .qa_block .q:before,
.art .qa_block .a:before {
	color: #0081b2;
}
.art .qa_block .a {
	background: #f7f9fb;
}


.dictionary_block {
	width: 90%;
	margin: 60px auto;
	border: 2px solid #ccc;
}
.dictionary_block .wp-block-group__inner-container {
	background-color: #fefcf5;
	padding: 30px 30px 60px 30px;
	border: 1px solid #ccc;
	margin: 6px;
	position: relative;
}
.dictionary_block .wp-block-group__inner-container:after {
	content: '解説：「新・田中千代服飾事典」より';
	font-size: 12px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.dictionary_title {
	text-align: center;
	position: relative;
	padding-bottom: 8px;
	font-weight: 600;
	font-size: 18px;
}
.contents.post p.dictionary_title {
	margin-bottom: 30px;
}
.dictionary_title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 20%;
	height: 3px;
	background-color: #000;
}
.dictionary_title span:before {
	content: '【';
}
.dictionary_title span:after {
	content: '】';
}
.post_content .knowledge_author {
	margin: 80px 0 0;
}

.in_contents ul.btm_event_list {
	padding-left: 0;
	margin: 0;
}
.btm_event_list {
	display: flex;
	flex-wrap: wrap;
}
.btm_event_list li {
	width: 20%;
	padding: 1%;
	list-style: none!important;
	text-align: center;
}
.post aside .btm_event_list li:before {
	content: none;
}
.btm_event_list li .image {
	margin-bottom: 15px;
	height: 150px;
	text-align: center;
}
.btm_event_list li .image img {
	height: 100%;
	width: auto;
}
.btm_event_list li h3 {
	font-weight: normal;
	border-bottom: none;
	font-size: 14px;
	text-align: center;
}
.btm_event_list li a {
	text-decoration: none;
}


.in_contents .index_list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin: 0;
}
.index_list li {
	width: 23%;
	margin: 1%;
	list-style: none!important;
	text-align: center;
}
.index_list li .image {
	margin-bottom: 10px;
}
.index_list li .image img {
	width: 100%;
}


.in_contents ul.point_list {
	padding-left: 0;
}
.point_list li {
	list-style: none!important;
	position: relative;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 18px;
	padding-left: 23px;
}
.point_list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 13px;
	height: 13px;
	background-color: #000;
}
.point_list li .fos {
	font-weight: normal;
}

.point_list + p {
	margin-top: 10px;
}

.page .main_image {
	margin-bottom: 40px;
	position: relative;
}
.page .main_image img {
	width: 100%;
}

.main_image .on_text {
	position: absolute;
	top: 10%;
	left: 5%;
	max-width: 450px;
}
.main_image .on_read {
	margin-bottom: 10%;
	font-size: 42px;
	line-height: 1.2;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #fff;
}
.main_image .on_read span {
	white-space: nowrap;
	background-color: rgba(0, 0, 0, .95);
}
.a-painting .main_image .on_read span {
	background-color: rgba(183, 38, 86, .95);
}
.a-japanese .main_image .on_read span {
	background-color: rgba(221, 126, 32, .95);
}
.a-sculpture .main_image .on_read span {
	background-color: rgba(13, 106, 158, .95);
}
.a-print .main_image .on_read span {
	background-color: rgba(20, 138, 123, .95);
}
.main_image .on_textarea {
	background-color: rgba(255, 255, 255, .95);
	padding: 7px;
}
.main_image .on_textarea p {
	font-size: 12px;
	margin-bottom: 1em;
}
.main_image .on_textarea p:last-of-type {
	margin-bottom: 0;
}

.main_image .on_read span span {
	padding: 0;
}

.a-course .main_image .on_text {
	top: 35%;
}
.a-course .main_image .on_read span {
	background-color: rgba(255, 255, 255, .95);
	color: #000;
}

.a-2days .main_image .on_text {
	top: 35%;
}
.a-2days .main_image .on_read span {
	background-color: rgba(255, 255, 255, .95);
	color: #000;
}



.page h2,
.archive h2 {
	display: inline-block;
	font-size: 24px;
	padding-bottom: 2px;
	border-bottom: 3px solid;
	margin-bottom: 35px;
}

.spot_title {
	display: inline-block;
	border-bottom: none!important;
	color: #fff;
	background-color: #b81c22;
	padding: 5px 30px;
}

.in_contents h3 {
	font-size: 18px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #999;
	margin-bottom: 13px;
	line-height: 1.4;
}
.in_contents h3.dotted_title,
.in_contents p.dotted_title:last-of-type,
.dotted_title {
	display: inline-block;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #666;
	margin-bottom: 15px;
	line-height: 1.4;
}
.in_contents h3.simple_title,
.simple_title {
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.4;
	border-bottom: none;
	padding-bottom: 0;
	font-weight: 600;
}
.in_contents h4 {
	font-weight: 600;
	margin-bottom: 15px;
}
.in_contents h4:last-of-type {
}
.in_contents p + h4 {
	margin-top: 20px;
}
.box_title {
	display: inline-block;
	padding: 1px 10px;
	border: 1px solid;
	margin-bottom: 5px;
	font-size: 16px;
}
.box_title.black {
	background-color: #000;
	color: #fff;
}



.enter_flow .wp-block-columns {
	margin-bottom: 70px;
}
.enter_flow .wp-block-columns:last-of-type {
	margin-bottom: 0;
}
.enter_flow .wp-block-columns .wp-block-column:first-of-type {
	background-color: #eee;
	padding: 3%;
	position: relative;
}
.enter_flow .wp-block-columns .wp-block-column:first-of-type:before,
.enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}
.enter_flow .wp-block-columns:last-of-type .wp-block-column:first-of-type:before,
.enter_flow .wp-block-columns:last-of-type .wp-block-column:first-of-type:after {
	content: none;
}
.enter_flow .wp-block-columns .wp-block-column:first-of-type:before {
	width: 2px;
	height: 40px;
	bottom: -55px;
	background-color: #b81c22;
}
.enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
	bottom: -54px;
	width: 20px;
	height: 20px;
	border: 2px solid;
	border-color: transparent transparent #b81c22 #b81c22;
	transform: rotate(-45deg);
}
.enter_flow .wp-block-columns .wp-block-column:first-of-type p {
	font-weight: 600;
	color: #b81c22;
}
.enter_flow .wp-block-columns .wp-block-column:last-of-type {
	padding: 3% 0;
}

.art .enter_flow .wp-block-columns .wp-block-column:first-of-type:before {
	background-color: #0081b2;
}
.art .enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
	border-color: transparent transparent #0081b2 #0081b2;
}
.art .enter_flow .wp-block-columns .wp-block-column:first-of-type p {
	font-weight: 600;
	color: #0081b2;
}

.oc .enter_flow .wp-block-columns .wp-block-column:first-of-type:before {
	background-color: #238d46;
}
.oc .enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
	border-color: transparent transparent #238d46 #238d46;
}
.oc .enter_flow .wp-block-columns .wp-block-column:first-of-type p {
	font-weight: 600;
	color: #238d46;
}

.art_s .enter_flow .wp-block-columns .wp-block-column:first-of-type:before {
	background-color: #da8a00;
}
.art_s .enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
	border-color: transparent transparent #da8a00 #da8a00;
}
.art_s .enter_flow .wp-block-columns .wp-block-column:first-of-type p {
	font-weight: 600;
	color: #da8a00;
}


.qualification th,
.qualification td {
	text-align: center;
}
.qualification th {
	font-size: 12px;
}
.qualification td {
	position: relative;
}
.qualification span.note {
	position: absolute;
	top: 5px;
	right: 5px;
}
.scrollicon {
	display: none;
}

.grade {
	display: block;
	content: '';
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #000;
	margin: 10px auto;
}
.grade.imp {
	position: relative;
}
.grade.imp:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #000;
}

.employment_list li {
	font-size: 14px;
}

.grad_msg_wrap {
	padding: 30px;
	background-color: #f5f5f5;
	height: 550px;
	overflow: auto;
}
.contents .wp-block-column.grad_msg_wrap p.grad_year {
	margin-bottom: 0;
	font-size: 13px;
}
.contents .wp-block-column.grad_msg_wrap p.student_name {
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.contents .wp-block-column.grad_msg_wrap p.company {
	margin-bottom: 0;
}
.contents .wp-block-column.grad_msg_wrap p.read {
	font-size: 18px;
	font-weight: 600;
	padding: 15px 0;
}

.new {
	font-size: 12px;
	color: #fff;
	background-color: #f00;
	padding: 3px 5px;
	line-height: 1.2;
	margin: 0 5px;
}

.course_list.wp-block-columns {
	gap: .2em;
	position: relative;
}
.course_list.wp-block-columns:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -80px;
	width: 0;
	height: 0;
	border-left: 250px solid transparent;
	border-right: 250px solid transparent;
	border-top: 60px solid #eaeaea;
}
.course_list .box {
	padding: 30px 20px 50px;
	border: none;
}
.course_list .bg.painting {
	background-color: #b71d58;
}
.course_list .bg.japanese {
	background-color: #d3832f;
}
.course_list .bg.sculpture {
	background-color: #00689c;
}
.course_list .bg.print {
	background-color: #00877c;
}
.course_list h3 {
	border-bottom: none;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.course_list .wp-block-column.box p {
	text-align: center;
	color: #fff;
	font-size: 13px;
}
.course_list .wp-block-column {
	position: relative;
	transition: 0.3s ease;
}
.course_list .wp-block-column:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	z-index: 1;
}
.course_list .wp-block-column:before,
.course_list .wp-block-column:after {
	content: '';
	position: absolute;
	height: 2px;
	background-color: #fff;
}
.course_list .wp-block-column:before {
	right: 15px;
	width: 13px;
	bottom: 20px;
	transform: rotate(45deg);
}
.course_list .wp-block-column:after {
	right: 16px;
	width: 50px;
	bottom: 15px;
}
.course_list a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.course_list a:hover {
	color: inherit;
}

.school_subject_list {
	padding-top: 20px;
}
.school_subject_list .wp-block-columns {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
.in_contents .school_subject_list .wp-block-columns:last-of-type {
	margin-bottom: 20px;
}
.school_subject_list .wp-block-column:first-of-type {
	display: flex;
	align-items: center;
}
.school_subject_list .wp-block-column {
}
.school_subject_list .wp-block-column .box_title {
	margin-right: 20px;
}
.in_contents .school_subject_list h3 {
	border-bottom: none;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0;
}
.in_contents .school_subject_list h3 + p {
	font-weight: 600;
}
.in_contents .school_subject_list p {
	margin-bottom: 0;
}


.name_title {
	margin-left: 5px;
	font-size: 80%;
}
.a_interview .sub_title {
	background: #1270b6 url('images/icon/icon_pallet.svg') no-repeat 10px center / 20px;
	color: #fff;
	padding: 7px 15px 7px 40px;
}
.interview_wrap .wp-block-group {
	margin-bottom: 40px;
	position: relative;
}
.interview_wrap .wp-block-group .wp-block-group {
	margin-bottom: 20px;
}
.interview_wrap .wp-block-group .wp-block-group + .wp-block-group {
	margin-top: 0;
}
.interview_wrap .wp-block-group + .wp-block-group {
	margin-top: 0;
}
.interview_wrap .interview_q p {
	font-weight: 600;
}
.interview_wrap .interview_q .ja {
	color: #036eb8;
	font-size: 20px;
}
.fashion .interview_wrap .interview_q .ja {
	color: #b81c22;
}
.interview_wrap .cn {
	color: #976e4d;
}
.interview_wrap .interview_a {
	border: 1px solid #777;
	border-radius: 10px;
	padding: 20px;
}
.interview_wrap .interview_a p {
	font-size: 16px;
}

.interview_head .meta {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px!important;
}
.interview_head .meta p {
	margin-bottom: 0;
}
.interview_head .year {
}
.interview_head .course {
	font-size: 24px;
}
.interview_head .name {
	font-size: 28px;
}

.a_exhibition .wp-block-gallery {
	display: block;
}
.a_exhibition .wp-block-gallery:after {
	content: '';
	display: block;
	clear: both;
}

.course_wrap {
}
.course_wrap dl {
	display: flex;
	padding: 0 5%;
}
.course_wrap dl:last-of-type {
	margin-bottom: 0;
}
.course_wrap dt {
	color: #999;
	font-size: 90%;
	white-space: nowrap;
	width: 25%;
	margin-right: 5%;
}
.course_wrap dd ul {
	margin: 0;
}

.voice {
	padding: 30px 35px;
	border: 6px solid #eee;
	border-radius: 15px;
}
.in_contents .voice ul {
	padding-left: 0;
	margin: 0;
}
.in_contents .voice li {
	list-style: none;
	position: relative;
	padding-left: 17px;
	margin-bottom: 20px;
	font-size: 15px;
}
.in_contents .voice li:last-child {
	margin-bottom: 0;
}
.in_contents .voice li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #666;
}

.in_contents ul.voice.one_col,
.voice.one_col {
	padding: 30px 35px;
	overflow: auto;
	max-height: 400px;
}
.voice.one_col li {
	float: left;
	margin-right: 3em;
}


.icon_note dt {
	padding: 5px 10px;
	text-align: center;
	color: #fff;
}
.icon_note .free {
	background-color: #cc1f22;
}
.icon_note .experience {
	background-color: #5aa433;
}
.icon_note .half_way {
	background-color: #eba216;
}
.icon_note .beginner {
	background-color: #9e1d58;
}
.icon_note .special {
	background-color: #eb6100;
}


.wp-block-gallery.auto_size .wp-block-image {
	float: left;
	max-width: 300px!important;
	width: 100%!important;
	padding: .5%;
	align-items: center;
}
.wp-block-gallery.auto_size a {
	/* justify-content: center; */
}
.wp-block-gallery.auto_size img {
	max-width: 100%!important;
	max-height: 100%!important;
	width: 100%!important;
	height: auto!important;
	flex: none!important;
}
.wp-block-gallery.auto_size figcaption {
	background: none!important;
	color: #000!important;
	position: relative!important;
	flex-grow: 0!important;
	flex-basis: auto!important;
}



.contents.page.search ul {
	padding-left: 0
}
.contents.page.search li {
	list-style: none;
	padding: 15px;
	border-bottom: 1px solid #ccc;
	position: relative;
	margin-bottom: 0;
	transition: 0.2s linear;
}
.contents.page.search li:hover {
	background-color: #f5f5f5;
}
.contents.page.search p.result_title {
	font-size: 18px;
	margin-bottom: 3px;
}
.search .result_title a {
	text-decoration: none;
	font-weight: 600;
}
.search .result_title a mark {
	transition: 0.2s linear;
}
.search .result_title a:hover mark {
	color: #036eb8;
}
.search .result_title a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.search .result_title + p {
	font-size: 14px;
}
.search .label {
	font-size: 12px;
	margin-bottom: 5px;
}
.search .label span {
	padding: 3px 8px;
	background-color: #999;
	color: #fff;
}




main.post.f_final,
main.post.f_fes,
main.post.a_interview,
main.post.a_exhibition,
main.post.teachers {
	display: block;
}
.post.f_final article,
.post.f_fes article,
.post.a_interview article,
.post.a_exhibition article,
.post.teachers article {
	width: 100%;
	padding-right: 0;
	border-right: none;
}
.post.f_final aside,
.post.f_fes aside,
.post.a_interview aside,
.post.a_exhibition aside,
.post.teachers aside {
	width: 90%;
	margin: 100px auto 0;
	padding-left: 0;
	margin-top: 100px;
}
.post.f_final aside h3,
.post.f_fes aside h3,
.post.a_interview aside h3,
.post.a_exhibition aside h3,
.post.teachers aside h3 {
	text-align: left;
}

.art_s_read p {
	text-align: center;
	margin: 0 auto 5%;
	color: #308a89;
	font-size: 36px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
@media screen and ( max-width: 1030px ) {
	.art_s_read p {
		font-size: 3.5vw;
	}
}



.cta_box {
	width: 190px;
	position: fixed;
	top: 200px;
	right: 0;
	padding: 15px 0 15px 15px;
	z-index: 1000;
	transition: all 1s ease;
	margin: 0;
}
.art .cta_box {
	background-color: rgba(48, 93, 220, .95);
	transform: translateX(190px);
}
.fashion .cta_box {
	width: 230px;
	background-color: rgba(0, 0, 0, .95);
	transform: translateX(230px);
}
.art_s .cta_box {
	background-color: rgba(48, 93, 220, .95);
	transform: translateX(190px);
}
.base section.cta_box:last-of-type {
	padding-bottom: 15px;
}
.cta_box .tel {
	color: #fff;
	padding: 3px 15px 15px 0;
	font-size: 12px;
}
.cta_box .tel span {
	font-size: 19px;
	margin-left: 5px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.cta_box li {
	margin-bottom: 2px;
	position: relative;
	font-size: 14px;
}
.cta_box li:before,
.cta_box li:after {
	content: '';
	position: absolute;
	right: 15px;
	margin: auto;
	background-color: #000;
	height: 1px;
}
.cta_box li:before {
	top: 55%;
	width: 20%;
}
.cta_box li:after {
	top: 50%;
	width: 8px;
	transform: rotate(45deg);
}
.cta_box li:last-child {
	margin-bottom: 0;
}
.cta_box li a {
	display: block;
	padding: 15px 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.fashion .cta_box li a {
	background-color: #000;
}
.art .cta_box li a {
	background-color: #305ddc;
}
.archit .cta_box li a {
	background-color: #068154;
}
.tel_num a {
	color: #fff;
	text-decoration: none;
}
.down .cta_box {
	transform: translateX(190px);
}
.fashion.down .cta_box {
	transform: translateX(230px);
}
.up .cta_box {
	transform: translateX(0);
}


.point {
	color: #f00;
	font-weight: 600;
	font-size: 18px;
}
.parenthesis:before {
	content: '【';
}
.parenthesis:after {
	content: '】';
}


.in_contents .f_event_list ul {
	padding-left: 0;
	margin-left: 0;
}
.f_event_list ul {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
}
.f_event_list li {
	width: 24%;
	margin: .5%;
	list-style: none!important;
	background-color: #eee;
	position: relative;
	transition: 0.3s ease;
}
.f_event_list li:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.f_event_list li .image {
	aspect-ratio: 1 / 1;
}
.f_event_list li .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.f_event_list li .text {
	padding: 15px 20px;
}
.f_event_list li a {
	text-decoration: none;
}
.f_event_list li a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.f_event_list li h3 {
	font-size: 14px;
	border: none;
	font-weight: 600;
	margin-bottom: 0;
}
.f_event_list li .event_date {
	font-weight: 600;
}
.f_event_list li .event_date span {
	font-size: 32px;
	margin-right: 5px;
}
.f_event_list li .event_time {
	line-height: 1.4;
	font-size: 14px;
}
.in_contents #day_schedule ul {
	padding-left: 0;
}
#day_schedule li {
	list-style: none;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	font-size: 1vw;
}
#day_schedule li span {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid #036eb8;
	margin-right: 20px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #036eb8;
	white-space: nowrap;
}
#day_schedule li span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	height: 40px;
	width: 1px;
	background-color: #036eb8;
}
#day_schedule li:last-child span:after {
	content: none;
}
#day_schedule .pm {
	margin-top: 40%;
}


.youtube {
	position: relative;
}
.youtube:before,
.youtube:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.youtube:before {
	left: 0;
	width: 100px;
	height: 100px;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 50%;
	z-index: 2;
}
.youtube:after {
	left: 2%;
	width: 0;
	height: 0;
	border-left: 50px solid rgba(255, 255, 255, .8);
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	z-index: 2;
}

.youtube img {
	width: 100%;
	transition: 0.3s ease;
}
.youtube img:hover {
	cursor: pointer;
	transform: scale(1.05);
	transition-duration: 0.3s;
}
.youtube {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.in_contents .f_event_list_year ul {
	padding-left: 0;
	margin-left: 0;
}
.in_contents .f_event_list_year ul li,
.f_event_list_year li {
	list-style: none;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.f_event_list_year li:last-child {
	border-bottom: 1px solid #ccc;
}
.f_event_list_year li:nth-child(even) {
	background-color: #f3f3f3;
}
.f_event_list_year li .event_date {
	width: 15%;
	background-color: #666;
	color: #fff;
	padding: 20px 30px;
	text-align: center;
}
.f_event_list_year li .event_time {
	width: 30%;
	padding: 0 30px;
}


.f_event.post article,
.archit_event.post article {
	width: 100%;
	padding-right: 0;
	border-right: none;
}
.f_event.post header {
	margin: 50px 0 30px;
}
.f_event .additional_event {
	display: inline-block;
	font-weight: 600;
	line-height: 1.2;
	position: relative;
	padding: 0 10px;
	background:linear-gradient(transparent 60%, #ff0 60%);
	margin-bottom: 20px;
	margin-left: 20px;
}
.f_event .additional_event:before,
.f_event .additional_event:after {
	content: '';
	width: 2px;
	height: 100%;
	display: block;
	background-color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.f_event .additional_event:before {
	left: 0;
	transform: rotate(-20deg);
}
.f_event .additional_event:after {
	right: 0;
	transform: rotate(20deg);
}
.f_event.post header h1 {
	font-weight: 600;
	font-size: 22px;
}
.f_event.post header h1 span {
	font-size: 34px;
	line-height: 1;
}
.f_event_detail .text {
	width: 50%;
	padding-right: 2%;
}
.f_event_detail .block {
	margin: 30px auto;
}
.f_event_detail .time .note {
	margin-top: 20px;
}
.f_event_detail .tags li {
	float: left;
	width: auto;
	padding: 5px 7px;
	line-height: 1;
	font-size: 14px;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-bottom: 5px;
}
.f_event_detail .tags li:last-child {
	margin-right: 0;
}
.f_event_detail .image {
	width: 50%;
	padding: 0 50px;
}
.f_event_detail .image li {
	margin: 5px;
}
.f_event_detail .image .thumbnail_slider {
	margin-bottom: 2px;
}
.f_event_detail .image .thumbnail .slick-list .slick-track {
	margin-left: 0;
}
.f_event_detail .link_btn {
	display: none;
}

.f_event .close {
	text-align: center;
}
.f_event .close p {
	font-size: 22px;
	display: inline-block;
	background-color: #eee;
	padding: 10px 30px;
}



/*** 2023ファッションリニューアル ***/
.fashion.cat_home .main {
	background: none;
	padding-bottom: 0;
	padding-top: 0;
	border-top: none;
	width: 100%;
}
.fashion.cat_home .main:after {
	content: none;
}
.fashion .main .catch_phrase {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	max-width: 500px;
}
.fashion .main .catch_phrase img {
	width: 100%;
}
.fashion .main .main_read {
	padding: 40px 0;
	margin: 0 auto;
}
.fashion .main .main_read p {
	text-align: center;
	padding: 0;
	font-size: 18px;
}
.fashion .main .main_read p.read {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 24px;
}
.fashion.cat_home section {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	border-top: 2px solid #000;
}
.fashion.cat_home section .inner {
	width: 100%;
}
.fashion.cat_home .box_info .image {
	padding: 0;
}
.fashion .features {
	padding-bottom: 50px;
}
.fashion .features .slick-list {
    padding: 0 10% 0 0 !important;
}
.fashion .features .slide_contents .point_col {
	padding-right: 15px;
	position: relative;
}
.fashion .features .point_col .header {
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.fashion .features .point_col .header .icon_num {
	width: 20%;
	padding-right: 20px;
	margin-bottom: -15px;
	position: relative;
	z-index: 1;
	max-width: 120px;
}
.fashion .features .point_col .header .icon_num img {
	width: 100%;
}
.fashion .features .point_col .header h3 {
	width: 80%;
	font-weight: 600;
	font-size: 20px;
	display: flex;
	align-items: center;
}
.fashion .features .point_col .header h3 br {
	display: none;
}
.fashion .features .slide_contents .point_col .in_box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.fashion .features .slide_contents .point_col .in_box .item {
}
.fashion .features .slide_contents .point_col .in_box figure {
	width: 48%;
	margin-right: 15px;
}
.fashion .features .slide_contents .point_col .in_box figure:last-of-type {
	margin-right: 0;
}
.fashion .features .slide_contents .point_col .in_box figure img {
	width: 100%;
}
.fashion .features .slide_contents .point_col .in_box figure.only,
.fashion .features .slide_contents .point_col .in_box figure.only:last-of-type {
	margin-right: 15px;
}
.fashion .features .slide_contents .point_col .in_box .text {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.fashion .features .slide_contents .point_col .in_box figure.only + .text {
	width: 48%;
}
.fashion .next_list {
	margin-top: 50px;
}
.fashion.cat_home .slick-arrow.prev:before {
	border-color: transparent transparent #000 #000;
}
.fashion.cat_home .slick-arrow.next:before {
	border-color: #000 #000 transparent transparent;
}
.fixed_cta {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}
@media screen and ( max-width:680px ) {
	.fixed_cta {
		display: block;
	}
}
.fixed_cta ul {
	display: flex;
}
.fixed_cta li {
	flex: 1;
	height: 50px;
	border-top: 2px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 12px;
}
.fixed_cta li.event {
	background-color: #11819d;
}
.fixed_cta li.pamphlet {
	background-color: #50a556;
}
.fixed_cta li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.fixed_cta li a:before {
	box-sizing: content-box;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 7px;
	height: 7px;
	border: 2px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}

.fixed_cta_top {
	max-width: 120px;
	position: fixed;
	right: 0;
	top: 10%;
	z-index: 999;
	background-color: #dba03b;
	padding: 15px 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.fixed_cta_top .arrow {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 auto;
}
.fixed_cta_top .arrow::after {
	content: '';
	display: block;
	margin-top: 14px;
	width: 14px;
	height: 14px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
}
.fixed_cta_top.active .arrow::after {
	transform: rotate(-135deg);
}
.fixed_cta_top.active {
	max-width: 210px;
}
.fixed_cta_top.active .open_top_block {
	max-height: 500px;
	opacity: 1;
	transform: scale(1);
}
.fixed_cta_top .open_top_block {
	overflow: hidden;
  max-height: 0;
	opacity: 0;
	transition: all 0.4s ease;
	transform: scale(0.9);
	transform-origin: top right;
}
.fixed_cta_top p {
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.fixed_cta_top a {
	text-align: center;
	display: block;
	color: #fff;
	font-weight: 600;
	padding: 5px 20px;
	border-radius: 30px;
	border: 1px solid #fff;
	margin-bottom: 10px;
}
.fixed_cta_top a:last-of-type {
	margin-bottom: 0;
}
.fixed_cta_top .cta_block {
	padding: 15px;
}
.archit .fixed_cta_top {
	background-color: #048254;
}
.archit .fixed_cta_top .cta_block + .cta_block {
	background-color: #51946b;
}
.art .fixed_cta_top {
	background-color: #315ddc;
}
.art .fixed_cta_top .cta_block + .cta_block {
	background-color: #5b80eb;
}
.fashion .fixed_cta_top {
	background-color: #aa226e;
}
.fashion .fixed_cta_top .cta_block + .cta_block {
	background-color: #c575a1;
}

@media screen and ( max-width:680px ) {
	.fixed_cta_top {
		padding: 10px;
	}
	.fixed_cta_top a {
		padding: 5px 13px;
		font-size: 10px;
	}
	.fixed_cta_top p {
		font-size: 10px;
	}
}

.page.f-event section {
	margin-bottom: 80px;
}
.page.f-event .main_image {
	position: relative;
}
.page.f-event .main_image li {
	/* height: 65vh; */
}
.page.f-event .main_image img {
	height: 100%;
}
.page.f-event .main_image .on_title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0;
}
.page.f-event .main_image .on_title .en {
	color: #fff;
	background-color: #000;
	padding: 3px 10px;
}
.page.f-event .main_image .on_title .title {
	text-align: left;
	padding-left: 3%;
}
.entitle_wrap {
	margin-bottom: 50px;
}
.entitle_wrap .en {
	font-size: 50px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}
.entitle_wrap .en span {
	position: relative;
	padding: 0 50px;
}
.entitle_wrap .en span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 40%;
	background: repeating-linear-gradient(-45deg, #fff100, #fff100 5px, transparent 5px, transparent 10px);
	z-index: -1;
}
.entitle_wrap .title,
.page .entitle_wrap h2.title {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	border-bottom: none;
	display: block;
	padding-bottom: 0;
}
.page.f-event .outline {
	position: relative;
	margin-top: -80px;
}
.page.f-event .outline .call {
	text-align: center;
}
.page.f-event .outline .call p {
	font-size: 30px;
	font-weight: 600;
	padding: 20px 0;
	color: #036eb8;
}
.page.f-event .outline .call p span {
	display: inline-block;
	border: 2px solid #036eb8;
	border-radius: 50px;
	padding: 10px 40px;
	position: relative;
}
.page.f-event .outline .call p span:before,
.page.f-event .outline .call p span:after {
	content: '';
	position: absolute;
}
.page.f-event .outline .call p span:before {
	width: 5%;
	height: 3px;
	background-color: #fff;
	left: 47%;
	bottom: -2px;
}
.page.f-event .outline .call p span:after {
	width: 2px;
	height: 100%;
	background-color: #036eb8;
	top: 100%;
	left: 50%;
	transform: rotate(20deg);
}
.page.f-event .outline .point {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 60px auto 30px;
}
.page.f-event .outline .point li {
	text-align: center;
	font-weight: 600;
	list-style: none;
	min-width: 180px;
	margin: 0 1%;
	padding-top: 130px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 120px;
	color: #036eb8;
}
.page.f-event .outline .point li.point_01 {
	background-image: url('images/fashion/f-event/icon_point_01.svg');
}
.page.f-event .outline .point li.point_02 {
	background-image: url('images/fashion/f-event/icon_point_02.svg');
}
.page.f-event .outline .point li.point_03 {
	background-image: url('images/fashion/f-event/icon_point_03.svg');
}
.page.f-event .outline .point li.point_04 {
	background-image: url('images/fashion/f-event/icon_point_04.svg');
}
.page.f-event .outline .point li br {
	display: none;
}
.page.f-event .announcement {
	color: #f00;
	padding: 40px 0;
	font-weight: 600;
	font-size: 2.5vw;
	text-align: center;
}
@media screen and ( min-width: 1400px ) {
	.page.f-event .announcement {
		font-size: 34px;
	}
}
.page.f-event .announcement br {
	display: none;
}
.page.f-event .outline .next_event {
	display: flex;
	margin: 30px 0 0;
}
.page.f-event .outline .next_event .box {
	flex: 1;
	margin: 0 1%;
	padding: 30px;
	position: relative;
	border-radius: 20px;
}
.page.f-event .outline .next_event .box.event {
	background-color: #feeab8;
	background-image:
	radial-gradient(#fde09e 20%, transparent 20%),
	radial-gradient(#fde09e 20%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}
.page.f-event .outline .next_event .box.schooltour {
	background-color: #bbd4f6;
	background-image:
	radial-gradient(#a2c2f2 20%, transparent 20%),
	radial-gradient(#a2c2f2 20%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}
.page.f-event .outline .next_event .box p {
	text-align: center;
}
.page.f-event .outline .next_event .box .marker {
	background:linear-gradient(transparent 40%, #fdff00 40%);
}
.page.f-event .outline .next_event .box .title {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}
.page.f-event .outline .next_event .box .oc_date {
	margin: 20px 0;
	font-weight: 600;
}
.page.f-event .outline .next_event .box .oc_date span {
	font-size: 28px;
	margin: 0 10px;
}
.page.f-event .outline .next_event .box .oc_date span span {
	font-size: 16px;
}
.fashion .more_link,
.archit .more_link {
	position: relative;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 8px 30px;
	max-width: 350px;
	margin: auto;
	text-align: center;
}
.fashion .more_link:before,
.fashion .more_link:after,
.archit .more_link:before,
.archit .more_link:after {
	content: '';
	position: absolute;
	right: 30px;
	height: 1px;
	background-color: #000;
}
.fashion .more_link:before,
.archit .more_link:before {
	width: 30px;
	bottom: 15px;
}
.fashion .more_link:after,
.archit .more_link:after {
	width: 15px;
	bottom: 20px;
	transform: rotate(40deg);
}
.page.f-event .outline .next_event .box .more_link:before {
	width: 50px;
}

.page.f-event .outline .next_event .box a {
	text-decoration: none;
}
.page.f-event .outline .next_event .box a:hover {
	color: inherit;
}
.page.f-event .outline .next_event .box a:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner_wrap .image {
	margin-bottom: 10px;
}
.banner_wrap .image:last-of-type {
	margin-bottom: 0;
}
.banner_wrap .image img {
	width: 100%;
}
.f_event_list.color {
	padding: 30px;
	background-color: #eeeadc;
	background-image:
	radial-gradient(#eddfc4 20%, transparent 20%),
	radial-gradient(#eddfc4 20%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}
.f_event_list.color li {
	width: 49%;
	border-radius: 20px;
	padding: 20px;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
}
.f_event_list.color li:hover {
	z-index: 1;
}
.f_event_list.color li h3 {
	font-size: 20px;
	margin-bottom: 15px;
	color: #036eb8;
	width: 100%;
}
.f_event_list.color li .text {
	width: 60%;
	padding: 0 20px 0 0;
}
.f_event_list.color li .event_date {
	color: #036eb8;
}
.f_event_list.color li .event_time {
	margin-bottom: 15px;
}
.f_event_list.color li .index_read {
	width: 100%;
}
.f_event_list.color li .index_read p {
	font-size: 12px;
}
.f_event_list.color li .image {
	width: 40%;
	overflow: visible;
	aspect-ratio: 0;
}
.f_event_list.color li .image img {
	width: 100%;
	height: 80%;
	object-fit: cover;
}
.f_event_list.color li .more_link {
	display: block;
	margin-top: 10px;
	padding: 7px 30px;
	font-size: 12px;
	color: #036eb8;
	border-color: #036eb8;
	width: 80%;
	text-align: center;
}
.f_event_list.color li .more_link:before,
.f_event_list.color li .more_link:after {
	background-color: #036eb8;
	right: 20px;
}
.f_event_list.color li .more_link:after {
	width: 10px;
	bottom: 18px;
}
.fashion.cat_home .f_event_list.color {
	margin-bottom: 40px;
}

.fashion.cat_home section.calendar_area {
	padding-bottom: 50px;
	border-bottom: 2px solid #000;
}

.movie_list .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
}
.movie_list .wp-block-group__inner-container .wp-block-group__inner-container {
	display: block;
}
.movie_list .movie_col {
	width: 48%;
	margin: 0 1% 40px!important;
}
.movie_sec .wp-block-group__inner-container {
	width: 48%;
	margin: 0 auto;
}
.movie_sec .wp-block-group__inner-container .wp-block-group__inner-container {
	display: block;
	width: 100%;
}
.movie_sec .wp-block-group__inner-container .youtube {
}
.movie_sec .wp-block-group__inner-container p {
	text-align: center;
}
.movie_sec .wp-block-group__inner-container .more_link {
	margin-top: 40px;
}

.top_nav .wp-block-media-text__content .title_wrap {
	text-align: center;
	margin-bottom: 30px;
}
.top_nav .wp-block-media-text__content .title_wrap h3,
.top_nav .wp-block-media-text__content .title_wrap .title {
	border-bottom: none;
	font-weight: 600;
	font-size: 24px;
}
.top_nav .wp-block-media-text__content .title_wrap .title span {
	display: block;
}
.top_nav .wp-block-media-text {
	background-color: #eee;
}
.top_nav .wp-block-media-text {
	position: relative;
}
.top_nav .wp-block-media-text a:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.page.f-event .timeschedule {
	position: relative;
	width: 80%;
	margin: auto;
}
.page.f-event .timeschedule:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 5px;
	height: 100%;
	background-color: #eee;
}
.page.f-event .timeschedule li {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin-bottom: 20px;
}
.page.f-event .timeschedule li.title {
	justify-content: space-between;
}
.page.f-event .timeschedule li.title span {
	font-weight: 600;
	font-size: 18px;
	padding: 5px;
	text-align: center;
	width: 40%!important;
	border-radius: 30px;
}
.page.f-event .timeschedule li.title span.all {
	background-color: #9ce2e2;
}
.page.f-event .timeschedule li.title span.half {
	background-color: #ffe236;
}
.page.f-event .timeschedule li span.all,
.page.f-event .timeschedule li span.half {
	width: 35%;
}
.page.f-event .timeschedule li span.all {
	order: 1;
}
.page.f-event .timeschedule li span.time {
	order: 2;
	width: 10%;
	text-align: center;
	border: 1px solid #333;
	position: relative;
	background-color: #fff;
}
.page.f-event .timeschedule li span.half {
	order: 3;
}

.page.f-event .oc_movie {
	padding: 5% 0;
	position: relative;
}
.page.f-event .oc_movie:before {
	content: '';
	position: absolute;
	display: block;
	width: 90%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: repeating-linear-gradient(-45deg, #d7f3f3, #d7f3f3 10px, #fff 10px, #fff 20px);
}
.page.f-event .oc_movie .wp-block-group__inner-container {
	position: relative;
}
.page.f-event .oc_movie .title {
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
	border-bottom: none;
	display: block;
	padding-bottom: 10px;
}
.page.f-event .oc_movie .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 5px;
	width: 8%;
	min-width: 85px;
	background-color: #036eb8;
}
.page.f-event .oc_movie .movie_col {
	padding: 0 3%;
	margin-bottom: 50px;
}
.oc_movie .wp-block-gallery {
	display: flex;
	align-items: center;
}
.oc_movie .wp-block-gallery .wp-block-image {
	height: 300px;
	margin: 0 5px!important;
}
.oc_movie .wp-block-gallery .wp-block-image img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.page.f-event .voice_sec ul,
.page.archit-event .voice_sec ul {
	margin: 20px auto;
	padding: 30px;
	border-radius: 20px;
	background-color: #eeeadc;
	height: 250px;
	overflow-y: auto;
}
.page.f-event .voice_sec li,
.page.archit-event .voice_sec li {
	position: relative;
	padding-left: 15px;
}
.page.f-event .voice_sec li:before,
.page.archit-event .voice_sec li:before {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 7px;
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50%;
}

.qa_sec .wp-block-group__inner-container {
	padding: 30px;
	position: relative;
}
.qa_sec .entitle_wrap .wp-block-group__inner-container {
	padding: 0;
}
.qa_sec .wp-block-group__inner-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #e6e6e6;
	z-index: -1;
}
.qa_sec .wp-block-group__inner-container .wp-block-group__inner-container:before {
	content: none;
}
.wp-block-group .wp-block-group + .wp-block-group.qa_wrap {
	margin-top: 0;
}
.qa_sec .qa_wrap {
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
}
.qa_sec .q + .wp-block-group {
	margin-top: 0;
}
.qa_sec .q {
	border-bottom: 1px solid #81b7dc;
	margin-bottom: 10px;
	font-size: 18px;
	position: relative;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.qa_sec .q .screw {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 5px;
}
.qa_sec .q .screw:before,
.qa_sec .q .screw:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background-color: #81b7dc;
	transition: all 1s ease;
}
.qa_sec .q .screw:before {
	width: 100%;
	height: 1px;
}
.qa_sec .q .screw:after {
	height: 100%;
	width: 1px;
}
.qa_sec .q.active .screw:before {
	transform: rotate(360deg);
}
.qa_sec .q.active .screw:after {
	transform: rotate(270deg);
}
.qa_sec .q:hover {
	cursor: pointer;
}
.qa_sec .q:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
}
.qa_sec .a {
	padding: 20px;
	background-color: #f5fbff;
}

.calendar_wrap .calendar {
	padding: 0 30px;
}
.calendar table,
.calendar table caption,
.calendar table thead,
.calendar table tbody {
	width: 99.5%;
}
.calendar table caption {
	margin-bottom: 10px;
	font-size: 12px;
}
.calendar table caption span {
	font-size: 26px;
	margin-left: 10px;
}
.calendar th,
.calendar td {
	text-align: center;
}
.calendar th {
	background-color: #000;
	color: #fff;
	font-size: 12px;
}
.calendar td {
	padding: 10px 5px;
	transition: 0.5s ease;
}
.calendar td.f_tour {
	background-color: #bbd4f6;
	padding: 0;
	text-decoration: underline;
}
.calendar td.f_tour:hover {
	background-color: #d5e2fa;
}
.calendar td.f_event {
	background-color: #feeab8;
	padding: 0;
	text-decoration: underline;
}
.calendar td.f_event:hover {
	background-color: #f8fabe;
}
.calendar td input {
	border: none;
	outline: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 10px 5px;
	color: #333;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.calendar td a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 5px;
}
.calendar td a:hover {
	color: #333;
}

.calendar_nav {
	display: flex;
	margin: 30px 0 0;
	align-items: center;
}
.calendar_nav li {
	margin-right: 30px;
	position: relative;
	display: flex;
	align-items: center;
}
.calendar_nav li:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.calendar_nav li.f_event:before {
	background-color: #feeab8;
}
.calendar_nav li.f_tour:before {
	background-color: #bbd4f6;
}

/*** 2023ファッションリニューアル　ここまで ***/


/*** 2024ファッション・建築OCリニューアル ***/
.oc_event .oc_nav {
	max-width: 900px;
	margin: 80px auto;
}
.oc_event .oc_nav ul {
	display: flex;
}
.oc_event .oc_nav li {
	flex: 1;
	text-align: center;
}
.oc_event .oc_nav li a {
	display: block;
	color: #036eb8;
	font-weight: 600;
	width: 100%;
	padding-bottom: 100px;
	border-right: 2px dotted #036eb8;
	position: relative;
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 70px;
}
.oc_event .oc_nav li:first-child a {
	border-left: 2px dotted #036eb8;
}
.oc_event .oc_nav li a:after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
  height: 20px;
  border: 2px solid;
  border-color:  transparent transparent #036eb8 #036eb8;
  transform: rotate(-45deg);
	transition: .3s linear;
}
.oc_event .oc_nav li a:hover:after {
	bottom: -5px;
}
.oc_event .oc_nav li a.item_program {
	background-image: url('images/fashion/f-event/icon_program.svg');
}
.oc_event .oc_nav li a.item_benefits {
	background-image: url('images/fashion/f-event/icon_benefits.svg');
}
.oc_event .oc_nav li a.item_schedule {
	background-image: url('images/fashion/f-event/icon_schedule.svg');
}
.oc_event .oc_nav li a.item_voice {
	background-image: url('images/fashion/f-event/icon_voice.svg');
}

.oc_event .program .next_event {
	display: flex;
}
.oc_event .program .next_event .box {
	flex: 1;
	margin: 0 10px;
	border: 1px solid #036eb8;
	border-radius: 30px;
	padding: 30px 30px 40px;
}
.oc_event .program .next_event .box .title {
	font-size: 24px;
	color: #036eb8;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.oc_event .program .next_event .box .text {
	margin-bottom: 15px;
}
.oc_event .program .next_event .box .text p {
	text-align: center;
	font-size: 14px;
}
.oc_event .program .next_event .box .oc_date {
	text-align: center;
	font-weight: 600;
	color: #036eb8;
	margin-bottom: 15px;
}
.oc_event .program .next_event .box .oc_date span {
	font-size: 28px;
}
.oc_event .program .next_event .box .oc_date span span {
	font-size: 16px;
}
.oc_event .program .next_event .box .detail_link a {
	display: block;
	max-width: 350px;
	border-color: #036eb8;
	background-color: #036eb8;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	text-decoration: none;
	text-align: center;
	position: relative;
}
.oc_event .program .next_event .box .detail_link a:before,
.oc_event .program .next_event .box .detail_link a:after {
	content: '';
	position: absolute;
	background-color: #fff;
	height: 1px;
}
.oc_event .program .next_event .box .detail_link a:before {
	right: 30px;
	bottom: 20px;
	width: 12%;
}
.oc_event .program .next_event .box .detail_link a:after {
	right: 30px;
	bottom: 24px;
	width: 15px;
	transform: rotate(30deg);
}
.oc_event .program .next_event .box .detail_link a:hover {
	background-color: #0395ef;
}

.oc_event .benefits_area ul {
	display: flex;
	flex-wrap: wrap;
}
.oc_event .benefits_area li {
	width: 48%;
	margin: 1%;
	padding: 30px 40px;
	background-color: #e5f0f7;
	position: relative;
	display: flex;
	border-radius: 30px;
}
.oc_event .benefits_area li .num {
	width: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.oc_event .benefits_area li .text {
	flex: 3.5;
	padding-left: 40px;
}
.oc_event .benefits_area li .text p {
	font-weight: 600;
	font-size: 24px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.oc_event .benefits_area li .text p:last-of-type {
	margin-bottom: 0;
}
.oc_event .benefits_area li .text p.mini {
	font-size: 16px;
}
.oc_event .benefits_area li .text p.minimini {
	font-size: 14px;
}
.oc_event .benefits_area li .text span {
	display: block;
	color: #036eb8;
	font-size: 22px;
	padding-bottom: 12px;
	border-bottom: 2px dotted #036eb8;
	margin-bottom: 12px;
}
.oc_event .benefits_area li .text p .yen {
	font-size: 36px;
}
.oc_event .benefits_area li .text p a {
	text-decoration: none;
}
.oc_event .benefits_area li .image {
	flex: 1;
	margin-bottom: 0;
	margin-left: 20px;
}
.oc_event .benefits_area li .image img {
	width: 100%;
}

.archit-event.oc_event .entitle_wrap {
	display: flex;
	align-items: center;
}
.archit-event.oc_event .entitle_wrap:after {
	content: '';
	height: 10px;
	width: 100%;
	background: repeating-linear-gradient(-45deg, #fff100, #fff100 5px, transparent 5px, transparent 10px);
	flex-grow: 1;
	margin-left: 15px;
}
.archit-event.oc_event .entitle_wrap .en,
.archit-event.oc_event .entitle_wrap .title {
	white-space: nowrap;
}
.archit-event.oc_event .wp-block-group.inner .wp-block-group__inner-container .entitle_wrap .wp-block-group__inner-container {
	width: auto;
}

.archit-event.oc_event .oc_nav li a {
	color: #006d4d;
}
.archit-event.oc_event .oc_nav li a,
.archit-event.oc_event .oc_nav li:first-child a {
	border-color: #006d4d;
}
.archit-event.oc_event .oc_nav li a:after {
	border-color: transparent transparent #006d4d #006d4d;
}
.archit-event .entitle_wrap .en,
.archit-event .entitle_wrap .title,
.archit-event.page .entitle_wrap h2.title {
	text-align: left;
}
.archit-event .entitle_wrap .en {
	color: #006d4d;
}
.archit-event .entitle_wrap .en span {
	padding: 0;
}
.archit-event.oc_event .oc_nav li a.item_program {
	background-image: url('images/archit/archit-event/icon_program.svg');
}
.archit-event.oc_event .oc_nav li a.item_benefits {
	background-image: url('images/archit/archit-event/icon_benefits.svg');
}
.archit-event.oc_event .oc_nav li a.item_schedule {
	background-image: url('images/archit/archit-event/icon_schedule.svg');
}
.archit-event.oc_event .oc_nav li a.item_voice {
	background-image: url('images/archit/archit-event/icon_voice.svg');
}
.archit-event.oc_event .program .next_event .box {
	border-color: #006d4d;
}
.archit-event.oc_event .program .next_event .box .title {
	color: #006d4d;
}
.archit-event.oc_event .program .next_event .box .oc_date {
	color: #e7752a;
}
.archit-event.oc_event .program .next_event .box .detail_link a {
	border-color: #006d4d;
	background-color: #006d4d;
	margin: auto;
}
.archit-event.oc_event .benefits_area li {
	background-color: #fef9e6;
}
.archit-event.oc_event .benefits_area li .text span {
	color: #006d4d;
}
.archit-event.oc_event .f_event_list.color {
	padding: 20px 0 0;
}
.archit-event.oc_event .f_event_list.color ul {
	width: 100%;
}
.archit-event.oc_event .f_event_list.color li {
	background-color: #fff;
	box-shadow: none;
	border: 2px solid #006d4d;
	padding: 	15px 0 15px 15px;
	width: 48%;
	margin: 1%;
}
.archit-event.oc_event .f_event_list.color li .event_date {
	line-height: 1.3;
	margin-bottom: 5px;
}
.archit-event.oc_event .f_event_list li .event_date span {
	font-size: 36px;
}
.archit-event .f_event_list.color li h3 {
	line-height: 1.3;
}
.archit-event.oc_event .f_event_list.color li .detail_link {
	margin-top: 20px;
}
.archit-event.oc_event .f_event_list.color li .detail_link a {
	display: block;
	max-width: 200px;
	border-color: #006d4d;
	background-color: #006d4d;
	color: #fff;
	padding: 5px 20px;
	border-radius: 30px;
	text-decoration: none;
	position: relative;
	font-size: 14px;
}
.archit-event.oc_event .f_event_list.color li .detail_link a:before,
.archit-event.oc_event .f_event_list.color li .detail_link a:after {
	content: '';
	position: absolute;
	background-color: #fff;
	height: 1px;
}
.archit-event.oc_event .f_event_list.color li .detail_link a:before {
	right: 35px;
	bottom: 15px;
	width: 20%;
}
.archit-event.oc_event .f_event_list.color li .detail_link a:after {
	right: 35px;
	bottom: 19px;
	left: auto;
	top: auto;
	width: 15px;
	transform: rotate(30deg);
}
.archit-event.oc_event .f_event_list.color li .detail_link a:hover {
	background-color: #0395ef;
}
.archit-event.oc_event .f_event_list.color li .image {
	max-height: 175px;
	height: 100%;
	margin: auto;
	position: relative;
}
.archit-event.oc_event .f_event_list.color li .image img {
	height: 100%;
	max-height: 175px;
	object-fit: cover;
}
.archit-event.oc_event .f_event_list.color li .image .lunch_tag {
	line-height: 1;
	font-size: 12px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #ffff57;
	font-weight: 600;
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.archit-event.oc_event .f_event_list.color li .image .lunch_tag:before {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 6px;
	margin: auto;
	width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #ffff57;
	rotate: 30deg;
}

.archit main.contents.archit_event {
	margin-left: 0;
}
.oc_event_detail {
	margin-bottom: 120px;
}
.oc_event_detail .text {
	width: 60%;
	padding-right: 30px;
}
.oc_event_detail .image {
	width: 40%;
}
.oc_event_detail .image li:not(:last-child) {
	margin-bottom: 10px;
}
.oc_event_detail .image .slick-dots li {
	margin-bottom: 5px;
}
.oc_event_detail .read_wrap {
	margin-bottom: 30px;
}
.oc_event_detail .read_wrap p {
	font-size: 36px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.4;
}
.archit_event.workshop .oc_event_detail .read_wrap p {
	color: #00a680;
}
.archit_event.schoolinfo .oc_event_detail .read_wrap p {
	color: #036eb8;
}
.oc_event_detail .event_date {
	margin-bottom: 10px;
}
.oc_event_detail .event_date p {
	font-size: 36px;
	font-weight: 600;
	line-height: 1.3;
}
.oc_event_detail .event_date p span {
	font-size: 42px;
}
.oc_event_detail .time_wrap {
	margin-bottom: 20px;
}
.oc_event_detail .time_wrap p {
	font-weight: 600;
	font-size: 18px;
}
.oc_event_detail .time_wrap p.note {
	font-size: 14px;
}
.oc_event_detail .tags li {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	padding: 5px 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.archit_event.workshop .oc_event_detail .tags li {
	background-color: #00a680;
}
.archit_event.schoolinfo .oc_event_detail .tags li {
	background-color: #036eb8;
}
.oc_event_detail .tags {
	margin-top: 30px;
	margin-bottom: 30px;
}
.oc_event_detail .detail_outline p {
	font-size: 18px;
}
.oc_event_detail .timetable {
	margin: 60px auto;
}
.oc_event_detail .timetable img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.oc_event_detail .benefit_wrap {
	position: relative;
}
.oc_event_detail .benefit_wrap p {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
	text-align: center;
}
.archit_event.workshop .oc_event_detail .benefit_wrap p {
	color: #00a680;
}
.archit_event.schoolinfo .oc_event_detail .benefit_wrap p {
	color: #036eb8;
}
.oc_event_detail .benefit_wrap ul {
	display: flex;
}
.oc_event_detail .benefit_wrap li {
	flex: 1;
	padding: 5px 10px;
	margin: 0 5px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.oc_event_detail .benefit_wrap li span {
	display: block;
	font-size: 14px;
}
.oc_event_detail .benefit_wrap li:nth-child(1) {
	background-color: #eb9200;
}
.oc_event_detail .benefit_wrap li:nth-child(2) {
	background-color: #0062a0;
}
.oc_event_detail .benefit_wrap li:nth-child(3) {
	background-color: #8b669e;
}
.oc_event_detail .benefit_wrap li:nth-child(4) {
	background-color: #2cb1a5;
}
.oc_event_detail .benefit_wrap li:nth-child(5) {
	background-color: #3fbbdf;
}
.post.archit_event h2.oc_form_title {
	color: #000;
	background: none;
	padding: 0;
	display: inline-block;
	border-bottom: 2px solid #3677bb;
	margin-bottom: 40px;
}
.archit .title_line .title br {
	display: none;
}

@media screen and ( max-width: 1050px ) {
	.oc_event .program .next_event .box .title {
		font-size: 2.2vw;
	}
	.oc_event .program .next_event .box .oc_date span {
		font-size: 2.6vw;
		display: block;
	}
	.oc_event .program .next_event .box .oc_date span span {
		display: inline;
	}
	.oc_event .program .next_event .box .detail_link a:before,
	.oc_event .program .next_event .box .detail_link a:after {
		content: none;
	}
	.oc_event .benefits_area li .text p {
		font-size: 2.7vw;
	}
	.oc_event .benefits_area li .text span {
		font-size: 2vw;
	}
}
@media screen and ( max-width: 896px ) {
	.oc_event .program .next_event .box {
		padding: 20px 20px 30px;
	}
	.oc_event .program .next_event .box .detail_link a {
		font-size: 14px;
	}
	.archit-event.oc_event .f_event_list.color ul {
		padding: 20px 0 0;
	}

	.oc_event_detail .benefit_wrap p {
		font-size: 18px;
	}
	.oc_event_detail .benefit_wrap ul {
		flex-wrap: wrap;
	}
	.oc_event_detail .benefit_wrap li {
		flex: none;
		width: 48%;
		margin: 1%;
	}
}
@media screen and ( max-width: 760px ) {
	.oc_event .program .next_event {
		flex-direction: column;
	}
	.oc_event .program .next_event .box {
		margin: 0 0 20px;
	}
	.oc_event .program .next_event .box .title {
		font-size: 18px;
	}
	.oc_event .program .next_event .box .oc_date span {
		font-size: 20px;
	}
	.oc_event .program .next_event .box .image {
		width: 25%;
		float: left;
	}
	.oc_event .program .next_event .box .text {
		width: 75%;
		float: right;
		padding-left: 20px;
	}
	.oc_event .program .next_event .box .text p {
		text-align: left;
	}
	.oc_event .program .next_event .box .oc_date {
		clear: both;
	}
	.oc_event .program .next_event .box .oc_date span {
		display: inline;
	}
	.oc_event .program .next_event .box .detail_link a {
		margin: auto;
	}
	.oc_event .benefits_area ul {
		flex-direction: column;
	}
	.oc_event .benefits_area li {
		width: 100%;
		margin: 0 0 20px;
		padding: 20px 20px 20px 40px;
	}
	.oc_event .benefits_area li .num {
		width: 40px;
	}
	.oc_event .benefits_area li .text {
		padding-left: 30px;
	}
	.oc_event .benefits_area li .text span {
		font-size: 16px;
	}
	.oc_event .benefits_area li .text p {
		font-size: 20px;
	}
	.oc_event .benefits_area li .image {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.archit-event.oc_event .f_event_list.color li .text {
		padding-right: 10px;
	}
	.archit-event.oc_event .f_event_list li .event_date span {
		font-size: 22px;
	}
	.archit-event.oc_event .f_event_list.color li .text h3 {
		font-size: 16px;
	}
	.archit-event.oc_event .f_event_list.color li .detail_link a {
		font-size: 12px;
	}
	.archit-event.oc_event .f_event_list li .event_time {
		font-size: 12px;
		font-weight: 600;
	}
}
@media screen and ( max-width: 680px ) {
	.archit-event.oc_event .f_event_list ul {
		flex-direction: column;
	}
	.archit-event.oc_event .f_event_list.color li {
		width: 100%;
		padding: 15px;
	}
	.archit-event.oc_event .f_event_list.color li .text {
		width: 65%;
	}
	.archit-event.oc_event .f_event_list.color li .image {
		width: 35%;
	}

	.archit .title_line .title br {
		display: block;
	}
	.oc_event_detail .text {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
		order: 2;
	}
	.oc_event_detail .image {
		width: 100%;
		margin: 0 auto 20px;
		order: 1;
	}
	.oc_event_detail .read_wrap p,
	.oc_event_detail .event_date p {
		font-size: 26px;
	}
	.oc_event_detail .event_date p span {
		font-size: 28px;
	}
	.oc_event_detail .time_wrap p {
		font-size: 16px;
	}
	.oc_event_detail .detail_outline p {
		font-size: 16px;
	}

	.oc_event_detail {
		margin-bottom: 60px;
	}
	.oc_event_detail .benefit_wrap {
		padding-right: 100px;
	}
	.oc_event_detail .benefit_wrap p {
		font-size: 17px;
	}
	.oc_event_detail .benefit_wrap figure {
		width: 110px;
	}
	.oc_event_detail .benefit_wrap li {
		font-size: 16px;
	}
	.oc_event_detail .benefit_wrap li span {
		font-size: 10px;
	}
}
@media screen and ( max-width: 480px ) {
	.oc_event .oc_nav li a {
		background-size: 50px;
	}
	.oc_event .benefits_area li .image {
		position: absolute;
		width: 60px;
		right: -10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.oc_event .program .next_event .box .image {
		width: 35%;
	}
	.oc_event .program .next_event .box .text {
		width: 65%;
	}
	.oc_event .program .next_event .box .text p {
		font-size: 14px;
	}
	.oc_event .benefits_area li .text {
		flex: 4.5;
	}
	.oc_event .benefits_area li .text span {
		font-size: 14px;
	}
	.oc_event .benefits_area li .text p {
		font-size: 16px;
	}
	.oc_event .benefits_area li .text p.mini {
		font-size: 12px;
	}
	.oc_event .benefits_area li .text p.minimini {
		font-size: 11px;
	}
	.oc_event .benefits_area li .text p .yen {
		font-size: 24px;
	}
}

/*** 2024ファッション・建築OCリニューアル　ここまで ***/


footer {
	border-top: 1px solid #036eb8;
	background-color: #fff;
	padding: 50px 0 80px;
}
footer .nav_wrap {
	margin-bottom: 20px;
}
footer .nav_wrap p {
	font-size: 13px;
}
footer .nav_wrap p.site_name img {
	max-width: 300px;
}
footer .nav_wrap p.site_name {
	font-size: 16px;
	margin-bottom: 7px;
}
footer .inline {
	justify-content: space-between;
}
footer .link_line li {
	font-size: 12px;
}
footer .inline .inline {
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: flex-start;
}
footer .inline .inline .link_txt {
	margin-bottom: 20px;
}

@media screen and ( max-width: 1350px ) {
	footer .nav_wrap {
	}
	footer .nav_wrap p {
		font-size: 12px;
	}
	.inline .link_txt + .link_txt {
		margin-left: 20px;
	}
}
@media screen and ( max-width: 1290px ) {
	.site_head .top_nav li {
		min-width: 90px;
	}
	.site_head .top_nav a {
		font-size: 14px;
	}
	.site_head .gnav li a {
		padding: 5px 10px;
		font-size: 12px;
	}
	.front_nav .box .title {
		font-size: 2.2vw;
	}
	.main .read_wrap {
		top: 5%;
	}

	.in_contents .main_read p {
		font-size: 2.5vw;
	}

	.f_event_list ul {
		width: 100%;
	}

}
@media screen and ( max-width: 1170px ) {
	.site_head .logo {
		margin-right: 20px;
	}
	.site_head .top_nav li {
		min-width: 80px;
	}
	.site_head .top_nav a {
		padding: 20px 5px 5px 5px;
		font-size: 12px;
	}
	.site_head .gnav li {
		margin-right: 10px;
	}
}
@media screen and ( max-width: 1030px ) {
	.site_head .main_nav {
		padding: 0 2%;
	}
	.site_head .top_nav {
		margin-right: 0;
	}
	.site_head .top_nav li {
		min-width: 80px;
	}
	.site_head .top_nav a {
		font-size: 12px;
	}
	.site_head .search {
		padding: 5px;
	}
	.site_head .search svg {
		width: 20px;
	}
	.fashion .cat_nav a {
		font-size: 1.1vw;
		padding: 0 10px;
	}

	.cat_home .main .read_wrap .read_title {
		font-size: 3vw;
	}
	.cat_home .main .read_wrap p {
		font-size: 1.7vw;
	}
	.cat_home .main .banner {
		margin-top: -10%;
	}

	.cat_home .top_oc li.area .text {
		padding: 20px;
	}
	.cat_home .top_oc li.area .text {
		width: 90%;
	}
	.cat_home .top_oc li.area .text .head h2 {
		font-size: 3.2vw;
	}

	main.post {
		display: block;
	}
	.post article,
	.teachers.post article {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	.post aside,
	.teachers.post aside {
		width: 90%;
		margin: auto;
		padding-left: 0;
		padding: 20px;
		background-color: #f5f5f5;
	}
	.post_nav_area .post_link li {
		padding: 10px 0;
	}
	.post.f_fes aside,
	.post.f_final aside {
		width: 100%;
		background: none;
	}

	.oc_top_title_line,
	.oc_headline .inline {
		flex-direction: column;
	}
	.oc_top_title_line {
		align-items: flex-start;
	}
	.oc_top_title_line h1 {
		margin-right: 0;
		font-size: 5vw;
	}
	.info_list_block,
	.art_s .info_list_block {
		width: 100%;
	}
	.oc_headline .sns_block {
		width: 100%;
	}
	.oc_headline .sns_block p br {
		display: none;
	}

	.f_event_list li .event_date span {
		font-size: 3vw;
	}
	#day_schedule .wp-block-column.box:first-of-type,
	#day_schedule .wp-block-column.box:last-of-type {
		flex-basis: 50%!important;
	}
	#day_schedule .wp-block-column.box:last-of-type .wp-block-columns {
		display: block;
	}
	#day_schedule .pm {
		margin-top: 30px;
	}
	#day_schedule li {
		font-size: 14px;
	}

	.fashion .main .catch_phrase {
		top: 5%;
		left: 5%;
		max-width: 350px;
	}
	.in_contents .f_event_list_year ul li,
	.f_event_list_year li {
		flex-wrap: wrap;
		padding: 10px;
	}
	.f_event_list_year li .event_date {
		width: 100%;
		text-align: left;
		padding: 0;
		margin-bottom: 10px;
		background: none;
		color: #000;
		font-weight: 600;
	}
	.f_event_list_year li .event_time {
		padding: 0 30px 0 0;
		width: 40%;
		font-size: 14px;
	}

}

@media screen and ( max-width: 985px ) {
	.oc_wrap ul li.box .text .inline {
		flex-wrap: wrap;
	}
	.oc_wrap ul li.box .detail_wrap p {
		letter-spacing: -.05em;
	}
	.oc_wrap ul li.box .text .state {
		margin-right: 0;
	}
	.oc_wrap ul li.box .text .state {
		padding: 7px 20px;
	}
	.oc_wrap ul.point_label {
		width: 100%;
		margin: 8px 0 0;
	}
}

/* スマホ 横から */
@media screen and ( max-width: 896px ) {

	p + .wp-block-group, .wp-block-group p + .wp-block-group, p + .wp-block-group:first-of-type, ul + .wp-block-group:first-of-type, ol + .wp-block-group:first-of-type, .wp-block-group .wp-block-group + .wp-block-group, .wp-block-columns + .wp-block-group, .wp-block-group + .wp-block-columns {
		margin-top: 40px;
	}
	.in_contents p {
		line-height: 1.6;
		margin-bottom: 3px;
	}
	.in_contents p.box_title {
		margin-bottom: 10px;
	}

	.site_head .main_nav {
		height: 50px;
	}
	.site_head .logo {
		width: 220px;
	}
	.site_head .nav_wrap {
		width: auto;
	}
	.site_head .top_nav,
	.site_head .gnav {
		display: none;
	}
	.site_head .search {
		right: 55px;
	}
	.site_head .search svg {
		padding-top: 5px;
	}
	.cat_nav {
		height: 35px;
	}
	.cat_nav ul {
		margin-right: auto;
	}
	.cat_nav .current_cat a {
		font-size: 16px;
		padding: 3px 20px;
	}
	.cat_nav li:nth-child(n+2) {
		display: none;
	}
	.cat_nav p.tel {
		display: block;
		margin-right: 20px;
		font-size: 12px;
	}
	.cat_nav p.tel span {
		font-size: 16px;
	}

	.fashion .cat_nav {
		display: none;
	}

	.cta_box {
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%!important;
		transform: translate(0, 65px)!important;
		padding: 10px;
		height: 65px;
	}
	.up .cta_box {
		transform: translate(0, 0)!important;
	}
	.cta_box .tel {
		display: none;
	}
	.cta_box ul {
		display: flex;
	}
	.cta_box li {
		flex: 1;
		text-align: center;
		margin: 0 1%;
	}
	.cta_box li:before,
	.cta_box li:after {
		content: none;
	}
	.cta_box li a {
		padding: 10px 5px;
	}

	.cat_home .top_oc li.area .image {
		height: 40%;
		padding-bottom: 30px;
	}
	.cat_home .top_oc_title {
		font-size: 5vw;
		padding: 0 10px 30px;
	}

	.cat_home .top_oc {
		padding-bottom: 3%;
	}

	.cat_home .top_oc li.area .text .link a  {
		display: block;
		padding: 10px 20px;
	}

	.sns_block {
		padding-top: 14%;
	}
	.sns_block .sns_title {
		font-size: 18vw;
	}
	.sns_block .read {
		font-size: 3.5vw;
	}

	.alte_block li {
		padding: 20px 15px;
	}
	.alte_block ul li h3 {
		text-align: left;
		font-size: 16px;
	}

	.center_line_title {
		font-size: 3.5vw;
	}

	.art .info_sns_wrap .inline {
		display: block;
	}
	.art.cat_home .box_info {
		margin-bottom: 40px;
	}
	.art.cat_home .box_info li {
		width: 48%;
		margin: 1%;
	}
	.art .sns_block {
		margin-left: 0;
	}
	.art .twitter_block {
		margin: 0 auto 40px;
	}

	.in_contents .main_read p {
		font-size: 18px;
		line-height: 1.6;
	}


	.box_info .text h3 span {
		display: block;
	}


	.contents.post.inline {
		flex-direction: column;
	}
	.post article {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
	.post aside {
		width: 90%;
		padding-left: 0;
		margin: 50px auto 0;
		padding: 25px;
		background-color: #efefef;
	}
	.post article h1 {
		font-size: 20px;
	}
	.post_content h2,
	.page h2,
	.archive h2 {
		font-size: 18px;
	}
	.post_content h3 {
		font-size: 16px;
	}
	.post_content p {
		font-size: 14px;
	}

	.news .news_list_archive li .text h3 {
		font-size: 16px;
	}

	.title_line {
		padding: 5% 0;
	}
	.title_line .title {
		font-size: 3vw;
	}

	.news_list_archive li {
		width: 24%;
	}

	.teachers .news_list_archive li {
		width: 24%;
	}

	.in_contents ul.voice.one_col,
	.voice.one_col,
	.voice {
		height: 300px;
		overflow-y: scroll;
		padding: 20px 15px;
	}
	.voice.one_col li,
	.in_contents .voice li {
		margin-bottom: 10px;
		margin-right: 2em;
	}

	.main_image .on_text {
		position: relative;
		left: 0;
		width: 100%;
		max-width: none;
		margin-bottom: 50px;
	}
	.main_image .on_read {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.main_image .on_read span {
		display: block;
		padding: 20px;
	}
	.main_image .on_textarea {
		padding: 0;
		width: 94%;
		margin: auto;
	}

	.main_image .on_read span span {
		display: inline;
	}
	.a-course .main_image .on_read span,
	.a-2days .main_image .on_read span {
		background-color: #999;
		color: #fff;
	}

	.btm_event_list li {
		width: 25%;
	}

	.f_event_list li {
		width: 49%;
		margin: 0 0 5px;
		display: flex;
	}
	.f_event_list li .image {
		width: 30%;
	}
	.f_event_list li .text {
		width: 70%;
		padding: 15px 10px;
	}
	.f_event_list li .event_date span {
		font-size: 18px;
	}

	.fashion.cat_home .main_slide {
		height: 70vh;
		padding-bottom: 0;
	}
	.fashion.cat_home .main_slide .slick-list,
	.fashion.cat_home .main_slide .slick-track,
	.fashion.cat_home .main_slide li {
	}
	.fashion.cat_home .main_slide img {
		height: 70vh;
		max-height: none;
	}
	.entitle_wrap .en {
		font-size: 40px;
	}
	.page.f-event .outline .point {
		justify-content: space-around;
	}
	.page.f-event .outline .point li{
		line-height: 1.3;
	}
	.page.f-event .outline .point li br {
		display: block;
	}
	.f_event_list.color ul {
		padding: 30px 20px;
	}
	.f_event_list.color li {
		width: 100%;
		margin: 0 0 15px;
	}
	.f_event_list.color li .text h3 {
		font-size: 18px;
	}
	.f_event_list.color li .event_date span {
		font-size: 3vw;
	}
	.f_event_list.color li .index_read p {
		font-size: 14px;
	}
	.page.f-event .timeschedule {
		width: 100%;
	}

	.top_nav .wp-block-media-text__content .title_wrap h3,
	.top_nav .wp-block-media-text__content .title_wrap .title {
		font-size: 20px;
		margin-bottom: 5px;
	}

}

@media screen and ( max-width: 781px ) {
	.sp_30 {
		width: 30%!important;
	}
	.sp_40 {
		width: 40%!important;
	}
	.sp_50 {
		width: 50%!important;
	}
	.sp_60 {
		width: 60%!important;
	}
	.wp-block-image.center {
		margin-left: auto;
		margin-right: auto;
	}

	.in_contents .wp-block-columns {
		gap: 3em;
	}

	.in_contents .wp-block-columns.sp_row {
		flex-direction: row;
	}

	.wp-block-columns.sp_row {
		display: block;
	}
	.wp-block-columns.sp_row:after {
		content: '';
		display: block;
		clear: both;
	}
	.wp-block-columns.sp_row .wp-block-column {
		float: left;
		padding-right: 3%;
	}
	.wp-block-columns.sp_row .wp-block-column:last-of-type {
		padding-right: 0;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_5,
	.sp_inline .sp_row_5 {
		width: 5%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_10,
	.sp_inline .sp_row_10 {
		width: 10%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_15,
	.sp_inline .sp_row_15 {
		width: 15%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_20,
	.sp_inline .sp_row_20 {
		width: 20%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_25,
	.sp_inline .sp_row_25 {
		width: 25%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_30,
	.sp_inline .sp_row_30 {
		width: 30%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_35,
	.sp_inline .sp_row_35 {
		width: 35%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_40,
	.sp_inline .sp_row_40 {
		width: 40%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_45,
	.sp_inline .sp_row_45 {
		width: 45%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_50,
	.sp_inline .sp_row_50 {
		width: 50%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_55,
	.sp_inline .sp_row_55 {
		width: 55%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_60,
	.sp_inline .sp_row_60 {
		width: 60%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_65,
	.sp_inline .sp_row_65 {
		width: 65%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_70,
	.sp_inline .sp_row_70 {
		width: 70%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_75,
	.sp_inline .sp_row_75 {
		width: 75%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_80,
	.sp_inline .sp_row_80 {
		width: 80%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_85,
	.sp_inline .sp_row_85 {
		width: 85%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_90,
	.sp_inline .sp_row_90 {
		width: 90%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_95,
	.sp_inline .sp_row_95 {
		width: 95%;
	}
	.wp-block-columns.sp_row .wp-block-column.sp_row_100,
	.sp_inline .sp_row_100 {
		width: 100%;
	}


	.enter_flow .wp-block-columns .wp-block-column:first-of-type:before,
	.enter_flow .wp-block-columns .wp-block-column:first-of-type:after {
		content: none;
	}
	.in_contents .enter_flow .wp-block-columns {
		position: relative;
		gap: 0;
	}
	.enter_flow .wp-block-columns:before,
	.enter_flow .wp-block-columns:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 2;
	}
	.enter_flow .wp-block-columns:before {
		content: none;
	}
	.enter_flow .wp-block-columns:after {
		bottom: -30px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 15px solid #b81c22;
		border-bottom: none;
		transform: rotate(0);
	}
	.art_s .enter_flow .wp-block-columns:after {
		border-top-color: #da8a00;
	}
	.enter_flow .wp-block-columns:last-of-type:before,
	.enter_flow .wp-block-columns:last-of-type:after {
		content: none;
	}
	.price_wrap {
		padding: 25px 25px;
		max-width: none;
	}
	.price_wrap ul {
		margin-left: 0;
		padding-left: 0;
	}

	.f-final .in_contents .wp-block-columns,
	.f_final .in_contents .wp-block-columns {
		gap: 2em;
	}

	.in_contents .wp-block-columns.employment_list {
		gap: 0;
	}
	.in_contents .wp-block-columns.employment_list ul {
		margin: 0;
	}

	.grad_msg_wrap .wp-block-columns {
		display: block;
	}
	.grad_msg_wrap .wp-block-columns:after {
		content: '';
		display: block;
		clear: both;
	}
	.grad_msg_wrap .wp-block-columns .wp-block-column:first-of-type {
		width: 60%;
		float: left;
	}
	.grad_msg_wrap .wp-block-columns .wp-block-column:last-of-type {
		width: 40%;
		float: right;
	}

	.in_contents .school_subject_list .wp-block-columns {
		gap: 0;
		margin-bottom: 0;
	}
	.in_contents .wp-block-columns {
		margin-bottom: 3em;
	}
	.in_contents .wp-block-columns:last-of-type {
		margin-bottom: 0;
	}

	.main_img_text, .wp-block-group.main_img_text:first-of-type {
		padding: 15% 5% 0;
	}
	.f-department .main_img_text,
	.f-department .wp-block-group.main_img_text:first-of-type {
		padding: 15% 5% 3%;
	}

	.school_subject_list .wp-block-column {
		padding: 5px 0;
	}
	.wp-block-columns.course_list {
		display: inline-block;
	}
	.wp-block-columns.sp_row.course_list .wp-block-column.box {
		display: block;
		width: 49%;
		margin: .5%;
		padding-right: 20px;
	}
	.course_list.wp-block-columns:after {
		bottom: -60px;
		border-left-width: 100px;
		border-right-width: 100px;
		border-top-width: 40px;
	}
	.course_list .wp-block-column.box p {
		font-size: 11px;
	}
	.course_list .wp-block-column.box p br {
		display: none;
	}
	.course_list .wp-block-column:before,
	.course_list .wp-block-column:after {
		height: 1px;
	}
	.course_list .wp-block-column:before {
		bottom: 13px;
		width: 8px;
	}
	.course_list .wp-block-column:after {
		bottom: 10px;
		width: 30px;
	}

	.in_contents .wp-block-columns.interview_wrap {
		gap: 1.5em;
	}
	.sp_image_top .image {
		order: 1;
	}
	.sp_image_top .text {
		order: 2;
	}
	.sp_inline {
		display: flex;
		flex-wrap: wrap;
	}
	.wp-block-column.sp_inline .wp-block-image {
		margin: 0;
		padding: .5%;
	}


	.knowledge .wp-block-group {
		margin-bottom: 50px;
	}
	.contents.knowledge .in_contents .wp-block-columns {
		gap: 2em;
	}
	.contents.knowledge .wp-block-column:last-of-type {
		margin-bottom: 2em;
	}
	.contents.knowledge .wp-block-column .wp-block-image {
		margin-bottom: 0;
	}


	.knowledge .wp-block-group {
		margin-bottom: 50px;
	}
	.contents.knowledge .in_contents .wp-block-columns {
		gap: 2em;
	}
	.contents.knowledge .wp-block-column:last-of-type {
		margin-bottom: 2em;
	}
	.contents.knowledge .wp-block-column .wp-block-image {
		margin-bottom: 0;
	}

	.scroll {
		overflow-x: scroll;
		position: relative;
		padding-top: 10px!important;
	}

	.scrollicon{
		display: block;
		position:absolute;
		top:0;
		left:1%;
		animation: arrowmove 2s ease-in-out infinite;
	}
	@keyframes arrowmove{
		0%{top:0;}
		50%{left:3%;}
		100%{top:0;}
	 }

	.scrollicon span{
		position: absolute;
		left: 0;
		top: 0;
		color: #666;
		font-size: 0.7rem;
		letter-spacing: 0.05em;
		padding-right: 65px;
	}
	.scrollicon span:before{
		content:"";
		position: absolute;
		right: 0;
		top: 9px;
		width:50px;
		height: 1px;
		background:#666;
	}
	.scrollicon span:after {
		content: "";
		position: absolute;
		right: 3px;
		top: 0;
		width: 1px;
		height: 10px;
		background: #666;
		transform: skewX(45deg);
	}

	.scroll table {
		width: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}

}


@media screen and ( max-width:760px ) {
	html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
		letter-spacing: .01em;
		line-height: 1.6;
	}


	img.alignright,
	img.alignleft {
		float: none;
	}
	.contents.post article img.aligncenter,
	.contents.post article img.alignright,
	.contents.post article img.alignleft {
		width: 80%;
		max-width: none;
		margin: 20px auto;
		display: block;
	}


	form dl {
		display: block;
	}
	form dt,
	form dd,
	form dl dt,
	form dl dd {
		width: 100%;
	}
	form dt {
		margin-bottom: 10px !important;
		padding-left: 0;
		padding-right: 0;
		font-size: 13px;
		color: #666;
	}
	form dt span {
		display: inline-block;
	}
	form dt .imp {
		position: relative;
		left: auto;
		right: auto;
	}

	form dd dd dl {
		padding-left: 20px;
	}

	.submit_area .submit {
		padding: 10px 40px;
	}

	.inner {
		width: 90%;
	}

	.contents .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child),
	.contents .wp-block-column {
		flex-basis: auto!important;
		flex-grow: 1!important;
	}
	.contents .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
	.wp-block-column {
		margin: 0 0 20px;
		width: 100%;
	}
	.wp-block-column:last-of-type {
		margin-bottom: 0;
	}

	.wp-block-columns .wp-block-column.image {
		order: 1;
		margin-bottom: 20px;
	}
	.wp-block-columns .wp-block-column.text {
		order: 2;
		margin-bottom: 0;
	}

	.search_area input {
		width: 85%;
	}

	.cat_home .main .banner {
		margin-top: 0;
	}
	.cat_home .top_oc li.area .text p {
		font-size: 14px;
	}
	.cat_home .top_oc li.area .text .red {
		font-size: 16px;
	}

	.art.cat_home .main:after {
	}
	.art .main .read_wrap {
		position: static;
	}
	.art.cat_home .main .read_wrap .image {
		position: absolute;
		top: 5%;
		left: 5%;
	}
	.art.cat_home .main .read_wrap {
		width: 90%;
		margin: 20px auto 40px;
	}
	.art.cat_home .main .read_wrap .read_title,
	.art.cat_home .main .read_wrap p {
		position: relative;
		color: #000;
		z-index: 1;
		text-shadow: none;
		margin-top: 0;
	}

	.fashion .page_nav li {
		height: 25vh;
	}

	.about_art .read_area {
		padding: 7% 5%;
	}
	.about_art .read_area p {
		line-height: 1.7;
	}
	.alte_block li {
		width: 50%;
	}
	.alte_block ul.odd li:nth-child(odd),
	.alte_block ul.even li:nth-child(even) {
		background-color: #fff;
	}
	.alte_block ul.odd li:nth-child(1),
	.alte_block ul.odd li:nth-child(4),
	.alte_block ul.even li:nth-child(1),
	.alte_block ul.even li:nth-child(4) {
		background-color: #efefef;
	}


	.art .sns_block {
		padding: 8% 0;
	}
	.art .sns_block .sns_title {
		font-size: 10vw;
		margin-bottom: 20px;
	}
	.art .sns_block .read span {
		font-size: 20px;
	}

	.sns_block .insta_inc {
		margin: 30px auto;
	}

	.contents.post header {
		margin-bottom: 30px;
	}

	.oc_list {
		flex-direction: column;
	}
	.oc_wrap ul li.box,
	.oc_wrap ul li.box .text .inline {
		width: 100%;
		flex-direction: row;
	}
	.oc_wrap ul li.box:before,
	.oc_wrap ul li.box:after {
		content: none;
	}
	.oc_wrap ul li.box .text {
		padding: 20px 10px;
	}

	p + section {
		margin-top: 30px;
	}

	.f_event.post header h1 {
		font-size: 18px;
	}
	.f_event.post header h1 span {
		font-size: 30px;
	}
	.f_event_detail .block {
		margin: 0 auto 30px;
	}
	.inline.f_event_detail {
		flex-direction: column;
	}
	.f_event_detail .text,
	.f_event_detail .image {
		width: 100%;
		padding: 0;
	}
	.f_event_detail .image {
		margin-bottom: 40px;
		order: 1;
	}
	.f_event_detail .text {
		order: 2;
	}
	.f_event_detail .tags li {
		font-size: 12px;
	}
	.f_event_detail .link_btn {
		display: block;
		margin: 30px auto;
	}
	.f_event_detail .link_btn a {
		font-size: 18px;
		border: 2px solid #3662dd;
	}

	.f_event_list_year li .event_time {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.page.f-event .outline .call p {
		font-size: 22px;
	}
	.page.f-event .outline .call p span:after {
		height: 80%;
	}
	.page.f-event .outline .point {
		margin: 10px auto 30px;
	}
	.page.f-event .timeschedule li span.time {
		width: 15%;
		font-size: 12px;
	}
	.page.f-event .outline .point li {
		min-width: auto;
		background-size: 80px;
		padding-top: 90px;
	}
	.qa_sec .wp-block-group__inner-container .qa_wrap .wp-block-group__inner-container {
		padding: 0;
	}

}


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

	.wp-block-group {
		margin-bottom: 30px;
	}
	.wp-block-group + .wp-block-group {
		margin-top: 60px;
	}
	.wp-block-group .wp-block-group + .wp-block-group {
		margin-top: 30px;
	}
	.wp-block-group.box,
	.wp-block-group .wp-block-group.big.box,
	.wp-block-column.box {
		padding: 20px;
	}
	p + .wp-block-group,
	.wp-block-group p + .wp-block-group,
	p + .wp-block-group:first-of-type,
	ul + .wp-block-group:first-of-type,
	ol + .wp-block-group:first-of-type,
	.wp-block-group .wp-block-group + .wp-block-group,
	.wp-block-columns + .wp-block-group {
		margin-top: 20px;
	}
	p + .wp-block-columns,
	h3 + .wp-block-columns,
	h4 + .wp-block-columns,
	h5 + .wp-block-columns {
		margin-top: 20px;
	}
	p + .wp-block-group.mini, .wp-block-group p + .wp-block-group.mini, p + .wp-block-group.mini:first-of-type, .wp-block-columns + .wp-block-group.mini, .wp-block-group + .wp-block-group.mini, div + .wp-block-group.mini {
		margin-top: 20px;
	}

	.w_30,
	.w_35,
	.w_40,
	.w_45,
	.w_50,
	.w_55,
	.w_60,
	.w_65,
	.w_70,
	.w_75,
	.w_80,
	.w_85 {
		width: 80%;
	}

	.page h2 {
		font-size: 20px;
		margin-bottom: 25px;
	}
	.page h3 {
		font-size: 18px;
	}
	.page h4 {
		font-size: 16px;
	}

	.title_line .sub {
		display: block;
		font-size: 14px;
		padding-left: 0;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 5px;
		color: #888;
	}
	.title_line .sub:before,
	.title_line .sub:after {
		content: none;
	}


	.inline {
		flex-direction: column;
	}
	.pcnone,
	.slick-slider.pcnone {
		display: inherit;
	}
	.spnone,
	.slick-slider.spnone {
		display: none;
	}
	section {
		margin-bottom: 40px;
	}

	.link_btn a {
		display: block;
		padding: 15px 35px 15px 30px;
		text-align: center;
	}
	.post_nav_area .archive_link a {
		display: block;
		padding: 10px 5px;
		text-align: center;
	}

	.inline.front_nav {
		flex-direction: row;
	}
	.main_top .box .text {
		padding-bottom: 30px;
	}
	.front_nav .box .title,
	.front_nav .box .title,
	.front_nav.main_bottom.oc .text .title {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.front_nav .box .title span {
		display: block;
		font-size: 12px;
		margin-top: 5px;
	}
	.front_nav.main_top {
		height: 400px;
		overflow: hidden;
	}
	.front_nav.main_top .front_slide img {
		height: 400px;
	}
	.front_nav .box .txt_img {
		margin-bottom: 10px;
	}
	.main_top .box .txt_img svg {
		height: 25px;
	}
	.front_nav .box .read,
	.front_nav.main_bottom.oc .text .read {
		font-size: 11px;
		text-align: left;
	}
	.front_nav .box .read br,
	.front_nav.main_bottom.oc .text .read br {
		display: none;
	}
	.main_bottom .box {
		padding: 30px 15px;
	}

	.center_line_title {
		font-size: 20px;
	}


	.list_slide {
		padding: 0 10px;
	}
	.list_slide li {
		margin: 0 5px;
	}
	.slick-arrow {
		top: 20%;
	}
	.slick-arrow.next {
		right: -5px;
	}
	.slick-arrow.prev {
		left: -5px;
	}

	.box_info .text {
		padding: 10px;
	}
	.text .info_date {
		font-size: 11px;
	}
	.box_info .text h3 {
		font-size: 13px;
		padding-left: 10px;
	}
	.box_info .text h3:before {
		left: -5px;
	}

	section.bg {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.cat_home .main_slide {
		padding-bottom: 5%;
	}
	.main .read_wrap {
		width: 90%;
		left: 0;
		right: 0;
	}
	.main_read p {
		font-size: 18px;
		letter-spacing: -.03em;
		padding: 50px 20px 0;
	}

	.info_list li {
		flex-wrap: wrap;
		margin-bottom: 0;
		padding: 10px 5px;
		border-bottom: 1px dotted #ccc;
	}
	.info_list li:first-child {
		padding-top: 0;
	}
	.info_list li .info_date {
		font-size: 11px;
		margin-right: 5px;
	}
	.info_list li .info_cat {
		width: 80px;
		padding: 3px 2px;
		font-size: 10px;
		margin-right: 0;
	}
	.info_list a {
		width: 100%;
		margin-top: 5px;
		font-size: 14px;
	}

	.link_btn {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.cat_home .top_oc ul {
		flex-direction: column;
	}
	.cat_home .top_oc li.area {
		width: 100%;
	}
	.cat_home .top_oc li.area .image {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	.cat_home .top_oc li.area .text {
		margin: auto;
		margin: 40px auto;
	}

	.cat_home .main .read_wrap .read_title {
		font-size: 16px;
	}
	.cat_home .top_oc li.area .text .head .sub {
		font-size: 16px;
	}
	.cat_home .top_oc li.area .text .head h2 {
		font-size: 24px;
	}
	.cat_home .main .read_wrap p {
		font-size: 14px;
	}
	.cat_home .main .read_wrap p br {
		display: none;
	}

	.btm_event_list li {
		width: 33.33%;
	}

	.movie_sec ul {
		width: 100%;
	}
	.movie_sec li {
		flex: none;
		max-width: none;
		width: 90%;
		margin: 0 auto 30px;
	}
	.movie_sec li:last-child {
		margin-bottom: 0;
	}
	.movie_sec li p {
		text-align: left;
		font-size: 14px;
	}
	.movie_sec .movie_title .title {
		text-align: center;
		font-size: 16px;
	}

	.box_info .link_block {
		margin-bottom: 0;
	}
	.box_info .inline .link_txt {
		margin-bottom: 10px;
	}
	.box_info .inline .link_txt + .link_txt {
		margin-left: 0;
	}
	.box_info .link_block a {
		display: inline-block;
	}

	.twitter_block {
		width: 80%;
	}

	.more_sec .more_box .read {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.more_sec .more_box p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.fashion .page_nav li a {
		width: 90%;
		margin: auto;
		background-color: rgba(0, 0, 0, .8);
	}

	.about_art .read_area p {
		text-align: left;
	}
	.about_art .read_area p br {
		display: none;
	}

	.dl_wrap dt {
		float: none;
		width: 100%;
		font-weight: normal;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.dl_wrap dd {
		padding-left: 0!important;
		font-size: 14px;
	}

	.title_line {
		padding: 30px 0;
	}
	.title_line .title {
		font-size: 24px;
	}

	.center p {
		text-align: left;
	}
	.center p br {
		display: none;
	}

	.page .main_image {
		margin-bottom: 20px;
	}


	.news_list_archive li {
		width: 32%;
	}

	.info_list_block {
		display: block;
	}
	.info_list_block .title_box {
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		padding: 5px 10px;
	}
	.info_list_block .list {
		width: 100%;
		border-left: 1px solid #000;
		border-top: none;
	}
	.info_list_block .title_box p {
		font-size: 16px;
		margin-right: 15px;
	}
	.info_list_block .title_box h2 {
		font-size: 14px;
	}
	.info_list_block .list {
		padding: 15px;
	}
	.info_list_block .list li {
		flex-direction: column;
		margin-bottom: 10px;
	}
	.info_list_block .list li span {
		font-size: 10px;
		color: #666;
		padding-right: 0;
	}

	.panel {
		padding: 20px 15px;
	}
	.tab {
		padding: 5px 12px;
	}

	.oc .head_block .oc_outline {
		width: 100%;
		margin-right: 0;
	}
	.oc .head_block .image_wrap {
		width: 100%;
	}
	.oc .oc_outline .category {
		display: block;
	}
	.oc .oc_outline .category ul {
		margin-left: 0;
		margin-top: 5px;
	}
	.oc .oc_outline .category li a {
		font-size: 10px;
	}
	.point_label {
		display: block;
	}
	.point_label:after {
		content: '';
		display: block;
		clear: both;
	}
	.oc .point_label li {
		width: auto;
		float: left;
	}

	.oc_wrap ul.point_label {
		display: block;
		overflow: hidden;
	}
	.oc_wrap ul.point_label li {
		float: left;
	}
	.oc .point_label li.comment_btn {
		clear: both;
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}

	form .type_reservation_col .inline {
		flex-direction: row;
	}
	form dd .in_box {
		margin-bottom: 10px;
	}
	form dd dd dl {
		padding: 20px 5px;
	}

	.f_event.post header {
		margin: 20px 0 10px;
	}
	.f_event.post header h1 {
		margin-bottom: 0;
	}
	.f_event.post .point {
		font-size: 13px;
	}
	.f_event_detail .image {
		margin-bottom: 10px;
	}
	.f_event .additional_event {
		margin-bottom: 10px;
	}

	.box_info .inline.link_block {
		flex-direction: row;
		justify-content: center;
	}
	.box_info .inline .link_txt,
	.box_info .inline .link_txt + .link_txt {
		margin-bottom: 0;
		margin-left: 20px;
	}
	.box_info .inline .link_txt:first-of-type {
		margin-left: 0;
	}
	.point_list li {
		font-size: 14px;
		padding-left: 18px;
	}
	.point_list li:before {
		width: 12px;
		height: 12px;
		top: 5px;
	}
	.f_event_list.color {
		padding: 30px 10px;
	}
	.f_event_list.color ul {
		padding: 0;
	}
	.f_event_list.color li .text {
		width: 75%;
	}
	.f_event_list.color li .image {
		width: 25%;
	}

	.in_contents .school_subject_list h3 {
		font-size: 20px;
	}

	.index_list li {
		width: 100%;
		display: flex;
		align-items: center;
		text-align: left;
		border: 1px solid #ccc;
	}
	.index_list li a {
		text-decoration: none;
	}
	.index_list li .image {
		width: 18%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.index_list li .list_title {
		width: 80%;
	}

	.center {
		text-align: left;
	}

	.link_base dl {
		flex-direction: column;
		padding: 20px 5px;
	}
	.link_base dt,
	.link_base dd,
	.link_base .in_col dt,
	.link_base .in_col dd {
		width: 100%;
	}
	.link_base .title {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.link_base .in_col dt {
		margin-bottom: 10px;
	}
	.link_base .in_col div {
		font-size: 14px;
	}

	.pdf_txt a {
		background-size: 15px;
		padding-left: 22px;
	}
	.excel_txt a {
		padding-left: 30px;
		background-size: 20px;
	}

	.fashion .main .catch_phrase {
		top: auto;
		bottom: 35%;
		left: auto;
		right: 5%;
	}
	.fashion .main .main_read p.read {
		font-size: 20px;
		line-height: 1.5;
	}
	.fashion .main .main_read p {
		font-size: 14px;
		line-height: 1.5;
	}
	.fashion .features .point_col .header h3 {
		font-size: 16px;
	}
	.fashion .features .slide_contents .point_col .in_box {
		display: block;
	}
	.fashion .features .slide_contents .point_col .in_box figure {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.fashion .features .slide_contents .point_col .in_box .text {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		margin: auto;
		padding: 20px;
		width: 83%;
		background-color: #fff;
		border-radius: 0 20px 20px 0;
		height: 20%;
	}
	.fashion .features .slide_contents .point_col .in_box figure.only + .text {
		position: relative;
		height: 18%;
		padding: 20px;
		width: 83%;
		background-color: #fff;
		border-radius: 0 20px 20px 0;
		height: 20%;
		top: -60px;
		margin-left: 0;
	}
	.fashion .features .slide_contents .point_col .in_box .text p {
		font-size: 14px;
	}

	.movie_sec .wp-block-group__inner-container {
		width: 90%;
	}

	.top_nav .wp-block-media-text__content .title_wrap {
		margin-bottom: 10px;
	}
	.top_nav .wp-block-media-text__content .title_wrap h3,
	.top_nav .wp-block-media-text__content .title_wrap .title {
		font-size: 16px;
	}
	.top_nav .wp-block-media-text__content p {
		font-size: 12px;
	}

	.page.f-event .main_image li {
		/* height: 55vh; */
	}
	.page.f-event .outline {
		/* margin-top: -60px; */
		margin-top: 0;
	}
	.page.f-event .outline .call p span {
		padding: 10px 20px;
	}
	.page.f-event .outline .point li {
		flex: 1;
	}
	.page.f-event .outline .next_event .box {
		padding: 20px 15px 40px 15px;
		margin: 0 7px 0 0;
	}
	.page.f-event .outline .next_event .box:last-of-type {
		margin: 0;
	}
	.page.f-event .outline .next_event .box .title {
		line-height: 1.3;
	}
	.page.f-event .outline .next_event .box .title span {
		display: block;
	}
	.page.f-event .outline .next_event .box p {
		text-align: left;
		font-size: 14px;
	}
	.page.f-event .outline .next_event .box .oc_date {
		text-align: center;
	}
	.page.f-event .outline .next_event .box .oc_date span {
		font-size: 22px;
	}
	.page.f-event .announcement {
		font-size: 4vw;
		padding: 10px;
		border: 1px solid;
		margin-top: 20px;
	}
	.page.f-event .announcement br {
		display: block;
	}
	.entitle_wrap .en {
		font-size: 30px;
	}
	.calendar_nav {
		margin-top: 0;
	}
	.page.f-event .next_list.inner {
		width: 100%;
	}
	.page.f-event .timeschedule li.title span {
		font-size: 16px;
	}
	.calendar table caption {
		margin-bottom: 0;
	}
	.calendar_wrap .slick-arrow {
		top: 0;
		height: 60px;
		left: auto;
	}
	.calendar_wrap .slick-arrow {
		top: 0;
		bottom: auto;
	}
	.calendar_wrap .slick-arrow:before {
		width: 15px;
		height: 15px;
	}
	.page.f-event .voice_sec ul {
		padding: 20px;
	}
	.qa_sec .wp-block-group__inner-container,
	.qa_sec .qa_wrap {
		padding: 20px;
	}



	footer {
		padding: 30px 20px 120px;
	}
	footer p,
	footer .btm_access p,
	footer nav li {
		font-size: 12px;
	}
	footer .nav_wrap {
		order: 2;
		width: 100%;
	}
	footer .nav_wrap .image {
		width: 45px;
		margin-right: 30px;
	}
	footer .bn_wrap {
		width: 100%;
		order: 1;
		margin-bottom: 20px;
	}
	footer .bn_wrap .fnav {
		margin-bottom: 30px;
	}
	footer .bn_wrap .fnav ul {
		justify-content: flex-start;
	}
	footer .link_line li {
		margin-left: 0!important;
		margin-bottom: 10px;
	}

}

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

	html, body, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, form, fieldset {
		font-size: 13px;
	}

	th, td {
		font-size: 12px;
	}

	#breadcrumb {
		display: none;
	}
	/*#breadcrumb {
		padding: 5px 0;
	}
	#breadcrumb li {
		font-size: 10px;
		color: #999;
	}*/

	.cat_home .main .read_wrap .image {
		min-width: 140px;
	}
	.cat_home .main .read_wrap .image img {
		max-width: 140px;
	}

	.cta_box {
		transform: translate(0, 55px)!important;
		height: 55px;
	}
	.cta_box li {
		font-size: 10px;
	}

	.cat_home .main_slide {
		padding-bottom: 10%;
	}
	.art.cat_home .main_slide {
		padding-bottom: 0;
	}
	.box_info li {
		width: 48%;
	}

	.alte_block li {
		padding: 20px;
	}
	.alte_block ul li .image {
		margin-bottom: 15px;
	}
	.alte_block ul li h3 {
		text-align: left;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.alte_block ul li p {
		font-size: 12px;
	}

	.news_list_archive li .image {
		/* height: 150px; */
	}
	.news_list_archive li .text {
		padding: 10px;
	}
	.news_list_archive li .text h3 {
		font-size: 12px;
	}

	.teachers .news_list_archive li {
		width: 32%;
	}

	.dictionary_block .wp-block-group__inner-container {
		padding: 20px 15px 50px;
	}
	.contents.post p.dictionary_title {
		margin-bottom: 20px;
	}
	.dictionary_title:after {
		height: 2px;
	}
	.dictionary_title span {
		display: block;
		font-size: 12px;
		font-weight: normal;
	}
	.dictionary_block .wp-block-group__inner-container:after {
		bottom: 15px;
	}
	.post_content .knowledge_author {
		margin: 50px 0 0;
	}

	.grad_msg_wrap {
		height: 300px;
		padding: 20px;
	}
	.grad_msg_wrap .wp-block-columns:last-of-type {
		margin-bottom: 10px;
	}
	.grad_msg_wrap .wp-block-columns .wp-block-column {
		margin-bottom: 0;
	}
	.grad_msg_wrap .wp-block-columns .wp-block-column:first-of-type {
		width: 70%;
	}
	.grad_msg_wrap .wp-block-columns .wp-block-column:last-of-type {
		width: 30%;
	}
	.contents .grad_msg_wrap .wp-block-columns .wp-block-column .wp-block-image {
		margin-bottom: 0
	}
	.contents .wp-block-column p {
		font-size: 12px;
	}
	.contents .wp-block-column.grad_msg_wrap p.grad_year {
		font-size: 10px;
	}
	.contents .wp-block-column.grad_msg_wrap p.read {
		font-size: 15px;
		padding: 5px 0;
	}

	.contents.post .wp-block-column p {
		font-size: 14px;
	}

	.contents .wp-block-column.price_wrap .all_total p {
		font-size: 18px;
	}

	.voice {
		padding: 15px 18px;
	}
	.in_contents .voice li:before {
		width: 10px;
		height: 10px;
		top: 5px;
	}
	.in_contents .voice li {
		font-size: 14px;
	}

	.f_event.post header h1 {
		font-size: 16px;
	}
	.f_event.post header h1 span {
		font-size: 22px;
	}
	.f_event_detail .slick-arrow {
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.f_event_detail .slick-arrow.prev {
		left: 0;
	}
	.f_event_detail .slick-arrow.next {
		right: 0;
	}


	.interview_wrap .interview_q .ja {
		font-size: 16px;
	}

	.oc_top_title_line {
		padding: 30px 0 0;
	}
	.oc_top_title_line h1 {
		font-size: 24px;
		border-left: 6px solid;
		padding-left: 15px;
		line-height: 1.3;
		margin-bottom: 10px;
	}


	.fashion .features .point_col .header h3 br {
		display: block;
	}
	.page.f-event section {
		margin-bottom: 40px;
	}
	.page.f-event .outline.inner {
		width: 96%;
	}
	.page.f-event .outline .point_wrap {
		width: 94%;
		margin: auto;
	}
	.page.f-event .outline .call p {
		font-size: 18px;
		font-weight: 600;
	}
	.page.f-event .outline .call p span:before,
	.page.f-event .outline .call p span:after {
	}
	.page.f-event .outline .point {
		margin: 20px auto;
	}
	.page.f-event .outline .point li {
		padding-top: 90px;
	}
	.page.f-event .outline .next_event {
		/* flex-direction: column; */
	}
	.page.f-event .outline .next_event .box {
		padding: 15px 10px 30px 10px;
	}
	.page.f-event .outline .next_event .box .title {
		font-size: 15px;
	}
	.page.f-event .outline .next_event .box p,
	.page.f-event .outline .next_event .box .oc_date span span {
		font-size: 11px;
	}
	.page.f-event .outline .next_event .box .oc_date {
		margin-top: 10px;
	}
	.page.f-event .outline .next_event .box .oc_date span {
		font-size: 16px;
		margin: 0 3px;
	}
	.page.f-event .outline .next_event .box .title span {
		/* display: inline; */
	}
	.page.f-event .outline .next_event .box .text p {
		letter-spacing: -.05em;
	}
	.page.f-event .outline .next_event .box:before,
	.page.f-event .outline .next_event .box:after {
		right: 15px;
	}
	.page.f-event .outline .next_event .box:before {
		width: 60px;
		bottom: 15px;
	}
	.page.f-event .outline .next_event .box:after {
		width: 10px;
		bottom: 19px;
	}
	.fashion .more_link:before,
	.fashion .more_link:after {
		right: 10px;
	}
	.fashion .more_link:after {
		width: 10px;
		bottom: 19px;
	}
	.top_nav .wp-block-media-text__content .title_wrap h3,
	.top_nav .wp-block-media-text__content .title_wrap .title {
		font-size: 14px;
		margin-bottom: 0;
	}
	.top_nav .wp-block-media-text__content .title_wrap h3.sp_fos,
	.top_nav .wp-block-media-text__content .title_wrap .title.sp_fos {
		font-size: 11px;
	}
	.top_nav .wp-block-media-text__content p {
		font-size: 10px;
	}

	.entitle_wrap {
		margin-bottom: 30px;
	}
	.entitle_wrap .en {
		font-size: 26px;
	}
	.entitle_wrap .title, .page .entitle_wrap h2.title {
		font-size: 14px;
	}
	.page.f-event .oc_movie .title {
		font-size: 16px;
	}
	.f_event_list.color li .text h3 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.f_event_list.color li .event_date span {
		font-size: 24px;
	}
	.f_event_list li .event_time,
	.f_event_list.color li .index_read p {
		font-size: 13px;
	}
	.page.f-event .oc_movie .movie_col {
		margin-bottom: 30px;
	}
	.qa_wrap .q {
		font-size: 14px;
	}
	.calendar_wrap .calendar {
		padding: 0;
	}
	.calendar_nav {
	}
	.calendar_nav li {
		margin-right: 10px;
		font-size: 10px;
	}
	.calendar_nav li:before {
		width: 13px;
		height: 13px;
	}
	.page.f-event .timeschedule li.title span {
		font-size: 14px;
		padding: 3px;
	}
	.page.f-event .timeschedule li {
		font-size: 11px;
	}
	.page.f-event .timeschedule li span.all,
	.page.f-event .timeschedule li span.half {
		width: 38%;
	}
	.page.f-event .timeschedule li span.time {
		width: 13%;
		font-size: 10px;
	}
	.movie_list .wp-block-group__inner-container {
		display: block;
	}
	.movie_list .movie_col {
		width: 100%;
	}


}



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


	.wp-block-group.box,
	.wp-block-group .wp-block-group.big.box,
	.wp-block-column.box {
		padding: 20px;
	}
	.wp-block-column.box p {
		font-size: 13px;
	}
	p + .wp-block-group, .wp-block-group p + .wp-block-group, p + .wp-block-group:first-of-type, ul + .wp-block-group:first-of-type, ol + .wp-block-group:first-of-type, .wp-block-group .wp-block-group + .wp-block-group, .wp-block-columns + .wp-block-group, .wp-block-group + .wp-block-columns {
		margin-top: 20px;
	}
	.f-final .wp-block-group .wp-block-group + .wp-block-group {
		margin-bottom: 0;
	}
	.wp-block-group .price_wrap .wp-block-group + .wp-block-group:last-of-type {
		margin-bottom: 0;
	}
	.wp-block-group + .wp-block-group {
		margin-top: 40px;
	}
	.in_contents .wp-block-columns + .wp-block-columns {
		margin-top: -1em;
	}
	.wp-block-group.mini + p {
		margin-top: 10px;
	}

	.in_contents .school_subject_list .wp-block-columns + .wp-block-columns {
		margin-top: 0;
	}

	.search_area button {
		width: 35px;
	}
	.search_area button img {
		width: 15px;
	}
	.contents.page.search li {
		padding: 15px 0;
	}
	.contents.page.search p.result_title {
		font-size: 16px;
	}
	.search .result_title + p {
		font-size: 12px;
	}
	.search .label span {
		font-size: 10px;
	}

	.inner.movie_sec {
		width: 96%;
	}
	.movie_sec li p {
		font-size: 12px;
	}

	.sns_block li {
		margin: 0 10px;
	}
	.sns_block li .sns_name {
		font-size: 10px;
	}
	.sns_block li .sns_name:before,
	.sns_block li .sns_name:after {
		width: 6px;
		height: 6px;
	}
	.sns_block li .sns_name:before {
		right: -8px;
	}
	.sns_block li .sns_name:after {
		right: -13px;
	}


	.title_line {
		padding: 25px 0;
	}
	.title_line .title,
	.oc_top_title_line h1 {
		font-size: 20px;
		border-left-width: 5px;
	}
	.oc_top_title_line {
		padding: 25px 0 0;
	}


	.page h2 {
		font-size: 18px;
		border-bottom-width: 2px;
	}
	.page h3,
	.contents .wp-block-column .wp-block-image + h3,
	.in_contents h3.dotted_title, .dotted_title {
		font-size: 16px;
		font-weight: 600;
	}
	.in_contents h3.simple_title,
	.simple_title {
		font-size: 16px;
	}
	.page h4,
	.box_title {
		font-size: 14px;
	}

	.cat_home .main_slide {
		padding-bottom: 40%;
	}
	.archit.cat_home .main_slide {
		padding-bottom: 0;
	}
	.fashion .main .main_read {
		padding: 40px 20px;
	}
	.fashion .main .main_read p.read {
	}
	.fashion .main .main_read p {
		font-size: 12px;
	}
	.fashion .page_nav li a {
		font-size: 12px;
	}
	.more_sec .more_box {
		padding: 20px;
	}
	.more_sec .more_box .read {
		font-size: 18px;
		text-align: center;
		margin-bottom: 15px;
	}
	.more_sec .more_box a {
		display: block;
		margin: auto;
		font-size: 16px;
		padding: 10px 40px 10px 20px
	}
	.about_art .read_area p {
		font-size: 12px;
	}

	.qa_block .q:before,
	.qa_block .a:before {
		font-size: 24px;
		padding-right: 10px;
	}
	.qa_block .a {
		padding: 10px 20px 15px;
	}

	.news_list_archive li .text {
		padding: 10px 5px;
	}

	.news_list_archive li {
		width: 100%;
		margin: 0;
		padding: 15px 5px;
		border: none;
		border-bottom: 1px solid #ccc;
	}
	.news_list_archive li:first-child {
		padding-top: 0;
	}
	.news_list_archive li a {
		display: flex;
	}
	.news_list_archive li .image,
	.news .news_list_archive li .image {
		order: 2;
		width: 30%;
		/* height: 80px; */
		margin-left: 15px;
	}
	.news_list_archive li .text,
	.news .news_list_archive li .text {
		order: 1;
		width: 65%;
		padding: 0;
		margin-right: auto;
	}
	.news_list_archive li .info_cat,
	.news .news_list_archive li .info_cat {
		position: relative;
		display: inline-block;
		margin-bottom: 5px;
		font-size: 10px;
		background-color: #ccc;
		padding: 1px 10px;
	}
	.news_list_archive li .info_cat.cat_all,
	.news_list_archive li .info_cat.cat_fashion,
	.news_list_archive li .info_cat.cat_art,
	.news_list_archive li .info_cat.cat_oc,
	.news_list_archive li .info_cat.cat_art_s {
		background-color: #ccc;
	}
	.news_list_archive li .text .info_date,
	.news .news_list_archive li .info_date {
		font-size: 10px;
		display: block;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.news_list_archive li .text h3,
	.news .news_list_archive li .text h3 {
		font-size: 13px;
		font-weight: 600;
	}

	.teachers .news_list_archive li {
		border-bottom: none;
		border: 1px solid #ccc;
		padding: 0;
		margin: .5% .5% 10px;
	}
	.teachers .news_list_archive li a {
		display: block;
	}
	.teachers .news_list_archive li .image,
	.teachers .news_list_archive li .text {
		width: 100%;
		margin-right: 0;
	}
	.teachers .news_list_archive li .image {
		/* height: 125px; */
		margin-left: 0;
	}
	.teachers .news_list_archive li .text h3 {
		margin-top: -4px;
		padding: 3px 10px 8px 3px;
	}

	.a_interview .news_list_archive li:first-child {
		padding-top: 15px;
	}
	.a_interview .news_list_archive li .read {
		font-size: 13px;
	}
	.a_interview .news_list_archive li .new {
		font-size: 10px;
		padding: 1px 5px;
	}

	.movie_sec .movie_title .title {
		font-size: 14px;
	}

	.enter_flow .wp-block-columns:after {
		bottom: -18px;
		border-left: 18px solid transparent;
		border-right: 18px solid transparent;
		border-top: 13px solid #b81c22;
	}

	.art_s_read p {
		font-size: 16px;
	}

	.info_list_block .list li {
		margin-bottom: 10px;
	}
	.info_list_block .list li span {
		display: block;
		margin-right: 0;
		color: #999;
		font-size: 10px;
	}

	.main_image .on_read {
		font-size: 24px;
		line-height: 1.2;
	}

	.point_list li {
		font-size: 13px;
	}

	.in_contents .toc, .toc {
		padding: 20px 10px;
	}

	.link_txt a:after {
		top: auto;
		bottom: 7px;
	}
	.btm_event_list li {
		width: 100%;
		display: flex;
		padding: 10px 0;
		border-bottom: 1px dotted #ccc;
	}
	.btm_event_list li .image {
		display: none;
	}
	.btm_event_list li h3 {
		font-size: 12px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.oc_search .cat_list li {
		font-size: 12px;
		margin-right: 10px;
		padding-right: 10px;
	}


	.fashion.cat_home section {
		width: 94%;
	}
	.fashion .features .point_col .header {
		padding: 0 10px;
	}
	.fashion .features .point_col .header .icon_num {
		max-width: none;
		width: 80px;
		padding-right: 10px;
	}
	.fashion .features .point_col .header h3 {
		font-size: 14px;
	}
	.fashion .features .slide_contents .point_col .in_box .text {
		height: 23%;
		border-radius: 0 15px 15px 0;
	}
	.fashion .features .slide_contents .point_col .in_box .text p {
		font-size: 10px;
	}
	.f_event_list.color li {
		padding: 15px;
	}
	.f_event_list.color li h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.f_event_list.color li .text {
		padding-right: 10px;
	}
	.f_event_list.color li .index_read p {
		font-size: 10px;
	}
	.f_event_list.color li .more_link {
		padding: 5px 30px 5px 15px;
		width: 50%;
	}
	.f_event_list.color li .more_link:before {
		bottom: 12px;
		right: 13px;
	}
	.f_event_list.color li .more_link:after {
		bottom: 15px;
		right: 13px;
	}

	.f-department .main_img_text,
	.f-department .wp-block-group.main_img_text:first-of-type {
		padding: 15% 5% 0;
	}


}



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






/* 202311 改修 建築追加 */
.site_head .top_nav li span {
	font-family: "futura-pt", sans-serif;
}

.home .main_nav {
	margin-bottom: 0;
}


.top_campus_block {
	background-color: #ffff02;
	padding: 40px 0;
	margin-bottom: 0;
}
.top_campus_block .title_img {
	max-width: 30%;
}
.top_campus_block a {
	padding: 0 10px;
}
.top_campus_block a img:hover {
	transform: scale(1.1, 1.1);
}
.top_campus_block img {
	transition: 0.5s;
}


.top_banner_block {
	margin: 30px auto;
	text-align: center;
}
.top_banner_block img {
	transition: 0.5s;
}
.top_banner_block img:hover {
	transform: scale(1.1, 1.1);
}


.title_wrap_ver3,
.wp-block-group .wp-block-group.title_wrap_ver3:last-of-type {
	margin-bottom: 40px;
}
.title_wrap_ver3 + * {
	margin-top: 0!important;
}
.title_wrap_ver3,
.title_wrap_ver3 .wp-block-group__inner-container {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}
.title_wrap_ver3 .wp-block-group__inner-container {
	margin-left: 0!important;
}
.title_wrap_ver3 .en,
.in_contents .title_wrap_ver3 p.en:last-of-type {
	font-size: 20px;
	font-family: "futura-pt", sans-serif;
	line-height: 1.2;
	display: inline-block;
	background-color: #068154;
	color: #fff;
	padding: 3px 30px;
	margin-bottom: 7px;
}
.title_wrap_ver3 .ja {
	font-size: 20px;
	font-weight: 600;
	border-bottom: none;
	margin-bottom: 0;
}
.info_block_ver3 {
	background-color: #f5f5f5;
	padding: 80px 0;
	margin-bottom: 80px;
}
.info_block_ver3 .title_wrap_ver3 {
	padding-bottom: 15px;
	border-bottom: 2px solid #000;
}
.list_col {
	margin-right: 5%;
}
.info_block_ver3 .list_slide {
	width: 55%;
}
.row_info_block_ver3 .title_wrap_ver3 .en {
	font-size: 36px;
	background: none;
	color: #000;
	padding: 0;
	margin-bottom: 0;
}
.row_info_block_ver3 .title_wrap_ver3 .ja {
	font-size: 16px;
	font-weight: normal;
}

.list_col li {
	font-size: 14px;
	margin-bottom: 1em;
	display: flex;
	align-items: flex-start;
}
.list_col li .info_date {
	font-size: 12px;
	color: #666;
	margin-right: 1em;
}
.list_col li .info_cat {
	font-size: 10px;
	color: #fff;
	padding: 1px 5px;
	display: inline-block;
	text-align: center;
	min-width: 75px;
	margin-right: 1em;
}
.list_slide.arrow_box li {
	border-bottom: 1px solid #000;
	position: relative;
	padding-bottom: 10px;
}
.list_slide.arrow_box li:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 2px;
	width: 12px;
	height: 1px;
	background-color: #000;
	transform: rotate(30deg);
}
.list_slide.arrow_box li .image {
	margin-bottom: 5px;
	aspect-ratio: 1/1;
}
.list_slide.arrow_box li .image img {
}
.list_slide.arrow_box li .text h3 {
	font-size: 14px;
}
.list_slide.arrow_box li .text .info_date {
	margin-right: 5px;
	font-size: 10px;
}
.list_slide.arrow_box li .text .info_cat {
	position: relative;
	padding: 4px 10px;
	font-size: 10px;
}
.list_slide.arrow_box .slick-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid #ccc;
	background-color: rgba(255, 255, 255, .95);
}
.list_slide.arrow_box .slick-arrow:before {
	border-width: 1px;
}
.slick-arrow.next:before {
	right: 10px;
}
.slick-arrow.prev:before {
	left: 10px;
}
.simple_title.big {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 40px;
}
.link_btn.ver3 a {
	padding: 15px 90px 15px 40px;
}
.link_btn.ver3 a:before {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 5px;
	bottom: 0;
	margin: auto;
	width: 40px;
	height: 1px;
	background-color: #000;
}
.link_btn.ver3 a:after {
	right: 20px;
	height: 1px;
	border: none;
	background-color: #000;
	transform: rotate(30deg);
}

.wp-block-columns + .wp-block-columns {
	margin-top: 50px;
}
.image_nav {
	border: 1px solid #666;
	background-color: #fcf4e9;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	transition: .3s linear;
}
.image_nav:hover {
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}
.image_nav a:hover {
	color: #000;
}
.image_nav a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.image_nav.wp-block-media-text .wp-block-media-text__content {
	padding: 30px 40px;
}
.image_nav .subtitle {
	font-size: 18px;
	font-weight: 600;
}
.image_nav .title {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}
.image_nav p {
	font-size: 12px;
}
.image_nav .wp-block-media-text__media img {
	height: 250px;
	width: auto;
}
.about_info {
	margin: 80px auto;
}
.about_info .logo {
	max-width: 400px;
	width: 65%;
	margin-bottom: 30px;
}
.about_info .train_col p {
	font-size: 14px;
}

.archit .site_head .cat_nav {
	height: auto;
	position: fixed;
	top: 110px;
	left: 0;
	width: 300px;
	display: block;
	z-index: 1000;
	background-color: #fff;
}
.fixed.archit .site_head .cat_nav {
	top: 50px;
}
.archit .site_head .cat_nav .sidemenu_head {
	margin-bottom: 20px;
}
.archit .site_head .cat_nav .sidemenu_head a {
	padding: 20px 40px;
	background-color: #068154;
	flex-direction: column;
	align-items: flex-start;
}
.archit .site_head .cat_nav .sidemenu_head .en {
	font-family: "futura-pt", sans-serif;
}
.archit .site_head .cat_nav .sidemenu_head a:hover {
	background-color: #00998c;
}
.archit .site_head .cat_nav .sidemenu_head p {
	color: #fff;
}
.archit .site_head .cat_nav .sidemenu_head p.en {
	font-size: 20px;
}
.archit .site_head .cat_nav .sidemenu_head p.ja span {
	margin-left: 5px;
	font-size: 10px;
	display: inline-block;
	transform: scale(.8);
}
.archit .site_head .cat_nav ul.icon_link {
	margin-bottom: 30px;
	padding: 0 15%;
	align-items: flex-start;
}
.archit .site_head .cat_nav ul.icon_link li {
	font-size: 10px;
	width: 25%;
	margin: 0 10px;
	text-align: center;
}
.archit .site_head .cat_nav ul.icon_link li a {
	display: block;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
}
.archit .site_head .cat_nav ul.icon_link li span {
	display: block;
	margin-bottom: 3px;
}
.archit .site_head .cat_nav ul.icon_link li img {
	width: 100%;
}
.archit .site_head .cat_nav ul.cat_nav_list {
	flex-direction: column;
	align-items: flex-start;
	padding: 0 15%;
	margin-bottom: 40px;
}
.archit .site_head .cat_nav ul.cat_nav_list li {
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative;
	width: 100%;
}
.archit .site_head .cat_nav ul.cat_nav_list li:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	background-color: #000;
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}
.archit .site_head .cat_nav ul.cat_nav_list li a {
	text-align: left;
	display: block;
	padding: 7px;
}
.archit .site_head .cat_nav ul.cat_nav_list li a:hover {
	background-color: #f8f8f8;
}
.archit .site_head .cat_nav_list ul.sub-menu {
	left: 100%;
	top: 50%;
	background-color: #fff;
	display: block;
	transform: translateY(-70%);
}
.fixed.archit .site_head .cat_nav_list ul.sub-menu {
	transform: translateY(-50%);
}
.archit .site_head .cat_nav ul.cat_nav_list .sub-menu li {
	padding-left: 0;
}
.archit .site_head .cat_nav ul.cat_nav_list .sub-menu li:before {
	content: none!important;
}
.archit .site_head .cat_nav ul.cat_nav_list .sub-menu li a {
	padding: 7px 20px;
}
.archit .site_head .cat_nav .event_block {
	padding: 0 15%;
}
.archit .site_head .cat_nav .event_block .title {
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.archit .site_head .cat_nav .event_block a {
	padding: 0;
}
.archit .site_head .cat_nav .event_block .event_date a {
	font-family: "bebas-neue-pro", sans-serif;
	color: #e79200;
	font-size: 50px;
	font-weight: 100;
	display: flex;
	align-items: baseline;
	position: relative;
}
.archit .site_head .cat_nav .event_block .event_date a:before,
.archit .site_head .cat_nav .event_block .event_date a:after {
	content: '';
	position: absolute;
	right: 0;
	background-color: #000;
	height: 1px;
}
.archit .site_head .cat_nav .event_block .event_date a:before {
	bottom: 0;
	width: 40px;
}
.archit .site_head .cat_nav .event_block .event_date a:after {
	bottom: 4px;
	width: 13px;
	transform: rotate(33deg);
}
.archit .site_head .cat_nav .event_block .event_date {
	margin-bottom: 10px;
}
.archit .site_head .cat_nav .event_block .event_date,
.archit .site_head .cat_nav .event_block .event_date a {
	line-height: 1;
}
.archit .site_head .cat_nav .event_block .event_date span {
	font-size: 20px;
	margin-left: 10px;
}
.archit .site_head .cat_nav .event_block .event_detail {
	margin-bottom: 10px;
}
.archit .site_head .cat_nav .event_block .event_detail p {
	font-size: 12px;
}
.archit .site_head .cat_nav .event_block .event_date a:hover {
	background-color: #f8f8f8;
}

.archit .content_wrap {
	margin-left: 330px;
}
.archit #breadcrumb {
	padding: 5px 0;
	width: auto;
}
.archit main.contents {
	width: 96%;
}
.cat_home.archit .main {
	background: none;
}
.cat_home.archit .main:after {
	content: none;
}
.archit .main_grid {
	height: 70vh;
	display: grid;
	/* grid-template-columns: repeat(3, 1fr); */
	/* grid-template-rows: repeat(3, 1fr); */
	grid-template-columns: 40% 30% 30%;
	grid-template-rows: 20vh 40vh 10vh;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: 23vh;
}
.archit .main_grid .text { grid-area: 1 / 1 / 3 / 2; }
.archit .main_grid .image_1 { grid-area: 1 / 2 / 2 / 3; }
.archit .main_grid .image_2 { grid-area: 1 / 3 / 2 / 4; }
.archit .main_grid .image_3 { grid-area: 2 / 2 / 3 / 4; }
.archit .main_grid .bn { grid-area: 3 / 1 / 4 / 4; }

.archit .main_grid .image_1 img,
.archit .main_grid .image_2 img,
.archit .main_grid .image_3 img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.archit .main_grid .text,
.archit .main_grid .bn {
	background-color: #068154;
}
.archit .main_grid .text {
	padding: 30px 30px 60px;
}
@media screen and ( max-width: 1305px ) {
	.archit .main_grid .text {
		padding: 10% 6%;
	}
}
.archit .main_grid .text .text_read {
	margin-bottom: 40px;
}
.archit .main_grid .text .text_read p {
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 1.3vw;
	line-height: 2.2;
}
@media screen and ( min-width: 1730px ) {
	.archit .main_grid .text .text_read p {
		font-size: 28px;
	}
}
.archit .main_grid .text .text_read p span {
	line-height: 1;
}
.archit .main_grid .text .subject_name {
	margin-bottom: 10px;
}
.archit .main_grid .text .subject_name p {
	color: #068154;
	font-size: 1.5vw;
	line-height: 1;
	margin-bottom: 18px;
}
@media screen and ( min-width: 1730px ) {
	.archit .main_grid .text .subject_name p {
		font-size: 30px;
	}
}
.archit .main_grid .text .big {
	font-size: 2.4vw;
}
@media screen and ( min-width: 1730px ) {
	.archit .main_grid .text .big {
		font-size: 48px;
	}
}
.archit .main_grid .text .subject_name p span {
	background-color: #fff;
	padding: 7px 10px;
}
.archit .main_grid .text .subject_name .futura {
	line-height: 1;
}
.archit .main_grid .text .subject_name .futura span {
	font-family: "futura-pt", sans-serif;
	line-height: 1;
	padding: 2px 10px;
}
.archit .main_grid .text .start_date {
	color: #fff;
	font-size: 3.2vw;
	font-family: "futura-pt", sans-serif;
}
@media screen and ( min-width: 1730px ) {
	.archit .main_grid .text .start_date {
		font-size: 52px;
	}
}
.archit .main_grid .bn ul {
	display: flex;
	justify-content: center;
	gap: 5%;
	position: relative;
	top: -70%;
}
.archit .main_grid .bn li {
	max-width: 500px;
	width: 45%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0, 0, 0, .5);
}
.archit .main_grid .bn li img {
	transition: .3s linear;
}
.archit .main_grid .bn li a {
	display: block
}
.archit .main_grid .bn li a:hover img {
	transform: scale(1.03);
}
.cat_home .row_info_block_ver3 {
	margin-bottom: 80px;
}
.cat_home .list_slide.arrow_box {
	padding: 30px 40px;
	background-color: #f5f5f5;
	margin-bottom: 50px;
}
.cat_home .arrow_box .slick-arrow.next:before {
	border-color: #000 #000 transparent transparent;
}
.cat_home .arrow_box .slick-arrow.prev:before {
	border-color: transparent transparent #000 #000;
}
.row_info_block_ver3 .list_col {
	margin-bottom: 30px;
}
.link_btn_ver3 a {
	display: inline-block;
	color: #fff;
	padding: 7px 25px;
	border-radius: 5px;
	font-size: 14px;
	border: 1px solid #068154;
}
.archit .link_btn_ver3 a {
	background-color: #068154;
}
.archit .link_btn_ver3 a:hover {
	background-color: #fff;
	color: #068154;
}
.archit_block {
	background-color: #068154;
	gap: 0;
}
.archit_block .title_wrap {
	margin-bottom: 80px;
}
.archit_block .title_wrap,
.archit_block .title_wrap .wp-block-group__inner-container {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	margin-left: 0!important;
}
.archit_block .title_wrap .en {
	display: inline-block;
	font-family: "futura-pt", sans-serif;
	padding: 3px 30px;
	background-color: #fff;
	font-size: 20px;
	margin-bottom: 5px;
}
.archit_block .title_wrap .ja {
	color: #fff;
	font-size: 24px;
}
.archit_block .text {
	padding: 5% 5% 0;
	position: relative;
}
.archit_block .text .text_col {
	position: absolute;
	background-color: #fff;
	padding: 10%;
	width: 130%;
	border-radius: 0 30px 0 0;
	bottom: 0;
	z-index: 1;
}
.wp-block-group + .wp-block-group.text_col {
	margin-top: 0;
}
.contents .archit_block .wp-block-column .wp-block-image {
	margin-bottom: 0;
	height: 100%;
}
.contents .archit_block .wp-block-column .wp-block-image img {
	height: 100%;
	object-fit: cover;
}
.archit_block .text .text_col p {
	font-size: 14px;
}
.archit_block .text .text_col .read {
	font-size: 22px;
	display: inline;
	background:linear-gradient(transparent 60%, #ffea00 60%);
}
.archit_block .text .text_col .read + p {
	margin-top: 40px;
}
.archit_block .image + .text .text_col {
	right: 10%;
}
@media screen and ( max-width: 1440px ) {
	.archit_block .text .text_col {
		position: relative;
		width: 180%;
	}
	.archit_block .image + .text .text_col {
		right: 80%;
	}
}

.linkbox_block {
}
.linkbox_block .wp-block-column:first-of-type a {
	margin-left: auto;
}
.linkbox_block a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	width: 80%;
	text-align: center;
	font-size: 22px;
	border-radius: 10px;
	overflow: hidden;
}
.linkbox_block a img {
	width: 100%;
	border: 1px solid #333;
	border-radius: 10px;
}

.bg_var3 {
	background-color: #f1f1f1;
	padding: 6% 8%;
}
.archit_readwrap h2,
.archit_readwrap p {
	text-align: center;
}
.archit_readwrap h2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}
.archit_readwrap .text {
	padding: 8% 5%;
	background-color: #fff;
	border: 3px solid #068154;
	border-radius: 10px;
}
.archit_readwrap p {
	text-align: center;
	margin-bottom: 0;
	line-height: 1.7;
}

.archit .title_line {
	border-top: none;
}
.archit .in_contents.inner,
.archit .title_line .title {
	width: 100%;
	max-width: none;
}
.archit .title_line {
	display: flex;
	align-items: center;
}
.archit .title_line .parent_page {
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 20px;
	border: 1px solid;
	margin-left: 30px;
	white-space: nowrap;
}
.archit .title_line .title {
	border-left: none;
	color: #000;
	font-size: 30px;
	padding-left: 0;
	display: flex;
	align-items: center;
}
.page .bg_title,
.bg_title {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	background-color: #068154;
	padding: 3px 30px;
	border-bottom: none;
	margin-bottom: 20px;
}
.in_contents .line_title,
.line_title {
	border-bottom: none;
	position: relative;
	padding-left: 45px;
	font-size: 18px;
	margin-bottom: 10px;
}
.line_title:before {
	content: '';
	width: 30px;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.archit h4 {}

.max_400 {
	max-width: 400px;
}
.shift_inner,
.in_contents ul.shift_inner,
.in_contents ol.shift_inner,
.wp-block-group.shift_inner,
.dl_wrap.shift_inner {
	margin-left: 40px;
}
.bg_g {
	background-color: #f7f7f7;
	padding: 30px;
}
.guideline_flow {
	display: flex;
	flex-wrap: wrap;
	counter-reset: listnum;
	padding-left: 0!important;
}
.guideline_flow li {
	width: 10%;
	min-width: 92px;
	margin-right: 1%;
	margin-bottom: 5px;
	list-style: none!important;
	font-size: 12px;
	letter-spacing: -.05em;
	text-align: center;
	position: relative;
	padding: 50px 5px 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #d1d1d1;
}
.guideline_flow li:last-child {
	margin-right: 0;
}
.guideline_flow li:before{
	counter-increment: listnum;
	content: counter(listnum);
	font-size: 26px;
	font-family: "bebas-neue-pro", sans-serif;
	font-weight: 400;
	line-height: 1;
	color: #d1d1d1;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: auto;
}
.guideline_flow li:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
  height: 0;
  border-left: 5px solid #8e8e8e;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
.guideline_flow li:last-child:after {
	content: none;
}

.education_policy_main {
	background: url('images/archit/introduction/education-policy/education_policy_main.webp') no-repeat;
	border-radius: 30px;
	padding: 3% 10% 40%;
	background-size: cover;
}
.education_policy_main .wp-block-group__inner-container {
}
.education_policy_main .wp-block-group__inner-container .wp-block-group__inner-container {
	width: 100%;
}
.education_policy_main p {
	color: #fff;
	text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
}
.education_policy_main .ontext_big {
	font-size: 60px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	line-height: 1.4;
}
.education_policy_main .ontext_big + .wp-block-group {
	margin-top: 40px;
}
.intext_image p {
	font-size: 10px;
}
.intext_image p.name_ja {
	font-size: 16px;
	margin-bottom: 0!important;
}
.intext_image p.name_ja,
.intext_image p.name_en {
	line-height: 1.2;
}

.mincho_read {
	margin-bottom: 40px;
}
.mincho_read p {
	font-size: 40px;
	color: #068154;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.border_top {
	padding-top: 80px;
	border-top: 1px solid #068154;
	margin-top: 80px;
}
.about_box_wrap {
	counter-reset: number 0;
	flex-wrap: wrap!important;
}
@media screen and ( min-width: 782px ) {
	.wp-block-columns.about_box_wrap {
		flex-wrap: wrap!important;
	}
}
.about_box_wrap .about_box {
	position: relative;
	margin-bottom: 5%;
	flex-basis: 40%!important;
	border-top: 10px solid;
}
.about_box_wrap .about_box.box1 {
	border-color: #599f55;
}
.about_box_wrap .about_box.box2 {
	border-color: #48a096;
}
.about_box_wrap .about_box.box3 {
	border-color: #2e6a50;
}
.about_box_wrap .about_box.box4 {
	border-color: #d5894d;
}
.about_box_wrap .about_box .text {
	position: relative;
	left: 0;
	right: 0;
	margin: -60% auto auto;
	padding: 50px 70px 110px;
	border-radius: 20px;
	width: 90%;
	max-width: 500px;
	z-index: 1;
}
.about_box_wrap .about_box .text * {
	color: #fff;
}
.about_box_wrap .about_box.box1 .text {
	background-color: rgba(89, 159, 85, .95);
}
.about_box_wrap .about_box.box2 .text {
	background-color: rgba(72, 160, 150, .95);
}
.about_box_wrap .about_box.box3 .text {
	background-color: rgba(46, 106, 80, .95);
}
.about_box_wrap .about_box.box4 .text {
	background-color: rgba(213, 137, 77, .95);
}
.about_box_wrap .about_box .text:before {
	counter-increment: number 1;
	content: counter(number) " ";
	font-family: "adorn-engraved", sans-serif;
	font-weight: 400;
	font-size: 60px;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: 40px;
	left: 40px;
}
.about_box_wrap .about_box .about_box_title_wrap {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 30px;
	position: relative;
}
.about_box_wrap .about_box .about_box_title_wrap:after {
	content: '';
	width: 30px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.about_box_wrap .about_box .about_box_title_wrap .ja {
	font-weight: 600;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 18px;
}
.about_box_wrap .about_box .about_box_title_wrap .en {
	font-size: 14px;
}
.about_box_wrap .about_box .link_btn {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
}
.about_box_wrap .about_box .link_btn a {
	background: none;
	border-color: #fff;
}


.about_creator_block {
	background: url('images/archit/introduction/about-creator/about-creator_bg.webp') no-repeat left 0% / 100%;
	padding: 20% 5% 10%;
	background-color: #1c7ebc;
}
.about_creator_block .wp-block-image {
	text-align: center;
}
.about_creator_block .wp-block-image img {
	width: 80%;
}
.about_creator_block h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 40px;
	background-color: #fff;
	padding: 8px 10px;
	margin-bottom: 14px;
	width: 100%;
}
.about_creator_block h2 + p {
	color: #fff;
}
.about_creator_block .technical_box h2 {
	color: #1fa59a;
}
.about_creator_block .creativity_box h2 {
	color: #ea8d0f;
}
.about_creator_block .technical_box .wp-block-group,
.about_creator_block .creativity_box .wp-block-group {
	margin-top: 0;
}
@media screen and ( max-width: 1070px ) {
	.about_creator_block h2 {
		font-size: 15px;
	}
}
@media screen and ( max-width: 781px ) {
	.in_contents .about_creator_block .wp-block-columns {
		gap: 1em;
	}
}
@media screen and ( max-width: 480px ) {
	.about_creator_block h2 {
		font-size: 12px;
		border-radius: 0;
	}
}

.archit .link_btn a:before {
	content: '';
	width: 40px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.archit .link_btn a:after {
	width: 7px;
	height: 1px;
	border: none;
	background-color: #fff;
	transform: rotate(35deg);
}
.gap_l {
	gap: 15%;
}
.gap_m {
	gap: 10%;
}
.gap_s {
	gap: 5%;
}
.gap_ss {
	gap: 3%;
}
.archit p {
	line-height: 1.8;
}

.crosstalk_pagination .next_btn {
	line-height: 1;
}
.crosstalk_pagination a {
	text-decoration: none!important;
}
.crosstalk_pagination .next_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	background-color: #036eb8;
	padding: 10px 30px;
	color: #fff;
	font-weight: 600;
	border: 1px solid #036eb8;
}
.crosstalk_pagination .next_btn a:hover {
	background-color: #fff;
	color: #036eb8;
}
.crosstalk_pagination .next_btn .arrow {
	content: '';
	display: inline-block;
	width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
	margin: 0 20px;
}
.crosstalk_pagination .next_btn a:hover .arrow {
  border-left: 10px solid #036eb8;
}
.crosstalk_pagination .pagination_num {
	display: flex;
}
.crosstalk_pagination .pagination_num li {
	list-style: none;
	text-align: center;
	width: 60px;
	height: 50px;
	border-top: 1px solid #036eb8;
	border-left: 1px solid #036eb8;
	border-bottom: 1px solid #036eb8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	background-color: #036eb8;
	color: #fff;
}
.crosstalk_pagination .pagination_num li:last-child {
	border-right: 1px solid #036eb8;
}
.crosstalk_pagination .pagination_num li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #000;
}
.crosstalk_pagination .pagination_num li a:hover {
	background-color: #036eb8;
	color: #fff;
}

.in_contents .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: relative;
	color: #000;
	background: none;
	display: contents;
	text-shadow: none;
}
.in_contents .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	content: none;
}

.content_menu,
.content_menu .wp-block-group,
.content_menu.wp-block-group + .wp-block-group,
.content_menu.wp-block-group .wp-block-group + .wp-block-group,
.content_menu p + .wp-block-group,
.content_menu p {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.content_menu .wp-block-group,
.content_menu {
	gap: 0;
}
.content_menu .menu_col {
	border-right: 1px solid #000;
	position: relative;
	padding: 0 3%;
	transition: .3s linear;
}
.content_menu .menu_col:last-of-type {
	border-right: none;
}
.content_menu .num {
	font-size: 40px;
	margin-right: 10px;
	font-weight: normal;
	white-space: nowrap;
}
.content_menu .title p {
	line-height: 1.2;
}
.content_menu .title .en {
	font-size: 14px;
	font-family: "futura-pt", sans-serif;
}
.content_menu .title .ja {
	font-size: 12px;
}
.content_menu .menu_col a {
	text-decoration: none;
}
.content_menu .menu_col a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.content_menu .menu_col:hover {
	background-color: #f8f8f8;
}
.content_menu .menu_col a:hover {
	color: #000;
}
.content_menu .sub {
	font-size: 18px;
}
.content_menu .menu_col.menu_01 .num,
.content_menu .menu_col.menu_01 .en {
	color: #a1570f;
}
.content_menu .menu_col.menu_02 .num,
.content_menu .menu_col.menu_02 .en {
	color: #23afa0;
}
.content_menu .menu_col.menu_03 .num,
.content_menu .menu_col.menu_03 .en {
	color: #7fbb38;
}
.content_menu .menu_col.menu_04 .num,
.content_menu .menu_col.menu_04 .en {
	color: #0084c8;
}

.archit .wp-block-group + .wp-block-group {
	margin-top: 100px;
}
.archit .wp-block-group + .wp-block-group.mini {
	margin-top: 30px;
}

.feature_col_title,
.wp-block-group .wp-block-group.feature_col_title:last-of-type {
	margin-bottom: 30px;
}
.feature_col_title .num {
	font-size: 80px;
	line-height: 1;
	margin-right: 5px;
}
.feature_col_title p + .title_wrap_ver3 {
	margin-top: 0;
}
.feature_col_title .title_wrap_ver3 {
	margin-bottom: 0!important;
}
.arc-feature-main_block .comment_text p {
	font-size: 14px;
}
.read_subtitle {
	font-size: 40px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.sub_read {
	font-size: 20px;
	font-weight: 600;
}
.contents .person_col .wp-block-column .wp-block-image {
	margin-bottom: 0;
}
.person_col p {
	line-height: 1.4;
	font-size: 12px;
	margin-bottom: 0!important;
}
.person_col .name {
	font-size: 16px;
}

#wooden .feature_col_title .num,
#wooden .read_subtitle,
#wooden .sub_read {
	color: #a1570f;
}
#wooden .title_wrap_ver3 .en {
	background-color: #a1570f;
}

#interior .feature_col_title .num,
#interior .read_subtitle,
#interior .sub_read {
	color: #23afa0;
}
#interior .title_wrap_ver3 .en {
	background-color: #23afa0;
}

#environment .feature_col_title .num,
#environment .read_subtitle,
#environment .sub_read {
	color: #7fbb38;
}
#environment .title_wrap_ver3 .en {
	background-color: #7fbb38;
}

#landscape .feature_col_title .num,
#landscape .read_subtitle,
#landscape .sub_read {
	color: #0084c8;
}
#landscape .title_wrap_ver3 .en {
	background-color: #0084c8;
}

.teacher_col .t_name {
	font-size: 18px;
}
.teacher_col .t_name a {
	text-decoration: none;
}
.box_text,
.in_contents p.box_text:last-of-type {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 6px 10px;
	border: 1px solid #000;
	margin-bottom: 5px;
}
.box_text + ul li {
	font-size: 14px;
}
.teacher_col {
	position: relative;
}
.teacher_col .text .t_home {
	position: absolute;
	bottom: 0;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.teacher_col .text .t_home p {
	font-size: 14px;
	margin-bottom: 0;
}
.contents .wp-block-column.teacher_col .wp-block-image {
	margin-bottom: 0;
}

.in_contents .wp-block-table.line_table th,
.in_contents .wp-block-table.line_table td {
	border: none;
}
.line_table tr {
	border-bottom: 1px solid #ccc;
}
.line_table tr.noline {
	border-bottom: none;
}

.slash_list li {
	list-style: none;
	display: inline-block;
	position: relative;
}
.slash_list li:after {
	content: '／';
	margin: 0 5px;
}
.slash_list li:last-child:after {
	content: none;
}

.color_title,
.in_contents h3.color_title {
	display: inline-block;
	padding: 3px 5px;
	background-color: #eef4e3;
	color: #068154;
	font-weight: 600;
	border-bottom: none;
}
.circle_list li {
	list-style: none;
	position: relative;
	padding-left: 25px;
	display: flex;
	margin-bottom: 7px;
	font-size: 18px;
}
.circle_list li:before {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid #000;
	position: absolute;
	left: 0;
	top: 7px;
}

.circle_list_black li {
	list-style: none;
	position: relative;
	padding-left: 25px;
	display: flex;
	margin-bottom: 3px;
}
.circle_list_black li:before {
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 7px;
}

.objective_col {
	padding: 40px;
	border-radius: 20px;
	background-color: #eff2e9;
	position: relative;
}
.objective_col:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -6%;
	margin: auto;
	width: 0;
  height: 0;
  border-left: 15px solid #f9c04c;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.objective_col:last-of-type:after {
	content: none;
}
.objective_col .stage,
.in_contents .wp-block-column.objective_col p.stage {
	text-align: center;
	margin-bottom: 30px;
}
.objective_col .stage span {
	line-height: 1;
	padding: 10px 30px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
}
.objective_col .stage.grade_1st_first_semester span {
	background-color: #79bb60;
}
.objective_col .stage.grade_1st_second_semester span {
	background-color: #51a59b;
}
.objective_col .stage.grade_2st_first_semester span {
	background-color: #068154;
}
.objective_col .stage.grade_2st_second_semester span {
	background-color: #d78f56;
}
.objective_col .objective,
.in_contents .wp-block-column.objective_col p.objective {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #068154;
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.5;
}

.square_list.inline {
	padding-left: 0!important;
}
.square_list.inline li:not(:last-child) {
	margin-right: 20px;
}

.archit .in_contents ul,
.archit .in_contents ol {
	padding-left: 0;
}
.dl_wrap.dt_color dt {
	color: #068154;
}

.listmargin_l li {
	margin-bottom: 20px;
}
.archit footer .inner {
	margin-left: 320px;
	flex-direction: column-reverse;
}
.archit footer .link_line {
	margin-bottom: 40px;
	justify-content: flex-start;
}

.archit_event_point {
	margin-bottom: 40px;
}
.archit_event_point p {
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
	margin-bottom: 5px;
}
.archit_event_point p:before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 15px;
	height: 15px;
	background-color: #000;
}
.archit_event_point p.point:before {
	background-color: #f00;
}
.link_arrow {
	display: inline-block;
	position: relative;
}
.link_arrow a {
	display: inline-block;
	padding-right: 20px;
}
.link_arrow a:before,
.link_arrow a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.link_arrow a:before {
	width: 12px;
	height: 1px;
	background-color: #000;
}
.link_arrow a:after {
	width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg);
}
.contents.post header.archit_event_header {
	margin-bottom: 20px;
}
.post article .archit_event_header h1 {
	color: #068154;
	font-weight: 600;
	border-bottom: 3px solid #068154;
}
.post.archit_event h2 {
	display: inline-block;
	padding: 4px 100px 4px 25px;
	color: #fff;
	background-color: #068154;
	font-size: 18px;
}
.post.archit_event h2:before {
	content: none;
}

.archit-event .entitle_wrap {
	text-align: center;
}
.archit-event .entitle_wrap .entitle_wrap_in {
	display: inline-block;
	padding: 5px 50px;
	border: 1px solid #000;
}
.archit-event .entitle_wrap .en {
	font-weight: normal;
	font-family: "futura-pt", sans-serif;
}
.archit-event .entitle_wrap .title,
.page.archit-event .entitle_wrap h2.title {
	margin-bottom: 0;
}
.archit-event .entitle_wrap .en span:after {
	background: none;
}
.archit-event .f_event_list.color {
	background: none;
}
.archit-event .f_event_list.color li {
	border-radius: 20px;
	background-color: #f5f5f5;
	box-shadow: 6px 6px 10px rgba(0, 0, 0, .2);
	width: 46%;
	margin: 2%;
}
.archit-event .f_event_list.color li h3,
.archit-event .f_event_list.color li .event_date {
	color: #068154;
}
.archit-event .f_event_list.color li .more_link {
	margin-left: auto;
	margin-right: auto;
}
.archit-event .f_event_list.color li .more_link a {
	display: block;
	color: #000;
	font-size: 16px;
	background-color: #fff;
	padding: 5px;
	border-radius: 30px;
	border: 1px solid #068154;
}
.archit .archit-faq .wp-block-group + .wp-block-group {
	margin-top: 0;
}
.archit .qa_block {
	padding-bottom: 20px;
	border-bottom: 2px dotted #000;
}
.archit .qa_block .q:before {
	font-weight: normal;
	font-family: "futura-pt", sans-serif;
	color: #000;
}
.archit .qa_block .q {
	color: #068154;
}
.archit .qa_block .a {
	background-color: #f9f2e1;
}
.archit .qa_block .a:before {
	color: #e89f0a;
}

.float_block .image {
	order: 2;
}
.float_block .text {
	order: 1;
}

.bg_green_box {
	background-color: #eff2e9;
	padding: 40px 30px;
	border-radius: 30px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.bg_green_title,
.in_contents h3.bg_green_title {
	color: #068154;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	border-bottom: none;
	text-align: center;
	margin-bottom: 30px;
}
.bg_green_box .dl_wrap_flex {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.bg_green_box .dl_wrap_flex dl {
	border-bottom: 2px dotted #ccc;
	padding: 3px 10px;
	display: flex;
}
.bg_green_box .dl_wrap_flex dt {
	width: 100px;
	margin-right: 10px;
	font-size: 80%;
	color: #666;
}
.ao_benefit_wrap,
.wp-block-group .wp-block-group.ao_benefit_wrap {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.ao_benefit_wrap h4 {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
.ao_benefit_wrap h4 span {
	background-color: #068154;
	color: #fff;
	padding: 7px 30px;
}
.ao_benefit_wrap p {
	font-weight: 600;
}

.archit .guideline_flow li {
	width: 18%;
	font-size: 16px;
	margin-right: 2%;
	margin-bottom: 20px;
}
.archit .guideline_flow li:after {
	right: -15px;
}

.futura {
	font-family: "futura-pt", sans-serif;
	line-height: 1;
}
.archit .main_2409 {
	display: flex;
	margin-bottom: 20px;
}
.archit .main_2409 .text,
.archit .main_2409 .image {
	flex: 1;
}
.archit .main_2409 .text {
	background-color: #068154;
	padding: 70px 40px;
	color: #fff;
}
.archit .main_2409 .futura span {
	display: inline-block;
	background-color: #fff;
	padding: 4px 12px;
	color: #068154;
	font-size: 24px;
	line-height: 1;
}
.archit .main_2409 .text_read {
	margin: 30px 0 0;
	font-size: 3.5vw;
	color: #fff;
	line-height: 1.3;
}
.archit .main_2409 .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
}
.archit .main .catch_phrase {
	position: absolute;
	top: 8%;
	left: 8%;
	width: 80%;
	max-width: 550px;
}
.archit .main .catch_phrase img {
	width: 100%;
}
.archit .bn_area .btn_area {
	background-color: #068154;
	position: relative;
	padding: 30px 40px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.archit .bn_area .btn_area .title {
	display: inline-block;
	background-color: #fff;
	color: #068154;
	font-weight: 600;
	font-size: 18px;
	padding: 3px 20px;
	line-height: 1.3;
	border: 3px solid #068154;
	border-radius: 2px;
	position: absolute;
	top: -20px;
	left: 5%;
}
.archit .bn_area .btn_area .btn_list {
	display: flex;
}
.archit .bn_area .btn_area .btn_list li {
	flex: 1;
	border-right: 3px dotted #fff;
	text-align: center;
}
.archit .bn_area .btn_area .btn_list li:last-child {
	border: none;
}
.archit .bn_area .btn_area .btn_list li p {
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 1.3vw;
}
.archit .bn_area .btn_area .btn_list li p span {
	display: block;
	font-size: 2vw;
}
.archit .bn_area .btn_area .btn_list li a {
	display: inline-block;
	padding: 10px 40px;
	border-radius: 30px;
	background-color: #ffea00;
	color: #068154;
	font-size: 1.3vw;
	font-weight: 600;
}
.archit .bn_area .btn_area .btn_list li a:hover {
	box-shadow: 0 0 0 rgba(0,0,0,.2);
	transform: scale(1.1);
}
.wide_bn {
	margin: 5% auto;
}

.open-modal {
	color: #1170c0;
	padding-right: 14px;
	position: relative;
}
.open-modal::after {
	content: '';
	background-image: url(images/icon/icon_photo.svg);
	background-size: cover;
	width: 24px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: -4px;
	right: -20px;
}
.modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
	z-index: 9999;
}

.modal_content {
	background: #fff;
	padding: 10px;
	position: relative;
	width: 80%;
	max-width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal_slider {
	position: relative;
	overflow: hidden;
	height: 500px;
}
.modal_slider img {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	opacity: 0;
	display: block;
}
.modal_slider img.active {
	left: 0;
	opacity: 1;
}
.modal_prev,
.modal_next {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 60px;
	z-index: 10;
}
.modal_prev {
	left: 0;
}
.modal_next {
	right: -30px;
}
.modal_close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	z-index: 10;
}
.modal_caption {
	margin-top: 10px;
	font-size: 14px;
	color: #333;
	text-align: center;
}
@media screen and ( max-width: 680px ) {
	.open-modal::after {
		width: 20px;
		height: 20px;
		right: -15px;
	}
	.modal_slider {
		height: 200px;
	}
	.modal_close {
		width: 30px;
		height: 30px;
	}
}

@media screen and ( max-width: 1070px ) {
	.archit .main_2409 .text_read {
		font-size: 3.5vw;
	}
	.archit .main .catch_phrase {
		top: 5%;
		left: 5%;
		max-width: 350px;
	}
}
@media screen and ( max-width: 896px ) {
	.archit .main_2409 .text {
		padding: 40px;
	}
	.archit .main_2409 .futura span {
		font-size: 2.5vw;
	}
	.archit .main_slide img {
		height: 50vh;
		max-height: none;
	}
	.archit .bn_area .btn_area {
		padding: 30px 30px;
	}
	.archit .bn_area .btn_area .btn_list li p span {
		font-size: 3vw;;
	}
	.archit .bn_area .btn_area .btn_list li p,
	.archit .bn_area .btn_area .btn_list li a {
		font-size: 18px;
	}
}
@media screen and ( max-width: 680px ) {
	.archit .main_2409 {
		display: block;
	}
	.archit .main_2409 .futura span {
		font-size: 22px;
	}
	.archit .main_2409 .text_read {
		font-size: 6vw;
	}
	.cat_home.archit .main {
		padding-bottom: 5%;
	}
	.archit .main .catch_phrase {
		max-width: 240px;
	}
	.archit .bn_area .btn_area {
		padding: 30px 20px;
	}
	.archit .bn_area .btn_area .btn_list {
		display: block;
	}
	.archit .bn_area .btn_area .title {
		font-size: 16px;
	}
	.archit .bn_area .btn_area .btn_list li {
		border-right: none;
		border-bottom: 3px dotted #fff;
		padding: 30px 0;
	}
	.archit .bn_area .btn_area .btn_list li:first-child {
		padding-top: 0;
	}
	.archit .bn_area .btn_area .btn_list li:last-child {
		padding-bottom: 0;
	}
	.archit .bn_area .btn_area .btn_list li p {
		font-size: 14px;
		line-height: 1.4;
	}
	.archit .bn_area .btn_area .btn_list li p span {
		font-size: 22px;
	}
}
@media screen and ( max-width: 480px ) {
	.archit .main_2409 .text {
		padding: 30px 20px;
	}
	.archit .main_2409 .futura span {
		font-size: 16px;
	}
	.archit .main_2409 .text_read {
		margin-top: 20px;
		font-size: 22px;
	}
	.archit .bn_area .btn_area .title {
		font-size: 14px;
		top: -15px;
		border-width: 2px;
	}
}



@media screen and ( max-width: 1300px ) {
	.about_box_wrap .about_box .text {
		padding: 40px 30px 100px;
	}
	.teacher_col .text .t_home {
		position: inherit;
	}
	.info_block_ver3 .list_col li {
		flex-wrap: wrap;
	}
	.info_block_ver3 .list_col li a {
		width: 100%;
		display: block;
		margin-top: 5px;
	}
}
@media screen and ( max-width: 1170px ) {
	.archit .site_head .cat_nav {
		width: 200px;
	}
	.archit .site_head .cat_nav .sidemenu_head a {
		padding: 20px;
	}
	.archit .site_head .cat_nav ul.icon_link {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.archit .site_head .cat_nav ul.icon_link li {
		width: 40px;
	}
	.archit .site_head .cat_nav ul.cat_nav_list,
	.archit .site_head .cat_nav .event_block {
		padding: 0 20px;
	}
	.archit .site_head .cat_nav .sidemenu_head p.en {
		font-size: 12px;
	}
	.archit .site_head .cat_nav .sidemenu_head p {
		font-size: 14px;
		line-height: 1.4;
	}
	.archit .site_head .cat_nav .sidemenu_head p.ja span {
		margin-left: 0;
		transform: scale(.7);
		position: absolute;
	}
	.cat_nav a {
		font-size: 12px;
	}
	.archit .site_head .cat_nav ul.cat_nav_list {
		margin-bottom: 20px;
	}
	.archit .site_head .cat_nav ul.cat_nav_list li a {
		padding: 3px 0;
	}
	.archit .site_head .cat_nav .event_block .title {
		font-size: 13px;
	}
	.archit .content_wrap {
		margin-left: 230px;
	}
	.archit .main_grid {
		height: 60vh;
	}
	.archit footer .inner {
		margin-left: 220px;
	}
	.archit .content_menu {
		flex-wrap: wrap!important;
	}
	.archit .content_menu .menu_col {
		flex-basis: auto!important;
		width: 49%;
	}
	.archit .content_menu .menu_col {
		border: 1px solid #ccc;
		margin: .5%;
		padding: 2% 3%;
	}
	.archit .feature_col_title .num {
		font-size: 6vw;
	}
	.archit .read_subtitle {
		font-size: 3vw;
	}
}
@media screen and ( max-width: 1024px ) {
	.archit_block .text {
		padding: 40px 20px 0;
	}
	.archit_block .title_wrap .ja {
		font-size: 18px;
	}
	.archit_block .title_wrap .en {
		line-height: 1.6;
	}
	.archit_block .text .text_col .read {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.archit_block .text .text_col p {
		font-size: 12px;
	}
	.archit .wp-block-group + .wp-block-group {
		margin-top: 60px;
	}
	.archit_readwrap h2 {
		font-size: 18px;
	}
	.archit_readwrap .text {
		padding: 40px 20px;
	}
	.archit_readwrap p {
		text-align: left;
		font-size: 14px;
	}
	.archit_readwrap p br {
		display: none;
	}
	.archit_readwrap .wp-block-spacer {
		height: 20px!important;
	}
	.wp-block-columns.about_box_wrap {
		display: block;
	}
	.about_box_wrap .about_box .text {
		max-width: 700px;
		margin: -40% auto auto;
	}


}
@media screen and ( max-width: 896px ) {
	.info_block_ver3 .inline {
		flex-direction: column-reverse;
	}
	.info_block_ver3 .list_col {
		width: 100%;
		margin-right: 0;
	}
	.info_block_ver3 .list_col span {
		white-space: nowrap;
	}
	.info_block_ver3 .list_slide {
		width: 100%;
		margin-bottom: 30px;
	}
	.info_block_ver3 .list_col li {
		flex-direction: row;
	}
	.info_block_ver3 .list_col li .info_date {
		margin-right: 10px;
	}

	.archit .site_head .cat_nav {
		display: none;
	}
	.archit .content_wrap {
		margin-left: 0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.archit.cat_home .content_wrap {
		width: 100%;
	}
	.archit.cat_home .content_wrap .front_bn,
	.archit.cat_home .content_wrap .wide_bn,
	.archit.cat_home .content_wrap .sp_inner,
	.archit.cat_home .content_wrap .in_contents {
		width: 90%;
		margin: 0 auto 40px;
	}
	.archit main.contents {
		width: 100%;
		margin: 0 auto;
	}
	.sp_inner {
		width: 90%;
		margin: auto;
	}
	.archit .main_grid {
		margin-bottom: 20%;
	}
	.archit .main_grid .text .text_read p {
		font-size: 2vw;
	}
	.archit .main_grid .text .subject_name p span {
		padding: 7px 8px;
	}
	.archit .main_grid .text .big {
		font-size: 3.2vw;
	}
	.archit .main_grid .text .subject_name p {
		font-size: 1.9vw;
	}
	.archit .main_grid .text .subject_name p.futura {
		margin-bottom: 15px;
	}
	.archit .main_grid .text .subject_name .futura span {
		padding: 2px 8px;
	}
	.archit .main_grid .text .start_date {
		font-size: 2vw;
	}
	.archit_block .title_wrap {
		margin-bottom: 30px;
	}
	.title_wrap_ver3,
	.wp-block-group .wp-block-group.title_wrap_ver3:last-of-type {
		margin-bottom: 30px;
	}
	.row_info_block_ver3 .title_wrap_ver3 .en {
		font-size: 30px;
	}
	.cat_home .list_slide.arrow_box {
		padding: 30px 20px;
	}
	.list_slide.arrow_box li .text h3 {
		font-size: 12px;
	}
	.list_col li {
		margin-bottom: .5em;
	}
	.archit footer .inner {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.education_policy_main {
		background-position: center 60%;
		padding: 5% 5% 40%;
	}
	.education_policy_main .ontext_big {
		font-size: 5.5vw;
	}
	.education_policy_main .ontext_big + .wp-block-group {
		margin-top: 20px;
	}
	.education_policy_main .ontext_big + .wp-block-group p {
		font-size: 14px;
	}
	.mincho_read p {
		font-size: 4vw;
	}
	.archit-event .f_event_list.color li {
		width: 100%;
	}

	footer .inner {
		flex-direction: column;
	}
	footer .link_line {
		flex-direction: column;
		margin-bottom: 40px;
	}
	.inline .link_txt,
	.inline .link_txt + .link_txt {
		margin-left: 0;
		margin-bottom: 10px;
	}
}
@media screen and ( max-width: 781px ) {
	.linkbox_block a,
	.linkbox_block .wp-block-column:first-of-type a {
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}
	.in_contents .wp-block-columns.linkbox_block {
		gap: 5px;
	}
	.float_block {
		display: block!important;
		position: relative;
	}
	.float_block:after {
		content: '';
		display: block;
		clear: both;
	}
	.float_block .image {
		float: right;
		width: 150px;
		margin-left: 30px;
	}
	.in_contents .wp-block-columns.content_menu {
		gap: .5%;
	}
}
@media screen and ( max-width: 760px ) {
	.front_nav.main_top {
		flex-direction: column;
	}
	.front_nav .box {
		width: 100%;
		height: 310px;
	}
	.front_nav a {
		display: flex;
	}
	.front_nav .box:nth-last-of-type(even) a {
		flex-direction: row-reverse;
	}
	.front_nav .box .front_slide {
		width: 50%;
		height: 310px;
	}
	.front_nav .box .text {
		width: 50%;
	}
	.front_nav .box .title .sub {
		font-size: 1.8vw;
		display: block;
		padding-left: 0;
		margin-top: 10px;
	}

	.front_slide,
	.front_nav .box .slick-track {
		height: 100%;
	}
	.front_slide img {
		height: 310px;
	}


	.wp-block-columns.archit_block .wp-block-column.text {
		order: unset;
	}
	.archit_block .image + .text .text_col {
		right: 0;
	}
	.wp-block-columns.archit_block .wp-block-column.image {
		margin-bottom: 0;
	}
	.archit .title_line .title {
		font-size: 24px;
	}
	.title_wrap_ver3 .ja {
		font-size: 20px;
	}
	.title_wrap_ver3 .en,
	.in_contents .title_wrap_ver3 p.en:last-of-type {
		font-size: 16px;
	}
	.main_top .box .text {
		padding: 30px 20px;
	}
	.crosstalk_wrap .wp-block-columns {
		gap: 20px;
	}
	.crosstalk_wrap .image {
		width: 60px;
	}
	.crosstalk_wrap .image .wp-block-image {
		margin-bottom: 0;
	}
	.crosstalk_wrap .image .wp-block-image + p {
		margin-top: 0;
	}
	.crosstalk_pagination .wp-block-group {
		display: block;
	}
	.crosstalk_pagination .next_btn {
		margin-bottom: 10px!important;
	}
	.crosstalk_pagination .next_btn a {
		padding: 15px 10px;
		height: auto;
	}
	.crosstalk_pagination .next_btn .arrow {
		margin: 0 5px;
	}
	.in_contents .line_title, .line_title {
		font-size: 16px;
	}
	.square_list li {
		font-size: 14px;
		padding-left: 15px;
	}
	.square_list li:before {
		width: 10px;
		height: 10px;
	}
}
@media screen and ( max-width: 680px ) {
	.top_campus_block .inline {
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
	}
	.top_campus_block a,
	.top_campus_block .title_img {
		max-width: 50%;
	}

	.info_block_ver3 {
		padding: 40px 0;
		margin-bottom: 40px;
	}

	.front_nav.main_top,
	.front_slide {
		height: auto;
	}
	.archit.cat_home .slick-arrow.next {
		right: 0;
	}
	.archit.cat_home .slick-arrow.prev {
		left: 0;
	}
	.center.mincho_read p {
		text-align: center;
	}
	.center.mincho_read p br {
		display: block;
	}
	.archit .title_line .title {
		flex-direction: column;
		align-items: flex-start;
	}
	.archit .title_line .parent_page {
		margin-left: 0;
		margin-top: 5px;
	}
	.archit_block .title_wrap .en {
		padding: 3px 20px;
	}
	.archit footer .inner {
		flex-direction: column;
	}

	.list_slide.arrow_box .slick-arrow {
		width: 30px;
		height: 30px;
	}
	.slick-arrow:before {
		width: 10px;
		height: 10px;
	}
	.slick-arrow.next:before {
		right: 6px;
	}
	.slick-arrow.prev:before {
		left: 6px;
	}

	.bg_green_box {
		padding: 30px 20px;
	}
	.bg_green_title,
	.in_contents h3.bg_green_title {
		font-size: 20px;
	}
	.bg_green_box .dl_wrap_flex dt {
		width: 70px;
	}

	.arc-ao .bg_g {
		padding: 30px 20px;
	}
	.archit .guideline_flow li {
		width: 31%;
		font-size: 12px;
	}
	.archit .guideline_flow li:after {
		right: -9px;
	}

}
@media screen and ( max-width: 599px ) {
	.main_top .box .txt_img svg {
		height: 20px;
	}

	.archit .main_grid {
		height: auto;
		margin-bottom: 50px;
		position: relative;

		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 15vh auto 20vh auto;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.archit .main_grid .image_1 { grid-area: 1 / 1 / 2 / 2; }
	.archit .main_grid .image_2 { grid-area: 1 / 2 / 2 / 3; }
	.archit .main_grid .text { grid-area: 2 / 1 / 3 / 3; }
	.archit .main_grid .image_3 { grid-area: 3 / 1 / 4 / 3; }
	.archit .main_grid .bn { grid-area: 4 / 1 / 5 / 3; }

	.archit .main_grid .text {
		padding: 20px;
	}
	.archit .main_grid .text .text_read span + br {
		display: none;
	}
	.archit .main_grid .text p {
		text-align: center;
	}
	.archit .main_grid .text .text_read {
		margin-bottom: 20px;
	}
	.archit .main_grid .text .text_read p {
		font-size: 16px;
	}
	.archit .main_grid .text .big {
		font-size: 20px;
	}
	.archit .main_grid .text .subject_name p {
		font-size: 18px;
	}
	.archit .main_grid .text .start_date {
		font-size: 26px;
	}
	.archit .main_grid .bn ul {
		top: -10px;
	}
	.simple_title.big {
		font-size: 20px;
	}
	.image_nav.wp-block-media-text .wp-block-media-text__content {
		padding: 20px;
	}
	.image_nav .title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.image_nav .subtitle {
		font-size: 16px;
	}
	.sp_inner {
		width: 96%;
	}
	.cat_home .row_info_block_ver3 {
		margin-bottom: 40px;
	}
	.cat_home .list_slide.arrow_box {
		margin-bottom: 30px;
	}
	.row_info_block_ver3 .title_wrap_ver3 .en {
		font-size: 22px;
	}
	.row_info_block_ver3 .title_wrap_ver3 .ja {
		font-size: 12px;
	}
	.cat_home .list_slide.arrow_box {
		padding: 20px 10px;
	}
	.list_col li {
		flex-direction: column;
	}
	.list_col li .info_date {
		font-size: 10px;
		color: #999;
		margin-right: 0;
	}
	.in_contents .wp-block-columns.archit_block {
		gap: 0;
	}
	.archit_block .text {
		padding: 30px 10px 0;
	}
	.archit_block .title_wrap .en {
		font-size: 18px;
	}
	.archit_block .title_wrap .ja {
		font-size: 12px;
	}
	.archit_block .text .text_col .read {
		font-size: 16px;
	}
	.archit_block .text .text_col .read + p {
		margin-top: 20px;
	}
	.archit_block .text .text_col,
	.wp-block-group .wp-block-group + .wp-block-group.text_col {
		width: 200%;
		margin-top: 50%;
		margin-bottom: 20%;
		background-color: rgba(255, 255, 255, .9);
	}
	.contents .archit_block .wp-block-column .wp-block-image img {
		object-position: 70%;
	}
	.bg_var3 {
		padding: 30px 20px;
	}
	.archit_readwrap h2 {
		margin-bottom: 20px;
	}
	.archit_readwrap .text {
		padding: 25px 20px;
	}
	.archit .title_line .title {
		font-size: 22px;
	}
	.title_wrap_ver3 .ja {
		font-size: 18px;
	}
	.title_wrap_ver3,
	.wp-block-group .wp-block-group.title_wrap_ver3,
	.wp-block-group .wp-block-group.title_wrap_ver3:last-of-type {
		margin-bottom: 20px;
	}
	.title_wrap_ver3 .en,
	.in_contents .title_wrap_ver3 p.en:last-of-type {
		font-size: 14px;
	}
	.mincho_read p {
		font-size: 24px;
	}
	.archit .wp-block-group + .wp-block-group {
		margin-top: 30px;
	}
	.border_top {
		padding-top: 30px;
	}

	.about_box_wrap .about_box .about_box_title_wrap {
		margin-bottom: 20px;
	}
	.about_box_wrap .about_box .text:before {
		left: 30px;
	}
	.shift_inner,
	.in_contents ul.shift_inner,
	.in_contents ol.shift_inner,
	.wp-block-group.shift_inner,
	.dl_wrap.shift_inner {
		margin-left: 0;
	}
	.float_block .image {
		margin-left: 20px;
	}

	.education_policy_main .ontext_big {
		font-size: 22px;
	}
	.education_policy_main {
		border-radius: 20px;
		background-position: center 40%;
		background-size: cover;
		padding: 30px 30px 50%;
	}
	.education_policy_main .wp-block-group__inner-container {
		width: 100%;
	}

	.archit .in_contents .wp-block-columns.content_menu {
		margin-bottom: 50px!important;
	}
	.contents .content_menu .wp-block-column p.num {
		font-size: 30px;
	}
	.archit .content_menu .menu_col {
		width: 100%;
		max-width: 0 0 .5%;
	}
	.archit .feature_col_title .num {
		font-size: 50px;
	}

}
@media screen and ( max-width: 480px ) {
	.education_policy_main {
		padding: 20px 10px 80%;
	}
	.education_policy_main .ontext_big + .wp-block-group {
		margin-top: 10px;
	}
	.education_policy_main .ontext_big + .wp-block-group p {
		font-size: 12px;
	}
	.contents .wp-block-column.intext_image p {
		font-size: 10px;
	}
	.guideline_flow li {
		width: 32%;
	}
	.archit-event .f_event_list.color li .more_link {
		width: 90%;
	}
	.crosstalk_pagination .next_btn a {
		font-size: 12px;
	}
}


/* カリキュラム */
h2.curriculum_title {
	width: 100%;
	color: #068154;
	text-align: center;
	border: 2px solid #068154;
	border-radius: 40px;
	padding: 14px;
}

.curriculum_nav_block {
	position: relative;
}
.curriculum_link_list a {
	position: absolute;
	width: 18%;
	height: 35%;
	bottom: 17%;
}
.curriculum_link_list a:hover {
	background-color: #fff;
	opacity: 0.8;
}
.curriculum_link_list a:nth-child(1) {
	left: 2.5%;
}
.curriculum_link_list a:nth-child(2) {
	left: 22%;
}
.curriculum_link_list a:nth-child(3) {
	left: 41.5%;
}
.curriculum_link_list a:nth-child(4) {
	left: 61%;
}
.curriculum_link_list a:nth-child(5) {
	width: 15%;
	height: 100%;
	bottom: 0;
	right: 0;
}

.archit .wp-block-group.curriculum_block + .wp-block-group.curriculum_block {
	margin-top: 0;
}
.curriculum_block {
	border-radius: 10px;
	padding: 20px;
}
.curriculum_block .dl_wrap {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
}
.curriculum_block .dl_wrap dl {
	border-bottom: 1px solid #000;
}
.curriculum_block .dl_wrap dl:last-child {
	border-bottom: 0;
}
.curriculum_block .dl_wrap dl dt {
	font-size: 20px;
	color: #000;
}
.in_contents ul.square li,
.curriculum_block .dl_wrap {
	list-style: none;
}
.in_contents ul.square li {
	margin-left: 12px;
	text-indent: -18px;
}
.curriculum_block .dl_wrap dl .square li::before {
	content:  "";
	width:  10px;
	height:  10px;
	display:  inline-block;
	background-color: #000;
	margin-right: 8px;
}
.curriculum_block .sub_title,
.curriculum_block h3 {
	color: #fff;
	text-align: center;
}
.curriculum_block h3 {
	font-size: 30px;
	font-weight: bold;
	border-bottom: 0;
	margin-bottom: 20px;
}
.curriculum_block .sub_title{
	font-size: 16px;
}
.curriculum_block.bg_creativity {
	background-color: #22ac3a;
}
.curriculum_block.bg_creation {
	background-color: #1fab7a;
}
.curriculum_block.bg_technology {
	background-color: #26aaa3;
}
.bg_technology .square {
	display: flex;
	flex-wrap: wrap;
}
.bg_technology .square li {
	width: 45%;
}

.curriculum_block.bg_communication {
	background-color: #24a9d6;
}
.curriculum_block.bg_graduation {
	background-color: #e07900;
}
.curriculum_block.bg_graduation p {
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.curriculum_block .arrow_block {
	position: relative;
	padding-bottom: 60px;
}
.curriculum_block .arrow_block::after {
	content: "";
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	border-top: 20px solid #fff;
}



/* サイドメニュー */
body.side-open {
	width: 100%;
	height: 100%;
	position: fixed;
}

.overlay {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 80px;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
}
@media screen and ( max-width:896px ) {
	.overlay {
		top: 50px;
	}
}
.side-open .overlay,
.open .overlay {
	visibility: visible;
	cursor: pointer;
	background: rgba(0,0,0,.7);
}
.side-open .overlay::after,
.open .overlay::after {
	visibility: visible;
	color: rgba(255,255,255,.8);
}

/* 開閉用ボタン */
.side-menu-btn {
	position: fixed;
	top: 15px;
	right: 5%;
	width: 25px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	z-index: 10;
	display: none;
	font-size: 10px;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
 /*ボタンのスタイル */
.side-menu-btn,
.side-menu-btn span {
	transition: all .4s;
	box-sizing: border-box;
}
.side-menu-btn span {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 0 0 auto;
	height: 1px;
	background-color: #000;
	border-radius: 1px;
}
.side-menu-btn span:nth-of-type(1) {
	width: 100%;
	top: 0;
}
.side-menu-btn span:nth-of-type(2) {
	width: 75%;
	top: 9px;
}
.side-menu-btn span:nth-of-type(3) {
	width: 50%;
	bottom: 0;
}

.side-open .side-menu-btn {
	height: 22px;
}

.side-open .side-menu-btn span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.side-open .side-menu-btn span:nth-of-type(2) {
	opacity: 0;
}
.side-open .side-menu-btn span:nth-of-type(3) {
	-webkit-transform: translateY(-11px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
	width: 100%;
}

@media screen and ( max-width:896px ) {
	.side-menu-btn {
		display: inherit;
		right: 20px;
	}
}

@media screen and ( max-width:680px ) {
	.side-menu h3,
	.side-menu .menu-item-has-children a {
		font-size: 14px;
	}
	.side-menu .sub-menu li a {
		width: auto;
		font-size: 12px;
	}
}

.fashion .side-menu-btn {
	width: 50px;
	height: 50px;
	background-color: #000;
	top: 0;
	right: 0;
}
.fashion .side-menu-btn span {
	background-color: #fff;
	right: 12px;
}
.fashion .side-menu-btn span:nth-of-type(1) {
	width: 50%;
	top: 15px;
}
.fashion .side-menu-btn span:nth-of-type(2) {
	width: 33%;
	top: 24px;
}
.fashion .side-menu-btn span:nth-of-type(3) {
	width: 20%;
	bottom: 16px;
}
.fashion.side-open .side-menu-btn {
	height: 50px;
}
.fashion.side-open .side-menu-btn span:nth-of-type(1) {
	width: 50%;
	top: 13px;
}
.fashion.side-open .side-menu-btn span:nth-of-type(3) {
	width: 50%;
	bottom: 15px;
}


.side-menu {
	position: fixed;
	top: 50px;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255,255,255,.9);
	z-index: 1000;
	box-sizing: border-box;
	padding: 15px;
	overflow: auto;
	transition: opacity 1s, visibility 0s ease 1s;
	opacity: 0;
	visibility: hidden;
	transition: .5s ease;
}
.side-open .side-menu {
	transition-delay: 0s;
	opacity: 1;
	visibility: visible;
	overflow: auto;
}
.fixed .side-menu,
.fixed .overlay {
	top: 50px;
}
.side-open.open .side-menu {
	transform: translateY(65px);
}

.side-menu a {
	text-decoration: none;
}
.side-menu .tel_box {
	display: flex;
	align-items: center;
	margin: 0 auto 20px;
	border: 1px solid #000;
	background-color: #fff;
	padding: 15px;
}
.side-menu .tel_box svg {
	fill: #000;
	width: 30px;
	height: 30px;
	margin-right: 15px;
}
.side-menu .tel_box .num_wrap a {
	display: block;
	font-size: 15px;
}
.side-menu .tel_box .num_wrap a span {
	font-size: 12px;
}
.side-menu .tel_box p,
.side-menu .tel_box a {
	color: #000;
}
.side-menu .tel_box p {
	margin-right: 15px;
}
.side-menu .tel_box a {
	font-size: 20px;
}
.side-menu li {
	position: relative;
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
	padding: 15px 10px;
	border-bottom: 1px solid #666;
}
.side-menu li a {
	position: relative;
	display: block;
}
.side-menu li a:hover {
	color: inherit;
}
.side-menu .sub-menu {
	width: 95%;
	margin: 5px 0 5px auto;
}
.side-menu .sub-menu li {
	font-size: 80%;
	border: none;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}
.side-menu .sub-menu li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.side-menu .sub-menu .sub-menu {
	display: block;
}
.side-menu .sub-menu .sub-menu {
	width: 95%;
}

.side-menu .menu-item-has-children {
	font-size: 16px;
	padding-right: 40px;
	position: relative;
}
.side-menu .menu-item-has-children .arrow {
	content: '';
	position: absolute;
	right: 10px;
	top: 8px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: 0.2s linear;
}
.side-menu .menu-item-has-children .arrow:before,
.side-menu .menu-item-has-children .arrow:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 1px;
	background-color: #666;
	transition: 0.5s linear;
}
.side-menu .menu-item-has-children .arrow:after {
	transform: rotate(90deg);
}

.side-menu .menu-item-has-children .arrow:hover:before,
.side-menu .menu-item-has-children .arrow:hover:after {
	background-color: #666;
}
.side-menu .menu-item-has-children .arrow.active:before {
	transform: rotate(360deg);
	background-color: #666;
}
.side-menu .menu-item-has-children .arrow.active:after {
	transform: rotate(360deg);
	background-color: #666;
}

.side-menu .in .menu-item-has-children .arrow {
	right: 0;
	top: 5px;
}
.side-menu .in .menu-item-has-children .arrow:before,
.side-menu .in .menu-item-has-children .arrow:after {
	width: 13px;
}

.side-menu .cta_box {
	transform: none!important;
	position: relative;
	height: auto;
	padding: 0;
	background: none;
	margin-bottom: 20px;
}
.side-menu .cta_box li {
	padding: 0;
	border-bottom: none;
	margin: 0 .5% 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.side-menu .cta_box li a {
	font-size: 11px;
}


@media screen and ( max-width:480px ) {
	.side-menu {
		padding-bottom: 150px;
	}
}


/* メインコンテンツ */
.wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
	overflow: hidden;
}






/* 印刷時の余白幅指定 */
@page {
	margin: 12.7mm 9.7mm;
}
/* IE6で印刷時の倍率を指定 */
@media print {
	body {
		overflow: visible !important;
		_zoom: 0.75;
		width: 1020px;
		margin: 0 auto;
	}
	html, body {
		height: auto;
	}
	.fixed .site_head {
		position: relative;
	}

}





/* 20251210 wordpress6.9 レイアウト崩れ対応 */
body .is-layout-flex {
	display: flex;
}
.wp-block-columns {
	align-items: normal!important;
	box-sizing: border-box;
	flex-wrap: wrap!important;
}
@media screen and ( min-width:782px ) {
	.wp-block-columns {
		flex-wrap: nowrap!important;
	}
}
:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}
.wp-block-media-text {
	direction: ltr;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: auto;
}
.wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 1fr 50%;
}
.wp-block-loginout, .wp-block-media-text {
	box-sizing: border-box;
}
.wp-block-media-text>.wp-block-media-text__content {
	direction: ltr;
	grid-column: 2;
	grid-row: 1;
	padding: 0 8%;
	word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
	grid-column: 1;
	grid-row: 1;
  /*!rtl:end:ignore*/
}
.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media, .wp-block-media-text>.wp-block-media-text__content, .wp-block-media-text>.wp-block-media-text__media {
	align-self: center;
}
.wp-block-table .has-fixed-layout {
	table-layout: fixed;
	width: 100%;
}
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}
figure.wp-block-gallery.has-nested-images {
	align-items: normal;
}
.wp-block-gallery.wp-block-gallery-1 {
	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
	gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.is-layout-flex {
	flex-wrap: wrap;
	align-items: center;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
	align-self: inherit;
}
@media (min-width: 600px) {
	.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
		width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
	}
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	margin: 0;
	width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	max-width: 100%;
	position: relative;
}

figure.wp-block-gallery.has-nested-images {
	align-items: normal;
}
.wp-block-gallery.wp-block-gallery-2 {
	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
	gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.wp-block-gallery.wp-block-gallery-3 {
	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
	gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.wp-block-gallery.wp-block-gallery-5 {
	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
	gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.wp-block-gallery.wp-block-gallery-6 {
	--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
	gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
@media (min-width: 600px) {
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
	}
	.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
		width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
	}
	.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
		width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
	}
	.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
		width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
	}
	.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
		width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
	}
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	margin: 0;
	width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	max-width: 100%;
	position: relative;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	flex: 1 0 0%;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
	display: block;
	height: auto;
	max-width: 100%!important;
	width: auto;
}