@charset "utf-8";
/*-----------------------------------------*/
/* HTML5 display definitions */
/*-----------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{ display: block; }
audio,canvas,video{ display: inline-block; width: 100%; }
audio:not([controls]){ display: none; }
[hidden]{ display: none; }

/*-----------------------------------------*/
/* base */
/*-----------------------------------------*/
#contents_block *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contents_block {
	position:relative;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

/*-----------------------------------------*/
/* typography */
/*-----------------------------------------*/

b,strong{ font-weight: bold; }
small{ font-size: 75%; }
sub,sup{ position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup{ top: -0.25em; }
sub{ bottom: -0.25em; }
em,cite{ font-style: normal; }

/*-----------------------------------------*/
/* lists */
/*-----------------------------------------*/

ul{ padding-left: 0; list-style: none; }
dd{ margin-left: 0; }

/*-----------------------------------------*/
/* embedded content */
/*-----------------------------------------*/

img{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root){ overflow: hidden; }

iframe{ border: 0; vertical-align: top; }

/*-----------------------------------------*/
/* figure */
/*-----------------------------------------*/

figure{ margin: 0 }

/*-----------------------------------------*/
/* table */
/*-----------------------------------------*/

table{
	border-collapse:collapse;
	border-spacing:0;
}

th,td{
	vertical-align:top;
	text-align:left;
}

th{ font-weight:normal; }

/**********************************************************/
/* setup */
/**********************************************************/

#contents_block { color: #000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,figure,pre{ margin: 0;}

/*-----------------------------------------*/
/* typograpy */
/*-----------------------------------------*/
p,li,dt,dd,th,td,pre{ -ms-line-break:strict; line-break:strict; -ms-word-break: break-strict; word-break: break-strict; }

p,ul,ol,dl,th,td,button,pre,textarea{ line-height:1.5; }

html{ font-size:62.5%; }

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,th,td,button,pre,textarea,time{
	font-size: medium;
	line-height: 1.5;
}

/*-----------------------------------------*/
/* link */
/*-----------------------------------------*/
a,a *, .hover > span{
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	-webkit-backface-visibility: hidden; /* chromeのズレ修正 */
	backface-visibility: hidden; /* chromeのズレ修正 */}

a { color: #fff; text-decoration: none; display: inline-block; outline: none;}
a:focus { outline: none; }
a:hover, a:active { color: #c30d23; outline: 0; text-decoration: none; }

/*-----------------------------------------*/
/* img */
/*-----------------------------------------*/

img{
	max-width: 100%;
/*	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;*/
}
@media screen and (min-width: 769px) {
	a:hover img { opacity: 0.8;}
}
/**********************************************************/
/* libraries */
/**********************************************************/

/*-----------------------------------------*/
/* clearfix */
/*-----------------------------------------*/

.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.oldie .cf { zoom: 1; }

/*-----------------------------------------*/
/* clear */
/*-----------------------------------------*/

.clear{ clear: both; }

/*-----------------------------------------*/
/* float */
/*-----------------------------------------*/

.left { float: left; }
.right { float: right; }

/*-----------------------------------------*/
/* table cell */
/*-----------------------------------------*/

/* table-cell list */
.tc_list { display: table; }
.tc_fix { table-layout: fixed; }
.tc_list li{ display: table-cell; vertical-align: top; }

/* IE 6 */
* html .tc_list li{
	display:inline;
	zoom:1;
}
/* IE 7 */
*:first-child+html .tc_list li{
	display:inline;
	zoom:1;
}
/* Mac IE*/
/*\*//*/
* html .tc_list li{
display:inline-block;
}
/**/

/*-----------------------------------------*/
/* flex cell */
/*-----------------------------------------*/
.fl_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap : nowrap;
	-webkit-flex-wrap : nowrap;
	flex-wrap : nowrap;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


/**********************************************************/
/* chatbot */
/**********************************************************/
.embeddedServiceHelpButton .helpButton .uiButton {
	background-color: #f44336 !important;
	font-family: "Arial", sans-serif;
	font-size: 1.4em !important;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
	outline: 1px solid #f44336;
}