@charset "UTF-8";
html	{
	font-size: 62.5%;
	height: 100%;
}

body	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #444444;
	background-color: #ffffff;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	/*overflow-x: hidden;*/
}

.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {*zoom:1;}
/*article {padding-bottom: 50px;}*/
em	{font-style: normal;}
img	{ /*width: 100%;*/ max-width: 100%; height: auto; vertical-align: top;}
a img	{ border: none;}
a:hover img	{opacity:0.7;filter: alpha(opacity=70);}
a	{color: rgba(30,35,128,1.00); text-decoration: none}
a:hover	{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
a.underline	{text-decoration: underline}
a.underline:hover	{text-decoration: none}
figure{margin: 0;}

body.lang-en, main a	{word-break: break-word}
article a:link, article a:visited {color: rgba(30,35,128,1.00);  text-decoration: none;}
article a:hover, article a:active {color: #013073; text-decoration: underline;}
.reset, .reset > li, .reset > dt, .reset > dd	{margin: 0; padding: 0; list-style-type: none;}
.reset-t	{margin-top: 0; padding-top: 0;}
.reset-b	{margin-bottom: 0; padding-bottom: 0;}
.reset-v	{margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
.reset-h	{margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0;}
ul.default, ol.default	{margin-left: 1.5em; padding: 0}

.row	{display: table;}
.row > .col	{display: table-cell;}
hr{border-top: none; border-right: none; border-bottom: 1px solid #c7c7c7; border-left: none; padding-top: 10px; margin: 0 0 10px;}
hr.spacer{margin-bottom: 0; padding: 10px 0; border: none;}
hr.spacer-2x{margin-bottom: 0; padding: 20px 0; border: none;}
hr.hr-2x{margin-bottom: 0; padding-top: 20px; margin: 0 0 20px;}
hr.hr-4x{margin-bottom: 0; padding-top: 40px; margin: 0 0 40px;}


table.table{border-collapse: collapse;}
table.table th, table.table td{padding: 20px; box-sizing: border-box;}
table.table.narrow th, table.table.narrow td{padding: 10px;}
table.table.solid th, table.table.solid td{border: 1px solid #c7c7c7;}
table.table.striped-even tbody tr:nth-child(even) th, table.table.striped-even tbody tr:nth-child(even) td{background-color:  rgba(0,0,0,0.05);}
table.table.striped-odd tbody tr:nth-child(odd) th, table.table.striped-odd tbody tr:nth-child(odd) td{background-color:  rgba(0,0,0,0.05);}
table.fixed{table-layout: fixed;}

ol.list {margin: 0; padding: 0; border-top: 1px solid #c7c7c7; list-style-position: inside;}
ol.list > li {padding: 20px 0; border-bottom: 1px solid #c7c7c7;}
ol.list > li p {padding-left: 1.0em;}



.dir-cotact form	{width: 800px; margin: 0 auto; background-color: #f1f1f1; border: 1px solid #c7c7c7; border-radius: 10px; overflow: hidden;}
.dir-cotact form h1	{margin: 0; padding: 1.0em; color: #ffffff;  background-color: rgba(218,0,92,1.00); font-size: 2.0rem; text-align: center;}
form table{width: 100%; border-collapse: collapse;}
form table th, form table td{padding: 15px 20px;border-bottom: 5px solid #ffffff; text-align: left; vertical-align: top;}
/*form table tr:last-child th, form table tr:last-child td{border-bottom: none;}*/
form table th{border-right: 5px solid #ffffff;}
form table th .required-item{display: inline-block; margin-left: 1.0em; color: rgba(218,0,92,1.00); font-size: 1.2rem;}
form table td select{padding: 0.5em; font-size: 1.0em; box-sizing: border-box;}
form table td input:not([type="radio"]):not([type="checkbox"]), form table td textarea{padding: 0.25em; background-color: #ffffff; border: 1px solid #c7c7c7; box-sizing: border-box; font-size: 1.0em;}
form table td .group > input, form table td .group > span{margin-right: 0.25em; margin-left: 0.25em;}
form table td .group > input:first-child, form table td .group > span:first-child{margin-left: 0;}
form table td .group > input[type="tel"]{width: 4.0em;}
form table td .group > label{margin-left: 10px;}
form table td .group > label:first-child{margin-left: 0;}
form table td .group > label input[type="radio"], form table td .group > label input[type="checkbox"]{margin-right: 5px;}
form table td textarea{height: 10.0em}
form table td input.middle, form table td textarea.middle{width: 75%; box-sizing: border-box;}
form table td input.large, form table td textarea.large{width: 100%; box-sizing: border-box;}
form table td input:not([type="radio"]):not([type="checkbox"]):hover, form table td textarea:hover, form table td input:not([type="radio"]):not([type="checkbox"]):active, form table td textarea:active{background-color: rgba(218,0,92,0.10); border: 1px solid #ffffff; outline: none;}

form .item-button-send{padding: 40px 0; text-align: center; font-size: 0;}
form .item-button-send button{display: inline-block; min-width: 250px; margin: 0 5px; padding: 20px 20px; background: transparent; border: none; box-sizing: border-box;outline: none; font-size: 1.6rem; line-height: 1.0; cursor: pointer; }
form .item-button-send.pink button{color: #ffffff; background-color: rgba(218,0,92,1.00); transition: all .3s ease;}
form .item-button-send.pink button:hover{color: #ffffff; background-color: rgba(163,0,69,1.00);}
form .item-button-send.silver button{background-color: #dddddd; }
form .item-button-send.silver button:hover{background-color: #aaaaaa;}
form .item-button-send.pink button.go-back{background-color: #444444; }
form .item-button-send.pink button.go-back:hover{background-color: #000000; }

.item-tab ul{margin-bottom: 20px; font-size: 0;}
.item-tab ul > li{padding: 20px 0;  font-size: 1.0em; text-align: center; vertical-align: top; cursor: pointer; box-sizing: border-box; transition: all .3s ease;}
.item-tab.link-tab ul > li{padding: 0; border: none;}
.item-tab:not(.link-tab).pink ul > li{ color: rgba(218,0,92,1.00); border: 2px solid rgba(218,0,92,1.00);}
.item-tab.link-tab ul > li a, .item-tab.link-tab ul > li span{ display: block; padding: 20px 0;}
.item-tab.link-tab ul > li span{ color: #ffffff; border: 2px solid rgba(218,0,92,1.00);}
.item-tab.link-tab.pink ul > li a{ color: rgba(218,0,92,1.00); border: 2px solid rgba(218,0,92,1.00);}
.item-tab ul > li.active{font-weight: bold; cursor: auto;}
.item-tab:not(.link-tab).pink ul > li.active{ border: 2px solid rgba(218,0,92,1.00);}
.item-tab.pink ul > li:hover, .item-tab.pink ul > li.active, .item-tab.link-tab.pink ul > li a:hover{ color: #ffffff; background-color: rgba(218,0,92,1.00); text-decoration: none;}
.tab-content{display: none;}
.tab-content.active{display: block;}

.text-white{ color: #ffffff;}
.text-pink{ color: rgba(218,0,92,1.00);}
.text-blue{ color:rgba(30,35,128,1.00);}
.text-red{ color: #dc3c14;}
.text-right{text-align: right}
.text-center{text-align: center}
.text-left{text-align: left}
.valign-t, .valign-t > .col	{vertical-align: top}
.valign-m, .valign-m > .col	{vertical-align: middle}
.valign-b, .valign-b > .col	{vertical-align: bottom}
.bg-white	{background-color: #ffffff;}
.bg-bk	{color: #ffffff; background-color: #000000;}
.bg-pink	{color: #ffffff; background-color: rgba(218,0,92,1.00);}
.bg-pink-25, .th-pink-25 th, .td-pink-25 td	{background-color: rgba(218,0,92,0.25);}
.bg-pink-15, .th-pink-15 th, .td-pink-15 td	{background-color: rgba(218,0,92,0.15);}
.bg-blue	{color: #ffffff; background-color: rgba(30,35,128,1.00);}
.bg-blue-25, .th-blue-25 th, .td-blue-25 td	{background-color: rgba(30,35,128,0.25);}
.bg-blue-15, .th-blue-15 th, .td-blue-15 td	{background-color: rgba(30,35,128,0.15);}
.bg-red	{color: #ffffff; background-color: #dc3c14;}
.bg-gold, .th-gold th, .td-gold td	{background-color: #cab668;}
.bg-silver, .th-silver th, .td-silver td	{background-color: #eeeeee;}
.bg-gray, .th-gray th, .td-gray td	{background-color: #dddddd;}
.solid	{border: 1px solid #cccccc;}
.solid-slver	{border: 1px solid #eeeeee;}
.solid-5x	{border: 5px solid #cccccc;}
.solid-5x-silver	{border: 5px solid #eeeeee;}
.border-red	{border-color: #dc3c14;}
.fs-12	{font-size: 1.2rem;}
.fs-14	{font-size: 1.4rem;}
.fs-16	{font-size: 1.6rem;}
.fs-20	{font-size: 2.0rem;}
.w-max	{width: 100%;}
.w-min	{width: 1%; white-space: nowrap;}
.w-50	{width: 50px;}
.w-100	{width: 100px;}
.w-150	{width: 150px;}
.w-200	{width: 200px;}
.w-250	{width: 250px;}
.w-300	{width: 300px;}
.w-400	{width: 400px;}
.w-500	{width: 500px;}

article > section > a	{display: block; text-decoration: none;}
article > section > a:hover	{text-decoration: none;}
.ttl-page {margin: 0 0 30px; padding: 30px 0; color: rgba(218,0,92,1.00); background-color:#f1f1f1; font-size: 3.0rem; text-align: center; line-height: 1.0;}
.ttl-page em { display: block; margin-top: 1.0em; font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 1.0;}
.page-e-office-space .ttl-page, .page-sakura-college .ttl-page, .page-restaurant .ttl-page {margin-bottom: 0;}

.ttl-bold{padding: 10px 20px;  font-size:2.0rem;}
.ttl-bold.grad h1 {color: #ffffff; background: rgb(234,84,4); background: linear-gradient(90deg, rgba(218,0,92,1) 0%, rgba(1,64,153,1) 100%);}

.ttl-regular span, .ttl-light span {margin-left: 1.0em; font-size: 0.75em; font-weight: normal;}

.ttl-regular {padding-bottom: 10px; border-bottom: 2px solid rgba(218,0,92,0.75); font-size: 2.0rem;}
.ttl-regular.blue {border-bottom: 2px solid rgba(30,35,128,0.75);}


.ttl-light {position: relative; padding: 10px 10px 10px 0; overflow: hidden; font-size: 2.0rem;}
.ttl-light:before {display: inline-block; content: ""; width: 10px; height: 30px; margin-right: 10px; vertical-align: -7px; /*transform: skewX(-15deg);*/}
.ttl-light.pink:before {background-color: rgba(218,0,92,0.75);}

.ttl-light.solid, .ttl-light.bg-silver{padding-left: 10px;}


.subttl-bordered{display: block; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7;}

.box	{padding: 20px;}
.box-narrow	{padding: 10px;}
.box-2x	{padding: 40px;}
.box-3x	{padding: 60px;}
.round-5x	{border-radius: 5px; overflow: hidden;}
.round-10x	{border-radius: 10px; overflow: hidden;}

.flt-r	{float: right; margin: 0 0 20px 20px;}
.flt-l	{float: left; margin: 0 20px 20px 0;}
.item-embed iframe { vertical-align: top;}

.item-button{  text-align: center;}
.item-button a, .item-button div{  display: inline-block; position: relative; font-weight: 700; vertical-align: top; overflow: hidden; outline: none;}
.item-button a:hover{  text-decoration: none;;}
.item-button a:before{  display: block; content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: all .3s ease;}
.item-button a:hover:before{ left: 0;}
.item-button a:hover:after{ right: 0;}
.item-button a span, .item-button div{  display: block; position: relative; padding: 10px 40px; text-align: center;}
.item-button.pink a{  color: #ffffff; background-color: rgba(218,0,92,1.00);}
.item-button.blue a{   color: #ffffff; background-color: rgba(30,35,128,1.00);}
.item-button.cover a, .item-button.cover a span{  display: block; box-sizing: border-box;}
.item-button.rounded a, .item-button.rounded a span{  border-radius: 100px;}


.item-button-line{  text-align: center;}
.item-button-line a{  display: inline-block; position: relative; font-weight: 700; text-decoration: none;}
.item-button-line a:before{  display: block; content: ""; position: absolute; bottom: 0; right: 0; transition: all .3s ease;}
.item-button-line a:before{  width: 2px; height: 0; }
.item-button-line a:hover:before{  height: 100%; }
.item-button-line a span{  display: block; position: relative; padding: 10px 40px; text-align: center;}
.item-button-line a span:before, .item-button-line a span:after{  display: block; content: ""; position: absolute; top: 0; left: 0; transition: all .3s ease;}
.item-button-line a span:before{  width: 2px; height: 0; }
.item-button-line a span:after{  width: 0; height: 2px; }
.item-button-line a span:hover:before{  height: 100%; }
.item-button-line a span:hover:after{  width: 100%; }
.item-button-line.cover a, .item-button-line.cover a span{  display: block; box-sizing: border-box;}
.item-button-line.pink a{  color: rgba(218,0,92,1.00); border-bottom: 2px solid rgba(218,0,92,1.00);}
.item-button-line.pink a:before, .item-button-line.pink a span:before, .item-button-line.pink a span:after{  background-color: rgba(218,0,92,1.00);}
.item-button-line.blue a{  color: rgba(30,35,128,1.00); border-bottom: 2px solid rgba(30,35,128,1.00);}
.item-button-line.blue a:before, .item-button-line.blue a span:before, .item-button-line.blue a span:after{  background-color: rgba(30,35,128,1.00);}

.item-select	{display: inline-block;position: relative; background-color: #ffffff; border: 1px solid #c7c7c7;}
.item-select:before	{display: block; content: "\f0dc"; position: absolute; top: 50%; right: 10px; margin-top: -0.9em; color: rgba(218,0,92,1.00); font-family: fontAwesome; z-index: 0;}
.item-select select	{display: block; position: relative; width: 100%; padding: 0.25em; background-color: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;z-index: 1;}

.p-nav-num, .p-nav-nextback{font-size: 0; text-align: center;}
.p-nav-num a, .p-nav-num b{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-left: 5px; color: rgba(218,0,92,1.00);  background-color: #eeeeee;  font-family: 'Poppins', sans-serif; font-size: 1.6rem; vertical-align: top;}
.p-nav-num span{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-left: 5px; color: #c7c7c7; font-family: 'Poppins', sans-serif; font-size: 1.6rem; vertical-align: top;}
.p-nav-num b, .p-nav-num a:hover{color: #ffffff;  background-color: rgba(218,0,92,1.00); font-weight: 700;}
.p-nav-num *:first-child{margin-left: 0;}
.p-nav-num *:first-child .fa, .p-nav-num *:last-child .fa{padding-top: 0.75em; font-family: fontAwesome; font-size: 1.2rem;}
.nav-pn {margin: 40px 0;}
.nav-pn ul {list-style-type: none; font-size: 0; text-align: center;}
.nav-pn ul li {display: inline-block; padding: 0 20px; font-size: 1.6rem; vertical-align: middle;}
.nav-pn ul li:nth-of-type(2) {border-right: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;}
.nav-pn ul li a {display: block; color: #444444; text-align: center;}
.nav-pn ul li a:hover {color: #dc3c14; text-decoration: none;}
.nav-pn ul li.nav-prev span, .nav-pn ul li.nav-next span {color: #a7a7a7;}
.nav-pn ul li.nav-prev a:before, .nav-pn ul li.nav-prev span:before {display: inline-block; content: "\f104"; margin-right: 5px; font-family: fontAwesome; line-height: 1.0;}
.nav-pn ul li.nav-next a:after, .nav-pn ul li.nav-next span:after {display: inline-block; content: "\f105"; margin-left: 5px; font-family: fontAwesome; line-height: 1.0;}
.nav-pn {margin-right: auto; margin-left: auto;}


.b-nav{background-color: #eeeeee; border-bottom: 1px solid #c7c7c7;}
.b-nav .container{position: relative;}
.b-nav .container:after{display: block; content: ""; position: absolute; top: 0; left: -90%; width: 100%; height: 100%; background-color: #eeeeee;}
.b-nav ul{position: relative; font-size: 0; z-index: 1; overflow: hidden;}
.b-nav ul li{display: inline-block; font-size: 1.6rem; }
.b-nav ul li a, .b-nav ul li b{display: block; height: 30px; line-height: 30px; color: #444444;  border-right: 1px solid #c7c7c7; transform:skewX(15deg);}
.b-nav ul li:first-child a{position: relative; color: #ffffff;  background-color: rgba(30,35,128,1.00); }
.b-nav ul li:first-child a:before{display: block;  content: ""; position: absolute; bottom: 0; left: 0px; width: 0; height: 0; border-style: solid; border-width:30px 0 0 30px; border-color: transparent transparent transparent rgba(30,35,128,1.00);  transform: skewX(-15deg);}
.b-nav ul li b{/*color: #ffffff; background-color: rgba(218,0,92,1.00);*/ font-weight: normal;}
.b-nav ul li a span, .b-nav ul li b span{display: block; height: 30px; line-height: 30px; padding: 0 20px; transform:skewX(-15deg); }

.button-sns ul{font-size: 0;}
.button-sns ul li{display: inline-block;  margin-left: 10px;  vertical-align: top; line-height: 1.0; font-size: 1.6rem;}
.button-sns ul li:first-child{margin-left: 0;}
.icon-group{font-size: 0;}
.icon-group li{display: inline-block; width: 30px; margin-left: 10px; font-size: 1.6rem; vertical-align: top;}
.icon-group li:first-child{margin-left: 0;}
.icon-group li a, .icon-group li span{display: block;height: 30px; line-height: 30px; border-radius: 15px; overflow: hidden; text-decoration: none; cursor: pointer;}
.icon-group li a:before, .icon-group li span:before{display: block; content: ""; width: 30px;  height: 30px; line-height: 30px; font-family: fontAwesome;  text-align: center;}
.icon-group li.icon-twitter a{color: #ffffff; background-color: #1da1f2; }
.icon-group li.icon-twitter a:before{content: "\f099";}
.icon-group li.icon-facebook a{color: #ffffff; background-color: #1877f2;}
.icon-group li.icon-facebook a:before{content: "\f09a";}
.icon-group li.icon-whatsapp a{color: #ffffff; background-color: #60e677;}
.icon-group li.icon-whatsapp a:before{content: "\f232";}
.icon-group li.icon-link span{color: #444444; background-color: #dddddd;}
.icon-group li.icon-link span:before{content: "\f0c1";}
.icon-circle{display: inline-block; width: 30px; height: 30px; line-height: 30px; margin-right: 0.25em; border-radius: 15px; color: #ffffff; background-color: rgba(218,0,92,1.00); text-align: center; vertical-align: -10px;overflow: hidden;}
.pink .icon-circle{color: rgba(218,0,92,1.00); background-color: #ffffff; }
.icon-circle.zoom:before{display: block; content: "\f00e"; width: 30px; height: 30px; line-height: 30px; font-family: fontAwesome; font-weight: normal;text-align: center;}
.icon-circle i.fa{ vertical-align: middle;}

.modal-image	{display: block; position: relative;}
.modal-image:after	{display: block; content: "\f00e"; position: absolute; bottom: 5px; right: 5px; width: 30px; height: 30px; line-height: 28px; border-radius: 15px; font-family:  fontAwesome; text-align: center;}
.modal-image.light:after	{color: #444444; background-color: rgba(255,255,255,0.5);}
.modal-image.dark:after	{color: #ffffff; background-color: rgba(0,0,0,0.5);}
.unit-2, .unit-3, .unit-4, .unit-5, .unit-6 	{font-size: 0;}
.unit-2 > .col, .unit-3 > .col, .unit-4 > .col, .unit-5 > .col, .unit-6 > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.unit-2 > .col	{width: 49.056%;}
.unit-2.narrow > .col	{width: 48.113%;   margin: 3.773% 0 0 3.773%;}
.unit-2 > .col:nth-child(2n+1)	{margin-left: 0;}
.unit-2 > .col:nth-child(-n+2)	{margin-top: 0;}

.unit-3 > .col	{width: 32.075%;}
.unit-3 > .col:nth-of-type(3n+1) 	{margin-left: 0;}
.unit-3 > .col:nth-child(-n+3)	{margin-top: 0;}

.unit-4 > .col	{width: 23.584%;}
.unit-4.narrow > .col	{width: 22.735%;   margin: 3.018% 0 0 3.018%;}
.unit-4 > .col:nth-of-type(4n+1)	{margin-left: 0;}
.unit-4 > .col:nth-child(-n+4)	{margin-top: 0;}

.unit-5 > .col	{width: 18.490%;}
.unit-5 > .col:nth-of-type(5n+1)	{ margin-left: 0;}
.unit-5 > .col:nth-child(-n+5)	{margin-top: 0;}

.unit-6 > .col	{width: 15.094%;}
.unit-6 > .col:nth-of-type(6n+1)	{ margin-left: 0;}
.unit-6 > .col:nth-child(-n+6)	{margin-top: 0;}

.modal{ display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 11;}
.modal:before{ display: block; content: ""; position: absolute; width: 100%; height: 100vh; background: rgba(0,0,0,0.8);}


@media screen and (max-width:834px){
.only-lg{display: none !important;}
html	{	font-size:  100%;}
body	{	font-size: 3.5vw;	}
.container-sm	{padding-right: 20px; padding-left: 20px;}
.row-sm	{display: table;}
.row-sm > .col	{display: table-cell;}
.row-lg > .col.thum-r-200, .row-lg > .col.thum-r-250, .row-lg > .col.thum-r-300, .row-lg > .col.thum-r-400, .row-lg > .col.thum-l-200, .row-lg > .col.thum-l-250, .row-lg > .col.thum-l-300, .row-lg > .col.thum-l-400	{margin-bottom: 20px;}


.dir-cotact form	{width: auto; margin: 0 10px; background-color: transparent; }
.dir-cotact form h1	{font-size: 4.0vw;}
form table, form table tbody, form table tr{display: block; width: 100%;}
form table th, form table td{display: block; width: 100%; padding: 10px; background-color: #ffffff; border-bottom: none;  box-sizing: border-box; font-size: 3.5vw;}
form table th{background-color: #eeeeee; border-right: none; text-align: left;}
form table th.w-min{width: auto; white-space: normal;}
form table th .required-item{font-size: 3.0vw;}
form table td select{font-size: 3vw;}
form table td input:not([type="radio"]):not([type="checkbox"]), form table td textarea{width: calc(100% - 2px); border: 1px solid #c7c7c7; box-sizing: border-box}
form .item-button-send{padding: 20px 0; border-top: 1px solid #c7c7c7;}
form .item-button-send button{min-width: 100px; margin: 0 5px; padding: 15px 10px;  font-size: 3.5vw;}
form table td .group > input[type="tel"]{width: 4.0em;}


.item-tab ul > li, .item-tab.link-tab ul > li a{padding: 10px 0;}
.item-tab.link-tab ul > li:not(.active){padding: 0;}


.scroll-table {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.scroll-table th, .scroll-table td {white-space:nowrap;}
.scroll-table:before {content: "※右にスクロールできます。"; font-size: 3vw;}
.scroll-table::-webkit-scrollbar {height: 5px;}
.scroll-table::-webkit-scrollbar-track {border-radius: 5px; background: #eee;}
.scroll-table::-webkit-scrollbar-thumb {border-radius: 5px; background: #666;}

.js-scrollable table th, .js-scrollable table td	{white-space: nowrap;}

.fs-12	{font-size: 2.5vw;}
.fs-14	{font-size: 3vw;}
.fs-16	{font-size: 3.5vw;}
.fs-20	{font-size: 4.5vw;}

.text-right-sm{text-align: right}
.text-center-sm{text-align: center}
.text-left-sm{text-align: left}

.ttl-page {margin-bottom: 2.0em; padding: 10px 0; font-size: 4.5vw; line-height: 1.0;}
.page-news .ttl-page {margin-bottom: 0;}
.ttl-page em { display: block; margin-top: 5px; font-size: 3.0vw;}
.ttl-bold, .ttl-regular, .ttl-light	{font-size: 4vw;}
.flt-r, .flt-l	{width: 30%;}
.item-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.item-embed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.embed-calendar iframe { width: 100%; height: 70vh;}
.item-button a span, .item-button div{padding: 10px 20px; }
.item-select:before	{margin-top: -0.85em;}

.p-nav-num a, .p-nav-num b, .p-nav-num span{font-size: 3.0vw}
.p-nav-num *:first-child .fa, .p-nav-num *:last-child .fa{padding-top: 0.85em; font-size: 3.0vw;}
.nav-pn ul li {font-size: 4.0vw;}


.b-nav ul{width: 100%; overflow-x: auto; overflow-scrolling: touch;  -webkit-overflow-scrolling: touch;  white-space: nowrap;}
.icon-group li{font-size: 4vw}

.unit-2 > .col, .unit-3 > .col, .unit-4 > .col, .unit-5 > .col, .unit-6 > .col	{ font-size: 3.5vw;}

.unit-2-sm, .unit-3-sm, .unit-4-sm, .unit-5-sm, .unit-6-sm	{font-size: 0;}
.unit-2-sm > .col, .unit-3-sm > .col, .unit-4-sm > .col, .unit-5-sm > .col, .unit-6-sm > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.unit-2-sm > .col	{width: 49.056%;}
.unit-2-sm > .col:nth-child(2n+1)	{margin-left: 0;}
.unit-2-sm > .col:nth-child(-n+2)	{margin-top: 0;}

.unit-3-sm > .col	{width: 32.075%;}
.unit-3-sm > .col:nth-of-type(3n+1) 	{margin-left: 0;}
.unit-3-sm > .col:nth-child(-n+3)	{margin-top: 0;}

.unit-4-sm > .col	{width: 23.584%;}
.unit-4-sm > .col:nth-of-type(4n+1)	{margin-left: 0;}
.unit-4-sm > .col:nth-child(-n+4)	{margin-top: 0;}

.unit-5-sm > .col	{width: 18.490%;}
.unit-5-sm > .col:nth-of-type(5n+1)	{ margin-left: 0;}
.unit-5-sm > .col:nth-child(-n+5)	{margin-top: 0;}

.unit-6-sm > .col	{width: 15.094%;}
.unit-6-sm > .col:nth-of-type(6n+1)	{ margin-left: 0;}
.unit-6-sm > .col:nth-child(-n+6)	{margin-top: 0;}

.unit-2-lg > .col, .unit-3-lg > .col, .unit-4-lg > .col, .unit-5-lg > .col, .unit-6-lg > .col	{margin-top: 1.886% /*20px*/;}
.unit-2-lg > .col:first-child, .unit-3-lg > .col:first-child, .unit-4-lg > .col:first-child, .unit-5-lg > .col:first-child, .unit-6-lg > .col:first-child,
.unit-2-lg > .col.reset-t, .unit-3-lg > .col.reset-t, .unit-4-lg > .col.reset-t, .unit-5-lg > .col.reset-t, .unit-6-lg > .col.reset-t{margin-top: 0;}

.unit-list-sm .row-sm	{padding: 10px 0; border-bottom: 1px solid #c7c7c7;}
.unit-list-sm .row-sm .col:first-child	{width: 40%; padding-right: 20px; box-sizing: border-box;}
.unit-list-sm .row-sm .col:last-child	{width: 60%;}

.modaal-gallery-control {bottom: -60px !important;}
 
.modal{ display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 11;}
.modal:before{ display: block; content: ""; position: absolute; width: 100%; height: 100vh; background: rgba(0,0,0,0.8);}
.modalContent{ top: 50%; left: 50%; width: 90%; max-width: 90; padding: 10px; position: absolute; background: #ffffff; transform: translate(-50%,-50%); box-sizing: border-box; border-radius: 20px;}
}

@media screen and (min-width:835px){
body	{min-width: 1060px;}
.only-sm{display: none !important;}
.container	{width: 1060px; margin: 0 auto;}
.row-lg	{display: table;}
.row-lg > .col	{display: table-cell;}

.row-lg > .col.thum-r-200	{width: 200px; padding-left: 20px; box-sizing: border-box;}
.row-lg > .col.thum-r-250	{width: 250px; padding-left: 20px; box-sizing: border-box;}
.row-lg > .col.thum-r-300	{width: 300px; padding-left: 20px; box-sizing: border-box;}
.row-lg > .col.thum-r-400	{width: 400px; padding-left: 20px; box-sizing: border-box;}
.row-lg > .col.thum-l-200	{width: 200px; padding-right: 20px; box-sizing: border-box;}
.row-lg > .col.thum-l-250	{width: 250px; padding-right: 20px; box-sizing: border-box;}
.row-lg > .col.thum-l-300	{width: 300px; padding-right: 20px; box-sizing: border-box;}
.row-lg > .col.thum-l-400	{width: 400px; padding-right: 20px; box-sizing: border-box;}

form table td input[type="text"].normal, form table td textarea.normal{width: 50%}
form table td input[type="tel"]{width: 30%}
form table td input[type="email"]{width: 30%}

.ttl-page h1, .ttl-light h1 {  font-size:1.6rem;}

.text-right-lg{text-align: right}
.text-center-lg{text-align: center}
.text-left-lg{text-align: left}
.item-button a:after{  display: block; content: "→"; position: absolute; top: 50%; right: -100%; width: 40px; height: 100%; margin-top: -19px; font-size: 2.0rem; font-weight: 400;transition: all .3s ease;}

.unit-2-lg, .unit-3-lg, .unit-4-lg, .unit-5-lg, .unit-6-lg	{font-size: 0;}
.unit-2-lg > .col, .unit-3-lg > .col, .unit-4-lg > .col, .unit-5-lg > .col, .unit-6-lg > .col	{display: inline-block;  margin: 1.886% 0 0 1.886%; font-size: 1.6rem;}

.unit-2-lg > .col	{width: 49.056%;}
.unit-2-lg.narrow > .col	{width: 48.113%;   margin: 3.773% 0 0 3.773%;  }
.unit-2-lg > .col:nth-child(2n+1)	{margin-left: 0;}
.unit-2-lg > .col:nth-child(-n+2)	{margin-top: 0;}

.unit-3-lg > .col	{width: 32.075%;}
.unit-3-lg > .col:nth-of-type(3n+1) 	{margin-left: 0;}
.unit-3-lg > .col:nth-child(-n+3)	{margin-top: 0;}

.unit-4-lg > .col	{width: 23.584%;}
.unit-4-lg.narrow > .col	{width: 22.735%;   margin: 3.018% 0 0 3.018%;}
.unit-4-lg > .col:nth-of-type(4n+1)	{margin-left: 0;}
.unit-4-lg > .col:nth-child(-n+4)	{margin-top: 0;}

.unit-5-lg > .col	{width: 18.490%;}
.unit-5-lg > .col:nth-of-type(5n+1)	{ margin-left: 0;}
.unit-5-lg > .col:nth-child(-n+5)	{margin-top: 0;}

.unit-6-lg > .col	{width: 15.094%;}
.unit-6-lg > .col:nth-of-type(6n+1)	{ margin-left: 0;}
.unit-6-lg > .col:nth-child(-n+6)	{margin-top: 0;}
	
.item-kv	{width: 100%; text-align: center;}
 
.modal{ display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 11;}
.modal:before{ display: block; content: ""; position: absolute; width: 100%; height: 100vh; background: rgba(0,0,0,0.8);}
.modalContent{ top: 50%; left: 50%; width: 100%; max-width: 1060px; padding: 40px; position: absolute; background: #ffffff; transform: translate(-50%,-50%); box-sizing: border-box; border-radius: 20px;}
 
}