@charset "UTF-8";
/*日本語*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html{
	overflow-y:scroll;
	font-size:62.5%;
}
body{
	-webkit-text-size-adjust:none;
	color:#222;
	font-size:1.6rem;
	font-weight:300;
	min-width: 1000px;
	margin:0;padding:0;
	background-color:#fff;
	font-family: "Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
	word-break: normal;
	word-wrap: break-word;
}

*{margin:0;padding:0;line-height:1.1;}
ul,li,dl,dt{list-style-type:none;}
img{vertical-align:middle;border:none;}
p,dt{text-align:justify;text-justify:inter-ideograph;}
.alignCenter{text-align:center;}
.backToTop{text-align:right;margin:25px 20px 15px 0;}
img.fitImg{max-width:100%;height:auto;}
br{line-height:1;}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	overflow: hidden; /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */
}
.serif{
	font-family:"ヒラギノ明朝 Pro W6","HiraMinPro-W6",YuMincho,"Yu Mincho","游明朝",serif;
}
.sans_serif{
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",YuGothic,"Yu Gothic","游ゴシック", Osaka,"ＭＳ Ｐゴシック" ,sans-serif;
}
a,a:link,a:visited,a:hover,a:active{color:#be0f2c;}

p.img{
	margin:5px 0;
}

input[type="text"],
input[type="email"]{
	width:100%;
	box-sizing: border-box;
}
.alignCenter{
	text-align:center;
}



/*------------------------------------------------------------------------------

テーブル初期化

------------------------------------------------------------------------------*/
table{
	margin:0 auto;
	width:100%;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	color:#000;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
th,td{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	padding:14px 25px;
	vertical-align:middle;
	text-align:left;
}

/*基本テーブル*/
.base_table{
	margin-top:20px;
}
.base_table th{
	font-size:1.4rem;
	font-weight:300;
	background-color:#f4f7f8;
}
.base_table td{
	font-size:1.4rem;
}
th.cen, td.cen {text-align: center !important;}



/*------------------------------------------------------------------------------

大見出し、センター揃え、全幅

------------------------------------------------------------------------------*/
.common_headline{
	font-size:3rem;
	font-weight:700;
	text-align:center;
	padding-top:80px;
	line-height:1.6;
}
.common_headline strong{
	font-weight:700;
	color:#be0f2c;
	display:inline-block;
}
/*見出しにキューブアイコンを付ける場合*/
.common_headline.icon_cube{
	padding-bottom:60px;
	background-image:url(/ar-vr/images/common/icon_cube_red.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}


/*------------------------------------------------------------------------------

左揃え、下線つきの全幅、冒頭にアイコンマーカーの有無

------------------------------------------------------------------------------*/
.common_headline_box{
	border-bottom:1px solid #d3d7d8;
	margin-top:50px;
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
.headline_icon{
	display:table-cell;
	vertical-align:middle;
	width:125px;
}
.common_headline_box .common_headline{
	display:table-cell;
	vertical-align:middle;
	font-size:2.4rem;
	font-weight:700;
	line-height:1.1;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}
.common_headline_box .common_headline strong{
	font-weight:400;
	color:#be0f2c;
	display:inline-block;
	font-size:4rem;
	padding-top:15px;
}







/*------------------------------------------------------------------------------

中見出し、左側ライン

------------------------------------------------------------------------------*/
.common_heading{
	border-left:4px solid #be0f2c;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	font-size:2rem;
	font-weight:700;
	line-height:1.1;
	margin-top:40px;
}
.common_heading.hasSub{
	padding-top:4px;
}
.common_heading.hasSub span{
	font-size:1.6rem;
	letter-spacing:5px;
	display:inline-block;
	border:1px solid #222;
	padding:5px 25px 5px 30px;
	margin-bottom:15px;
}


/*------------------------------------------------------------------------------

小見出し、赤い下線付き

------------------------------------------------------------------------------*/
.common_subheading{
	font-size:2.6rem;
	font-weight:700;
	line-height:1.1;
	padding-bottom:10px;
	border-bottom:1px solid #be0f2c;
}



/*------------------------------------------------------------------------------

ベーステキスト,リンク

------------------------------------------------------------------------------*/
.common_txt{
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
}
.common_txt a {color: #be0f2c;}
.common_lead{
	font-size:1.6rem;
	font-weight:400;
	line-height:2;
}
.common_fig{
	text-align:center;
	width:100%;
}
.common_fig img{
	max-width:100%;
}

.headline_catch{
	font-size:2.4rem;
	font-weight:500;
	line-height:1.1;
	text-align:center;
	padding-top:40px;
}
.headline_lead{
	margin-left:auto;
	margin-right:auto;
	width:860px;
	font-size:1.6rem;
	line-height:1.9;
	padding-top:30px;
}
.small{
	font-size:80%;
}
.red {
	color: #be0f2c;
}


/*------------------------------------------------------------------------------

▼汎用ボタン / ボタンの横幅は、ボタンを囲む要素の横幅で決まる。

赤、角丸

------------------------------------------------------------------------------*/
a.btn_header_red{
	clear:both;
	display:block;
	background-color:#be0f2c;
	color:#fff;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.4rem;
	font-weight:300;
	text-align:center;
	transition: background-color 0.3s ease;
}
a.btn_header_red:hover{
	background-color:#e84862;
}



/*------------------------------------------------------------------------------

▼汎用ボタン / ボタンの横幅は、ボタンを囲む要素の横幅で決まる。

赤、縦区切り、右矢印

------------------------------------------------------------------------------*/
a.btn_red{
	clear:both;
	display:block;
	background-color:#be0f2c;
	background-image:url(/ar-vr/images/common/icon_arrow1.png);
	background-repeat:no-repeat;
	background-position:right 4% center;
	color:#fff;
	border-radius:3px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:2.8rem;
	font-weight:500;
	box-shadow:0 4px 0 2px rgba(0,0,0,1);
	transition: background-color 0.3s ease,background-position 0.3s ease;
}
a.btn_red span{
	display:inline-block;
	text-align:center;
	width:80%;
	border-right:1px solid #cd576a;
	padding-top:5px;
	padding-bottom:5px;
}
a.btn_red:hover{
	background-color:#e84862;
	background-position:right 2% center;
}


/*------------------------------------------------------------------------------

▼汎用ボタン / ボタンの横幅は、ボタンを囲む要素の横幅で決まる。

赤、右矢印

------------------------------------------------------------------------------*/
a.btn_red_simple{
	clear:both;
	display:block;
	background-color:#be0f2c;
	background-image:url(/ar-vr/images/common/icon_arrow1.png);
	background-repeat:no-repeat;
	background-position:right 4% center;
	background-size:14px auto;
	color:#fff;
	padding-top:12px;
	padding-bottom:12px;
	font-size:1.8rem;
	font-weight:400;
	transition: background-color 0.3s ease,background-position 0.3s ease;
}
a.btn_red_simple span{
	display:inline-block;
	text-align:left;
	margin-left:7%;
}
a.btn_red_simple:hover{
	background-color:#e84862;
	background-position:right 2% center;
}


/*------------------------------------------------------------------------------

▼汎用ボタン / ボタンの横幅は、ボタンを囲む要素の横幅で決まる。

グレー、子持ち罫、右矢印（文字センター)

------------------------------------------------------------------------------*/
a.btn_gray{
	clear:both;
	display:block;
	background-color:#222;
	background-image:url(/ar-vr/images/common/icon_arrow2.png);
	background-repeat:no-repeat;
	background-position:right 4% center;
	border:2px solid #222;
	color:#fff;
	text-align:center;
	padding-top:14px;
	padding-bottom:14px;
	font-size:1.6rem;
	font-weight:300;
	box-shadow:1px 1px 0 0 rgba(167,167,167,1) inset,-1px 1px 0 0 rgba(167,167,167,1) inset,1px -1px 0 0 rgba(167,167,167,1) inset,-1px -1px 0 0 rgba(167,167,167,1) inset;
	transition: background-color 0.3s ease,background-position 0.3s ease,border 0.3s ease;
}
a.btn_gray:hover{
	border:2px solid #636363;
	background-color:#636363;
	background-position:right 2% center;
}

/*文字左寄り*/
a.btn_gray.left{
	text-align:left;
	padding-left:12%;
}




/*------------------------------------------------------------------------------

▼コンテンツ幅
ブラウザ横幅全体に貫くデザインが混在するため、基本の幅は100%とし、
都度コンテンツ領域の幅を指定するために使用する

------------------------------------------------------------------------------*/
.inner1024{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	position:relative;
	clear:both;
}



/*------------------------------------------------------------------------------

▼共通外部リンク用ボタンの一覧リスト

------------------------------------------------------------------------------*/
.common_link_list{
	width:100%;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.05);
	padding-bottom:40px;
	margin-top:20px;
}
.common_link_list li{
	float:left;
	width:43%;
	padding-top:40px;
	padding-left:4%;
	padding-right:3%;
}


/*------------------------------------------------------------------------------

▼共通フッタ前コンバージョンエリア

------------------------------------------------------------------------------*/
.cv_area{
	width:100%;
	min-width:1024px;
	background-color:#222;
	padding-top:70px;
	padding-bottom:80px;
}
.cv_headline{
	font-size:3rem;
	font-weight:700;
	line-height:1.1;
	text-align:center;
	color:#fff;
}
.cv_subhead{
	font-size:1.6rem;
	font-weight:400;
	color:#fff;
	padding-top:20px;
	text-align:center;
}

.cvBtn_list{
	padding-top:40px;
}
.cvBtn_list li{
	float:right;
	width:500px;
}
.cvBtn_list li:first-child{
	float:left;
}




/*------------------------------------------------------------------------------

▼共通フッタ前検索ボックス

------------------------------------------------------------------------------*/
.footer_search{
	width:100%;
	min-width:1024px;
	background-color:#f4f7f8;
	padding-top:35px;
	padding-bottom:35px;
	clear:both;
}
.footer_searchBox{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	border:1px solid #d7d7d7;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
.footer_searchBox_input{
	display:table-cell;
	vertical-align:middle;
	width:740px;
}
.footer_searchBox_input input{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:2em;
	font-size:1.8rem;
	border:none;
}
.footer_searchBox_input ::-webkit-input-placeholder,
.footer_searchBox_input :-ms-input-placeholder,
.footer_searchBox_input :-moz-placeholder,
.footer_searchBox_input ::-moz-placeholder{
	color:#999;
}

.footer_searchBox_submit{
	display:table-cell;
	vertical-align:middle;
	width:60px;
	text-align:center;
	background-color:#fff;
}




/*------------------------------------------------------------------------------

▼共通フッタ前パンくず

------------------------------------------------------------------------------*/
.breadcrumb{
	width:100%;
	min-width:1024px;
	padding-top:15px;
	padding-bottom:15px;
}
.breadcrumb_list{
	text-align:left;
	letter-spacing:-.40em;
}
.breadcrumb_list li{
	display:inline-block;
	letter-spacing:normal;
	color:#4f4f4f;
	font-size:1.4rem;
}
.breadcrumb_list a{
	color:#4f4f4f;
	font-size:1.4rem;
}
.breadcrumb_list a:hover{
	text-decoration:underline;
}
.breadcrumb_list a:after{
	content:">";
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}






/*------------------------------------------------------------------------------

▼第二階層以下のファーストビューボード

------------------------------------------------------------------------------*/
.board{
	width:100%;
	min-width:1024px;
	height:400px;
	position:relative;
	padding-top:80px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.board_headline{
	font-size:3.6rem;
	font-weight:900;
	padding-top:160px;
}
.board_headline_sub{
	font-size:2rem;
	padding-top:12px;
}

/*ボードに画像を敷かないパターン。共通のテクスチャが背景に入る。*/
.board.nobg{
	background-image:url(/ar-vr/images/common/fig_board_nobg.png);
	height:auto;
	min-height:160px;
}
.board.nobg .board_headline{
	color:#fff;
	padding-top:44px;
}
.board.nobg .board_headline_sub{
	color:#fff;
}



/*------------------------------------------------------------------------------

▼第二階層ファーストビューボード下の「とは」部分

------------------------------------------------------------------------------*/
.common_about{
	width:100%;
	min-width:1024px;
	background-image:url(/ar-vr/images/common/common_aboutBG.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
.common_about_fig{
	padding-top:60px;
}


/*------------------------------------------------------------------------------

▼製品・サービスの概要を紹介するカセット
説明領域と写真領域が左右で分かれるパターン

------------------------------------------------------------------------------*/
.solution_list{
	padding-top:50px;
	padding-bottom:85px;
}
.solution_list li{
	width:100%;
	margin-top:50px;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.05);
}
.solution_list li:first-child{
	margin-top:0;
}

/*文字*/
.solution_text{
	display:table-cell;
	vertical-align:top;
	width:380px;
	padding-top:45px;
	padding-left:40px;
	padding-right:40px;
}


/*画像*/
.solution_image{
	display:table-cell;
	vertical-align:top;
	width:564px;
	overflow:hidden;
	position:relative;
}

.solution_image_onTitle{
	width:180px;
	height:65px;
	padding-top:35px;
	position:absolute;
	z-index:100;
	top:0;left:10px;right:auto;
	background-color:rgba(190,15,44,0.8);
	text-align:center;
	line-height:1.9;
	font-size:1.4rem;
	color:#fff;
	font-weight:700;
}
.solution_image_onTitle.l2{
	height:76px;
	padding-top:24px;
}
.solution_image_onTitle.l3{
	height:84px;
	padding-top:8px;
}

.solution_image.right .solution_image_onTitle{
	top:0;left:auto;right:10px;
}


.solution_more{
	width:180px;
	margin-top:45px;
}


/*シンプル*/
/*------------------------------------------------------------------------------

▼説明領域と写真領域が左右に分かれる汎用パターン

------------------------------------------------------------------------------*/
.explanation_list{
	padding-top:50px;
	padding-bottom:40px;
}
.explanation_list li{
	width:100%;
	margin-top:50px;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
}
.explanation_list li:first-child{
	margin-top:0;
}
.explanation_list li.single{
	display:block;
}
/*文字*/
.explanation_text{
	display:table-cell;
	vertical-align:top;
	width:100%;
}
.explanation_text.right{
	width:564px;
	padding-left:40px;
}
.explanation_text.left{
	width:564px;
	padding-right:40px;
}

/*画像*/
.explanation_image{
	display:table-cell;
	vertical-align:top;
	overflow:hidden;
	position:relative;
	width:100%;
}
.explanation_image.left,
.explanation_image.right{
	width:420px;
}

.explanation_list li.single .explanation_text,
.explanation_list li.single .explanation_image{
	display:block;
}

.explanation_image.col2>p{
	float:left;
	width:50%;
	text-align:right;
}
.explanation_image.col2>p:first-child{
	text-align:left;
}


/*------------------------------------------------------------------------------

▼製品・サービスの詳細を説明するボックス
赤枠つき、背景白、左上コーナーに三角形のマーカー
見出しは赤文字。バリエーションとして他の色も可能

------------------------------------------------------------------------------*/
.detail_box_list{
	width:100%;
	padding-bottom:80px;
}
.detail_box_list>li{
	border:1px solid #be0f2c;
	padding:64px 60px;
	margin-top:55px;
	background-color:#fff;
	background-image:url(/ar-vr/images/common/icon_triangle_red.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}
.detail_box_list>li .marker_chip{
	position:absolute;
	left:0;top:8px;
	display:block;
	width:65px;
	text-align:center;
	color:#fff;
	font-weight:700;
}
.marker_chip strong{
	font-size:3rem;
}
.detail_box_heading{
	font-size:2.4rem;
	color:#be0f2c;
	font-weight:700;
	line-height:1.4;
}



/*-------------------------------------------------------------------

▼文字だけリスト / 2列、3列、4列 / 列内に画像が入ることもある
独立したリストとして使用する。別のコンテンツの中に入るリストは、
inner_text_listを使う

---------------------------------------------------------------------*/
.common_text_list{
	width:982px;
	border:1px solid #d1d1d1;
	display:table;
	border-collapse:separate;
	border-spacing:0;
	table-layout:fixed;
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.common_text_list.bgcolor_sky{
	border:1px solid #f4f7f8;
}
.common_text_list.bgcolor_gray{
	border:1px solid #e8e8e8;
}
.common_text_list li{
	display:table-cell;
	vertical-align:top;
	padding-top:30px;
	padding-bottom:30px;
}


.common_text_list p{
	position:relative;
	padding-left:18px;
	margin-top:20px;
}
.common_text_list p:first-child{
	margin-top:0;
}

.common_text_list p:before{
	content:"　";
	display:block;
	position:absolute;
	width:8px;
	height:2px;
	background-color:#be0f2c;
	left:0;top:calc(50% - 1px);
}

/*リスト内の赤文字タイトル*/
.common_list_title{
	color:#be0f2c;
	font-weight:700;
	padding-left:0 !important;
}
.common_list_title:before{
	width:0 !important;
	height:0 !important;
	background-color:transparent !important;
}
/*リスト内の注意書き*/
.common_list_annotation{
	margin-top:10px !important;
	font-size:1.2rem;
}
.common_list_annotation:before{
	width:0 !important;
	height:0 !important;
	background-color:transparent !important;
}

/*リスト内の画像*/
.common_text_list p.common_fig:before{
	width:0;
	height:0;
	background-color:transparent;
}


/*2列*/
.common_text_list.col2 li{width:451px;}
.common_text_list.col2 li:first-child{padding-left:40px;padding-right:20px;}
.common_text_list.col2 li:last-child{padding-left:20px;padding-right:40px;}

/*3列*/
.common_text_list.col3 li:nth-child(1){width:288px;padding-left:40px;padding-right:20px;}
.common_text_list.col3 li:nth-child(2){width:287px;padding-left:20px;padding-right:20px;}
.common_text_list.col3 li:nth-child(3){width:287px;padding-left:20px;padding-right:40px;}

/*4列*/
.common_text_list.col4 li:nth-child(1){width:217px;padding-left:40px;padding-right:20px;}
.common_text_list.col4 li:nth-child(2){width:195px;padding-left:20px;padding-right:20px;}
.common_text_list.col4 li:nth-child(3){width:195px;padding-left:20px;padding-right:20px;}
.common_text_list.col4 li:nth-child(4){width:215px;padding-left:20px;padding-right:40px;}



/*-------------------------------------------------------------------

▼文字だけリスト
親コンテンツの内部で使うため、幅は%指定

---------------------------------------------------------------------*/
.inner_text_list{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:92%;
	padding:30px 4%;
}
.inner_text_list li{
	line-height:1.4;
	position:relative;
	padding-left:18px;
	margin-top:20px;
}
.inner_text_list li:first-child{
	margin-top:0px;
}

.inner_text_list li:before{
	content:"　";
	display:block;
	position:absolute;
	width:8px;
	height:2px;
	background-color:#be0f2c;
	left:0;top:calc(50% - 1px);
}


/*-------------------------------------------------------------------

▼FAQ

---------------------------------------------------------------------*/
.faq_list{
	margin-top:50px;
}
.faq_list li{
	border-top:1px dotted #ccc;
	padding-top:20px;
}

.faq_item dt{
	font-size:1.8rem;
	padding-top:10px;
	padding-left:58px;
	position:relative;
	min-height:40px;
}
.faq_item dt:before{
	content:"Q";
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	background-color:#222;
	color:#fff;
	font-weight:300;
	font-size:3rem;
	text-align:center;
	left:0;top:0;
}
.faq_item dd{
	padding-top:10px;
	padding-bottom:12px;
	padding-left:58px;
	margin-top:4px;
	position:relative;
}
.faq_item dd:before{
	content:"A";
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	background-color:#be0f2c;
	color:#fff;
	font-weight:300;
	font-size:3rem;
	text-align:center;
	left:0;top:0;
}
.faq_item dd p{
	line-height:1.6;
}


/*-------------------------------------------------------------------

汎用部品

---------------------------------------------------------------------*/

/*背景色*/
.bgcolor_sky{background-color:#f4f7f8 !important;overflow:hidden;}
.bgcolor_gray{background-color:#e8e8e8 !important;overflow:hidden;}


/*文字色*/
.fc_white{color:#fff !important;}
.fc_red{color:#be0f2c !important;}

/*文字サイズ*/
.fs10{font-size:1rem !important;}
.fs11{font-size:1.1rem !important;}
.fs12{font-size:1.2rem !important;}
.fs13{font-size:1.3rem !important;}
.fs14{font-size:1.4rem !important;}
.fs15{font-size:1.5rem !important;}
.fs16{font-size:1.6rem !important;}
.fs17{font-size:1.7rem !important;}
.fs18{font-size:1.8rem !important;}
.fs19{font-size:1.9rem !important;}
.fs20{font-size:2rem !important;}


/*ブロック要素の幅*/
.w200{margin-left:auto;margin-right:auto;width:200px;}
.w250{margin-left:auto;margin-right:auto;width:250px;}
.w300{margin-left:auto;margin-right:auto;width:300px;}
.w350{margin-left:auto;margin-right:auto;width:350px;}
.w400{margin-left:auto;margin-right:auto;width:400px;}
.w450{margin-left:auto;margin-right:auto;width:450px;}
.w500{margin-left:auto;margin-right:auto;width:500px;}
.w550{margin-left:auto;margin-right:auto;width:550px;}
.w600{margin-left:auto;margin-right:auto;width:600px;}

/*ブロック要素の上側空き*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}
.pt85{padding-top:85px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}

/*ブロック要素の下側空き*/
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !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;}
.pb60{padding-bottom:60px !important;}
.pb70{padding-bottom:70px !important;}
.pb80{padding-bottom:80px !important;}
.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}



/*テキストアイコン(赤背景)*/
span.text-icon {
  display: inline-block;
  background: #df002c;
  padding: 2px;
  /* vertical-align: middle; 先行する文字列と上下中央揃え */
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
 margin: 0 4px;
}

/*リンク*/
a.arvrlink{
	color: #15735C;
	font-weight: bold;
}