@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	{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;}
figure{margin: 0;}

/*.dir-top a:link, .dir-top a:visited, .g-nav a:link, .g-nav a:visited {color: #444444;  text-decoration: none;}
.dir-top a:hover, .dir-top a:active, .g-nav a:hover, .g-nav a:active {color: #dc3c14; }*/
body.lang-en, main a	{word-break: break-word}
article a:link, article a:visited {color: #014099;  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.emblem{position: relative; height: 30px; margin: 40px 0 70px; padding: 0; }
hr.emblem:before{display: block; content: ""; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin-left: -30px; background: #ffffff url("../img/emblem/niigata.png"); background-size: 60px;}


table.table{border-collapse: collapse;}
table.table th, table.table td{padding: 20px;}
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;}

form table{border-collapse: collapse;}
form table th, form table td{padding: 10px 20px;border-bottom: 5px solid #ffffff;}
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 td input:not([type="radio"]):not([type="checkbox"]), form table td textarea{background-color: #ffffff;border: none;}
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.normal{height: 10.0em}

form .item-button-send{padding: 20px; 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 button.orange{color: #ffffff; background-color: #ea5404; }
form .item-button-send button.orange:hover{color: #ffffff; background-color: #af3f03; animation: small 0.3s;  animation-fill-mode: forwards;}
form .item-button-send button.silver{background-color: #dddddd; }
form .item-button-send button.silver:hover{background-color: #aaaaaa; animation: small 0.3s;  animation-fill-mode: forwards;}
@keyframes small {  100% {transform: scale(0.95);}}

.tab-content{display: none;}
.tab-content.active{display: block;}

.text-white{ color: #ffffff;}
.text-orange{ color: #ea5404;}
.text-blue{ color:#014099;}
.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-orange	{color: #ffffff; background-color: #ea5404;}
.bg-orange-25, .th-orange-25 th, .td-orange-25 td	{background-color: rgba(234,84,4,0.25);}
.bg-blue	{color: #ffffff; background-color: #014099;}
.bg-red	{color: #ffffff; background-color: #dc3c14;}
.bg-silver, .th-silver th, .td-silver td	{background-color: #eeeeee;}
.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;}

.ttl-page {margin-bottom: 30px; padding: 30px 0; color: #ffffff; background-color: #014099; text-align: center;}
.ttl-page em { display: block; font-family: 'Rubik', sans-serif; font-size: 40px; font-weight: 700; line-height: 1.0;}
.ttl-bold h1{padding: 10px 20px;  font-size:2.0rem;}
.ttl-bold.grad h1 {color: #ffffff; background: rgb(234,84,4); background: linear-gradient(90deg, rgba(234,84,4,1) 0%, rgba(1,64,153,1) 100%);}


.ttl-regular h1 {padding-bottom: 10px;  border-bottom: 2px solid rgba(234,84,4,0.75); font-size: 2.0rem;}
.ttl-light h1 {position: relative; padding: 10px 10px 10px 0; overflow: hidden;}
.ttl-light h1:before {display: inline-block; content: ""; width: 10px; height: 30px; margin-right: 10px; background-color: rgba(234,84,4,0.75); vertical-align: -7px; /*transform: skewX(-15deg);*/}

.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{  display: inline-block; position: relative; font-weight: 700; overflow: hidden;}
.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{  display: block; position: relative; padding: 10px 40px; text-align: center;}
.item-button.orange a{  color: #ffffff; background-color: #ea5404;}
.item-button.blue a{   color: #ffffff; background-color: #014099;}
.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;}
.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.orange a{  color: #ea5404; border-bottom: 2px solid #ea5404;}
.item-button-line.orange a:before, .item-button-line.orange a span:before, .item-button-line.orange a span:after{  background-color: #ea5404;}
.item-button-line.blue a{  color: #014099; border-bottom: 2px solid #014099;}
.item-button-line.blue a:before, .item-button-line.blue a span:before, .item-button-line.blue a span:after{  background-color: #014099;}

.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: #ea5404;  background-color: #eeeeee;  font-family: 'Rubik', sans-serif; font-size: 1.6rem; vertical-align: top;}
.p-nav-num b, .p-nav-num a:hover{color: #ffffff;  background-color: #ea5404; font-weight: 700;}
.p-nav-num *:first-child{margin-left: 0;}
.p-nav-num *:first-child, .p-nav-num *:last-child{font-family: "Font Awesome 6 Free"; font-size: 1.2rem; font-weight: 900;}
.p-nav-nextback{margin-top: 40px;}
.p-nav-nextback *{display: inline-block; padding: 20px 0; background-color: #eeeeee; font-size: 1.6rem; text-align: center;}
.p-nav-nextback *:first-child, .p-nav-nextback *:last-child{width: 35%;  color: #444444; font-family: 'Rubik', sans-serif; font-weight: 400;}
.p-nav-nextback *:first-child:before{display: inline-block; content: "\f053"; margin-right: 10px; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.p-nav-nextback *:last-child:after{display: inline-block; content: "\f054"; margin-left: 10px; font-family: "Font Awesome 6 Free"; font-weight: 900;}
.p-nav-nextback *:nth-of-type(2){width: 30%; color: #ffffff; background-color: #ea5404;}
.p-nav-nextback *:hover{color: #ffffff; background-color: #014099;  text-decoration: none;}

.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: #014099; }
.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 #014099;  transform: skewX(-15deg);}
.b-nav ul li b{/*color: #ffffff; background-color: #ea5404;*/ 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: "Font Awesome 6 Brands"; font-weight: 400;  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-x a{color: #ffffff; background-color: #000000; }
.icon-group li.icon-x a:before{content: "\e61b";}
.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";}

.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: "Font Awesome 6 Free"; font-weight: 900; 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 > .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 > .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;}

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


form tabl{width: auto}
form table th, form table td{display: block; width: 100%; padding: 10px 20px;border-bottom: none; box-sizing: border-box;}
form table th{border-right: none; text-align: left;}
form table.td-silver td{background-color: transparent;}
form table td input:not([type="radio"]):not([type="checkbox"]), form table td textarea{width: 100%; border: 1px solid #c7c7c7; box-sizing: border-box}
form .item-button-send button{min-width: 100px; margin: 0 5px; padding: 15px 10px;  font-size: 4vw;}

.fs-12	{font-size: 3vw;}
.fs-14	{font-size: 3.5vw;}
.fs-16	{font-size: 4vw;}
.fs-20	{font-size: 5vw;}
.ttl-page em { font-size: 9vw;}
.ttl-bold h1{font-size: 6vw;}
.ttl-regular h1 {font-size: 5vw;}
.ttl-light h1{font-size: 4vw;}

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

.ttl-page {margin-bottom: 30px; padding: 10px 0; font-size: 6vw;}
.ttl-page h1 {margin-bottom: 30px;margin: 0; padding: 10px 0; font-size: 5vw;}
.ttl-page em { display: inline/*inline-block*/; margin-right: 5px; font-size: 5vw;}
.ttl-page em:after { display: inline/*inline-block*/; content: "/"; margin-left: 5px;}
.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;}
.item-button a span{  padding: 10px 20px; }
.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: 4vw;}

.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: 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%;}

}
@media screen and (min-width:835px){
.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-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 > .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;}


}