@charset "UTF-8";

/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,
legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;

}
a {
	text-decoration: none;
}
ul {
  list-style: none;
}

button,input,select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,video,iframe {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/* Font & List Set ========== */
.fmin {font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}

.fwB { font-weight: bold; }
.fwN { font-weight: normal; }

html { font-size: 62.5%; } /*Default 10px*/
.fs12 { font-size: 1.2em; }
.fs16 { font-size: 1.6em; }
.fs17 { font-size: 1.7em; }
.fs18 { font-size: 1.8em; }
.fs19 { font-size: 1.9em; }

.taC { text-align: center; }
.taR { text-align: right; }
.taL { text-align: left; }
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.li-disc li {
	list-style-type: disc;
	margin-left: 2em;
}

.li-circle li {
	list-style-type: circle;
	margin-left: 32px;
}

.li-square li {
	list-style-type: square;
	margin-left: 2em;
}

.li-decimal li, ol.li-decimal li {
	list-style-type: decimal;
	margin-left: 1.8em;
}

.li-decimalzero li {
	list-style-type: decimal-leading-zero;
	margin-left: 3em;
}

.li-lalpha li {
	list-style-type:lower-alpha;
	margin-left: 30px;
}

.indent li, .indentS li, .indentS-pc, .indent-3em li,
.li-disc li, .li-circle li, .li-square li, .li-decimal li, .li-decimalzero li, .li-lalpha li {
	padding-top:2px;
	padding-bottom:2px;
}

.li-pt10 li { padding-top: 10px; }
.li-pt20 li { padding-top: 20px; }
.li-pt10 li:first-child, .li-pt20 li:first-child { padding-top: 0; }

/* Margin & Padding Set ========== */

.mout {margin: 0 auto;}
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt4per { margin-top:4% !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb4per { margin-bottom:4% !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt4per { padding-top: 4%; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }

.w100per { width: 100%; }
.w1200px { width: 1200px; }

.vh30per { height: 30vh; }
.vh50per { height: 50vh; }

.flex-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-2 li {
	width: 49%;
	line-height: 1.8;
}

.flex-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-4 li {
	width: 24%;
	line-height: 1.8;
}

.inblock {
	display:inline-block;
}

/* Device Set ======================== */

.pc { display: none; }
.pc-tab { display: none; }
.ipt-sp100per { width: 100%; }
.ipt-3part { width: 30%; }

@media screen and (min-width: 768px) {
	.sp { display: none; }
	.pc-tab { display: block; }
	.ipt-sp100per, .ipt-3part { width: auto; }
}

@media screen and (min-width: 1080px) {
	.pc { display: inline-block; }
	.pc-taC { text-align: center; }
}

input[type="text"], input[type="password"], textarea, select {
	font-family: 'Open Sans', "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "游ゴシック", Meiryo, sans-serif;
	font-size: 16px;
	margin: 4px 0;
	padding: 4px;
	max-width: 100%;
}

input[type="radio"] , input[type="checkbox"], label { cursor:pointer; }


input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.4);
   transform: scale(1.4);
   margin-right: 0.5em;
}

label { display:inline-block; margin: 4px 0; }

@media screen and (min-width: 768px) {
	input[type="radio"] , input[type="checkbox"]{
	   -webkit-transform: scale(1);
	   transform: scale(1);
	   margin-right:0.8em;
	}
}

@media screen and (min-width: 1030px) {
	input[type="text"], input[type="password"], textarea, select {
		font-size: 14px;
		margin: 4px 0;
		padding: 2px;
	}
}