@charset "UTF-8";

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a:link { text-decoration: none; color: #1a1a1a; }
a:visited { text-decoration: none; color: #1a1a1a; }
a:hover { text-decoration: underline; color: #1a1a1a; outline: 0; }
a:active { text-decoration: none; color: #1a1a1a; outline: 0; }
a:focus { text-decoration: none; color: #1a1a1a; outline: 0; }


body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

#PT_box{
	width:40px;
	padding:5px;
	margin:0;
	text-align:center;
	position:fixed;
	bottom:0;
	right:0;
	list-style-type:none;
	overflow:hidden;
	z-index:199;
	line-height:0;
  opacity: 0.7;
}

#Footerwrapper { width:100%;
	background-color:#bf0000;
	box-shadow:rgba(0, 0, 0, 0.23) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.23) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.23) 0px 0px 6px 3px;
	font-size: 12px;
	margin-top: 30px;
	line-height: 140%;
}
#Footerinner { padding:40px 20px; }
#Footerlink { color:#ffffff; text-align:center; }
#Footerlink .current { text-decoration:underline; }
#Footerlink a { color:#ffffff; text-decoration:none; }
#Footerlink a:hover { text-decoration:underline; }
.Copyright { text-align:center; color:#fff; font-size:12px; margin-top:10px; }


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*ページ上部の画像周り*/
/*Bigtitleは全ての画面サイズで1行の場合の設定となるため、どこかで2行になるものには別途指定が必要だが、煩雑となるので掲載する文字数を制限したい*/
/*現在の対応範囲は半角英数、カンマスペース含む20字まで*/
.Bigtitle {
	text-align:center;
	color:#ffffff;
	font-size:50px;
	padding:200px 15px 200px 15px;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	line-height:100%;
	overflow:hidden;
	word-wrap:break-word;
	opacity:1.0;
}

.Bigtitle2 {
	text-align:center;
	color:#ffffff;
	font-size:50px;
	padding:180px 15px 180px 15px;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	line-height:100%;
	overflow:hidden;
	word-wrap:break-word;
	opacity:1.0;
}

.Bigtitleshadow {
	text-shadow:0px 0px 15px rgba(0,0,0,0.8);
}

.Bigtitle_top { text-align:center; padding:80px 15px 0 15px; }
.Bigtitle_top .txtimg { width: 100%; }
.Bigtitle_top .txtimg2 { display: none; width: 100%; }

#Bg_theme_rec_l {
  display:block;
  position: absolute;
  left: 0;
  top: 100px;
  width:100%;
  z-index:-100;
  opacity: 1;
}

#Bg_theme_rec_s {
	display:none;
}


/*★★★★*/
@media screen and (max-width:999px){
	.Bigtitle { padding:210px 15px 150px 15px; }
	.Bigtitle2 { padding:190px 15px 150px 15px; }
	#Bg_theme_rec_l { top: 40px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.Bigtitle { padding:170px 15px 110px 15px; }
	.Bigtitle2 { padding:160px 15px 110px 15px; }
	#Bg_theme_rec_l { top: 50px; }
	.Bigtitle_top { padding:140px 15px 0 15px; }
}
/*★★*/
@media screen and (max-width:680px){
	.Bigtitle { font-size:40px; padding:140px 15px 80px 15px; }
	.Bigtitle2 { font-size:30px; padding:140px 15px 80px 15px; }
	#Bg_theme_rec_l { top: 60px; }
	.Bigtitle_top { padding:115px 15px 40px 15px; }
	.Bigtitle_top .txtimg { display: none; }
	.Bigtitle_top .txtimg2 { display: inline; }
}
/*★*/
@media screen and (max-width:500px){
	.Bigtitle { font-size:20px; padding:140px 15px 80px 15px; }
	.Bigtitle2 { font-size:20px; padding:130px 15px 60px 15px; }
	#Bg_theme_rec_l { display:none;}
	#Bg_theme_rec_s { display:block; position: absolute; left: 0; top: 40px; width:100%; z-index:-100; opacity: 1;}
	.Bigtitle_top { padding:120px 15px 60px 15px; }
}

/*ENDページ上部の画像周り*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*コンテンツラッパー*/
/*いつも通りの960システムでやってしまう、いずれ幅を1200程度まで拡大したいが・・・*/

#Contentsarea { width:100%; text-align: center; background-color:#ffffff; padding: 20px 0; color:#3e3e3e; }
#Contentswrapper { width:960px; margin: 0 auto; text-align: left; }

/*★★★★*/
@media screen and (max-width:999px){
	#Contentswrapper { width:800px; }
}
/*★★★*/
@media screen and (max-width:820px){
	#Contentswrapper { width:640px; }
}
/*★★*/
@media screen and (max-width:680px){
	#Contentswrapper { width:480px; }
}
/*★*/
@media screen and (max-width:500px){
	#Contentswrapper { width:320px; }
}
/*ENDコンテンツラッパー*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*共通で使えそうなタイトルや文字類など*/

.Contentsubstitle { text-align:center; font-size:38px; padding:0 10px; margin:40px 0 20px 0; line-height:140%; }
.Contentsubstitle_caption { text-align:center; font-size:14px; padding:0 10px; margin:0 0 25px 0; line-height:140%; }
.Contentsubstitle2 { text-align:center; margin:0; font-size:24px; padding:15px 0 15px 0; line-height:120%; }
.Contentsubstitle_caption2 { text-align:left; font-size:14px; padding:0 10px; margin:5px 0 15px 0; line-height:140%; }
.Contentsubstitle3 { text-align:center; font-size:38px; padding:0 10px; margin:50px 0 20px 0; line-height:140%; }
.Contentsubstitle_caption3 { text-align:center; font-size:14px; padding:0 10px; margin:0 0 25px 0; line-height:140%; }
.Contentsubstitle4 { text-align:center; font-size:38px; padding:0 10px; margin:40px 0 20px 0; line-height:140%; }
.Contentsubstitle5 { text-align:center; font-size:38px; padding:0 10px; margin:40px 0 20px 0; line-height:140%; }
.Contentsubstitle5caption { text-align:center; font-size:14px; font-weight:normal; color:#1a1a1a; padding:0 10px; margin:15px 0 25px 0; line-height:140%; }
.Contentsubstitle8caption { text-align:left; font-size:14px; font-weight:normal; color:#1a1a1a; padding:0 10px; margin:5px 0 25px 0; line-height:140%; }
.Contentsubstitle9 { text-align:center; margin:0; font-size:24px; padding:15px 0 15px 0; line-height:120%; }
.Contentsubstitle12caption { text-align:left; font-size:14px; font-weight:normal; color:#1a1a1a; padding:0 10px; margin:10px 0 10px 0; line-height:140%; }
.Contentsubstitle_caption4 { text-align:center; font-size:14px; padding:10px; margin:0 0 10px 0; line-height:140%; background-color: #f4f4f4; }
.Contentsubstitle8 { text-align:center; font-size:32px; padding:0 10px; margin:40px 0 20px 0; line-height:140%; }

/*★★★★*/
@media screen and (max-width:999px){
	.Contentsubstitle { font-size:34px; margin:35px 0 20px 0; }
	.Contentsubstitle_caption { font-size:14px; margin:0 0 25px 0; }
	.Contentsubstitle3 { font-size:34px; margin:45px 0 20px 0; }
	.Contentsubstitle4 { font-size:34px; margin:35px 0 20px 0; }
	.Contentsubstitle5 { font-size:34px; margin:75px 0 20px 0; }
	.Contentsubstitle8 { font-size:28px; margin:35px 0 20px 0; }
}
/*★★★*/
@media screen and (max-width:820px){
	.Contentsubstitle { font-size:32px; margin:30px 0 20px 0; }
	.Contentsubstitle_caption { text-align: left; }
	.Contentsubstitle3 { font-size:32px; margin:40px 0 20px 0; }
	.Contentsubstitle4 { font-size:32px; margin:30px 0 20px 0; }
	.Contentsubstitle5 { font-size:32px; margin:70px 0 20px 0; }
	.Contentsubstitle8 { font-size:24px; margin:30px 0 20px 0; }
}
/*★★*/
@media screen and (max-width:680px){
	.Contentsubstitle { font-size:26px; margin:25px 0 20px 0; }
	.Contentsubstitle3 { font-size:26px; margin:35px 0 20px 0; }
	.Contentsubstitle4 { font-size:26px; margin:25px 0 20px 0; }
	.Contentsubstitle5 { font-size:26px; margin:70px 0 20px 0; }
	.Contentsubstitle8 { font-size:20px; margin:25px 0 20px 0; }
}
/*★*/
@media screen and (max-width:500px){
	.Contentsubstitle { font-size:24px; margin:10px 0 20px 0; }
	.Contentsubstitle3 { font-size:24px; margin:30px 0 20px 0; }
	.Contentsubstitle4 { font-size:24px; margin:25px 0 20px 0; }
	.Contentsubstitle5 { font-size:24px; margin:70px 0 20px 0; }
	.Contentsubstitle8 { font-size:18px; margin:10px 0 20px 0; }
}
/*END共通で使えそうなタイトルの類など*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*箱類*/
.Imagebox { padding:5px; }
.Catbox { padding:20px; border:solid 10px #f4f4f4; margin:40px 0; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*小道具たち*/

/*BRextinguisher＝特定の画面サイズで改行がおかしくなる部分のBRを消してしまうClass、ブレイクポイントに従い1~4番まであり*/

.Image960 { max-width:960px; width:100%; }

/*★★★★*/
@media screen and (max-width:999px){
	.BRextinguisher001 { display: none; }
}
/*★★★*/
@media screen and (max-width:820px){
	.BRextinguisher002 { display: none; }
}
/*★★*/
@media screen and (max-width:680px){
	.BRextinguisher003 { display: none; }
}
/*★*/
@media screen and (max-width:500px){
	.BRextinguisher004 { display: none; }
}

.MGT10 { margin-top:10px!important; }
.MGT20 { margin-top:20px!important; }
.MGT30 { margin-top:30px!important; }
.MGT40 { margin-top:40px!important; }
.MGT50 { margin-top:50px!important; }
.MGB10 { margin-bottom:10px!important; }
.MGB20 { margin-bottom:20px!important; }
.MGB30 { margin-bottom:30px!important; }
.MGB40 { margin-bottom:40px!important; }
.MGB50 { margin-bottom:50px!important; }

.TALcenter { text-align: center; }
.TALleft { text-align: left; }
.TALright { text-align: right; }

/*END小道具たち*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*採用ページ専用*/

.Ryugensan { float:right; width:20%; max-width:400px; border-radius: 300px; box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px; border:5px solid #ffffff; margin-left:20px; margin-bottom:10px; }

@media screen and (max-width:820px){
.Ryugensan { float:right; width:25%; max-width:400px; border-radius: 300px; box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px; border:4px solid #ffffff; margin-left:16px; margin-bottom:8px; }
}

@media screen and (max-width:680px){
.Ryugensan { float:right; width:30%; max-width:400px; border-radius: 300px; box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px; border:3px solid #ffffff; margin-left:12px; margin-bottom:6px; }
}

@media screen and (max-width:500px){
.Ryugensan { float:right; width:35%; max-width:400px; border-radius: 300px; box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px; border:2px solid #ffffff; margin-left:8px; margin-bottom:4px; }
}

.Stafftable { margin:0 auto; width:90%; word-break: break-all; }
.Stafftable2 { margin:0 auto; width:60%; word-break: break-all; }
.Stafftable td,.Stafftable2 td { text-align:center; padding:15px 7px; width:33%; }
.Staffimage { width:80%; max-width:240px; border-radius: 300px;	box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.10) 0px 0px 6px 3px; border:5px solid #ffffff; }
.Staffname { width:80%; font-size:1.2em; max-width:240px; margin:0 auto; font-weight:bold; }
.Staffintro { width:80%; max-width:240px; margin:15px auto; line-height:120%; font-size: 14px; }


@media screen and (max-width:680px){
	.Staffname { line-height:100%; }
	.Staffintro { font-size:10px; }
}

@media screen and (max-width:500px){
	.Stafftable td,.Stafftable2 td { padding:7px 3px; }
	.Staffimage { width:90%; border:2px solid #ffffff; }
	.Staffname { width:90%; font-size: 12px; }
	.Staffintro { font-size:10px; }
	.Brswitch320 { display:none; }
}


/*END採用ページ専用*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*汎用ボタン類*/

/*赤のボタン*/
.GeneralButton1, .GeneralButton2, .GeneralButton3 {
	position: relative;
	color: #fff;
	text-align: center;
	background-color: #e74749;
	z-index: 1;
	display: block;
	margin: 0 auto;
}
.GeneralButton1:before, .GeneralButton2:before, .GeneralButton3:before {
	position: absolute;
	content: '\f105';
	color: #ffffff;
	font-family: fontAwesome;
	z-index: -1;
}
.GeneralButton1 {
	line-height: 60px;
	font-size: 14px;
	width:240px;
	border-radius: 60px;
}
.GeneralButton1:before {
	top: 0;
	left: 215px;
	font-size: 20px;
}
.GeneralButton2 {
	line-height: 40px;
	font-size: 14px;
	width:160px;
	border-radius: 40px;
}
.GeneralButton2:before {
	top: 0;
	left: 135px;
	font-size: 20px;
}
.GeneralButton3 {
	line-height: 60px;
	font-size: 14px;
	width:300px;
	border-radius: 60px;
}
.GeneralButton3:before {
	top: 0;
	left: 275px;
	font-size: 20px;
}
@media screen and (max-width:500px){
.GeneralButton3 {
	line-height: 50px;
	font-size: 14px;
	width:260px;
	border-radius: 50px;
}
.GeneralButton3:before {
	top: 0;
	left: 235px;
	font-size: 20px;
}
}
.GeneralButton1:link, .GeneralButton2:link, .GeneralButton3:link { text-decoration: none; color: #ffffff; }
.GeneralButton1:visited, .GeneralButton2:visited, .GeneralButton3:visited { text-decoration: none; color: #ffffff; }
.GeneralButton1:hover, .GeneralButton2:hover, .GeneralButton3:hover { background-color: #bf0000; text-decoration: none; color: #ffffff; outline: 0; }
.GeneralButton1:active, .GeneralButton2:active, .GeneralButton3:active { text-decoration: none; color: #ffffff; outline: 0; }
.GeneralButton1:focus, .GeneralButton2:focus, .GeneralButton3:focus { text-decoration: none; color: #ffffff; outline: 0; }

/*グレーのボタン*/
.GeneralButtonGray01, .GeneralButtonGray02 {
	position: relative;
	color: #ec4847;
	text-align: center;
	background-color: #f4f4f4;
	z-index: 1;
	display: block;
	margin: 0 auto;
}
.GeneralButtonGray01:before, .GeneralButtonGray02:before {
	position: absolute;
	color: #ec4847;
	content: '\f105';
	font-family: fontAwesome;
	z-index: -1;
}
.GeneralButtonGray01
{
	line-height: 60px;
	font-size: 14px;
	width:240px;
	border-radius: 60px;
}
.GeneralButtonGray01:before
{
	top: 0;
	left: 215px;
	font-size: 20px;
}
.GeneralButtonGray02 {
	line-height: 60px;
	font-size: 14px;
	width:300px;
	border-radius: 60px;
}
.GeneralButtonGray02:before {
	top: 0;
	left: 275px;
	font-size: 20px;
}
.GeneralButtonGray01:link, .GeneralButtonGray02:link { text-decoration: none; color: #ec4847; }
.GeneralButtonGray01:visited, .GeneralButtonGray02:visited { text-decoration: none; color: #ec4847; }
.GeneralButtonGray01:hover, .GeneralButtonGray02:hover { background-color: #e6e6e6; text-decoration: none; color: #ec4847; outline: 0; }
.GeneralButtonGray01:active, .GeneralButtonGray02:active { text-decoration: none; color: #ec4847; outline: 0; }
.GeneralButtonGray01:focus, .GeneralButtonGray02:focus { text-decoration: none; color: #ec4847; outline: 0; }

/*END汎用ボタン類*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*Company*/
.Companytable_ab { width:100%; font-size:16px; margin:0; padding:0; line-height: 140%; }
.Companytable_ab th { border-bottom:1px solid #e0e0e0; padding:8px; background-color:#f4f4f4; text-align:center; }
.Companytable_ab td { border-bottom:1px solid #e0e0e0; padding:8px; }
.Companytable_ab .TopborderTh { border-top:1px solid #e0e0e0; }
.Companytable_ab .TopborderThb { border-top:1px solid #e0e0e0; }
.Companytable_ab .TopborderTd { border-top:1px solid #e0e0e0; }
.Bdr001 { border-right:1px solid #ccc; }
.BgcLg { background-color:#f1f1f1; }

.Accesstrain { background-color:#f4f4f4; padding:5px; font-size:12px; margin-top:5px; }
.Linkunderline { text-decoration:underline!important; }

.Tablelist { margin:0; padding:0 0 0 20px; }
.Tablelist li { margin:0; padding:0; }

.Tablelist2 { margin:0; padding:0 0 0 20px; }
.Tablelist2 li { margin:5px 0; padding:0; }

.Thw20 { width:20%; }
.Thw15 { width:15%; }
.Tdw80 { width:80%; }
.Tdw85 { width:85%; }
.Tdw30 { width:30%; }
.Tdw35 { width:35%; }
.Tdw40 { width:40%; }
.Thw50 { width:50%; }
.Thw60 { width:60%; }

.Internationaloffice { margin-bottom:8px; font-size:14px; line-height:160%; }

@media screen and (max-width:820px){
	.Companytable_ab { font-size:14px; }
}

@media screen and (max-width:500px){
	.Companytable_ab { width:300px; font-size:12px; margin:0 auto; }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*Privacy*/
.Gencaptionbox { padding:15px; background-color:#f4f4f4; line-height:140%; }
.Gencaptionbox ul li { list-style-type: none; }
.Genlist { margin:10px; padding:10px 0 0 25px; !important }
.Genlist li { margin:0; padding:0 0 25px 0; }
.Genlist2 { margin:10px 10px 0 10px; padding:0 0 0 10px; font-size: 14px; }
.Genlist2 li { margin:0; padding:0 0 10px 0; list-style-type:upper-roman; }

.Genoilist { margin:10px; padding:10px 0 0 25px; line-height:140%; }
.Genoilist li { margin:0; padding:0 0 25px 0; }
.Gendl { margin:10px; padding:0; }
.Gendl dt { margin:10px; padding:0; }
.Gendl dd { margin:10px; padding:0; }

.Genoilist2 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genoilist2 li { margin:0; padding:0 0 10px 0; list-style-type:upper-roman; }

.Genoilist3 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genoilist3 li { margin:0; padding:0 0 10px 0; list-style-type:lower-roman; }

.Genullist2 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genullist2 li { margin:0; padding:0 0 8px 0; list-style-type:disc; }

.Genullist3 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genullist3 li { margin:0; padding:0 0 8px 0; list-style-type:upper-roman; }

.Genoilist4 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genoilist4 li { margin:0; padding:0 0 10px 0; list-style-type:lower-roman; }

.Genoilist5 { margin:0 10px 0 10px; padding:0 0 0 0; }
.Genoilist5 li { margin:0; padding:0 0 10px 0; list-style-type:none; }

.Genullist4 { margin:10px 10px 0 10px; padding:0 0 0 10px; }
.Genullist4 li { margin:0; padding:0 0 8px 0; list-style-type:lower-alpha !important; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*Partners*/

.Threecolumnbox { width:320px; float:left; text-align:center; }
.Threecolumnboxinner { padding:20px; text-align:center; }

.Fourcolumnbox { width:240px; float:left; }
.Fourcolumnboxinner { padding:0; text-align:center; }
.Eclogo { max-width:200px; width:85%; margin:8px; }

.Caseimage { width: 100%; }
.Segmentlabel { background-color: #e74749; font-size: 12px; color: #ffffff; padding:8px 0; width: 100%; }
.Introtxt { font-size: 14px; text-align: left; line-height: 140%; }

/*★★★★*/
@media screen and (max-width:999px){
	.Threecolumnbox { width:266px; }
	.Fourcolumnbox { width:200px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.Threecolumnbox { width:213px; }
	.Fourcolumnbox { width:160px; }
}
/*★★*/
@media screen and (max-width:680px){
	.Threecolumnbox { width:240px; }
	.Fourcolumnbox { width:160px; }
}
/*★*/
@media screen and (max-width:500px){
	.Threecolumnbox { width:320px; }
	.Fourcolumnbox { width:106px; }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*Toppage*/

.Topproductbox { width:20%; float: left; text-align: center; }
.Topproductboxinner { padding: 30px 20px; }
.Producticon { max-width: 80px; width: 50%; }
.Probg001 { background: url(../../images/top_productbg_001.jpg) center top no-repeat; background-size:cover; }
.Probg002 { background: url(../../images/top_productbg_002.jpg) center top no-repeat; background-size:cover; }
.Probg003 { background: url(../../images/top_productbg_003.jpg) center top no-repeat; background-size:cover; }
.Probg004 { background: url(../../images/top_productbg_004.jpg) center top no-repeat; background-size:cover; }
.Probg005 { background: url(../../images/top_productbg_005.jpg) center top no-repeat; background-size:cover; }

.BigtitleProduct {
	text-align:center;
	color:#ffffff;
	font-size:30px;
	padding:20px 15px 20px 15px;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	line-height:100%;
	overflow:hidden;
	word-wrap:break-word;
	opacity:1.0;
}

.Product_script { color:#ffffff; font-size: 14px; line-height: 140%; width: 80%; margin: 0 auto; }

.Redline { background-color: #e33737; color: #ffffff; padding: 40px 0; }
.Whitetitle { font-size: 30px; margin: 0 0 15px 0; text-align: center; font-weight: bold; }
.Whitescript { font-size: 14px; text-align: center; font-weight: normal; line-height: 140%; width: 80%; margin: 0 auto; }

.sliderbox { padding:0 30px; }
.slider { margin: 0 auto auto; }
.slider li { list-style-type: none; }
.slider li img { width: 180px; }

/*赤のボタン*/
.GeneralButtonProduct {
	position: relative;
	color: #fff;
	text-align: center;
	background-color: #e74749;
	z-index: 1;
	display: block;
	margin: 0 auto;
}
.GeneralButtonProduct:before {
	position: absolute;
	content: '\f105';
	color: #ffffff;
	font-family: fontAwesome;
	z-index: -1;
}
.GeneralButtonProduct {
	line-height: 40px;
	font-size: 14px;
	width:160px;
	border-radius: 40px;
}
.GeneralButtonProduct:before {
	top: 0;
	left: 140px;
	font-size: 20px;
}

.GeneralButtonProduct:link { text-decoration: none; color: #ffffff; }
.GeneralButtonProduct:visited { text-decoration: none; color: #ffffff; }
.GeneralButtonProduct:hover { background-color: #bf0000; text-decoration: none; color: #ffffff; outline: 0; }
.GeneralButtonProduct:active { text-decoration: none; color: #ffffff; outline: 0; }
.GeneralButtonProduct:focus { text-decoration: none; color: #ffffff; outline: 0; }

/*★★★★*/
@media screen and (max-width:999px){
	.BigtitleProduct { font-size:24px; }
	.Product_script { font-size: 12px; width: 100%; }
	.GeneralButtonProduct { line-height: 36px; font-size: 10px; width:120px; }
	.GeneralButtonProduct:before { left: 103px; font-size: 14px; }
	.slider { margin: 25px auto; }
	.slider li img { width: 140px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.BigtitleProduct { font-size:16px; }
	.Topproductboxinner { padding: 20px 10px; }
	.GeneralButtonProduct { line-height: 30px; font-size: 10px; width:108px; }
	.GeneralButtonProduct:before { left: 94px; font-size: 12px; }
	.slider { margin: 20px auto; }
	.slider li img { width: 110px; }
}
/*★★*/
@media screen and (max-width:680px){
	.Topproductbox { width:50%; float: left; text-align: center; }
	.Topproductboxlast { width:100%; }
	.Producticon { max-width: 109px; width: 25%; }
	.Producticonlast { max-width: 109px; width: 12%; }
	.Redline { padding: 25px 0; }
	.Whitetitle { font-size: 24px; margin: 0 0 10px 0; }
	.Whitescript { font-size: 12px; }
	.slider { margin: 15px auto; }
	.slider li img { width: 80px; }
}
/*★*/
@media screen and (max-width:500px){
	.sliderbox { padding:0 30px 0 30px; }
	.slider li img { width: 120px; }
	.slider { margin: 10px auto; }
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*Performance*/

.Contentsiconwrapper { text-align: center; }
.Contentsicon { max-width: 129px; width: 25%; }

.Contentsleftbox { float:left; width:50%; }
.Contentsrightbox { float:left; width:50%; }
.Contentsleftbox2 { float:right; width:50%; }
.Contentsrightbox2 { float:left; width:50%; }

.PcontentsTitle { font-size: 28px; line-height: 140%; margin-top: 70px; padding: 0 20px; font-weight: normal; }
.PcontentsTitle2 { font-size: 28px; line-height: 140%; margin-top: 30px; padding: 0 20px; font-weight: normal; }
.PcontentsScript { font-size: 16px; line-height: 160%; padding: 0 20px; }
.Decoline { width: 30%; height: 5px; background-color: #e74749; color: #e74749; border: none; margin-left: 20px; }
.PcontentsImage { max-width:516px; width: 100%; }
.PcontentsBtn { padding: 0 20px; }
.PcontentsBtn a { float: left; margin-right: 5px; }

.Pagelinkcirclewrapper { padding:60px 0 40px 0; }
.Pagelinkcirclewrapper a:hover { text-decoration:none; }
.Pagelinkcirclebox {
    float: left;
    width: 160px;
    text-align: center;
}
.Pagelinkcircle {
    width: 140px;
    height: 140px;
    background-color: #e74749;
    margin: 0 auto;
    border-radius: 85px;
    display: block;
}
.PagelinkContentsicon { max-width: 129px; width: 40%; margin-top: 22px; }
.Pagelinkcircletext { color:#ffffff; font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; font-weight: bold; font-size: 21px; margin-top: 10px; }
.Pagelinkcirclescript { font-size: 14px; padding: 20px 10px; line-height: 140%; text-align: left; }

.PagelinkButtonGray01 {
	position: relative;
	color: #ec4847;
	text-align: center;
	background-color: #f4f4f4;
	z-index: 1;
	display: block;
	margin: 0 auto;
}
.PagelinkButtonGray01:before {
	position: absolute;
	color: #ec4847;
	content: '\f105';
	font-family: fontAwesome;
	z-index: -1;
}
.PagelinkButtonGray01
{
	line-height: 40px;
	font-size: 12px;
	width:140px;
	border-radius: 60px;
}
.PagelinkButtonGray01:before
{
	top: 0;
	left: 120px;
	font-size: 18px;
}

.PagelinkButtonGray01:link { text-decoration: none; color: #ec4847; }
.PagelinkButtonGray01:visited { text-decoration: none; color: #ec4847; }
.PagelinkButtonGray01:hover { background-color: #e6e6e6; text-decoration: none; color: #ec4847; outline: 0; }
.PagelinkButtonGray01:active { text-decoration: none; color: #ec4847; outline: 0; }
.PagelinkButtonGray01:focus { text-decoration: none; color: #ec4847; outline: 0; }


/*★★★★*/
@media screen and (max-width:999px){
	.PcontentsTitle { font-size: 24px; margin-top: 50px; }
	.PcontentsTitle2 { font-size: 24px; margin-top: 30px; }
	.PcontentsScript { font-size: 14px; }
	.Pagelinkcirclebox { width: 130px; }
	.Pagelinkcircle { width: 120px; height: 120px; }
	.Pagelinkcircletext { font-size: 18px; margin-top: 5px; }
	.PagelinkButtonGray01 { font-size: 12px; width:120px; }
	.PagelinkButtonGray01:before { left: 106px; font-size: 14px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.PcontentsTitle { font-size: 22px; margin-top: 10px; }
	.PcontentsTitle2 { font-size: 22px; margin-top: 0; }
	.PcontentsScript { font-size: 12px; }
	.Pagelinkcirclebox { width: 105px; }
	.Pagelinkcircle { width: 90px; height: 90px; }
	.Pagelinkcircletext { font-size: 12px; margin-top: 5px; }
	.Pagelinkcirclescript { font-size: 12px; }
	.PagelinkButtonGray01 { font-size: 12px; width:90px; }
	.PagelinkButtonGray01:before { left: 105px; font-size: 14px; display: none}
}
/*★★*/
@media screen and (max-width:680px){
	.PcontentsTitle { font-size: 16px; margin-top: 0; font-weight: bold;  padding: 0 10px;}
	.PcontentsTitle2 { font-size: 16px; margin-top: 0; font-weight: bold;  padding: 0 10px;}
	.PcontentsScript { font-size: 12px; padding: 0 10px; }
	.Decoline { margin-left: 10px; }
	.Pagelinkcirclebox { width: 160px; margin-bottom: 15px; }
	.Pagelinkcircle { width: 140px; height: 140px; }
	.Pagelinkcircletext { font-size: 20px; margin-top: 5px; }
	.Pagelinkcirclescript { font-size: 12px; }
	.PagelinkButtonGray01 { font-size: 12px; width:140px; }
	.PagelinkButtonGray01:before { left: 125px; font-size: 14px; }
}
/*★*/
@media screen and (max-width:500px){
	.PcontentsTitle { font-size: 14px; }
	.PcontentsTitle2 { font-size: 14px; }
	.PcontentsScript { font-size: 12px; padding: 0 10px 20px 10px; }
	.Contentsleftbox { float:none; width:100%; }
	.Contentsrightbox { float:none; width:100%; text-align: center; margin-bottom: 30px; }
	.Contentsleftbox2 { float:none; width:100%; }
	.Contentsrightbox2 { float:none; width:100%; text-align: center; }
	.PcontentsImage { margin: 0 auto; width: 80%; }
	.PcontentsBtn a { float: none; margin-right: auto; }
}

/*Affiliate*/

.Graybackline { background-color:#eeeeee; width:100%; text-align: center; margin: 30px 0; }
.Affuturebox { padding: 50px 0; text-align: center; }
.Affuturetitle { font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; font-weight: bold; font-size: 32px; }

.Affutureinnerbox { width:240px; float: left;  }

.Affutureinnerboxicon { font-size: 80px; line-height: 140%; margin-top: 30px; padding: 0 20px; font-weight: normal; color: #e74749; }
.Affutureinnerboxtitle { font-size: 28px; line-height: 140%; margin-top: 10px; padding: 0 20px; font-weight: normal; }
.Affutureinnerboxscript { font-size: 14px; padding: 10px 20px 0 20px; line-height: 140%; text-align: left; }

/*★★★★*/
@media screen and (max-width:999px){
	.Affutureinnerbox { width:200px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.Affutureinnerboxscript { font-size: 12px; }
	.Affutureinnerbox { width:160px; }
}
/*★★*/
@media screen and (max-width:680px){
	.Affutureinnerboxscript { font-size: 12px; padding: 15px 10px 0 10px; }
	.Affutureinnerbox { width:120px; }
	.Affutureinnerboxtitle { font-size: 20px; }
	.Affutureinnerboxicon { font-size: 60px; }
}
/*★*/
@media screen and (max-width:500px){
	.Graybackline { margin: 0; }
	.Affutureinnerboxscript { font-size: 12px; padding: 0 10px 20px 10px; }
	.Affutureinnerbox { width:160px; }
}


/*赤のボタン*/
.InqButton2 {
	position: relative;
	color: #fff;
	text-align: center;
	background-color: #e74749;
	z-index: 1;
	display: block;
	margin: 10px 0 0 0;
}
.InqButton2:before {
	position: absolute;
	content: '\f105';
	color: #ffffff;
	font-family: fontAwesome;
	z-index: -1;
}
.InqButton2 {
	line-height: 40px;
	font-size: 14px;
	width:160px;
	border-radius: 40px;
}
.InqButton2:before {
	top: 0;
	left: 135px;
	font-size: 20px;
}
@media screen and (max-width:500px){
	.InqButton2 {
	margin: 15px auto 0 auto;
}
}

.InqButton2:link { text-decoration: none; color: #ffffff; }
.InqButton2:visited { text-decoration: none; color: #ffffff; }
.InqButton2:hover { background-color: #bf0000; text-decoration: none; color: #ffffff; outline: 0; }
.InqButton2:active { text-decoration: none; color: #ffffff; outline: 0; }
.InqButton2:focus { text-decoration: none; color: #ffffff; outline: 0; }


/*DFO*/

.DFOfuturebox { padding: 50px 0; text-align: center; }
.DFOfuturetitle { font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; font-weight: bold; font-size: 32px; }

.DFOfutureinnerbox { width:320px; float: left;  }

.DFOfutureinnerboxicon { font-size: 80px; line-height: 140%; margin-top: 30px; padding: 0 20px; font-weight: normal; color: #e74749; }
.DFOfutureinnerboxtitle { font-size: 28px; line-height: 140%; margin-top: 10px; padding: 0 20px; font-weight: normal; }
.DFOfutureinnerboxscript { font-size: 14px; padding: 10px 20px 0 20px; line-height: 140%; text-align: left; }

.Flow960 { width:100%; max-width: 960px; }

/*★★★★*/
@media screen and (max-width:999px){
	.DFOfutureinnerbox { width:266px; }
}
/*★★★*/
@media screen and (max-width:820px){
	.DFOfutureinnerboxscript { font-size: 12px; }
	.DFOfutureinnerbox { width:213px; }
}
/*★★*/
@media screen and (max-width:680px){
	.DFOfutureinnerboxscript { font-size: 12px; padding: 15px 10px 0 10px; }
	.DFOfutureinnerbox { width:160px; }
	.DFOfutureinnerboxtitle { font-size: 20px; }
	.DFOfutureinnerboxicon { font-size: 60px; }
}
/*★*/
@media screen and (max-width:500px){
	.DFOfutureinnerboxscript { font-size: 12px; padding: 0 10px 20px 10px; }
	.DFOfutureinnerbox { width:160px; }
}

/*DSP*/
.Figurewrapper { text-align: center;}
.Figure800 { width: 100%; max-width: 800px; }

/*Listing*/
.Tableset700boxwrapper { width:100%; text-align:center; }
.Tableset700box { width:700px; margin:0 auto; }

.Servicetable { width:100%; font-size:14px; margin:0; padding:0; }
.Servicetable th { border-bottom:1px solid #ccc; padding:8px; background-color:#f2f2f2; text-align:center; }
.Servicetable td { border-bottom:1px solid #ccc; padding:8px; text-align:center; }
.Servicetable .TopborderTh { border-top:5px solid #bf0000; }
.Servicetable .TopborderTd { border-top:5px solid #6B6B6B; }
.Border_r { border-right:1px solid #ccc; }


.Figure500 { width: 100%; max-width: 500px; }

@media screen and (max-width:820px){
	.Servicetable { font-size:14px; }
	.Tableset700box { width:500px; }
}

@media screen and (max-width:680px){
	.Tableset700box { width:400px;  }
}

@media screen and (max-width:500px){
	.Servicetable { width:100%; font-size:12px; margin:0 auto; }
	.Tableset700box { width:250px;  }
}


/*Inquiry*/
.Contactcaptionbox { background-color:  #ededed; padding: 15px; }
.Contactcaptionbox p { font-size: 12px; padding: 3px 0; line-height: 140%; }

.Catbox .contactbtn {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;
}
.Catbox .contactbtn .floatL { float: left; }
.Catbox .contactbtn .floatR { float: right; }

@media screen and (max-width:820px){
.Catbox .contactbtn { width: auto; }
.Catbox .contactbtn .floatL, .Catbox .contactbtn .floatR { float: none; }
}

@media screen and (max-width:500px){
.list01 p {
	padding-right: 0;
}
.list01 p.btn {
	position: static;
	margin-top: 10px;
}
.list01,
.Companytable {
	font-size: 12px;
}
.list01 li {
	padding: 20px 15px;
}
.Companytable th, .Companytable td {
	padding: 10px 5px;
}
}







/*Sympo2019 added*/

.h4obi { background-color: #bf0000; color: #ffffff; padding: 12px; text-align: center; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.Sessionbox { padding: 15px; border: 5px solid #f8f8f8; box-sizing:border-box; margin: 10px 0; }
.Sessionboxunder {  border-bottom: 1px solid #cccccc; }
.duration { padding: 4px 8px; font-size: 12px; background-color: #f8f8f8; }
.limited { padding: 2px 8px; font-size: 12px; background-color: #ffd3d3; border-radius: 300px; }
.Sessiontitle { padding: 10px 0 20px 0; font-size: 18px; line-height: 160%; font-weight: bold;}
.Session_role { padding: 4px 8px; font-size: 12px; background-color: #bf0000; color: #ffffff; }

.Sessiontable { margin:0 auto; width:90%; word-break: break-all; }
.Sessiontable td { text-align:center; padding:15px 7px; width:33%; }
.Sessionimage { width:80%; max-width:240px; border-radius: 300px; border:8px solid #f8f8f8; }
.Sessionname { width:80%; font-size:1.2em; max-width:240px; margin:0 auto; font-weight:bold; }
.Sessionintro { width:80%; max-width:240px; margin:15px auto; line-height:120%; font-size: 14px; }


@media screen and (max-width:680px){
	.Sessionname { line-height:100%; }
	.Sessionintro { font-size:10px; }
	.Sessiontitle { font-size: 14px; }
}

@media screen and (max-width:500px){
	.Sessiontable td { padding:7px 3px; }
	.Sessionimage { width:90%; border:2px solid #f8f8f8; }
	.Sessionname { width:90%; font-size: 12px; }
	.Brswitch320 { display:none; }
}

.Sessiontable2 { margin:0 auto; width:90%; max-width: 288px; word-break: break-all; }
.Sessiontable2 td { text-align:center; padding:15px 7px; width:33%; }
.Sessionimage2 { width:80%; max-width:240px; border-radius: 300px; border:8px solid #f8f8f8; }
.Sessionname2 { width:80%; font-size:1.2em; max-width:240px; margin:0 auto; font-weight:bold; }
.Sessionintro2 { width:80%; max-width:240px; margin:15px auto; line-height:120%; font-size: 14px; }
.SpeakerProfile { font-size: 14px; line-height: 140%; }
.SpeakerProfilebox { padding: 10px; background-color: #f8f8f8; }


@media screen and (max-width:680px){
	.Sessionname2 { line-height:100%; }
	.Sessionintro2 { font-size:10px; }
	.SpeakerProfile { font-size: 10px; }
}

@media screen and (max-width:500px){
	.Sessiontable2 td { padding:7px 3px; }
	.Sessionimage2 { width:30%; border:2px solid #f8f8f8; }
	.Sessionname2 { width:90%; font-size: 12px; }
}

.Sessiontime_titlebox { line-height: 180%; }

.LimitedSession_notice { background-color: #fedada; text-align: center; padding: 10px 6px; font-size: 14px; }
@media screen and (max-width:500px){
.LimitedSession_notice { font-size: 12px; }
}




.Sessiontable3 { margin:0 auto; width:90%; word-break: break-all; }
.Sessiontable3 td { text-align:center; padding:15px 7px; width:50%; }
.Sessionimage3 { width:80%; max-width:360px; border-radius: 300px; border:8px solid #f8f8f8; }
.Sessionname3 { width:80%; font-size:1.2em; max-width:360px; margin:0 auto; font-weight:bold; }
.Sessionintro3 { width:80%; max-width:360px; margin:15px auto; line-height:120%; font-size: 14px; }


@media screen and (max-width:680px){
	.Sessionname3 { line-height:100%; }
	.Sessionintro3 { font-size:10px; }
	.Sessiontitle3 { font-size: 14px; }
}

@media screen and (max-width:500px){
	.Sessiontable3 td { padding:7px 3px; }
	.Sessionimage3 { width:90%; border:2px solid #f8f8f8; }
	.Sessionname3 { width:90%; font-size: 12px; }
}

.fs14 { font-size: 14px; margin: 0; padding: 0 }