@charset "utf-8";

/* ----- ----- ----- ----- ----- ----- -----
 tss.css
 version 1.0.0
 Date 190906
----- ----- ----- ----- ----- ----- ----- */
/* basic */
.tss *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.pc{display: block;}
.sp{display: none;}
@media screen and (max-width: 768px){}
@media screen and (max-width: 640px){
	.pc{display: none;}
	.sp{display: block;}
}

.tss .block{
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}
.tss .block iframe{
	width: 100%;
	height: 400px;
}
.tss img{
	max-width: 100%;
}

.tss .tipsBlock{
	padding: 24px;
	background: #EEE;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.tss .copy{
	margin-bottom: 50px;
}
.tss .copy h2{
	font-size: 32px;
	text-align: center;
	margin-bottom: 10px;
}
.tss .copy h3{
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}
.tss .copy .img{
	text-align: center;
	margin-bottom: 10px;
}

.dpflex{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.dpflex li{
	flex-direction: row;
	width: 33%;
	padding: 10px;
}
.dpflex li a{
	display: block;
	border: 2px solid #257BA5;
	padding: 10px;
}
.dpflex li img{
	max-width: 100%;
}


.faq{}
.faq dt span{
	display: inline-block;
	color: #429AFF;
	font-weight: bold;
	font-size: 2em;
	padding-right: 8px;
}
.faq dd span{
	display: inline-block;
	color: #D3414D;
	font-weight: bold;
	font-size: 2em;
	padding-right: 8px;
}
.faq dd{
	margin-bottom: 20px;
}


/* common styles */
.tss_heading01{
	border-bottom: double 5px #ccc;
	font-size: 23px;
	margin-bottom: 20px;
}
.tss_heading02{
  color: #364e96;/*文字色*/
  border: solid 3px #364e96;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  font-size: 18px;
  text-align: left;
}
.tss_heading03{
	border-bottom: solid 1px #D5D5D5;
  font-size: 16px;
	margin-bottom: 20px;
	padding: 0 0 5px 5px;
}
.tss_heading04{}
.tss_heading05{}
.tss_heading06{}
.tss_heading07{}
.tss_heading08{}
.tss_heading09{}

.tss_table{
	width: 100%;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.tss_table th,
.tss_table td{
	padding: 5px 10px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.tss_table th{
	font-weight: bold;
	white-space: nowrap;
	background: #eee;
	min-width: 100px;
	text-align: right;
}
.tss_table td{}

.coming{
	display: inline-block;
	background: #FF2626;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 4px;
	vertical-align: top;
}

/* button */
.btn-flat-logo,
.btn-flat-logo:link {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #364e96;
  transition: .4s;
  padding: 10px 15px;
  font-size: 18px;
  color: #FFF;
}
.btn-flat-logo:hover {
  background: #1ec7bb;
  color: #FFF;
}

.circleList h3{
	text-align: center;
	margin-bottom: .5em;
}
.circleList ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.circleList ul li{
	width: 120px;
	height: 120px;
	background: #7CB0C9;
	text-align: center;
	padding-top: 50px;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	margin: 0 5px;
}
.circleList ul li.pt{
	padding-top: 40px;
}



/* video */
.movie{}
.movie video{
	display: block;
	width: 640px;
	height: 360px;
	margin: 0 auto;
}


.cRed{color: red;}




/* Not Around Layout */
.imgArea:before, .imgArea:after { content: ""; display: table;}
.imgArea:after { clear:both; }
.imgArea { zoom: 1;}
.imgArea {}
.imgArea .imgR { float: right; margin: 0 0 0 1.5rem;}
.imgArea .imgL { float: left; margin: 0 1.5rem 0 0;}
.imgArea .textArea { overflow: hidden; _zoom: 1; }
	@media screen and (min-width: 641px){
		.imgArea .imgR {max-width: 50%;}
		.imgArea .imgL {max-width: 50%;}
	}
	@media screen and (max-width: 640px){
	}

.tss .tipsBlock .imgArea .imgR {max-width: 30%;}
.tss .tipsBlock .imgArea .imgL {max-width: 30%;}
/* img layout Around & 2c & 3c */
.imgLayout:before, .imgLayout:after,
.imgLayout2c:before, .imgLayout2c:after,
.imgLayout3c:before, .imgLayout3c:after,
.imgLayout4c:before, .imgLayout4c:after { content: ""; display: table;}
.imgLayout:after,
.imgLayout2c:after,
.imgLayout3c:after,
.imgLayout4c:after { clear:both; }
.imgLayout,
.imgLayout2c,
.imgLayout3c,
.imgLayout4c { zoom: 1;}
/* Around */
.imgLayout .imgR { float: right; margin-left: 15px; margin-bottom: 1em;}
.imgLayout .imgL { float: left; margin-right: 15px; margin-bottom: 1em;}
/* c2 & c3 */
.imgLayout2c .imgBox,
.imgLayout3c .imgBox,
.imgLayout4c .imgBox {
float: left;
width: 50%;
text-align: center;
}
.imgLayout3c .imgBox {
width: 33%;
}
.imgLayout4c .imgBox {
width: 25%;
}
.imgLayout2c .imgBox img,
.imgLayout3c .imgBox img,
.imgLayout4c .imgBox img {
	max-width: 100%;
margin-bottom: 0.5em;
}
.imgLayout2c .imgBox p,
.imgLayout3c .imgBox p,
.imgLayout4c .imgBox p,
.imgLayout2c .imgBox figcaption,
.imgLayout3c .imgBox figcaption,
.imgLayout4c .imgBox figcaption {
font-size: 0.9em;
padding: 0 !important; margin: 0 !important;
}
	@media screen and (max-width: 800px){
		.imgLayout2c .imgBox,
		.imgLayout3c .imgBox,
		.imgLayout4c .imgBox {
		float: none;
		width: auto;
		max-width: 100%;
		}
		.imgLayout3c .imgBox {
		width: auto;
		max-width: 100%;
		}
		.imgLayout4c .imgBox {
		width: auto;
		max-width: 100%;
		}
	}


/* float Box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.lBox { float: left;}
.rBox { float: right;}

/* display
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.dTable { display: table;}
.dTableCell { display: table-cell;}
.dBlock { display: block;}
.dInline { display: inline !important;}

/*
vertical-align
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.vat { vertical-align: top;}
.vam { vertical-align: middle;}
.vab { vertical-align: bottom;}

/*
text
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* text-align
----- ----- ----- ----- ----- */
.tal { text-align: left !important;}
.tar { text-align: right !important;}
.tac { text-align: center !important;}

/* font
----- ----- ----- ----- ----- */
.fss { font-size: 0.9em;}
.fsl { font-size: 1.2em;}
.fwn { font-weight: normal;}
.fwb { font-weight: bold;}
.tdu { text-decoration: underline;}
.tdlt { text-decoration: line-through;}
.tti { text-indent: 1em;}

/* font color */
.fWhite { color: #FFF;}
.fRed { color: #E9194B;}
.fOrange { color: #E36B37;}
.fGreen { color: #00A496;}
.fBlue { color: #004EA2;}
.fPink { color: #FF6699;}

/* font-size */
.fs08 { font-size: 0.8em;}
.fs09 { font-size: 0.9em;} /* = .fss */
.fs10 { font-size: 1.0em;}
.fs11 { font-size: 1.1em;}
.fs12 { font-size: 1.2em;} /* = .fsl */
.fs13 { font-size: 1.3em;}
.fs14 { font-size: 1.4em;}
.fs15 { font-size: 1.5em;}
.fs16 { font-size: 1.6em;}
.fs17 { font-size: 1.7em;}
.fs18 { font-size: 1.8em;}
.fs19 { font-size: 1.9em;}
.fs20 { font-size: 2.0em;}

/*
border
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bd01 { border: 1px solid #D5D5D5;}
.bdt01 { border-top: 1px solid #D5D5D5;}
.bdt02 { border-top: 2px solid #D5D5D5;}
.bdt03 { border-top: 3px solid #D5D5D5;}
.bdb01 { border-bottom: 1px solid #D5D5D5;}
.bdb02 { border-bottom: 2px solid #D5D5D5;}
.bdb03 { border-bottom: 3px solid #D5D5D5;}
.bdb01dot { border-bottom: 1px dotted #D5D5D5;}
.bdb02dot { border-bottom: 2px dotted #D5D5D5;}
.bdb03dot { border-bottom: 3px dotted #D5D5D5;}
.bdRed { border-color: #E9194B;}
.bdOrange { border-color: #E36B37;}
.bdGreen { border-color: #00A496;}
.bdBlue { border-color: #004EA2;}


.bdradi6{-webkit-border-radius: 6px; border-radius: 6px;}



/*
background
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.bgGray { background: #DDD;}
.bgYellow { background: #FBFBF0;}
.bgOrange { background: #FFF5EE;}

/* list style
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.ul{padding: 0 0 0 2em;}
.ul li{
	list-style-type: disc;
	list-style-position: outside;
}
.ol{padding: 0 0 0 2em;}
.ol li{
	list-style-type: decimal;
	list-style-position: outside;
}

/*
box
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* border & bg */
.boxRed { padding: 15px;; background: #FDE1E9; border: 2px solid #E9194B;}
.boxOrange { padding: 15px;; background: #FFF5EE; border: 2px solid #E36B37;}
.boxGreen { padding: 15px;; background: #E1FFFE; border: 2px solid #00A496;}
.boxBlue { padding: 15px;; background: #DFEEFF; border: 2px solid #004EA2;}
.boxGray { padding: 15px;; background: #EEE; border: 2px solid #CCC;}
/* bg */
.bgBoxRed { padding: 15px;; background: #FDE1E9;}
.bgBoxOrange{ padding: 15px;; background: #FFF5EE;}
.bgBoxGreen { padding: 15px;; background: #E1FFFE;}
.bgBoxBlue { padding: 15px;; background: #DFEEFF;}
.bgBoxGray { padding: 15px;; background: #EEE;}
.bgBoxPink { padding: 15px;; background: #FF6699;}
/* border */
.bdBoxRed { padding: 15px;; border: 2px solid #E9194B;}
.bdBoxOrange { padding: 15px;; border: 2px solid #E36B37;}
.bdBoxGreen { padding: 15px;; border: 2px solid #00A496;}
.bdBoxBlue { padding: 15px;; border: 2px solid #004EA2;}
.bdBoxGray { padding: 15px;; border: 2px solid #CCC;}
.bdBoxPink { padding: 15px;; border: 2px solid #FF6699;}
/*
padding & margin
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* guidline common */
.pds20mb00 { padding: 0 20px; margin-bottom: 0em;}
.pds20mb05 { padding: 0 20px; margin-bottom: 0.5em;}
.pds20mb10 { padding: 0 20px; margin-bottom: 1em;}
.pds20mb15 { padding: 0 20px; margin-bottom: 1.5em;}
.pds20mb20 { padding: 0 20px; margin-bottom: 2em;}
.pds20mb25 { padding: 0 20px; margin-bottom: 2.5em;}
.pds20mb30 { padding: 0 20px; margin-bottom: 3em;}
.pds20mb35 { padding: 0 20px; margin-bottom: 3.5em;}
.pds20mb40 { padding: 0 20px; margin-bottom: 4em;}
.pds20mb45 { padding: 0 20px; margin-bottom: 4.5em;}
.pds20mb50 { padding: 0 20px; margin-bottom: 5em;}
.pds30mb00 { padding: 0 30px; margin-bottom: 0em;}
.pds30mb05 { padding: 0 30px; margin-bottom: 0.5em;}
.pds30mb10 { padding: 0 30px; margin-bottom: 1em;}
.pds30mb15 { padding: 0 30px; margin-bottom: 1.5em;}
.pds30mb20 { padding: 0 30px; margin-bottom: 2em;}
.pds30mb25 { padding: 0 30px; margin-bottom: 2.5em;}
.pds30mb30 { padding: 0 30px; margin-bottom: 3em;}
.pds30mb35 { padding: 0 30px; margin-bottom: 3.5em;}
.pds30mb40 { padding: 0 30px; margin-bottom: 4em;}
.pds30mb45 { padding: 0 30px; margin-bottom: 4.5em;}
.pds30mb50 { padding: 0 30px; margin-bottom: 5em;}
.ms20mb00 { margin: 0 20px; margin-bottom: 0em;}
.ms20mb05 { margin: 0 20px; margin-bottom: 0.5em;}
.ms20mb10 { margin: 0 20px; margin-bottom: 1em;}
.ms20mb15 { margin: 0 20px; margin-bottom: 1.5em;}
.ms20mb20 { margin: 0 20px; margin-bottom: 2em;}
.ms20mb25 { margin: 0 20px; margin-bottom: 2.5em;}
.ms20mb30 { margin: 0 20px; margin-bottom: 3em;}
.ms20mb35 { margin: 0 20px; margin-bottom: 3.5em;}
.ms20mb40 { margin: 0 20px; margin-bottom: 4em;}
.ms20mb45 { margin: 0 20px; margin-bottom: 4.5em;}
.ms20mb50 { margin: 0 20px; margin-bottom: 5em;}
.ms30mb00 { margin: 0 30px; margin-bottom: 0em;}
.ms30mb05 { margin: 0 30px; margin-bottom: 0.5em;}
.ms30mb10 { margin: 0 30px; margin-bottom: 1em;}
.ms30mb15 { margin: 0 30px; margin-bottom: 1.5em;}
.ms30mb20 { margin: 0 30px; margin-bottom: 2em;}
.ms30mb25 { margin: 0 30px; margin-bottom: 2.5em;}
.ms30mb30 { margin: 0 30px; margin-bottom: 3em;}
.ms30mb35 { margin: 0 30px; margin-bottom: 3.5em;}
.ms30mb40 { margin: 0 30px; margin-bottom: 4em;}
.ms30mb45 { margin: 0 30px; margin-bottom: 4.5em;}
.ms30mb50 { margin: 0 30px; margin-bottom: 5em;}
/* padding side */
.pds00 { padding: 0 0px !important;}
.pds05 { padding: 0 5px !important;}
.pds10 { padding: 0 10px !important;}
.pds12 { padding: 0 12px !important;}
.pds15 { padding: 0 15px !important;}
.pds16 { padding: 0 16px !important;}
.pds20 { padding: 0 20px !important;}
.pds25 { padding: 0 25px !important;}
.pds30 { padding: 0 30px !important;}
.pds35 { padding: 0 35px !important;}
.pds40 { padding: 0 40px !important;}
.pds45 { padding: 0 45px !important;}
.pds50 { padding: 0 50px !important;}
.pds55 { padding: 0 55px !important;}
/* margin side */
.ms00 { margin: 0 0px !important;}
.ms05 { margin: 0 5px !important;}
.ms10 { margin: 0 10px !important;}
.ms15 { margin: 0 15px !important;}
.ms20 { margin: 0 20px !important;}
.ms25 { margin: 0 25px !important;}
.ms30 { margin: 0 30px !important;}
.ms35 { margin: 0 35px !important;}
.ms40 { margin: 0 40px !important;}
.ms45 { margin: 0 45px !important;}
.ms50 { margin: 0 50px !important;}
/* padding full */
.pdf00 { padding: 0px !important;}
.pdf05 { padding: 5px !important;}
.pdf10 { padding: 10px !important;}
.pdf12 { padding: 12px !important;}
.pdf15 { padding: 15px !important;}
.pdf20 { padding: 20px !important;}
.pdf25 { padding: 25px !important;}
.pdf30 { padding: 30px !important;}
.pdf35 { padding: 35px !important;}
.pdf40 { padding: 40px !important;}
.pdf45 { padding: 45px !important;}
.pdf50 { padding: 50px !important;}
/* margin 0 auto */
.m0a { margin: 0 auto !important;}
.m0a05mb { margin: 0 auto 0.5em !important;}
.m0a10mb { margin: 0 auto 1.0em !important;}
.m0a15mb { margin: 0 auto 1.5em !important;}
.m0a20mb { margin: 0 auto 2.0em !important;}
.m0a25mb { margin: 0 auto 2.5em !important;}
.m0a30mb { margin: 0 auto 3.0em !important;}
.m0a35mb { margin: 0 auto 3.5em !important;}
.m0a40mb { margin: 0 auto 4.0em !important;}
.m0a45mb { margin: 0 auto 4.5em !important;}
.m0a50mb { margin: 0 auto 5.0em !important;}
.m0r { margin: 0 0 0 auto !important;}
.m0l { margin: 0 auto 0 0!important;}
/* padding */
.pt00 { padding-top: 0em !important;}
.pt05 { padding-top: 0.5em !important;}
.pt10 { padding-top: 1.0em !important;}
.pt15 { padding-top: 1.5em !important;}
.pt20 { padding-top: 2.0em !important;}
.pt25 { padding-top: 2.5em !important;}
.pt30 { padding-top: 3.0em !important;}
.pt35 { padding-top: 3.5em !important;}
.pt40 { padding-top: 4.0em !important;}
.pt45 { padding-top: 4.5em !important;}
.pt50 { padding-top: 5.0em !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pb00 { padding-bottom: 0em !important;}
.pb05 { padding-bottom: 0.5em !important;}
.pb10 { padding-bottom: 1.0em !important;}
.pb15 { padding-bottom: 1.5em !important;}
.pb20 { padding-bottom: 2.0em !important;}
.pb25 { padding-bottom: 2.5em !important;}
.pb30 { padding-bottom: 3.0em !important;}
.pb35 { padding-bottom: 3.5em !important;}
.pb40 { padding-bottom: 4.0em !important;}
.pb45 { padding-bottom: 4.5em !important;}
.pb50 { padding-bottom: 5.0em !important;}
.pl00 { padding-left: 0px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}
.pl65 { padding-left: 65px !important;}
.pl70 { padding-left: 70px !important;}
/* margin */
.mt00 { margin-top: 0em !important;}
.mt05 { margin-top: 0.5em !important;}
.mt10 { margin-top: 1em !important;}
.mt15 { margin-top: 1.5em !important;}
.mt20 { margin-top: 2em !important;}
.mt25 { margin-top: 2.5em !important;}
.mt30 { margin-top: 3em !important;}
.mt35 { margin-top: 3.5em !important;}
.mt40 { margin-top: 4em !important;}
.mt45 { margin-top: 4.5em !important;}
.mt50 { margin-top: 5em !important;}
.mr00 { margin-right: 0px !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mb00 { margin-bottom: 0em !important;}
.mb05 { margin-bottom: 0.5rem !important;}
.mb10 { margin-bottom: 1rem !important;}
.mb15 { margin-bottom: 1.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.mb30 { margin-bottom: 3rem !important;}
.mb35 { margin-bottom: 3.5rem !important;}
.mb40 { margin-bottom: 4rem !important;}
.mb45 { margin-bottom: 4.5rem !important;}
.mb50 { margin-bottom: 5rem !important;}
.ml00 { margin-left: 0px !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml150 { margin-left: 150px !important;}


strong{font-weight: bold;}