:root {
  --color-white: #fff;
  --color-light: hsl(206, 33%, 96%);
 /* --color-black: rgb(12, 36, 59);*/
  --color-black:#000;
  --color-lightgray:#c4c4d3;
  --color-gray: #6e6e78;
  --color-darkgray:rgb(65, 65, 87);
  --color-night: hsl(214, 100%, 10%);
  --color-purple: hsl(291, 64%, 42%);
  --color-indigo: hsl(255, 100%, 60%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
  	0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  	0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--bg-midgray: rgb(76, 76, 102);
	--container:1400px;
}

/*
===========
SHOW,HIDE
===========
*/
.pconly {display:inline-block !important;}
.mobonly {display:none !important;}
.pconly2 {display:block !important;}
.mobonly2 {display:none !important;}
.pconly3 {display:table-cell !important;}
.mobonly3 {display:none !important;}

@media (max-width:83rem) {
  .pconly {display:none !important;}
  .mobonly {display:inline-block !important;}
  .pconly2 {display:none !important;}
  .mobonly2 {display:block !important;}
  .pconly3 {display:none !important;}
  .mobonly3 {display:table-cell !important;}
}

/*
===========
DIVS
===========
*/
.fl-left {float:left;}
.fl-right {float:right !important;}
.d-block {display:block;}
.d-inline {display:inline;}
.d-inline-block {display:inline-block;}

.w-50 {width:50%;}
.w-100 {width:100%;}
.po-relative {position:relative;}


/*
===========
BACKGROUND
===========
*/
.bg-white {background:#fff !important;}
.bg-light-gray {background:#f7f7f7;}
.bg-more-light-gray {background:#f8f8f9;}
.bg-dark-gray {background:#111;}
.bg-midgray {background:var(--bg-midgray);}
.bg-light-gray {background:rgb(248, 249, 250);}

/*
===========
FONTS
===========
*/
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fwno {font-weight:normal;}

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

.font-big-large {font-size:3.2rem;}
.font-extra-large {font-size:2.5rem;}
.font-large {font-size:2rem; line-height:1.5;}
.font-medium-large {font-size:1.7rem;}
.font-small-large {font-size:1.25rem; line-height:1.8;}
.font-mini-large {font-size:1.1rem; line-height:2;}
.font-normal {font-size:1rem;}
.font-small {font-size:0.94rem;}
.font-mini-small {font-size:0.9rem;}
.font-extra-small {font-size:0.8rem;}

.pcolor {color:var(--point-color);}
.pcolor2 {color:var(--point-color2);}
.pcolor3 {color:var(--point-color3);}
.pcolor4 {color:var(--point-color4);}
.pcolor5 {color:var(--point-color5);}
.pcolor6 {color:var(--point-color6);}
.pcolor-gray {color:#3c3c3c;}
.pcolor-light-gray {color:#919191;}
.pcolor-more-light-gray {color:#d1d1d1;}

.font-white {color:#fff;}
.font-black {color:#000;}
.font-gray {color:#666;}
.font-light-gray {color:#fafafa;}
.font-dark-gray {color:#444;}

/*
===========
BORDER
===========
*/
.border-radius-10px {border-radius:10px;}
.border-radius-20px {border-radius:20px;}
.border-radius-1-rem {border-radius:1rem;}
.border-radius-2-rem {border-radius:2rem;}

/*
===========
BTNS
===========
*/
.btns  {vertical-align:middle; padding:10px 20px; display:inline-block; background:#000; color:#fff; border-radius:40px;}
.btns-small {padding:5px 10px;}
.btns-normal {padding:7px 15px;}
.btns-medium {padding:10px 20px;}
.btns-large {padding:15px 40px;}
.btns-extra {padding:20px 60px;}


.btns_1 {background:#111; color:#fff;}
.btns_2 {background:#10ad97; color:#fff;}
.btns_3 {background:var(--color-indigo); color:#fff;}
.btns_4 {background:#fff; color:#111;}


/*
===========
PADDING,MARGIN
===========
*/
.mt-05-rem {margin-top:0.5rem;}
.mt-1-rem {margin-top:1rem;}
.mt-2-rem {margin-top:2rem;}
.mt-3-rem {margin-top:3rem;}
.mt-4-rem {margin-top:4rem;}
.mt-5-rem {margin-top:5rem;}
.mt-6-rem {margin-top:6rem;}
.mt-7-rem {margin-top:7rem;}
.mt-8-rem {margin-top:8rem;}
.mt-9-rem {margin-top:9rem;}

.mb-02-rem {margin-bottom:0.2rem;}
.mb-05-rem {margin-bottom:0.5rem;}
.mb-1-rem {margin-bottom:1rem;}
.mb-2-rem {margin-bottom:2rem;}
.mb-3-rem {margin-bottom:3rem;}
.mb-4-rem {margin-bottom:4rem;}
.mb-5-rem {margin-bottom:5rem;}
.mb-6-rem {margin-bottom:6rem;}
.mb-7-rem {margin-bottom:7rem;}
.mb-8-rem {margin-bottom:8rem;}
.mb-9-rem {margin-bottom:9rem;}
.mb-10-rem {margin-bottom:10rem;}
.mb-11-rem {margin-bottom:11rem;}
.mb-12-rem {margin-bottom:12rem;}
.mb-13-rem {margin-bottom:13rem;}
.mb-14-rem {margin-bottom:14rem;}
.mb-15-rem {margin-bottom:15rem;}
.mb-16-rem {margin-bottom:16rem;}
.mb-17-rem {margin-bottom:17rem;}
.mb-18-rem {margin-bottom:18rem;}
.mb-19-rem {margin-bottom:19rem;}
.mb-20-rem {margin-bottom:20rem;}
.mb-21-rem {margin-bottom:21rem;}
.mb-22-rem {margin-bottom:22rem;}

.ml-1-rem {margin-left:1rem;}
.ml-2-rem {margin-left:2rem;}
.ml-3-rem {margin-left:3rem;}
.ml-4-rem {margin-left:4rem;}
.ml-5-rem {margin-left:5rem;}
.ml-6-rem {margin-left:6rem;}
.ml-7-rem {margin-left:7rem;}
.ml-8-rem {margin-left:8rem;}
.ml-9-rem {margin-left:9rem;}

.mr-1-rem {margin-right:1rem;}
.mr-2-rem {margin-right:2rem;}
.mr-3-rem {margin-right:3rem;}
.mr-4-rem {margin-right:4rem;}
.mr-5-rem {margin-right:5rem;}
.mr-6-rem {margin-right:6rem;}
.mr-7-rem {margin-right:7rem;}
.mr-8-rem {margin-right:8rem;}
.mr-9-rem {margin-right:9rem;}

.mtb-1-rem {margin:1rem 0;}
.mtb-2-rem {margin:2rem 0;}
.mtb-3-rem {margin:3rem 0;}
.mtb-4-rem {margin:4rem 0;}
.mtb-5-rem {margin:5rem 0;}
.mtb-6-rem {margin:6rem 0;}
.mtb-7-rem {margin:7rem 0;}
.mtb-8-rem {margin:8rem 0;}
.mtb-9-rem {margin:9rem 0;}

.margin-1-rem {margin:1rem;}
.margin-2-rem {margin:2rem;}
.margin-3-rem {margin:3rem;}
.margin-4-rem {margin:4rem;}
.margin-5-rem {margin:5rem;}
.margin-6-rem {margin:6rem;}
.margin-7-rem {margin:7rem;}
.margin-8-rem {margin:8rem;}
.margin-9-rem {margin:9rem;}

.pt-1-rem {padding-top:1rem;}
.pt-2-rem {padding-top:2rem;}
.pt-3-rem {padding-top:3rem;}
.pt-4-rem {padding-top:4rem;}
.pt-5-rem {padding-top:5rem;}
.pt-6-rem {padding-top:6rem;}
.pt-7-rem {padding-top:7rem;}
.pt-8-rem {padding-top:8rem;}
.pt-9-rem {padding-top:9rem;}
.pt-10-rem {padding-top:10rem;}
.pt-11-rem {padding-top:11rem;}
.pt-12-rem {padding-top:12rem;}

.pb-1-rem {padding-bottom:1rem;}
.pb-2-rem {padding-bottom:2rem;}
.pb-3-rem {padding-bottom:3rem;}
.pb-4-rem {padding-bottom:4rem;}
.pb-5-rem {padding-bottom:5rem;}
.pb-6-rem {padding-bottom:6rem;}
.pb-7-rem {padding-bottom:7rem;}
.pb-8-rem {padding-bottom:8rem;}
.pb-9-rem {padding-bottom:9rem;}
.pb-10-rem {padding-bottom:10rem;}
.pb-11-rem {padding-bottom:11rem;}
.pb-12-rem {padding-bottom:12rem;}

.pr-1-rem {padding-right:1rem;}
.pr-2-rem {padding-right:2rem;}
.pr-3-rem {padding-right:3rem;}
.pr-4-rem {padding-right:4rem;}
.pr-5-rem {padding-right:5rem;}
.pr-6-rem {padding-right:6rem;}
.pr-7-rem {padding-right:7rem;}
.pr-8-rem {padding-right:8rem;}
.pr-9-rem {padding-right:9rem;}

.pl-1-rem {padding-left:1rem;}
.pl-2-rem {padding-left:2rem;}
.pl-3-rem {padding-left:3rem;}
.pl-4-rem {padding-left:4rem;}
.pl-5-rem {padding-left:5rem;}
.pl-6-rem {padding-left:6rem;}
.pl-7-rem {padding-left:7rem;}
.pl-8-rem {padding-left:8rem;}
.pl-9-rem {padding-left:9rem;}

.ptb-1-rem {padding:1rem 0;}
.ptb-2-rem {padding:2rem 0;}
.ptb-3-rem {padding:3rem 0;}
.ptb-4-rem {padding:4rem 0;}
.ptb-5-rem {padding:5rem 0;}
.ptb-6-rem {padding:6rem 0;}
.ptb-7-rem {padding:7rem 0;}
.ptb-8-rem {padding:8rem 0;}
.ptb-9-rem {padding:9rem 0;}
.ptb-10-rem {padding:10rem 0;}
.ptb-11-rem {padding:11rem 0;}
.ptb-12-rem {padding:12rem 0;}
.ptb-13-rem {padding:13rem 0;}
.ptb-14-rem {padding:14rem 0;}
.ptb-15-rem {padding:15rem 0;}
.ptb-16-rem {padding:16rem 0;}
.ptb-17-rem {padding:17rem 0;}
.ptb-18-rem {padding:18rem 0;}
.ptb-19-rem {padding:19rem 0;}

.padding-1-rem {padding:1rem;}
.padding-2-rem {padding:2rem;}
.padding-3-rem {padding:3rem;}
.padding-4-rem {padding:4rem;}
.padding-5-rem {padding:5rem;}
.padding-6-rem {padding:6rem;}
.padding-7-rem {padding:7rem;}
.padding-8-rem {padding:8rem;}
.padding-9-rem {padding:9rem;}

@media (max-width:83rem) {
	.mt-2-rem {margin-top:1rem;}
	.mb-2-rem {margin-bottom:1rem;}

	.mb-5-rem {margin-bottom:3rem;}

	.pt-2-rem {padding-top:1rem;}
	.pt-12-rem {padding-top:8rem;}

	.pb-2-rem {padding-bottom:1rem;}
	.pb-6-rem {padding-bottom:4rem;}

	.pr-2-rem {padding-right:1rem;}
	.pl-2-rem {padding-left:1rem;}

	.ptb-8-rem {padding:7rem 0;}
}

.text-white {color:var(--color-white);}
.text-black {color:var(--color-black);}
.text-gray {color:var(--color-gray);}
.text-lightgray {color:var(--color-lightgray);}

/*
===========
COLS
===========
*/
.col-2 .one {float:left; width:49%; margin:0 2% 2% 0;}
.col-2 .one:nth-of-type(2n) {margin-right:0;}

.col-3 .one {float:left; width:32%; margin: 0 2% 2% 0;}
.col-3 .one:nth-of-type(3n) {margin-right:0;}

.col-4 .one {float:left; width:23.5%; margin:0 2% 2% 0;}
.col-4 .one:nth-of-type(4n) {margin-right:0;}

.col-5 .one {float:left; width:19.2%; margin:0 1% 1% 0;}
.col-5 .one:nth-of-type(5n) {margin-right:0;}


@media (max-width:83rem) {
	.col-2 .one {width:100%; margin:0 0 2% 0;}
	.col-3 .one {width:100%; margin:0 0 2% 0;}
	.col-4 .one {float:left; width:49%; margin:0 2% 2% 0;}
		.col-4 .one:nth-of-type(2n) {margin-right:0;}
	.col-5 .one {float:left; width:49%; margin:0 2% 2% 0;}
		.col-5 .one:nth-of-type(2n) {margin-right:0;}

}

/*
===========
STYLE
===========
*/
.hlight {position:relative;}
	.hlight:after {content:''; width:100%; position:absolute; bottom:0; left:0; background:#36fbdf; height:6px; z-index:1;}

.layerbox {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3;}

.styletbl {float:left; width:100%; border-top:2px solid #868686;}
.styletbl th, .styletbl td {padding:15px 20px; text-align:left;}
.styletbl th {background:#f5f5f5; font-weight:500;  border-bottom:1px solid #e9e9e9; color:#444; text-align:center; }
.styletbl td { color:#4c4c4c; border-bottom:1px solid #e9e9e9;}
.styletbl strong {font-weight:400;}
.styletbl.overview {width:100%; font-size:.94rem;}
.styletbl.overview th {min-width:120px;}

.inputdiv {}
	.inputdiv span.input_title {float:left; margin-bottom:10px; font-size:1.04rem; font-weight:700; width:23%; vertical-align:middle;}
	.inputdiv input[type=text], .inputdiv textarea, .inputdiv select {float:left; width:77%; border:1px solid #ccc; height:45px; line-height:45px; padding:0 10px; background:#fff; font-size:1rem; font-weight:500; border-radius:5px; vertical-align:middle;}
	.inputdiv input[type=text]:hover, .inputdiv textarea:hover, .inputdiv select:hover {border-color:#333;}
	.inputdiv textarea {line-height:initial; height:200px; resize:none; padding:10px;}
	.inputdiv input::placeholder, .inputdiv textarea::placeholder {color:#a7a7a7;}
	.inputdiv input[type=checkbox], .inputdiv input[type=radio] {width:15px; height:15px; vertical-align:middle;}
	.inputdiv input:not(:placeholder-shown) {background:#efefef; color:gray;}

.required:after {content:'*'; color:blue; display:inline-block; margin-left:2px;}

.agreecont {font-weight:700; text-decoration:underline; color:#111; cursor:pointer;}
.agreecontview {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:800px; border:4px solid #ccc; display:none; background:#fff; padding:30px; z-index:11; font-size:0.9rem;}
	.agreecontview.show {display:block;}
	.agreecontview .close {cursor:pointer;}

/*
===========
BODY COMMON
===========
*/
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: inherit;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

*,html,body,div,table,nav{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

*, h1,h2,h3,h4,h5,h6,div,span,p {word-break:keep-all;}


body {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-black);
  background: var(--color-white);
}

a,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  text-decoration: none;
}

img,
video {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

h1 {font-weight:700;}

.container {
  max-width: 83rem;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
}



@media (max-width:83rem) {
	.container {max-width:100%; padding:0 20px;}
}

/*
===========
TABS
===========
*/
.tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.tabs label {
  order: 1;
  display: block;
  padding: 0 0 10px 0;
  margin:0 1.5rem;
  cursor: pointer;
  font-weight: bold;
  transition: all ease 0.2s;
  opacity:0.5;
  font-size:1.5rem;
  color:var(--color-black);
}
.tabs label span {display:none;}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  border-bottom:3px solid var(--color-black);
  opacity:1;
}
.tabs input[type=radio]:checked + label  span {
	display:inline-block;
}
.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
.tabs label {
    order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}