@charset "UTF-8";

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

 1.全体設定

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

@media print {
#cd-primary-nav {
	display: none;
}
header, footer {
	display: none;
}
.cd-main-header {
	display: none;
}
}
html {
	width: 100%;
	font-size: 14px;
	background: #FFF;
}
body {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #FFF;
	-webkit-appearance: none;
	word-break: break-all;
}
img {
	display: block;
	line-height: none;
}
header, nav, article, aside, section, footer {
	display: block;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	opacity: 0.6;
}

@media screen and (max-width : 580px) {
body {
	font-size: 90%!important;
}
img {
	max-width: 98%;
}
a img:hover {
	opacity: 1!important;
}
}

/**　レスポンシブ用ブロック　************************************/
@media screen and (max-width: 900px) {
.w_96_box {
	width: 96%;
	display: block;
	margin: 0 auto;
}
}
/***** 表示切替 *****/

/* PCのみ表示 */
.tablet_active {
	display: none;
}

/* スマートフォン版のみ表示 */
@media screen and (max-width: 768px) {
.pc_active {
	display: none;
}
.tablet_active {
	display: block;
}
}
/*-----------------------------------------------------

 2.共通設定

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

/***** カラー *****/

.f_red {
	color: #F00;
}
.f_orange {
	color: #F5911E;
}
/***** レイアウト *****/

/*** テキスト ***/

.txt_caption {
	font-size: 14px;
}
/*** フロート ***/
.f_left {
	float: left;
}
.f_right {
	float: right;
}
/*** img100% ***/
.img_w_100 {
	width: 100%;
}
/*** on_offマウスオーバーで画像を変更時 ***/
img.rollover:hover {
	opacity: 1;
}
/*** ヘッダー固定分余白 ***/
.mag58 {
	margin-top: -58px!important;
	padding-top: 58px!important;
}

@media screen and (max-width: 580px) {
.mag58 {
	margin-top: -58px!important;
	padding-top: 58px!important;
}
}

/*** 980px以下非表示 ***/
@media screen and (max-width: 980px) {
.nlw_none {
	display: none;
}
}

/*** スマートフォン時480px以下非表示 ***/
@media screen and (max-width: 580px) {
.sp_none {
	display: none;
}
.mag58 {
	margin-top: 0;
	padding-top: 0;
}
}
/*** テキストタイトル ***/
.tit_sub_txt {
	margin: 20px 0 10px 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
/*** 単体ボタン ***/

.btn_orange {
	color: #FFF;
	font-weight: bold;
	background-color: #E88121;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.btn_orange a {
	display: block;
}
/***** ボタン（幅300px） *****/

.btn_orange_w300 {
    display: inline-block;
	min-width: 300px;
	margin: 20px auto;
	padding: 15px;
	color: #FFF;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	background-color: #E88121;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: center;
}
.btn_orange_w300 i {
	font-size: 30px;
	margin-right: 10px;
}
.btn_orange_w300:hover {
	opacity: 0.6;
	text-decoration: none;
}

@media screen and (max-width: 580px) {
.btn_orange_w300 {
	width: 90%;
}
}
/***** ボタン（高さ40px） *****/
.btn_mini {
	padding: 10px 0!important;
}
/***** 無料体験、問い合わせボタン群 *****/



/*** 無料trialボタンエリア（3カラム） ***/

/*** 背景オレンジエリア ***/
.trialbtn_orange_bg {
	width: 100%;
	background: #F5911E;
	padding: 55px 0 45px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
}
.trialbtn_orange_bg ul.trial_btn_3col_w li a, .trialbtn_orange_bg ul.trial_btn_3col_w_mini li a {
	color: #1A1A1A;
	line-height: 1.6em;
}
.trialbtn_orange_bg ul.trial_btn_3col_w li a span, .trialbtn_orange_bg ul.trial_btn_3col_w_mini li a span {
	font-weight: bold;
}
.trialbtn_orange_bg ul.trial_btn_3col_w li a:hover, .trialbtn_orange_bg ul.trial_btn_3col_w_mini li a:hover {
	color: #FFFFFF!important;
	text-decoration: none;
}
/*** 背景共通エリア ***/
.trialbtn_common_bg {
	width: 100%;
	background: #FFFFFF;
	padding: 55px 0 50px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
	text-align: center;
}
.trialbtn_common_bg ul.trial_btn_3col_w li a, .trialbtn_common_bg ul.trial_btn_3col_w_mini li a {
	color: #1A1A1A;
	line-height: 1.6em;
}
.trialbtn_common_bg ul.trial_btn_3col_w li a:hover, .trialbtn_common_bg ul.trial_btn_3col_w_mini li a:hover {
	color: #F5911E!important;
	text-decoration: none;
}

@media screen and (max-width: 580px) {
.trialbtn_orange_bg {
	padding: 40px 0 10px;
}
}
/*** 無料trialボタンエリア（2カラム） ***/

/*** 背景オレンジエリア ***/
.trialbtn_orange_bg_ {
	width: 100%;
	background: #F5911E;
	padding: 55px 0 45px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
}
.trialbtn_orange_bg ul.trial_btn_2col li a {
	color: #1A1A1A;
	line-height: 1.6em;
}
.trialbtn_orange_bg ul.trial_btn_2col li a span {
	font-weight: bold;
}
.trialbtn_orange_bg ul.trial_btn_2col li a:hover {
	color: #FFFFFF!important;
	text-decoration: none;
}
.trialbtn_common_bg ul.trial_btn_2col li a {
	color: #1A1A1A;
	line-height: 1.6em;
}
.trialbtn_common_bg ul.trial_btn_2col li a:hover {
	color: #F5911E!important;
	text-decoration: none;
}
/*** 背景グレー ***/
.trialbtn_gray_bg {
	width: 100%;
	background: #F5F3EC;
	padding: 55px 0 50px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
	text-align: center;
}
.trialbtn_gray_bg ul.trial_btn_3col_w li a {
	color: #1A1A1A;
	line-height: 1.6em;
}
.trialbtn_gray_bg ul.trial_btn_3col_w li a:hover {
	color: #F5911E!important;
	text-decoration: none;
}
/*** ボタンボックス ***/
.trial_btn_area {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
/*** お見積りボタン ***/
.trial_btn_area p {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
p.btn_trial {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	margin: 5% auto 1% auto;
	width: 60%;
	display: block;
}
p.btn_trial img {
	width: 100%;
}
p.btn_trial_g {
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 21px;
	margin: 2% auto 2% auto;
	width: 60%;
	display: block;
}

@media screen and (max-width: 780px) {
.trialbtn_gray_bg {
	padding: 55px 0 20px;
}
}

@media screen and (max-width: 580px) {
.trial_btn_area p {
	font-size: 14px;
	margin: 5% auto 1% auto;
	width: 90%;
	display: block;
	line-height: 1.6em;
}
}
/*** 3カラムボタン（レギュラー） ***/

ul.trial_btn_3col_w {
	width: 100%;
	margin: 5% auto;
	overflow: hidden;
}
ul.trial_btn_3col_w li {
	float: left;
	width: 28%;
	margin: 0 2.555%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
ul.trial_btn_3col_w li span {
	font-weight: bold;
	line-height: 1.6em;
}
ul.trial_btn_3col_w li img {
	width: 100%;
	margin-bottom: 1%;
}
ul.trial_btn_3col_w a {
	display: block;
}
il.trial_btn_3col_w li a:hover img {
	opacity: 0.6;
}
ul.trial_btn_3col_w li a:hover {
	opacity: 1.0;
	color: #fff;
}
ul.trial_btn_area a:hover {
	text-decoration: none;
}
ul.trial_btn_3col_w li:last-child {
	margin-right: 0;
}
ul.trial_btn_3col_w ul li span {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	display: block;
}

@media screen and (max-width:980px) {
.trial_btn_area {
	max-width: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
}

@media screen and (max-width: 580px) {
p.btn_trial {
	width: 90%;
	font-size: 15px;
}
ul.trial_btn_3col_w {
	width: 80%;
	margin: 10% auto;
	overflow: hidden;
}
ul.trial_btn_3col_w li {
	float: left;
	width: 100%;
	margin: 3% 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul.trial_btn_3col_w li img {
	width: 100%;
	margin-bottom: 1%;
}
}
/*** 3カラムボタン（ミニ＝円形ボタン） ***/

ul.trial_btn_3col_w_mini {
	width: 90%;
	margin: 5% auto;
	overflow: hidden;
}
ul.trial_btn_3col_w_mini li {
	float: left;
	width: 28%;
	margin: 0 2.555%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul.trial_btn_3col_w_mini li img {
	width: 60%;
	margin: 0 auto 1% auto;
}
ul.trial_btn_3col_w_mini a {
	display: block;
}
il.trial_btn_3col_w_mini li a:hover img {
	opacity: 0.6;
}
ul.trial_btn_3col_w_mini li a:hover {
	opacity: 1.0;
	color: #fff;
}
ul.trial_btn_area a:hover {
	text-decoration: none;
}
ul.trial_btn_3col_w_mini li:last-child {
	margin-right: 0;
}
ul.trial_btn_3col_w_mini ul li span {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	display: block;
}

@media screen and (max-width:780px) {
.trial_btn_area {
	max-width: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
ul.trial_btn_3col_w_mini li img {
	width: 70%;
	margin: 0 auto 1% auto;
}
}
/***** 汎用ボタン（3カラム　トライアルボタンに追記） *****/
.common_btn_3col {
	clear: both;
	box-shadow: none;
}
.common_btn_3col .trial_btn_3col_w li a {
	margin: 0 auto;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	display: block;
	background: #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.common_btn_3col .trial_btn_3col_w li a span {
	color: #FFF!important;
}
.common_btn_3col .trial_btn_3col_w li a span:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right: 5px;
}
.common_btn_3col .trial_btn_3col_w li a:hover {
	opacity: 0.6;
	text-decoration: none;
}
/*** 2カラムボタン（レギュラー） ***/

ul.trial_btn_2col {
	width: 100%;
	margin: 5% auto;
	overflow: hidden;
}
ul.trial_btn_2col li:first-child {
	float: left;
	width: 30%;
	margin: 0 1% 0 19%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
ul.trial_btn_2col li {
	float: left;
	width: 30%;
	margin: 0 19% 0 1%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
ul.trial_btn_2col li span {
	font-weight: bold;
	line-height: 1.6em;
}
ul.trial_btn_2col li img {
	width: 100%;
	margin-bottom: 1%;
}
ul.trial_btn_2col a {
	display: block;
}
il.trial_btn_2col li a:hover img {
	opacity: 0.6;
}
ul.trial_btn_2col li a:hover {
	opacity: 1.0;
	color: #fff;
}
ul.trial_btn_2col li:last-child {
	margin-right: 0;
}
ul.trial_btn_2col ul li span {
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	display: block;
}

@media screen and (max-width: 580px) {
ul.trial_btn_2col {
	width: 80%;
	margin: 10% auto;
	overflow: hidden;
}
ul.trial_btn_2col li {
	float: left;
	width: 100%;
	margin: 3% 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
ul.trial_btn_2col li:first-child {
	float: left;
	width: 100%;
	margin: 0 1% 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
ul.trial_btn_2col li img {
	width: 100%;
	margin-bottom: 1%;
}
}
/***** 印刷用ボタン *****/
.btn_print {
	margin: 40px auto;
}
.btn_print a {
	width: 280px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	display: block;
	color: #FFF;
	background: #F5911E;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.btn_print a:hover {
	opacity: 0.6;
	text-decoration: none;
}
.zoom_btn_area {
	overflow: hidden;
}
.zoom_btn {
	font-size: 12px!important;
	padding: 2px 4px!important;
	display: block!important;
	width: 6em;
	text-align: center;
	background: #555;
	float: right;
	border-radius: 5px;
}
.zoom_btn, .zoom_btn i {
	color: #FFF!important;
	font-size: 12px!important;
}

@media screen and (max-width: 480px) {
.btn_print {
	display: none;
}
}
/***** 印刷時表示（print.cssに追記） *****/
.print_dsp {
	display: none;
}

.print_tablet_map_active {
	display:none;
}



/*****************************************************************************

全ページ共通

*****************************************************************************/
/***** ヘッダー *****/
header {
	height: 58px;
	width: 100%;
	position: fixed!important;
	top: 0;
	background: #fff;
	z-index: 9980;
}
header .logo {
	height: 58px;
	padding: 0.25% 0 0 1.6%;
}

header .logo img {
	height:98%;
}

@media screen and (max-width: 1169px) {
header {
	position: static;
}
}

@media screen and (max-width:580px) {
header .logo {
	width:auto;
	height: 98%;
	padding-top:2px;
	/*padding: 1% 0 1% 1.6%;*/
}
header .logo img {
	height:100%;
}
}

@media screen and (max-width:320px) {
header .logo {
	width: 30%;
	height: 98%;
	padding: 2% 0 1% 1.6%;
}
}
/***** トップ画像 *****/
.img_top {
	width: 100%;
	height: auto;
	padding-top: 58px;
}
.tit_main {
	width: 100%;
	height: 150px;
	background: url(/images/common/tit/tit_main.jpg);
	background-size: cover;
	background-position: center;
	margin-top: 58px;
	display: table;
	position: relative;
	z-index: 999;
}
.tit_main span {
	display: table-cell;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 1169px) {
.img_top {
	padding-top: 0;
}
.tit_main {
	width: 100%;
	height: 135px;
}
}

@media screen and (max-width: 580px) {
.tit_main {
	width: 100%;
	height: 85px;
}
.tit_main span {
	font-size: 30px;
}
}
/***** タイトル *****/
.tit_sub {
	text-align: center;
	background: #fff;
	padding: 25px 0 32px;
}
.tit_sub img {
	display: inline;
}
.tit_sub p {
	font-size: 15px;
	font-weight: bold;
	line-height: 29px;
	margin-top: 15px;
}
/***** 矢印有りタイトル *****/
.tit_sub_arrow {
	width: 100%;
	padding: 45px 0;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	z-index: 100;
}
.tit_sub_arrow img {
	display: inline;
}
.tit_sub_arrow:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -15px;
}
.tit_sub_arrow:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: rgba(0,0,0,0.4) transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -13px;
}
.tit_sub_arrow p {
	max-width: 900px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 29px;
	margin: 15px auto 0 auto;
	position: relative;
}

@media screen and (max-width: 580px) {
.tit_sub {
	text-align: center;
	background: #fff;
	padding: 25px 20px 32px 20px;
}
.tit_sub img {
	display: block;
	margin: 0 auto;
}
.tit_sub_arrow p br {
	display: none;
}
.tit_sub h2 {
	text-align: center;
}
.tit_sub p {
	font-size: 14px;
	line-height: 1.6em;
}
.tit_sub_arrow {
	padding: 25px 20px;
	text-align: center;
}
.tit_sub_arrow img {
	display: block;
	margin: 0 auto;
}
.tit_sub_arrow:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -15px;
}
.tit_sub_arrow:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: rgba(0,0,0,0.4) transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -13px;
}
.tit_sub_arrow p {
	font-size: 14px;
	line-height: 1.6em;
}
}
/***** メインコンテンツ背景 *****/
.bg_main_cnt {
	background-color: #F5F3EF;
	width: 100%;
	padding-bottom: 50px;
	/*	margin-top: -58px;
	padding-top: 56px;*/
	overflow: hidden;
}
/***** コンテンツ囲み *****/
.cnt_wrapper {
	padding-bottom: 30px;
	overflow: hidden;
}
/*.cnt_wrapper {
	padding-bottom: 50px;
	margin-top: -58px;
	padding-top: 56px;
	overflow: hidden;
}*/
/***** コンテンツ内数字アイコン付きサブタイトル *****/
.cnt_tit_sub {
	padding: 0 20px;
	width: 100%;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.cnt_tit_sub h3 {
	max-width: 900px;
	margin: 0 auto;
	font-size: 21px;
	font-weight: bold;
	display: table;
	height: 100px;
}
.cnt_tit_sub h3 span.num_icon {
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}
.cnt_tit_sub h3 span.sub_txt {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

@media screen and (max-width: 780px) {
.cnt_tit_sub {
	width: 100%;
	height: auto;
	overflow: visible;
	line-height: 1.2em;
}
.cnt_tit_sub h3 {
	width: 100%;
	max-width: none;
	height: 50px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
}
.cnt_tit_sub h3 span.num_icon {
	padding-right: 10px;
}
}

@media screen and (max-width: 580px) {
.cnt_tit_sub {
	width: 100%;
	padding: 0 20px;
}
.cnt_tit_sub h3 {
	font-size: 16px;
	height: 50px;
	line-height: 1.4em;
}
}
/***** コンテンツボックス *****/
.common_cnt_box {
	max-width: 900px;
	width: 100%;
	margin: 45px auto 40px;
	background: #fff;
	padding: 1.5% 0 2%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	border-top: 1px solid #ddd;
}
/*** 上スペース無し ***/
.common_cnt_box2 {
	max-width: 900px;
	width: 100%;
	margin: 45px auto 40px;
	background: #fff;
	padding: 0 0 2% 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	border-top: 1px solid #ddd;
}
.common_cnt_box p, .common_cnt_box2 p {
	color: #4D4D4D;
	font-size: 14px;
	line-height: 26px;
	padding: 2%;
}
.common_cnt_box .dl_list p, .common_cnt_box2 .dl_list p {
	font-size: 14px;
	line-height: 26px;
	padding: 0;
}

@media screen and (max-width: 900px) {
.common_cnt_box, .common_cnt_box2 {
	width: 96%;
	margin: 10% auto 3% auto;
}
}

@media screen and (max-width: 580px) {
.common_cnt_box, .common_cnt_box2 {
	width: 96%;
	margin: 10% auto 3% auto;
}
}

/***** コンテンツボックス内オレンジ文字タイトル *****/
.headline_orange {
	width: 100%;
	color: #EF5A24;
	font-size: 18px;
	font-weight: bold;
	line-height: 33px;
	padding: 0 0 1.5% 10px;
	border-bottom: 1px solid #CACACA;
	display: table;/*overflow:hidden;*/
}
.headline_orange span {
	padding-right: 18px;
}
/* アイコン */
.headline_orange .tit_icon {
	/*display: block;
	float: left;*/
	display: table-cell;
	width: 5%;
	padding-left: 2%;
	vertical-align: middle;
}
.headline_orange .tit_icon i {
	width: 100%;
	color: #E37A2B;
	font-size: 20px;
}
.headline_orange .tit_icon img {
	width: 100%;
	min-width: 30px;
}
/* タイトルテキスト */
.headline_orange .tit_txt {
	width: 95%;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;/*display: block;
	float: left;*/
}

@media screen and (max-width: 900px) {
.headline_orange {
	font-size: 16px;
	margin-right: 2%;
	display: block;
}
}
/***** コンテンツボックスインナー *****/
.cnt_box_inner {
	width: 98%;
	margin: 0 auto;
}
.cnt_box_inner img {
	width: 96%;
	padding: 2%;
}

.cnt_box_inner ul {
	width: 96%;
	padding: 2%;
}

@media screen and (max-width: 980px) {
.cnt_box_inner {
	width: 96%;
}
}

@media screen and (max-width:580px) {
.headline_orange {
	width: 100%;
	padding-right: 2%;
	line-height: 1.6em;
	display: table;
}
.headline_orange span {
	padding: 0 3% 0 2%;
	vertical-align: middle;
	display: table-cell;
}
/* アイコン */
.headline_orange .tit_icon {
	display: table-cell;
	width: 10%;
	vertical-align: middle!important;
}
.headline_orange .tit_txt {
	width: 90%;
	display: table-cell;
	font-weight: bold;
	line-height: 1.4em;
	vertical-align: middle!important;/*display: block;
	float: left;*/
}
.cnt_box_inner img {
	width: 100%;
	padding: 2%;
}
}
/***** 横三列並びボックス *****/
.p_box_col3 {
	width: 96%!important;
	margin: 0 2%!important;
	padding: 20px!important;
	float: left;
	color: #fff;
	background: #555555;
	box-sizing: border-box;
	display: table;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	border-radius: 10px;
}
.p_box_col3 span {
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*** オレンジ背景横配列100%（特徴） ***/

.spb_orange_area {
	overflow: hidden;
	width: 1215px;
	margin: 0 auto;
}
.spb_box {
	width: 405px;
	height: 585px;
	float: left;
	border-right: 2px solid #f5911e;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding-top: 10px;
}
.spb_box:nth-child(2) {
	background: #fc961d;
}
.spb_box:first-child {
	border-left: 2px solid #f5911e;
}
.spb_box dt {
	line-height: 35px;
	display: table;
	height: 30%;
}
.spb_box dt span {
	font-size: 24px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 405px;
}
.spb_box:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #ffffff transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}
.spb_box dd {
	font-size: 17px;
	font-weight: bold;
	line-height: 32px;
	padding: 30px 70px;
}
/*** オレンジ背景横配列ボックスタイプ（特徴） ***/

.spb_orange_row_area {
	height: auto;
	width: 980px;
	margin: 50px auto 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
}
.spb_box_row {
	width: 32.3333%;
	margin: 0 0.5%!important;
	float: left;
	color: #fff;
	box-sizing: border-box;
	display: block;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.spb_box_row dt {
	display: table;
	width: 100%;
	height: 100px;
	background: #fe9e1a;
}
/*.spb_box_row_bg2 {
	background: #fc961d;
}*/
.spb_box_row dt span {
	width: 100%;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.spb_box_row dd {
	color: #000;
	font-size: 14px;
	line-height: 1.6em;
	padding: 40px 20px 20px 20px;
	position: relative;
	background: #FFF;
}
.spb_box_row dd i {
	float: left;
	display: block;
	padding: 5px 10px 0px 5px;
	font-size: 34px;
	color: #F7E37D;
	line-height: 1.0;
}
.spb_box_row dd span {
	display: block;
}
.spb_box_row dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fe9e1a transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}

/*.spb_box_row_bg2 dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fc961d transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}*/

@media screen and (max-width: 1000px) {
.spb_orange_row_area {
	height: auto;
	width: 96%;
	margin: 50px auto;
}
}

@media screen and (max-width: 780px) {
.spb_box_row {
	width: 100%;
	border-top: #CCC 1px solid;
	float: none;
	display: table;
}
.spb_box_row:first-child {
	border: none;
}
.spb_box_row dt {
	display: table-cell;
	width: 20%;
	padding: 2%;
	height: auto;
	vertical-align: middle;
}
.spb_box_row dt span {
	font-size: 16px;
	display: inline;
}
.spb_box_row dd {
	display: table-cell;
	color: #000;
	width: 76%;
	font-size: 14px;
	line-height: 1.6em;
	padding: 20px;
	position: relative;
	background: #FFF;
	vertical-align: middle;
}
.spb_box_row dd span {
	display: inline;
}
.spb_box_row dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-left-color: #fe9e1a;
	left: 0;
	top: 50%;
	margin-top: -10px;
	margin-left: 0;
}
.spb_box_row_bg2 dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-left-color: #fc961d;
	left: 0;
	top: 50%;
	margin-top: -10px;
	margin-left: 0;
}
}

@media screen and (max-width: 580px) {
.spb_orange_row_area {
	height: auto;
	width: 96%;
	margin: 50px auto 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
}
.spb_box_row {
	width: 98%;
	height: auto;
	margin: 0 1%!important;
	float: left;
	color: #fff;
	background: #FFF;
	box-sizing: border-box;
	display: block;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.spb_box_row dt {
	display: table;
	width: 100%;
	height: auto;
	background: #fe9e1a;
	padding: 10px;
}
.spb_box_row dt span {
	padding: 0;
	margin: 0;
}
.spb_box_row dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fe9e1a transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}
}
/*@media screen and (max-width: 580px) {
.spb_box_row dt {
	width: 35%;
	padding: 2%;
	height: auto;
}
.spb_box_row dt span {
	font-size: 14px;
	display: inline;
}
.spb_box_row dd {
	width: 65%;
	font-size: 14px;
	line-height: 1.6em;
	padding: 10px 20px;
}
}*/
/*** オレンジ背景横配列ボックスタイプ（幅コンテンツエリア100%　製品紹介など） ***/

.spb_orange_row_area_2 li img {
	display: block;
	margin-bottom: -10px;
}
.spb_orange_row_area_2 {
	height: auto;
	width: 96%;
	margin: 50px auto;
}
.spb_orange_row_area_2 .spb_box_row {
	width: 96%;
	margin: 2%;
	background: #FFF;
}
.spb_orange_row_area_2 .spb_box_row dt {
	width: 100.5%;
	padding: 0 5%;
	background: #555;
}
.spb_orange_row_area_2 .spb_box_row dt span {
	font-size: 14px;
	text-align: center;
}
.spb_orange_row_area_2 .spb_box_row dd:after {
	width: 0;
	border: none!important;
}

@media screen and (max-width: 780px) {
.spb_orange_row_area_2 .possible_area {
	display: block;
}
.spb_orange_row_area_2 .possible_area li {
	width: 100%;
	display: block;
}
.spb_orange_row_area_2 .possible_area li img {
	width: 20%;
	display: block;
	margin: 0 auto;
}
.spb_orange_row_area_2 .possible_area .spb_box_row {
	width: 80%;
	margin: 0 10% 5% 10%!important;
	display: block;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dt {
	width: 100%;
	padding: 2% 5%;
	display: table;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dt span {
	font-size: 14px;
	text-align: center;
	display: table-cell;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dd {
	width: 100%;
	padding: 5%;
	display: block;
}
}

@media screen and (max-width: 580px) {
.spb_orange_row_area_2 .possible_area {
	display: block;
}
.spb_orange_row_area_2 .possible_area li {
	width: 100%;
	display: block;
}
.spb_orange_row_area_2 .possible_area li img {
	width: 50%;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}
.spb_orange_row_area_2 .possible_area .spb_box_row {
	width: 96%;
	margin: 2% 2% 5% 2%!important;
	display: block;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dt {
	width: 100%;
	padding: 2% 5%;
	display: table;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dt span {
	font-size: 14px;
	text-align: center;
	display: table-cell;
}
.spb_orange_row_area_2 .possible_area .spb_box_row dd {
	width: 100%;
	display: block;
}
}
/*** オレンジ背景横配列ボックスタイプ（特徴2カラム） ***/

.spb_orange_row_area_col2 {
	height: auto;
	width: 980px;
	margin: 50px auto;
}
.spb_orange_row_area_col2 .spb_box_row {
	width: 48%;
	margin: 0 1%!important;
	float: left;
	color: #fff;
	background: #fe9e1a;
	box-sizing: border-box;
	display: block;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

@media screen and (max-width: 1000px) {
.spb_orange_row_area_col2 {
	height: auto;
	width: 100%;
	margin: 50px auto;
}
.spb_orange_row_area {
	height: auto;
	width: 96%;
	margin: 50px auto;
}
}

@media screen and (max-width: 780px) {
.spb_orange_row_area_col2 {
	height: auto;
	width: 90%;
	margin: 50px auto;
}
.spb_orange_row_area_col2 .spb_box_row {
	width: 100%;
	border-top: #CCC 1px solid;
	float: none;
	display: table;
}
.spb_orange_row_area_col2 .spb_box_row:first-child {
	border: none;
}
.spb_orange_row_area_col2 .spb_box_row dt {
	display: table-cell;
	width: 20%;
	padding: 20px;
	height: auto;
	vertical-align: middle;
}
.spb_orange_row_area_col2 .spb_box_row dt span {
	font-size: 16px;
	display: inline;
}
.spb_orange_row_area_col2 .spb_box_row dd {
	display: table-cell;
	color: #000;
	width: 76%;
	font-size: 14px;
	line-height: 1.6em;
	padding: 20px;
	position: relative;
	background: #FFF;
	vertical-align: middle;
}
}

@media screen and (max-width: 580px) {
.spb_orange_row_area_col2 {
	height: auto;
	width: 90%;
	margin: 50px auto;
}
.spb_orange_row_area_col2 .spb_box_row {
	width: 100%;
	margin: 20px 0!important;
	border: none;
	border-bottom: #FFF 1px solid;
	display: block;
}
.spb_orange_row_area_col2 .spb_box_row:first-child {
	border-bottom: #FFF 1px solid;
}
.spb_orange_row_area_col2 .spb_box_row dt {
	width: 100.1%;
	height: 80px;
	padding: 2% 5%;
	border: none;
	display: table;
}
.spb_orange_row_area_col2 .spb_box_row dt span {
	font-size: 14px;
	text-align: center;
	display: table-cell;
}
.spb_orange_row_area_col2 .spb_box_row dd span {
	width: 100%;
	display: block;
	background: #FFF;
}
.spb_orange_row_area_col2 .spb_box_row dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fe9e1a transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}
.spb_orange_row_area_col2 .spb_box_row_bg2 dd:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #fc961d transparent transparent transparent;
	top: 0;
	left: 50%;
	margin-left: -12px;
}
}
/***** スムーススクロール *****/
.pagetop_btn {
	display: none;
	position: fixed;
	bottom: 100px;
	right: 55px;
	z-index: 9999;
}
.pagetop_btn a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #666;
	border-radius: 25px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

@media screen and (max-width: 580px) {
.pagetop_btn {
	bottom: 50px;
	right: 20px;
}
}
/***** ローカルナビ *****/
.local_nav {
	right: 20px;
	list-style: none;
	margin: 0;
	position: fixed;
	top: 80px;
	z-index: 9980;
	display: none;
}
.local_nav li {
	margin-bottom: 2px;
}
.local_nav li a:after {
	font-family: FontAwesome;
	content: "\f1db";
	margin: 0 5px;
}
.local_nav li.current a:after {
	font-family: FontAwesome;
	content: "\f192";
	margin: 0 5px;
	font-size: 11px;
}
.local_nav a {
	color: #888;
	display: block;
	font-size: 11px;
	padding: 5px 10px;
	text-decoration: none;
	opacity: 0.6;
	text-align: right;
}
.local_nav .current a {
	color: #F5911E;
	opacity: 0.9;
	font-size: 12px;
	text-align: right;
	background: rgba(255,255,255,0.60);
	border-radius: 8px;
}

@media screen and (max-width: 780px) {
.local_nav {
	display: none!important;
}
}
/***** フッター *****/
footer {
	background-color: #131313;
	padding: 30px 30px 0 30px;
	overflow: hidden;
	position: relative;
	font-size: 11px;
}
.footer_inner {
	max-width: 1180px;
	margin: 0 20px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.footer_nav_smp {
	display: none;
}
.footer_inner dl {
	float: left;
	margin-top: 20px;
	margin-right: 2%;
	width:18%;
}
.footer_inner dl dt, .footer_inner dl dd {
	padding-left: 14px;
}
.footer_inner dl dt {
	background-position: left 50%;
	font-size: 12px;
	line-height: 1.6em;
	position: relative;
	margin-bottom: 8px;
}
.footer_inner dl dt:before {
	content: url(../images/common/icon/icon_arrow_footer.png);
	position: absolute;
	left: 0;
}
.footer_inner dl dt a, .footer_inner dl dd h4 a {
	color: #fff;
}
.footer_inner dl dd h4 {
	margin-top: 17px;
}
.footer_inner dl dd {
	line-height: 21px;
}
.footer_inner dl dd a {
	color: #979797;
}

@media screen and (max-width:1110px) {
.footer_inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
}

@media screen and (max-width:960px) {
.footer_inner {
	max-width: 780px;
	width: 80%;
	margin: 0 0 0 20px;
}
}

/* スマートフォン */
@media screen and (max-width:780px) {
footer {
	background-color: #131313;
	padding: 0;
	overflow: hidden;
}
.footer_inner {
	width: 100%;
	margin: 0;
}
.footer_inner dl dt:before {
	position: absolute;
	left: 10px;
}
.footer_nav_smp {
	display: block;
}
.footer_nav_pc {
	display: none;
}
.footer_nav_smp dl.accordion {
	width: 100%;
	margin-top: 0;
}
.footer_nav_smp dl.accordion dt {
	width: 100%;
	color: #fff;
	padding: 18px 20px 0px 30px;
	border-top: #333 1px solid;
}
.footer_nav_smp dl dd h4 {
	margin-top: 0;
}
.footer_nav_smp dl dd ul {
	margin-bottom: 20%;
}
.footer_nav_smp dt a {
	display: block;
}
.footer_smp_last {
	margin-top: 10px;
	margin-left: -5px;
}
.footer_smp_last a {
	font-size: 1.2em;
	color: #F5911E!important;
}
}
/***** Cregit *****/
.cregit {
	width: 100%;
	padding: 10px 0;
	background: #000;
	color: #FFF;
	text-align: center;
}
.cregit a {
	color: #FFF;
	text-decoration: none;
}
/*****************************************************************************

TOP

*****************************************************************************/

/*** mediaでは表示しない ***/
.prnt_top_mv {
	display:none;
}

/***** TOP共通 *****/
.tit_top_category {
	width: 100%;
	padding: 2% 0 2%;
	background: #fff;
}
.tit_top_category h2 {
	text-align: center;
}
.tit_top_category h2 img {
	display: inline;
}
.tit_top_category p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/***** スライダー *****/
.slide_wrapper {
	margin-top: 58px;
	position: relative;
	width: 100%;
	height: auto;
}
.slider_img_txt {
	width: 71%;
	position: absolute;
	top: 26%;
	left: 26%;
	z-index: 8888;
}
.slider_img_txt img {
	width: 100%;
}

/***** 表示タイミング *****/
.bxslider #img2,#img3,#img4,#img5,#img6,#img7,#img8,#img9,#img10 {
	display:none;
}
/*.bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}*/


@media screen and (max-width:1500px) {
.slider_img_txt {
	width: 70%;
	left: 28%;
}
}

@media screen and (max-width:1380px) {
.slider_img_txt {
	width: 60%;
	top: 30%;
	left: 30%;
}
}

@media screen and (max-width:1280px) {
.slider_img_txt {
	width: 60%;
	top: 30%;
	left: auto;
	right: 3%;
}
}

@media screen and (max-width:980px) {
.slider_img_txt {
	width: 65%;
	top: 18%;
	left: 4%;
	right: auto;
}
}

@media screen and (max-width:580px) {
.slider_img_txt {
	display: none!important;
}
}
.bx-wrapper .bx-viewport {
	border: none!important;
	box-shadow: none!important;
	left: 0!important;
	height: auto!important;
}
.bx-wrapper li {
	display: block!important;
}

@media screen and (max-width: 580px) {
.bx-controls-direction {
	display: none;
}
}
.slider {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.slider_bg {
	z-index: 888;
	width: 100%;
	height: auto;
}
.slider_bg img {
	width: 100%;
}
.slider_txt_area {
	z-index: 8888;
	position: absolute;
	top: 0;
	left: 4%;
	background: rgba(255,255,255,0.7);
	width: 318px;
	text-align: center;
}
.slider_txt_area h2 {
	position: relative;
	margin-top: 24%;
	display: block;
	left: 4%;
}
.slidr_catch {
	position: relative;
	margin-top: 18%;
	font-size: 19px;
	font-weight: bold;
	line-height: 33px;
}
.slider_txt {
	margin: 0 auto;
	position: relative;
	margin-top: 14%;
	font-size: 18px;
	font-weight: bold;
	width: 90%;
}
.slider_btn {
	width: 64%;
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -34%;
}
.slider_btn img {
	width: 100%;
}
.slider_txt_area_black {
	background: rgba(0,0,0,0.6)!important;
	color: #fff;
}

@media screen and (max-width:1280px) {
.slider_txt_area h2 {
	margin-top: 8%;
}
.slidr_catch {
	margin-top: 10%;
}
.slider_txt {
	margin-top: 16%;
}
}

@media screen and (max-width:1100px) {
.slider_txt_area h2 {
	margin-top: 8%;
}
.slidr_catch {
	margin-top: 10%;
}
.slider_txt {
	margin-top: 10%;
}
.slider_btn {
	bottom: 6%;
}
}

@media screen and (max-width:980px) {
.slider_txt_area {
	z-index: 8888;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
}
.slider_txt_area h2 {
	margin-top: 2%;
	left: 5%
}
.slidr_catch {
	margin-top: 12%;
	left: 8%;
	font-size: 26px!important;
	width: 80%;
}
.slidr_catch br, .slider_txt br {
	display: none;
}
.slider_txt {
	margin: 3% 0 0 0;
	margin-left: 8%;
	bottom: auto;
	font-size: 20px;
	width: 50%;
	left: 0;
	right: auto;
}
.slider_btn {
	width: 25%;
	bottom: 90px;
	left: auto;
	right: 5%;
}
.bx-wrapper li {
	padding-bottom: 80px;
}
}

@media screen and (max-width:780px) {
.slidr_catch {
	margin-top: 12%;
	font-size: 18px!important;
	left: 7%
}
.slider_txt {
	margin-top: 10%;
	left: 7%;
	right: auto;
	font-size: 16px;
	margin: 0;
	width: 50%;
}
.slider_btn {
	width: 30%;
	bottom: 90px;
	left: auto;
	right: 5%;
}
.bx-wrapper li {
	padding-bottom: 80px;
}
}

@media screen and (max-width:680px) {
.slider_txt_area {
	z-index: 8888;
	text-align: left;
}
.slider_txt_area h2 {
	margin-top: 2%;
	left: 2%;
	width: 30%;
	height: auto;
}
.slider_txt_area h2 img {
	width: 100%;
	height: auto;
}
.slidr_catch {
	font-size: 18px!important;
	margin-top: 12%;
	line-hight: 22px;
	left: 7%
}
.slider_txt {
	margin-top: 8%;
	left: 7%;
	right: auto;
	margin: 0;
	width: 53%;
	font-size: 15px;
	line-hight: 1.2em;
}
.slider_btn {
	width: 30%;
	bottom: 90px;
	left: auto;
	right: 5%;
}
.bx-wrapper li {
	padding-bottom: 80px;
}
}

@media screen and (max-width:580px) {
.slidr_catch {
	font-size: 12px!important;
	margin-top: 2%;
	line-height: 1.4em;
	left: 7%
}
.slidr_catch br {
	display: none;
}
.slider_txt {
	margin-top: 2%;
	left: 7%;
	right: auto;
	margin: 0;
	width: 53%;
	font-size: 11px;
	line-hight: 12px!important;
}
}
/***** ツールチップボタン *****/
.slider_orange_btn {
	position: absolute;
	left: 32%;
	top: 60%;
	display: table;
	border-collapse: separate;
	border-spacing: 40px 0;
}
.slider_orange_btn li {
	width: 170px;
	height: 170px;
	-webkit-border-radius: 85px;
	-moz-border-radius: 85px;
	border-radius: 85px;
	background-color: #E88121;
	display: table-cell;
	position: relative;
}
.slider_orange_btn li a {
	display: block;
	text-decoration: none;
}
.slider_orange_btn li a:hover {
	opacity: 0.6;
}
.slider_orange_btn li img {
	position: absolute;
	top: 24%;
	left: 50%;
	margin-left: -25px;
}
.slider_orange_btn li h3 {
	text-align: center;
	padding-top: 58%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.dark-tooltip.light {
	/*background-color: #fff!important;*/
}
.dark-tooltip.light.south .tip {
	/*border-color: #fff transparent transparent!important;*/
}
.dark-tooltip.medium {
	padding: 20px!important;
	max-width: 250px!important;
	color: #4d4d4d!important;
	line-height: 25px!important;
}
.slider_orange_btn li h3 span .none {
	display: none;
}
.slider_orange_btn li h3 span .sp_none {
	display: inline;
}

@media screen and (max-width:1280px) {
.slider_orange_btn {
	position: absolute;
	left: 40%;
	top: 60%;
	display: table;
	border-collapse: separate;
	border-spacing: 20px 0;
}
.slider_orange_btn li {
	width: 120px;
	height: 120px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	text-align: center;
}
.slider_orange_btn li h3 {
	width: 120px;
	position: absolute;
	bottom: -10px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	text-shadow: rgba(0,0,255,0.5) 2px 2px 2px;
	display: table;
}
.slider_orange_btn li h3.mdl_mgn_ctrl {
	bottom: 6px;
}
.slider_orange_btn li h3.mdl_mgn_ctrl2 {
	bottom: 14px;
}
.slider_orange_btn li h3 span {
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	height: 100%;
	padding: 0;
}
.slider_orange_btn li h3 span .none {
	display: block;
}
.slider_orange_btn li h3 span .sp_none {
	display: none;
}
}

@media screen and (max-width:980px) {
.orange_btn_block {
	width: 100%;
	position: absolute;
	left: 0;
	margin-left: 0;
	bottom: 80px;
}
.slider_orange_btn {
	width: 100%;
	position: absolute;
	left: 0;
	margin-left: 0;
	bottom: 0;
	display: table;
	border-spacing: 0;
	border-top: #FFF 1px solid;
	border-right: #FFF 1px solid;
}
.slider_orange_btn li {
	width: 50%;
	float: left;
	height: 40px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	text-align: left;
	display: block;
	border-bottom: #FFF 1px solid;
	border-left: #FFF 1px solid;
}
.slider_orange_btn li img {
	position: absolute;
	height: 26px;
	line-height: 40px;
	top: 0;
	left: 0;
	margin-top: 8px;
	margin-left: 10px;
	vertical-align: middle;
}
.slider_orange_btn li h3 {
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	padding: 3px 0 0 45px;
	font-size: 16px;
	line-height: 35px;
	text-align: left;
	text-shadow: none;
}
.slider_orange_btn li h3.mdl_mgn_ctrl {
	bottom: 0;
}
.slider_orange_btn li h3.mdl_mgn_ctrl2 {
	bottom: 0;
}
.slider_orange_btn h3 br {
	display: none;
}
.slider_orange_btn li h3 span .none {
	display: none;
}
.slider .heightLine {
	height: auto!important;
}
}

@media screen and (max-width:580px) {
.slider_orange_btn li h3 {
	width: 70%;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	text-shadow: none;
	margin: 0 0 0 30%;
	padding: 0;
	vertical-align: middle;
}
.slider_orange_btn li a:hover {
	opacity: 1;
}
.slider_orange_btn h3 br {
	display: none;
}
.slider_orange_btn span {
	position: relative;
	top: -10px;
}
.slider_orange_btn span.sp_lyt {
	position: relative;
	top: 0px;
}
ins div {
	display: none!important;
}
.dark-tooltip.light {
	display: none!important;
}
.dark-tooltip.light.south .tip {
	display: none!important;
}
.dark-tooltip.medium {
	display: none!important;
}
}

/***** トップページのトップニュースエリア *****/

.top_information_headline {
	margin: 0 auto;
	font-size: 16px;
	padding: 10px 0;
	line-height: 26px;
	text-align:center;
	overflow:hidden;
}
.top_information_headline span.category {
	background: #333;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin: 0 20px 0 0;
	padding:2px 10px 0 10px;
}
.top_information_headline span.date{
	margin-right: 20px;
	color: #F05A24;
	font-weight: bold;
}

.top_information_headline a {
	color: #4D4D4D;
}

.top_information_headline .headline {
	/* max-width: 680px; */
	max-width: 580px;
	display:inline-block;
	vertical-align:middle;
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; */
	word-wrap: break-word;
	text-align: left;
}


@media screen and (max-width:988px) {
.top_information_headline {
	line-height: 1.5em;
	vertical-align:middle;
}
.top_information_headline .headline {
	width:60%;
}
.top_information_headline span.category {
	margin: 0 10px 0 0;
}
.top_information_headline span.date{
	margin-right: 10px;
	color: #F05A24;
	font-weight: bold;
}
}

@media screen and (max-width:768px) {
.top_information_headline .headline {
	width:50%;
}
}
@media screen and (max-width:580px) {

.top_information_headline {
	line-height: 1.5em;
}
.top_information_headline span.category {
padding-bottom:2px;
}

.top_information_headline .headline {
	width:80%;
	margin-bottom:10px;
}
}

/***** Introduction *****/
.top_page #introduction {
	margin-top: -58px;
	padding-top: 58px;
}
.top_introduction_wrapper {
	background: url(../images/top/bg/bg_top_case.png) no-repeat;
	background-size: cover;
	/*	background: rgba(0,0,0,0.5)!important;*/
	width: 100%;
	padding: 5% 0 2%;
}
.top_introduction_box {
	max-width: 1100px;
	width: 92%;
	background: #F5F3EF;
	margin: 0 auto 2%;
	padding: 2% 4%;
	overflow: hidden;
	font-size: 16px;
	color: #333;
}
.img_box {
	width: 13.64%;
	margin-right: 3%;
}
.img_box img {
	width: 100%;
}
.img_box p {
	text-align: center;
	margin-top: 10px;
}
.img_box_top {
	margin-bottom: 20px;
}
.img_box_top img {
	width: auto;
	height: 36px;
}

.txt_box {
	width: 82.8%;
}
.txt_box dl {
	margin-bottom: 1.5%;
}
.txt_box dl dt {
	color: #EF5A24;
	font-weight: bold;
}
.txt_box dl dd {
	line-height: 2.0em;
	margin-bottom: 10px;
}
.btn_introduction_list {
	background: #333;
	width: 250px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
.btn_introduction_list p a {
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	display: block;
}
.btn_introduction_list p a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (max-width: 780px) {
.btn_introduction_list {
	margin: 30px auto;
}
}

@media screen and (max-width: 580px) {
.top_introduction_box .img_box {
	display: none;
}
.top_introduction_box {
	padding: 30px 20px;
	font-size: 14px;
}
.txt_box {
	width: 100%;
}
}
/***** Application *****/
.top_application_wrapper {
	background: #F5F3EF;
	border-top: 1px solid #CACACA;
	padding-bottom: 20px;
}
.top_application_btn_list {
	width: 1182px;
	padding: 2% 0;
	margin: 0 auto;
	overflow: hidden;
}
.top_application_btn_list li {
	float: left;
	width: 394px;
	/*width:100%;*/
	position: relative;
}
.top_application_btn_list_txt {
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	bottom: 0;
}
.top_application_btn_list_txt p {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.top_application_btn_list_txt p .fa {
	color: #f5911e;
	font-size: 20px;
	padding-left: 15px;
	font-weight: bold;
}
.top_application_wrapper .tit_top_category {
	background: #F5F3EF;
}

.top_video_wrapper .tit_top_category {
	background: #F5F3EF;
}

@media screen and (max-width:1180px) {
.top_application_btn_list {
	width: 788px;
}
}

@media screen and (max-width:788px) {
.top_application_btn_list {
	width: 90%;
}
.top_application_btn_list li {
	width: 100%;
}
.top_application_btn_list img {
	width: 100%;
}
}

@media screen and (max-width: 580px) {
.top_application_btn_list_txt {
	width: 98%;
	height: 50px;
}
.top_application_btn_list_txt p {
	font-size: 12px;
	width: 100%;
}
}
/***** option *****/
.top_option_wrapper, .top_information_wrapper {
	border-top: 1px solid #CACACA;
	padding-bottom: 3%;
}
.top_option_wrapper ul {
	overflow: hidden;
	width: 1170px;
	margin: 0 auto 40px;
}
.top_option_wrapper ul li {
	float: left;
	width: 175px;
	margin: 0 10px;
}
.top_option_wrapper ul li a {
	display: block;
}
.top_option_wrapper ul li h3 {
	color: #4D4D4D;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	margin: 10px 0;
}
.btn_option_list {
	border: 1px solid #000;
	width: 260px;
	height: 52px;
	text-align: center;
	margin: 0 auto;
}
.btn_option_list p a {
	background: url(../images/top/icon/icon_option_arrow.png) no-repeat;
	background-position: 8% center;
	padding-left: 15px;
}
.btn_option_list p a {
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 52px;
	display: block;
}
.btn_option_list p a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (max-width:1170px) {
.top_option_wrapper ul {
	width: 780px;
	margin: 0 auto 40px;
}
}

@media screen and (max-width:780px) {
.top_option_wrapper ul {
	width: 585px;
	margin: 0 auto 40px;
}
.btn_option_list {
	margin: 30px auto 20px auto;
}
}

@media screen and (max-width:580px) {
.top_option_wrapper ul {
	width: 90%;
	margin: 0 auto 20px;
}
.top_option_wrapper ul li {
	float: left;
	width: 48%;
	margin: 0 1%;
}
.top_option_wrapper ul li img {
	width: 100%;
}
.top_option_wrapper ul li h3 {
	font-size: 12px;
}
}
/***** trial *****/

.btn_info_list {
    border: 1px solid #000;
    width: 250px;
	height: 48px;
	line-height: 50px;
	text-align: center;
	margin: 60px auto 20px;
}
.btn_info_list p a {
	background: url(../images/top/icon/icon_option_arrow.png) no-repeat;
	background-position: 8% center;
	padding-left: 15px;
}
.btn_info_list p a {
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 52px;
	display: block;
}
.btn_info_list p a:hover {
	text-decoration: none;
	opacity: 0.6;
}
/***** information *****/
.top_information_wrapper .tit_top_category {
	padding-bottom: 1%;
}
.top_information_wrapper dl, .information_wrapper dl {
	overflow: hidden;
	width: 90%;
	max-width: 966px;
	margin: 0 auto;
	font-size: 14px;
	padding: 25px 0;
	line-height: 28px;
	border-bottom: 1px dotted #4D4D4D;
}
.top_information_wrapper dl dt, .information_wrapper dl dt {
	/*width:200px;*/
	float: left;
	margin-right: 30px;
	width: 25%;
	color: #F05A24;
	font-weight: bold;
	display: block;
}
.top_information_wrapper dl dd, .information_wrapper dl dd {
	display: block;
	float: left;
	width: 60%;
}
.top_information_wrapper dl dd, .top_information_wrapper dl dd a, .information_wrapper dl dd, .information_wrapper dl dd a {
	color: #4D4D4D;
}
.top_information_wrapper dl dt span, .information_wrapper dl dt span {
	background: #333;
	color: #fff;
	width: 92px;
	height: 28px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin: 0 30px;
}

@media screen and (max-width:988px) {
.top_information_wrapper dl dt, .information_wrapper dl dt {
	float: none;
	display: block;
	width: 100%;
}
.top_information_wrapper dl dt span, .information_wrapper dl dt span {
	margin: 0 30px 0 0;
}
.top_information_wrapper dl dd, .information_wrapper dl dd {
	width: 100%;
	margin-top: 10px;
	float: none;
	display: block;
	line-height: 1.6em;
}
}
/***** newsletter *****/
.top_newsletter_wrapper .tit_top_category {
	padding-bottom: 1%;
}
.top_newsletter_wrapper dl, .newsletter_wrapper dl {
	overflow: hidden;
	width: 90%;
	max-width: 966px;
	margin: 0 auto;
	font-size: 14px;
	padding: 25px 0;
	line-height: 28px;
	border-bottom: 1px dotted #4D4D4D;
}
.top_newsletter_wrapper dl dt, .newsletter_wrapper dl dt {
	/*width:200px;*/
	float: left;
	margin-right: 30px;
	width: 25%;
	color: #F05A24;
	font-weight: bold;
	display: block;
}
.top_newsletter_wrapper dl dd, .newsletter_wrapper dl dd {
	display: block;
	float: left;
	width: 60%;
}
.top_newsletter_wrapper dl dd, .top_newsletter_wrapper dl dd a, .newsletter_wrapper dl dd, .newsletter_wrapper dl dd a {
	color: #4D4D4D;
}
.top_newsletter_wrapper dl dt span, .newsletter_wrapper dl dt span {
	background: #333;
	color: #fff;
	width: 92px;
	height: 28px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	margin: 0 30px;
}

@media screen and (max-width:988px) {
.top_newsletter_wrapper dl dt, .newsletter_wrapper dl dt {
	float: none;
	display: block;
	width: 100%;
}
.top_newsletter_wrapper dl dt span, .newsletter_wrapper dl dt span {
	margin: 0 30px 0 0;
}
.top_newsletter_wrapper dl dd, .newsletter_wrapper dl dd {
	width: 100%;
	margin-top: 10px;
	float: none;
	display: block;
	line-height: 1.6em;
}
}
/***** ニュースレター購読 *****/
.subscribe_area {
    width: 80%;
    max-width: 520px;
    background: #fff;
    border: 1px solid #CACACA;
    border-radius: 8px;
    padding: 13px 20px;
    margin: 40px auto 10px;
}
.subscribe_area .sbsc_title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.subscribe_area .subscribe_box {
    display: flex;
    margin-top: 6px;
}
.subscribe_area .subscribe_box p {
    width: calc(100% - 98px);
    text-align: left;
	border: #CCC 1px solid;
	padding: 6px;
    margin: 0;
    margin-right: 10px;
}
.subscribe_area .subscribe_box .form_cap {
	color: #222;
    font-size: 11px;
	font-weight: bold;
	border-right: #CCC 1px solid;
	padding-right: 8px;
}
.subscribe_area .subscribe_box input[type="text"] {
    width: calc(100% - 91px);
    font-size: 14px;
    border: 0;
}
.subscribe_area .subscribe_box .submit_btn {
    border: none;
    background: none;
    padding: 0;
}
.subscribe_area .subscribe_box .submit_btn input {
    padding: 6px 20px;
    margin: 0 auto;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    background: #F5911E;
    border: #F5911E 1px solid;
    border-radius: 4px;
    display: block;
    -webkit-appearance: none;
	cursor: pointer;
}
.subscribe_area .subscribe_box .submit_btn input:hover {
    opacity: 0.6;
}
@media print, screen and (max-width: 640px) {
    .subscribe_area .subscribe_box .form_cap {
        display: block;
        font-weight: bold;
        border-right: 0;
        border-bottom: #CCC 1px solid;
        padding-bottom: 3px;
    }
    .subscribe_area .subscribe_box {
        display: block;
    }
    .subscribe_area .subscribe_box p {
        width: 100%;
    }
    .subscribe_area .subscribe_box input[type="text"] {
        width: 100%;
        padding: 6px 0 0;
    }
    .subscribe_area .subscribe_box .submit_btn {
        width: 100%;
        margin-top: 6px;
    }
    .subscribe_area .subscribe_box .submit_btn input {
        width: 100%;
    }
}
#thanks {
    text-align: center;
}
#thanks .btn_orange {
    display: inline-block;
    padding: 10px 30px;
    margin: 20px 0 0;
    font-size: 14px;
    border-radius: 6px;
}
#thanks .btn_orange:hover {
    opacity: .6;
    text-decoration: none;
}
/*****************************************************************************

aboutus共通

*****************************************************************************/


/***** h2タイトル *****/
.tit_aboutus_sub {
	padding: 45px 0;
	text-align: center;
	width: 100%;
	background: #fff;
}
.tit_aboutus_sub img {
	display: inline;
}

@media screen and (max-width:480px) {
.tit_aboutus_sub {
	padding: 20px 0;
	margin: 0 auto;
	width: 100%;
}
.tit_aboutus_sub img {
	width: 40%;
}
}
/***** コンテンツ *****/
.aboutus_cnt ,.personal_data_cnt{
	max-width: 900px;
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	color: #333;
	line-height: 27px;
}
/* h3タイトル */
.tit_aboutus {
	max-width: 900px;
	width: 99%;
	margin: 10px auto 15px;
}
.tit_aboutus span {
	color: #4D4D4D;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	padding-left: 1%;
	border-left: 3px solid #FF5900;
}

@media screen and (max-width:980px) {
.tit_aboutus {
	padding-left: 4%;
	width: 94%;
}
.tit_aboutus span {
	line-height: 20px;
}
}

@media screen and (max-width:480px) {
.tit_aboutus span {
	line-height: 140%;
	font-size: 90%;
}
}
/***** 下部エリア *****/
.aboutus_bottom_area {
	max-width: 900px;
	width: 92%;
	margin: 0 auto;
	padding: 2% 4% 4%;
	overflow: hidden;
}
.aboutus_bottom_area p {
	float: right;
	padding: 0 3% 3% 0;
	line-height: 20px;
}
.aboutus_bottom_area img {
	clear: both;
	float: right;
}
/*** 企業理念ページ **************************************/
.introduction_cnt_box_bg {
	background-color: #F5F3EF;
	padding: 30px 0 40px;
	margin-bottom: 45px;
}
.introduction_cnt_box_bg2 {
	background-color: #F5F3EF;
	padding: 30px 0 40px;
	margin-bottom: 0;
}
.introduction_cnt_box p {
	max-width: 900px;
	width: 92%;
	margin: 0 auto;
	padding: 0 4%;
	color: #333;
	line-height: 27px;
}

@media screen and (max-width: 580px) {
.introduction_cnt_box_bg {
	margin-bottom: 20px;
}
introduction_cnt_box_bg2 {
	margin-bottom: 0;
	padding-bottom: 40px;
}
}
/*** 社長挨拶ページ **************************************/
.president_page .bg_main_cnt {
	padding: 40px 0;
}
.president_page .aboutus_cnt p {
	margin-bottom: 30px;
}

@media screen and (max-width:480px) {
.president_page .tit_aboutus_main {
	width: 60%;
}
.president_page .tit_aboutus_main img {
	width: 100%;
}
.president_page .aboutus_cnt p {
	line-height: 160%;
	margin-bottom: 5%;
}
.president_page .aboutus_bottom_area p {
	line-height: 160%;
}
.president_page .aboutus_bottom_area img {
	width: 30%;
	margin-right: 15%;
}
}
/*** 会社沿革ページ **************************************/
.history_page .bg_main_cnt {
	padding: 40px 0;
}
.history_page .aboutus_cnt dl {
	padding: 5% 3%;
	margin: 0;
	background: #FFFBF0;
	word-break : break-word;
	overflow-wrap:break-word;
}
.history_page .aboutus_cnt dl dt {
	float: left;
}
.history_page .aboutus_cnt dl dd {
	margin-left: 60px;
}
.history_page .aboutus_cnt dl:nth-child(2n+1) {
	background-color: #fff;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
}
.history_page .aboutus_cnt dl:first-child {
	border-top: none;
}

@media screen and (max-width: 580px) {
.history_page .aboutus_cnt dl dt {
	float: none;
	width: 100%;
	font-weight: bold;
}
.history_page .aboutus_cnt dl dd {
	margin-left: 0;
	line-height: 1.6em;
}
}
/*** アクセスマップページ **************************************/
/***** 会社概要 *****/
.company_box {
	margin-bottom: 36px;
}
.company_box dl {
	background: #fdeed6;
	line-height: 23px;
}
.company_box dt, .company_box dd {
	padding: 15px 0;
}
.company_box dt {
	float: left;
	color: #d8711e;
	width: 208px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #e4e4e4;
}
.company_box dd {
	margin-left: 208px;
	color: #4d4d4d;
	background: #fff;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	padding-left: 35px;
}

@media screen and (max-width: 580px) {
.company_box dt {
	float: none;
	width: 100%;
	padding: 5px 10px;
	text-align: left;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}
.company_box dd {
	width: 100%;
	padding: 5px 10px;
	margin: 0;
	border-right: 1px solid #e4e4e4;
}
}
.company_box .banks_list li {
	list-style-type: disc;
	margin-left: 1.5em;
}
/***** アクセスマップ *****/
.map_page .bg_main_cnt {
	padding: 40px 0;
}
.map_page .aboutus_cnt {
	max-width: 800px;
}
.map_area {
	position: relative;
	padding-bottom: 70.25%;
	overflow: hidden;
	border: 10px solid #fff;
}
.map_area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.map_page .aboutus_bottom_area ul {
	float: right;
}
.map_page .aboutus_bottom_area ul li {
	color: #4D4D4D;
	margin: 0 0 3% 0;
}
/*** プライバシーポリシーページ **************************************/
.privacy_page .bg_main_cnt {
	padding: 40px 0;
}
.privacy_page .aboutus_cnt ol {
	padding: 0 4% 4%;
	margin: 0 auto;
}
.privacy_page .aboutus_cnt p {
	padding: 0;
}
.privacy_page .aboutus_cnt ol li {
	list-style-type: decimal;
	line-height: 24px;
	margin-top: 30px;
}
.privacy_page .aboutus_bottom_area_inner {
	float: right;
}
.privacy_page .aboutus_bottom_area_inner h5 {
	line-height: 24px;
}
.privacy_page .aboutus_bottom_area_inner p {
	float: none;
	line-height: 24px;
	padding: 0;
}
.privacy_page .contact_text a {
	color: #0071BA;
	font-weight: bold;
}

@media screen and (max-width:480px) {
.privacy_page .aboutus_cnt ol li, .privacy_page .aboutus_cnt p {
	line-height: 140%;
}
.privacy_page .aboutus_cnt ol li {
	margin-top: 7%;
}
}
/*****************************************************************************

case

*****************************************************************************/

/*** indexページ **************************************/

/***** メインコンテンツ *****/
.case_page .bg_main_cnt {
	padding: 0 0 40px 0;
}
.case_cnt_box {
	max-width: 880px;
	width: 98%;
	margin: 0 auto 40px;
	background: #fff;
	padding: 0 1% 2%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.company_name_area {
	margin-top: 40px;
	overflow: hidden;
	padding: 0 15px;
	height: 77px;
	line-height: 77px;
}
.company_name_area h3 {
	font-size: 20px;
	font-weight: bold;
	color: #4D4D4D;
}
.company_name_area p img {
	vertical-align: middle;
	display: inline;
}

@media screen and (max-width:480px) {
.company_name_area h3 {
	font-size: 120%;
}
.company_name_area p {
	width: 40%;
}
.company_name_area p img {
	width: 100%;
}
}
.case_subject_area {
	overflow: hidden;
	border-top: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	padding: 28px 22px;
}
.case_subject_icon {
	width: 70px;
}
.case_subject_text {
	max-width: 723px;
	width: 97%;
	font-size: 21px;
	font-weight: bold;
	line-height: 33px;
	letter-spacing: 2px;
	padding: 0.5% 0 0 3%;
}

@media screen and (max-width: 980px) {
.case_subject_icon {
	width: 70px;
}
.case_subject_text {
	max-width: none;
	width: 80%;
	font-size: 21px;
	font-weight: bold;
	line-height: 33px;
	letter-spacing: 2px;
	padding: 0.5% 0 0 3%;
}
}

@media screen and (max-width:480px) {
.case_subject_icon {
	width: 18%;
}
.case_subject_icon img {
	width: 100%
}
.case_subject_text {
	width: 76%;
	font-size: 14px;
	padding-left: 4%;
	line-height: 1.6;
}
}
.case_text_area {
	max-width: 824px;
	width: 100%;
	background: #F7F7F7;
	margin: 16px auto 26px;
	padding: 20px;
}
.case_text_area_white {
	max-width: 824px;
	width: 100%;
	background: #FFFFFF;
	margin: 16px auto 26px;
	padding: 20px;
}
.case_text_area p {
	color: #4D4D4D;
	line-height: 28px;
	font-weight: bold;
	padding: 22px 18px;
}
.case_text_area ul{
	width: 96%;
	padding: 2%;
}
.case_text_area ul li{
	color: #4D4D4D;
	line-height: 28px;
	font-weight: bold;
}
.case_btn_area {
	max-width: 824px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.case_btn_area p {
	max-width: 260px;
	width: 100%;
	float: left;
	margin-right: 22px;
}
.case_btn_area p:last-child {
	margin-right: 0;
}
.case_btn_area p img {
	width: 100%;
}
.case_arrow {
	text-align: center;
	margin: 2% 0 0.5%;
}
.case_arrow img {
	display: inline;
}
.case_detail_btn {
	text-align: center;
}
.case_detail_btn img {
	display: inline;
}

@media screen and (max-width: 980px) {
.case_btn_area {
	max-width: none;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.case_btn_area p {
	width: 30.333%;
	margin: 0 1.5%;
	float: left;
}
}

@media screen and (max-width: 580px) {
.case_text_area {
	line-height: 1.6em;
	width: 96%;
}
.case_btn_area {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	float: none;
}
.case_btn_area p {
	width: 100%;
	display: block;
	margin: 10px auto;
	padding: 0;
	float: none;
}
.case_btn_area p img {
	width: 100%;
	margin: 0;
	padding: 0;
}
.case_detail_btn {
	margin-bottom: 40px;
}
.case_btn_area p:last-child {
	margin: 0 auto;
}
}
/*** tosohページ **************************************/
.case_detail_page .bg_main_cnt {
	padding-bottom: 0;
}
.case_detail_page .cnt_wrapper {
	background: #FAFAFA;
}
.case_detail_text_area {
	max-width: 824px;
	width: 100%;
	background: #F5911E;
	padding: 17.5px 0;
	margin: 0 auto;
}
.case_pdf_btn {
	overflow: hidden;
	padding-bottom: 100px;
	width: 900px;
	margin: 0 auto;
}
.case_pdf_btn a {
	float: right;
}
.case_detail_text_area p {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 37px;
	text-align: center;
}
.case_detail_bulb_area {
	max-width: 530px;
	width: 100%;
	margin: 0 auto;
	display: table;
	background: #f5911e;
	padding: 20px 0;
}
.case_detail_bulb_area p {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding-left: 25px;
}
.case_detail_quo_area {
	display: table;
	height: 80px;
	margin: 30px auto;
}
.case_detail_quo_area p {
	display: table-cell;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 27px;
}
.quo {
	vertical-align: top;
}
.quo_text {
	vertical-align: middle;
	text-align: center;
}

@media screen and (max-width: 980px) {
.case_detail_text_area p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
}
}

@media screen and (max-width: 580px) {
.case_detail_text_area p {
	width: 96%;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;
}
.case_detail_text_area p br {
	display: none;
}
.case_pdf_btn {
	padding-bottom: 70px;
	width: 100%;
	margin: 0 auto;
}
.case_detail_bulb_area p {
	display: table-cell;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6em;
}
.case_detail_bulb_area p img {
	padding: 0 10px;
}
}
/***** ポイントエリア *****/
ul.case_detail_point_area {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}
.case_detail_point_box {
	width: 274px;
	height: 274px;
	background: #fff;
	float: left;
	margin: 44px 36px 65px 0;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.case_detail_point_box:last-child {
	margin-right: 0;
}
.case_detail_point_box h5 {
	background: #EDE8DF;
	height: 47px;
	line-height: 47px;
	color: #EF5A24;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #CACACA;
}
.case_detail_point_box p {
	color: #4D4D4D;
	font-size: 14px;
	font-weight: bold;
	width: 234px;
	margin: 30px auto;
}
.case_detail_point_icon {
	text-align: center;
}
.case_detail_point_icon img {
	display: inline;
}

@media screen and (max-width: 980px) {
ul.case_detail_point_area {
	width: 96%;
}
.case_detail_point_box {
	width: 30%;
	height: 274px;
	background: #fff;
	float: left;
	margin: 2% 1.5%;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.case_detail_point_box p {
	font-size: 14px;
	font-weight: bold;
	width: 90%;
	padding: 1% 3% 1% 3%;
}
.case_pdf_btn {
	padding-bottom: 5%;
	width: 96%;
	margin: 0 auto;
}
.case_pdf_btn img {
	width: 80%;
}
}

@media screen and (max-width: 780px) {
ul.case_detail_point_area {
	width: 96%;
}
.case_detail_point_box {
	width: 100%;
	height: 160px;
	background: #fff;
	float: none;
	margin: 20px auto;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	overflow: hidden;
}
.case_detail_point_box p {
	float: right;
	font-size: 14px;
	font-weight: bold;
	width: 70%;
	padding: 1% 3% 1% 3%;
}
.case_detail_point_box .case_detail_point_icon {
	float: left;
	width: 20%;
	text-align: center;
	margin: 0 0 0 15px;
	padding: 0;
	position: relative;
	top: 15%;
}
.case_detail_point_box .case_detail_point_icon img {
	height: 100%;
}
}

@media screen and (max-width: 580px) {
.case_detail_point_box p {
	display: block;
	width: 280px;
	margin: 30px auto;
}
}
/***** 背景オレンジエリア *****/
.case_detail_text_orange {
	background: #F5911E;
	padding: 55px 0 45px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
}
.case_detail_text_orange h3, .case_detail_text_orange p {
	width: 840px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.case_detail_text_orange h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 45px;
}
.case_detail_text_orange p {
	font-size: 16px;
	font-weight: bold;
	line-height: 29px;
	text-align: left;
}

@media screen and (max-width: 980px) {
.case_detail_text_orange h3, .case_detail_text_orange p {
	width: 96%;
}
.case_detail_text_orange h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 35px;
}
.case_detail_text_orange p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: left;
}
}
/*****************************************************************************

product

*****************************************************************************/
/***** h2タイトル *****/
.tit_product {
	text-align: center;
	background: #fff;
	padding: 25px 0 25px;
	margin-bottom: 35px;
	font-size: 18px;
	font-weight: bold;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-top: 1px solid #ccc;
}
.tit_product img {
	display: inline;
}
.product_bold_txt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 33px;
}
.product .common_cnt_box {
	margin: 45px auto 20px auto;
}

@media screen and (max-width:900px) {
.product_bold_txt {
	font-size: 16px;
	line-height: 24px;
}
}

@media screen and (max-width:580px) {
.tit_product img {
	max-width: 90%;
	display: inline;
}
.product_bold_txt {
	font-size: 14px;
	line-height: 20px;
	margin: 0 10px;
}
}
/***** SWANStorなら可能ですエリア *****/

/* コンテンツボックス下三角 */
.bottom_arrow {
	position: relative;
	padding: 2% 0;
	margin: 4% auto 0 auto;
}
.bottom_arrow:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: #ffffff transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}
.bottom_arrow:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-style: solid;
	border-width: 26px 15px 0 15px;
	border-color: rgba(0,0,0,0.4) transparent transparent transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}

@media screen and (max-width: 580px) {
.bottom_arrow {
	overflow: hidden;
}
}
.possible_area {
	display: table;
}
#possible .common_cnt_box .product_bold_txt {
	font-size: 18px;
}
.possible_area li {
	display: table-cell;
	width: 300px;
}
.possible_area img {
	width: 62%;
	margin: 0 auto;
}
.possible_area p {
	width: 80%;
	margin: 8% auto 0;
	line-height: 22px;
	font-size: 14px;
}
#possible .trial_btn_area {
	width: 96%;
	margin: -100px auto;
}
.jisseki_img {
	max-width: 900px;
	width: 80%;
	margin: 0 auto;
}
.jisseki_img img {
	width: 80%;
	margin: 5% auto;
}

@media screen and (max-width:580px) {
#possible .common_cnt_box .product_bold_txt {
	font-size: 14px;
}
#possible .common_cnt_box .product_bold_txt br {
	display: none;
}
#possible .common_cnt_box {
	margin-bottom: 50px;
}
#possible .trial_btn_area {
	margin: -100px 0 -50px 0;
}
.jisseki_img {
	max-width: none;
	width: 98%;
	margin: 0 auto;
}
}
/***** SWANStorの機能エリア *****/
.product_function_area {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.product_function_area li {
	float: left;
	width: 207px;
	height: 278px;
	background: #fff;
	margin: 0 8px 16px 8px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	padding-top: 30px;
}
.product_function_area li img {
	margin: 0 auto;
}
.product_function_area li h3 {
	color: #f5911e;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	margin: 3px 0 5px 0;
}
.product_function_area h3 {
	display: table;
	width: 100%;
	height: 2em;
}
.product_function_area h3 span {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.product_function_area li p {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	width: 80%;
	margin: 0 auto;
}
/* SWANStorの機能エリア3カラム */
.col3 {
	max-width: 670px;
	width: 100%;
}
.col3 li {
	margin: 0 8px 10px 8px;
}

@media screen and (max-width: 900px) {
#function .w_96_box {
	display: block;
	margin: 0 auto;
	background: #F00;
	text-align: center;
}
.product_function_area, .col3 {
	display: inline;
}
.product_function_area li, .col3 li {
	display: inline-block;
	width: 31.0%;
	margin: 1%;
}
}

@media screen and (max-width: 710px) {
.product_function_area li {
	height: 288px;
}
}

@media screen and (max-width: 580px) {
.product_function_area li, .col3 li {
	display: inline-block;
	width: 46%;
	margin: 2%;
}
.product_function_area li h3 {
	font-size: 14px;
}
.product_function_area li p {
	font-size: 12px;
	line-height: 1.4em;
}
.product_function_area li img {
	width: 40%;
}
}
/***** SWANStorの特徴 *****/
.merit_btn_area {
	max-width: 900px;
	width: 100%;
	margin: 55px auto 40px;
	display: table;
	border-collapse: separate;
	border-spacing: 30px 0;
}
.merit_btn_area p {
	display: table-cell;
	vertical-align: middle;
}
h5.headline_merit {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 5%;
}
.merit_img_area {
	overflow: hidden;
}
.merit_img_area li {
	float: left;
	margin-left: 40.8px;
}
.merit_img_area li span {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 5% 0;
}
.merit_img_area li a {
	color: #000;
	text-align: center;
}
.merit_img_area li a:hover {
	color: #555;
	text-decoration: none;
}
.merit_img_area li a h3 {
	margin-top: 8px;
	line-height: 1.2em;
}

@media screen and (max-width: 900px) {
.merit_btn_area {
	width: 100%;
}
.merit_btn_area p img {
	width: 100%;
}
.merit_img_area {
	overflow: hidden;
	width: 70%;
	margin: 0 auto;
}
.merit_img_area li {
	width: 46%;
	margin: 2%;
}
.merit_img_area li img {
	width: 100%;
}
.merit_img_area li span {
	margin: 2% 0;
}
}

@media screen and (max-width: 580px) {
.merit_btn_area {
	width: 96%;
	display: block;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
.merit_btn_area p {
	display: block;
	float: left;
	width: 48%;
	margin: 2% 1%;
}
.merit_img_area {
	overflow: hidden;
	width: 96%;
	margin: 0 auto;
}
.merit_img_area li {
	width: 46%;
	margin: 2%;
}
.merit_img_area li img {
	width: 100%;
}
.merit_img_area li span {
	font-size: 12px;
	margin: 2% 0;
}
#merit .spb_orange_row_area_2 {
	margin-top: 0;
}
}
/***** 他社技術との比較 *****/
.hikakulist {
	width: 90%;
	background: #f2f2f2;
	margin: 20px auto;
	padding: 0;
	border-collapse: collapse;
}
.hikakulist tr.top th {
	background: #075AA1;
	color: #FFF;
	border-right: #FFF 1px solid;
}
.hikakulist th {
	width: 16.666%;
	height: 150px;
	padding: 10px;
	color: #FFF;
	vertical-align: middle;
	border-right: #ccc 1px solid;
	border-bottom: #FFF 1px solid;
	background: #555;
}
.hikakulist td {
	width: 16.666%;
	padding: 10px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.hikakulist td i {
	font-size: 20px;
}
.hikakulist td span {
	font-size: 12px;
}
/***** 応用例／導入事例 *****/
.product_business_inner {
	overflow: hidden;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.product_business_box {
	max-width: 435px;
	width: 100%;
	height: 329px;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	position: relative;
	float: left;
	margin: 0 26px 3px 0;
}
.product_business_box:last-child {
	margin-right: 0;
}
.product_business_box h3 {
	color: #EF5A24;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding-top: 18px;
}
.product_business_box p {
	width: 339px;
	margin: 10px auto;
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.product_business_btn {
	border-top: 1px solid #CACACA;
	text-align: right;
	padding: 2% 5%;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
.product_business_btn a {
	font-size: 13px;
	color: #333;
}

@media screen and (max-width:900px) {
.product_business_inner {
	width: 435px;
	margin: 0 auto;
}
.product_business_box {
	margin: 0 auto 30px auto;
	width: 94%;
}
.product_business_box img {
	width: 100%;
}
}

@media screen and (max-width:780px) {
.product_business_inner {
	width: 435px;
	margin: 0 auto;
}
.product_business_box {
	margin: 3% 3%;
	width: 94%;
}
.product_business_box img {
	max-width: none;
	width: 100%;
}
}

@media screen and (max-width:480px) {
.product_business_inner {
	width: 310px;
	margin: 0 auto;
}
.product_business_box p {
	width: 94%;
	padding: 2% 3%;
}
.product_business_box img {
	width: 100%;
}
}
/***** SWANStorのオプションエリア *****/
.product_function_list {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.product_function_list li {
	width: 435px;
	height: 180px;
	background: #fff;
	float: left;
	margin: 0 7.5px 25px 7.5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.product_function_list li a {
	overflow: hidden;
}
.product_function_list li a:hover {
	opacity: 0.6;
}
.function_list_img_area {
	float: left;
	width: 140px;
	height: 180px;
	position: relative;
	border-right: 1px solid #CACACA;
	box-sizing: border-box;
}
.function_list_img_area img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}
.product_function_list_txt {
	float: right;
	width: 270px;
	margin: 10px 10px 0 0;
}
.product_function_list li h3 {
	color: #EF5A24;
	font-weight: bold;
	margin-bottom: 5px;
}
.product_function_list_txt p {
	color: #333;
	line-height: 23px;
	word-break : break-word;
	overflow-wrap:break-word;
}
/*** 端末認証ボタン ***/

.kind_option_area {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.kind_option_area .op_btn {
	float: left;
	width: 30%;
	margin: 0 1.666666% 10px;
	height: 80px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.6em;
	text-decoration: none;
	color: #FFF;
}
.kind_option_area .op_btn:hover {
	opacity: 0.7;
}
.kind_option_area .op_btn a {
	color: #FFF;
	display: block!important;
	width: 100%;
}
.btn_op_name {
	width: 100%;
	height: 80px;
	display: table;
	position: relative;
}
.btn_op_name i {
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	color: #FFF;
}
.btn_op_tit {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: bold;
	color: #FFF;
}

@media screen and (max-width:915px) {
.product_function_list {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.product_function_list li {
	width: 46%;
	height: 200px;
	margin: 0 2% 5% 2.5%;
	overflow: hidden;
}
.product_function_list li:nth-child(2n+1) {
	margin-right: 0;
}
.function_list_img_area {
	float: left;
	display: block;
	width: 60px;
	height: 200px;
	position: relative;
	border-right: 1px solid #CACACA;
	box-sizing: border-box;
	text-align: center;
}
.function_list_img_area img {
	float: left;
	position: relative;
	height: 40px;
	top: 50%;
	left: 0;
	margin-top: -20px;
	margin-left: 10px;
}
.product_function_list_txt {
	padding: 2%;
	width: 82%;
	overflow: hidden;
	margin: 0;
}
.product_function_list li a {
	overflow: hidden;
}
.product_function_list li h3 {
	color: #EF5A24;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 3px;
}
.product_function_list_txt p {
	float: right;
	width: 100%;
	color: #333;
	line-height: 23px;
	margin-left: 5px;
}
}

@media screen and (max-width:780px) {
.product_function_list {
	max-width: none;
	width: 90%;
	margin: 0 auto;
}
.product_function_list li {
	display: block;
	width: 96%;
	margin: 10px auto;
}
.function_list_img_area {
	float: left;
	display: block;
	width: 30%;
	height: 200px;
	position: relative;
	border-right: 1px solid #CACACA;
	box-sizing: border-box;
	text-align: center;
}
.function_list_img_area img {
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}
.product_function_list_txt {
	width: 70%;
}
.product_function_list_txt p {
	margin-top: 0;
	line-height: 1.4em;
	font-size: 12px;
}
.btn_op_tit {
	font-size: 90%;
}
}

@media screen and (max-width:580px) {
.function_list_img_area {
	float: left;
	display: block;
	width: 60px;
	height: 200px;
	position: relative;
	border-right: 1px solid #CACACA;
	box-sizing: border-box;
	text-align: center;
}
.product_function_list {
	max-width: none;
	width: 90%;
	margin: 0 auto;
}
.product_function_list li {
	display: block;
	width: 99%;
	margin: 10px auto;
}
.product_function_list_txt {
	width: 80%;
}
/*** 端末認証ボタン ***/

.kind_option_area {
	width: 100%;
	margin: 0 auto;
}
.kind_option_area .op_btn {
	float: none;
	width: 80%;
	margin: 20px auto;
	height: 60px;
	padding: 0 0 0 10px;
	text-align: left;
}
.kind_option_area .op_btn br {
	display: block;
}
.btn_op_name {
	width: 100%;
	height: 70px;
	display: table;
	position: relative;
}
.btn_op_name i {
	display: none;/*	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -18px;*/
}
.btn_op_tit {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.0em;
	font-weight: bold;
	color: #FFF;
}
}

@media screen and (max-width:400px) {
.product_function_list_txt {
	width: 78%;
	margin-top: 10px;
	font-size: 12px;
}
.product_function_list_txt h3 {
	font-size: 14px;
}
}
/***** 動作要件 *****/
.product_spec_box {
	width: 808px;
	margin: 0 auto;
	background: #fff;
	border-spacing: 0px;
	border: none;
}
.product_spec_box th:first-child, .product_spec_box td:first-child {
	border-left: none;
}
.product_spec_box th {
	border-left: 1px solid #E4E4E4;
}
.product_spec_box td {
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
}
.product_spec_box th {
	height: 35px;
	line-height: 35px;
	color: #D8711E;
	font-size: 14px;
	font-weight: bold;
	background: #FDEED6;
}
.product_spec_box td {
	height: 45px;
	line-height: 45px;
	color: #4D4D4D;
	text-align: center;
}
/***** よくある質問 *****/
.faq_txt_area {
	overflow: hidden;
	max-width: 900px;
	width: 92%;
	margin: 0 auto 2%;
}
.question, .answer {
	color: #4D4D4D;
	overflow: hidden;
	padding: 2% 4%;
	word-break : break-word;
	overflow-wrap:break-word;
}
.question img, .answer img {
	margin-right: 20px;
}
.question span, .answer span {
	float: left;
	width: 90%;
	font-size: 14px;
}
.question {
	line-height: 30px;
}
.answer {
	background: #fff;
}

@media screen and (max-width:980px) {
.faq_txt_area {
	width: 92%;
	margin: 0 auto 2%;
}
.question, .answer {
	color: #4D4D4D;
	overflow: hidden;
	padding: 2% 4%;
}
.question img, .answer img {
	margin-right: 10px;
}
.question span {
	font-weight: bold;
}
.question span, .answer span {
	float: left;
	width: 90%;
	font-size: 14px;
}
.question {
	line-height: 30px;
}
.answer {
	background: #fff;
}
}

@media screen and (max-width:480px) {
.question img, .answer img {
	margin-right: 10px;
}
.question span {
	font-weight: bold;
}
.question span, .answer span {
	float: left;
	width: 80%;
	font-size: 14px;
}
.question {
	line-height: 30px;
}
.answer {
	background: #fff;
}
}
/***** 無料trial02 *****/
.product_trial02 {
	width: 845px;
}
.product_trial02 li {
	width: 260px;
	margin-right: 32.5px;
}
.product_trial02 li:last-child {
	margin-right: 0;
}
.product_trial02 li span {
	font-size: 14px!important;
	color: #fff!important;
}
.product_trial02 li a:hover {
	opacity: 0.6;
}
.product_page .pagetop {
	margin-top: 0!important;
}

@media screen and (max-width:980px) {
.product_trial02 {
	width: 90%!important;
}
.product_trial02 li {
	width: 30%!important;
	margin: 0 1.5555%!important;
}
.product_trial02 li img {
	width: 100%;
}
.product_trial02 li span {
	font-size: 12px!important;
	color: #fff!important;
}
.product_trial02 li a:hover {
	opacity: 0.6;
}
.product_page .pagetop {
	margin-top: 0!important;
}
}

@media screen and (max-width: 580px) {
.product_trial02 {
	width: 100%!important;
}
.product_trial02 li {
	width: 32%!important;
	margin: 0 0.5%!important;
}
}
/*****************************************************************************

application 応用例

*****************************************************************************/
/*** SWANStorって何ができるのリスト ***/
.application_btn_area {
	background: #f5f3ef;
	padding: 40px 0 20px;
}
.application_btn_list {
	max-width: 774px;
	width: 100%;
	overflow: hidden;
	margin: auto;
}
.application_btn_list li {
	float: left;
	margin: 0 12px 12px 12px;
	width: 234px;
	position: relative;
}
.application_btn_list li a {
	display: block;
}
.application_btn_list li a:hover {
	opacity: 0.6;
}
.application_btn_list li:nth-child(3), .application_btn_list li:nth-child(6) {
	margin-right: 0;
}
.application_btn_list li img {
	width: 100%;
}
.application_btn_list_txt {
	position: absolute;
	bottom: 0;
	width: 234px;
	height: 77px;
	background: rgba(255,255,255,0.8);
}
.application_btn_list_txt p {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	padding-top: 8px;
}
.application_page .application_btn_list_txt p:after {
	content: '∨';
	position: absolute;
	top: 65%;
	left: 50%;
	margin-left: -10px;
	color: #F5911E;
	font-size: 21px;
	font-weight: bold;
}
.application_page .point_area_txt {
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.6em!important;
}

@media screen and (max-width: 780px) {
.application_btn_list {
	max-width: 580px;
	width: 100%;
	overflow: hidden;
	margin: auto;
}
.application_btn_list li {
	float: left;
	margin: 0 1.5% 2% 1.5%;
	width: 30%;
	position: relative;
}
.application_btn_list_txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 77px;
	background: rgba(255,255,255,0.8);
}
}

@media screen and (max-width: 580px) {
.application_btn_list {
	width: 96%;
	overflow: hidden;
	margin: 0 auto;
}
.application_btn_list li {
	float: left;
	margin: 0 1% 2% 1%;
	width: 48%;
	position: relative;
}
.application_btn_list_txt {
	position: absolute;
	bottom: 0;
	width: 98%;
	height: 77px;
	background: rgba(255,255,255,0.8);
}
}
/***** 01本部と現場店舗を結ぶネットワーク *****/
.point_swarow {
	width: 100%;
	border-bottom: 1px dotted #CACACA;
	background: url(/application/images/bg/bg_point_mamoru.png) repeat-x;
	background-size: contain;
}
.point_swarow img {
	margin: 0 auto;
}
.point_area_txt {
	padding: 20px 60px 0;
	font-size: 18px!important;
	line-height: 38px!important;
}

@media screen and (max-width: 580px) {
.point_swarow {
	width: 100%;
	border-bottom: 1px dotted #CACACA;
}
.point_swarow img {
	width: 50%;
}
.point_area_txt {
	padding: 3% 2%;
	font-size: 14px!important;
	line-height: 1.5em!important;
}
}
/*** 適応分野 ***/
.field_area {
	overflow: hidden;
}
.field_box_area {
	width: 876px;
	margin: 0 auto;
}
.field_box {
	width: 412px;
	margin: 30px 12px 0;
	background: #F7F7F7;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	float: left;
	border-left: 8px solid #F8A430;
	box-sizing: border-box;
	padding: 20px 12px;
}
.field_box dt {
	font-weight: bold;
	font-size: 14px;
}
.field_box dd {
	color: #333;
	line-height: 1.8em;
}

@media screen and (max-width: 980px) {
.field_box {
	width: 47%;
	margin: 30px 0 20px 0;
	margin-left: 2%;
	margin-right: 1%;
}
.field_box:last-child {
	margin-left: 0;
}
}

@media screen and (max-width: 895px) {
.field_box_area {
	width: 100%;
}
}

@media screen and (max-width: 780px) {
.field_box {
	width: 96%;
	margin: 3% 2% 1% 2%;
}
.field_box:last-child {
	margin-left: 2%;
}
.field_box dd {
	margin-top: 1%;
	line-height: 1.6em;
}
}
/*****************************************************************************

V-Warp(ブイワープ)

*****************************************************************************/

/*** indexページ **************************************/
/***** ファーストビュー *****/
#firstview{
    width:100%;
    background-image: url("/vwarp/images/index_img/bg_firstview.jpg");
    background-position: center;
    background-size: cover;
    margin:70px 0 0 0;
    padding-top: 0;
    padding-bottom:50px;
    display: inline-block;
}
@media print, screen and (max-width: 780px) {
  #firstview{
    background-position: 55% center;
  }
}
@media print, screen and (max-width: 640px) {
#firstview{
  background-position: 57% center;
  padding-bottom: 30px;
  margin:58px 0 0 0;
}
}
#firstview .section_inner {
  max-width: 1010px;
  padding: 0 15px;
  position: relative;
}
#firstview .vwarp_logo {
  display: inline-block;
  background: #073a80;
  border-radius: 0 0 7px 7px;
  padding: 15px 40px;
  margin-bottom: 45px;
}
#firstview .vwarp_logo img {
  width: 290px;
  height: auto;
}
@media screen and (max-width: 640px){
  #firstview .vwarp_logo {
    width: 60%;
    padding: 10px 20px;
    margin-bottom: 22px;
  }
  #firstview .vwarp_logo img {
    width: 100%;
    height: auto;
  }
}
#firstview .tx_box {
  position: relative;
  z-index: 2;
}
#firstview .tx_box .catch {
  display: inline-block;
  color: #0057b8;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  background: #fff;
  border: 1px solid #0057b8;
  padding: 9px 30px 3px;
  margin-bottom: 13px;
}
#firstview .tx_box h2 {
  color: #0057b8;
  font-size: clamp(24px,5.6vw,40px);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
#firstview .tx_box .lead {
  color: #0057b8;
  font-size: clamp(16px,2.6vw,24px);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 30px;
}
@media screen and (max-width: 780px){
  #firstview .tx_box {
    margin-bottom: 15px;
  }
  #firstview .tx_box .lead {
    margin-bottom: 75px;
  }
}
@media screen and (max-width: 640px){
  #firstview .tx_box .catch {
    font-size: 24px;
  }
}
#firstview .monthly {
  display: inline-block;
  background: rgba(255,255,255,.6);
  padding: 23px 20px 15px;
}
#firstview .monthly p {
  color: #265497;
  font-size: 16px;
}
#firstview .monthly strong{
	font-size:3.125em;
  font-weight: bold;
}
#firstview .monthly strong.zero{
	font-size: 3.375em;
	font-weight: bold;
	color: #b9161c;
}
#firstview .monthly small{
 	font-size:1em;
  font-weight: bold;
}
#firstview .monthly small.price2{
 	font-weight: bold;
}
#firstview .monthly small.tax{
 font-size:0.75em;
}
@media screen and (max-width: 640px){
  #firstview .monthly {
    padding: 18px 20px 10px;
}
  #firstview .monthly p {
    font-size: 14px;
  }
  #firstview .monthly strong{
    font-size:2.5em;
   }
  #firstview .monthly strong.zero{
    font-size: 2.8em;
  }
}
#firstview .usb {
  position: absolute;
  left: 58.5%;
  bottom: 132px;
  z-index: 1;
}
@media screen and (max-width: 780px){
  #firstview .usb {
    left: 62%;
    bottom: 160px;
  }
}
@media screen and (max-width: 640px){
  #firstview .usb {
    left: 57%;
    bottom: 142px;
  }
  #firstview .usb img {
    width: 180px;
    height: auto;
  }
}
#firstview .feature {
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
}
#firstview .feature img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 780px){
  #firstview .feature {
    width: 100%;
    position: relative;
    bottom: auto;
    right: auto;
  }
}

/*.motcc_top {
    width:70%;
    box-sizing: content-box;
    background:rgba(255,255,255,0.9);
    padding:20px;
    margin:0 auto;
}
.motcc_top.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.motcc_top .fl1{
 float:left;
 width:30%;
 box-sizing: content-box;
}
@media screen and (max-width: 640px){
.motcc_top .fl1{
	display:none;
}
}
.motcc_top .fl1 img{
 max-width:100px;
 height:auto;
margin: 0 auto;
}
.motcc_top .fl2{
 float:left;
 width:70%;
 box-sizing: content-box;
}
@media screen and (max-width: 640px){
.motcc_top .fl2{
 float:none;
 width:100%;
 box-sizing: content-box;
}
}*/
.motcc_top .clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.v-waro_top ul li.pcnone {
    display: none;
}
.motcc_top h1{
	display: inline-block;
	position: relative;
	margin: 20px 20px 10px;
	padding: 0 40px;
	color: #0057b8;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.5;
}
@media screen and (max-width: 640px){
.motcc_top h1{
	font-size: 16px;
	padding: 0 20px;
}
}
.motcc_top h1::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 37px;
	background: #0057b8;
	transform: translateY(-50%) rotate(-45deg);
}
.motcc_top h1::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 37px;
	background: #0057b8;
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 640px){
.motcc_top h1::before {
	height: 25px;
}
.motcc_top h1::after {
	height: 25px;
}
}
.motcc_top h2{
	margin: 10px;
	padding: 10px 30px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
	line-height: 2;
    text-align: center;
	background:#0057b8;
}
@media screen and (max-width: 640px){
    .motcc_top h2{
        font-size: 14px;
    }
    .v-waro_top ul li {
        float: left;
        width: 80%;
    }
    .v-waro_top ul li.pcnone {
        display: block;
        float: left;
        width: 20%;
    }
    .v-waro_top ul li.pcnone img {
        max-width: 25px;
        height: auto;
    }
}

/***** メインコンテンツ *****/
.section_wrapper {
    padding: 50px 15px;
}
@media screen and (max-width: 980px){
    .section_wrapper {
        padding: 50px 15px;
    }
}
@media screen and (max-width: 780px){
    .section_wrapper {
        padding: 30px 15px;
    }
}
.section_inner {
    max-width: 980px;
    margin: 0 auto;
}
.bg_blue_g {
    background: linear-gradient(to right,#065fe3 0,#0599e6 100%);
}
.img100 {
    max-width: 100%;
    height: auto;
}

.title_vwarp01 {
    color: #073A80;
    font-size: 210%;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-align: center;
    border-bottom: none;
    margin: 30px 0;
}
.bg_blue_g .title_vwarp01 {
    color: #fff;
}
.title_vwarp02 {
    font-size: 180%;
    font-weight: bold;
    display: inline-block;
    border-bottom: #003da3 1px solid;
    padding: 0 0 10px;
    margin: 20px 0 30px 0;
    color: #003da3;
}
.vwarp p {
    line-height: 200%;
}
.btn1 {
    text-align: center;
}
.btn1 a {
    display: inline-block;
    max-width: 380px;
    margin: 0 auto;
    background-color: #ee5a24;
    color: #fff!important;
    line-height: 40px;
    font-size: 20px;
    border-radius: 5px;
    /* box-shadow: 2px 2px #ffcc33; */
    padding: 5px 15px;
    border: 2px solid #ee5a24;
}
.btn1 a:hover{
    opacity:0.6;
}
.link_txt {
    text-align: center;
}
.link_txt a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
.link_txt a:hover {
    color: #ee5a24;
}
#intro p {
    font-size: 16px;
    line-height: 200%;
    text-align: center;
}
#intro img {
    max-width: 980px;
}
@media screen and (max-width: 980px){
    #intro img {
        max-width: 100%;
    }
}
@media screen and (max-width: 780px){
    #intro p {
        text-align: left;
    }
}
.merit {
	display:flex;
	width:100%;
    margin: 0 0 30px;
}
.merit li{
    width: calc(100% / 3);
    margin: 0 15px;
	padding:20px;
	background:#fff;
	border-radius: 5px;
}

@media screen and (max-width: 780px){
   .merit {
       flex-wrap: wrap;
       margin: 0;
    }
    .merit li{
        width: calc(100% / 2 - 20px);
        margin: 0 0 20px;
        padding: 10px 20px;
        background:#fff;
        border-radius: 5px;
    }
}
@media screen and (max-width: 580px){
    .merit {
        display:block;
    }
    .merit li{
        width: 100%;
    }
}
.merit h3{
    color:#065fe3;
    font-size: 170%;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 30px 0;
}
.merit p{
	text-align:left;
	font-size:16px;
}
.security_inner {
    display: flex;
    justify-content: space-between;
}
.blue_2n:nth-child(even) .security_inner {
    flex-direction: row-reverse;
}
.security_inner li {
	float:left;
	width:35%;
	margin:30px 2.5%;
}
.security_inner li.security_img {
    width: 55%;
}
@media screen and (max-width: 640px){
    .security_inner {
        display: block;
    }
    .security_inner li {
        float:none;
        width:100%;
        margin:30px 0;
    }
    .security_inner li.security_img {
        width: 100%;
    }
}
.blue_2n:nth-child(even) {
    background-color: #f9faff;
}

/***** 利用シーン *****/
.vwarp_scene .tit_sub img {
    width: auto;
    height: 42px;
}
.vwarp_scene .tit_sub p {
    display: inline-block;
    border-top: 3px solid #073A80;
    padding-top: 10px;
}
#property {}
#property .content_wrap {}
#property .content_wrap .content_block {
    margin: 50px 0 130px;
    position: relative;
}
#property .content_wrap .content_block:last-child {
    margin: 50px 0 30px;
}
#property .content_wrap .content_block::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #f9faff;
    width: 100vw;
    height: calc(100% + 80px);
    z-index: -1;
}
#property .content_wrap .content_block:nth-of-type(2n+1)::before {
    left: calc( ( 100% - 980px ) / 2 + 40px);
}
#property .content_wrap .content_block:nth-of-type(2n)::before {
    right: calc( ( 100% - 980px ) / 2 + 40px );
}
#property .content_wrap .content_block .section_inner {
    display: flex;
    position: relative;
}
#property .content_wrap .content_block:nth-of-type(2n) .section_inner {
    flex-direction: row-reverse;
}
#property .content_wrap .content_block .ph_box  {
  width: 45%;
  flex-shrink: 0;
  position: relative;
  top: 40px;
}
#property .content_wrap .content_block:nth-child(2n+1) .tx_box {
    padding: 40px 0 40px 30px;
}
#property .content_wrap .content_block:nth-child(2n) .tx_box {
    padding: 40px 30px 40px 0;
}
#property .content_wrap .content_block .tx_box p {
    font-size: 17px;
}
#property .content_wrap .content_block .tx_box p.point i {
    display: inline-block;
    color: #F5911E;
    font-size: 0.5em;
    vertical-align: middle;
	margin-top: -4px;
}
@media screen and (max-width: 780px){
    #property .content_wrap .content_block {
        margin: 50px 0 100px;
    }
    #property .content_wrap .content_block:last-child {
        margin: 50px 0 0;
    }
    #property .content_wrap .content_block::before {
        height: calc(100% + 50px);
    }
    #property .content_wrap .content_block:nth-of-type(2n+1)::before {
        left: calc( ( 100% - 691px ) / 2 + 40px);
    }
    #property .content_wrap .content_block:nth-of-type(2n)::before {
        right: calc( ( 100% - 691px ) / 2 + 40px );
    }
}
@media screen and (max-width: 640px){
    #property .content_wrap .content_block {
        background: #f9faff;
        margin: 50px 0;
    }
    #property .content_wrap .content_block:last-child {
        margin: 50px 0 0px;
    }
    #property .content_wrap .content_block::before {
        content: none;
    }
    #property .content_wrap .content_block .section_inner,
    #property .content_wrap .content_block:nth-of-type(2n) .section_inner {
        flex-direction: column;
    }
    #property .content_wrap .content_block .ph_box  {
      width: 100%;
      top: 0;
    }
    #property .content_wrap .content_block:nth-child(2n+1) .tx_box,
    #property .content_wrap .content_block:nth-child(2n) .tx_box {
        padding: 30px 15px;
    }
    #property .content_wrap .content_block .tx_box p {
        font-size: 15px;
    }
}

/*comp_table*/
#compare .comp_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
#compare .comp_table tr th,
#compare .comp_table tr td {
  width: 20%;
	text-align: center;
	vertical-align: middle;
}
#compare .comp_table tr:nth-child(1) th div {
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  padding: 16px 0;
  line-height: 1.2;
}
#compare .comp_table tr:nth-child(1) th:nth-child(n+4) {
	background: #fcedd5;
	border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
#compare .comp_table tr:nth-child(n+3) th {
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
@media screen and (max-width: 640px){
   #compare .comp_table tr:nth-child(1) th div {
    padding: 8px 0;
  }
}
#compare .comp_table tr:nth-child(1) th.inhouse {
  position: relative;
}
#compare .comp_table tr:nth-child(1) th.inhouse div {
    color: #fff;
    background: #ee5a24;
    font-size: 1.2em;
    font-weight: bold;
}
#compare .comp_table tr:nth-child(1) th.inhouse:before {
  content: "";
  width: calc(100% + 6px);
  height: 12px;
  background: #ee5a24;
  border-radius: 8px 8px 0 0;
  position: absolute;
  top: -12px;
  left: -3px;
}
#compare .comp_table tr:nth-child(1) th.leading {
    background: #f49525;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
#compare .comp_table tr:nth-child(1) th.leading div {
    color: #fff;
    font-weight: bold;
}
#compare .comp_table tr:nth-child(1) th:nth-child(2) {
  border: 3px solid #e3e3e3;
  background: #0f3849;
}

#compare .comp_table tr:nth-child(1) th.inhouse {
  border: 3px solid #ee5a24;
  background: #ee5a24;
}
#compare .comp_table tr:nth-child(n+2) th {
  background: #f7f7f7;
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 16px;
  width: 20%;
}
#compare .comp_table tr:last-child th {
  border-bottom: 1px solid #e3e3e3;
}
@media screen and (max-width: 640px){
	#compare .comp_table tr:nth-child(n+2) th {
	    padding: 8px;
	  }
}

#compare .comp_table tr:nth-child(n+2) td {
  background: #fff;
  padding: 16px;
}
@media screen and (max-width: 640px) {
  #compare .comp_table tr:nth-child(n+2) td {
    padding: 8px;
  }
}
#compare .comp_table tr:nth-child(n+2) td.inhouse {
  border-left: 3px solid #ee5a24;
  border-right: 3px solid #ee5a24;
  font-weight: bold;
  font-size: 1.2em;
  color: #ee5a24;
}
#compare .comp_table tr:nth-child(n+2) td.leading {
  color: #f49525;
}
#compare .comp_table tr:nth-child(2) td {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
#compare .comp_table tr td .sign {
  font-size: 2em;
}
#compare .comp_table tr td i {
  font-size: 2em;
}
#compare .comp_table tr:nth-child(2) td.inhouse {
  border-top: 2px solid #ee5a24;
}
#compare .comp_table tr:nth-child(n+2) td {
  border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
#compare .comp_table tr:last-child th {
  font-weight: 900;
}
#compare .comp_table tr:last-child td {
  border-bottom: 1px solid #e3e3e3;
}
#compare .comp_table tr:last-child td.inhouse {
  border-bottom: 3px solid #ee5a24;
}
#compare .box_em {
    background: #f9faff;
    padding: 15px 20px;
}
#compare .box_em strong {
    color: #ee5a24;
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 640px){
	#compare .box_em {
	    padding: 15px;
	}
	#compare .box_em strong {
	    font-size: 17px;
	}
}
.bg_pagenav {
    background-color: #f9faff;
    padding: 50px 0;
}
@media screen and (max-width: 780px){
    .bg_pagenav {
        padding: 30px 15px;
    }
}
.pagenav_title01 {
    font-weight: bold;
    color: #003da3;
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding: 5px 0 5px 20px;
    border-left: 2px solid #003da3;
}
.pagenav {
	text-align:left;
}
.pagenav_list {
	display: -webkit-flex;
    display: flex;
}
.pagenav_list li a {
	display: flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 12px rgb(0 87 184 / 5%);
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    color: #0057b8;
    border: 1px solid #0057b8;
    margin: 0 10px;
}
@media print, screen and (max-width:640px) {
    .pagenav_list {
        display: block;
    }
    .pagenav_list li a {
        display: block;
        align-items: center;
        padding: 0 16px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 6px 12px rgb(0 87 184 / 5%);
        font-weight: 700;
        text-align: center;
        line-height: 48px;
        color: #0057b8;
        border: 1px solid #0057b8;
        margin: 10px 0px;
        transition: all .5s;
    }
}
.pagenav_list li a:hover {
	background: #0057b8;
	color: #fff;
    text-decoration: none;
}
.vwarp_scene .section_wrapper {
    background: #fff;
}
.vwarp_scene .section_inner dl {
    display: flex;
    justify-content: space-between;
}
.vwarp_scene .section_inner dl dt{
     width:40%;
     margin:0;
}

.vwarp_scene .section_inner dl dt img{
    width:90%;
}
.vwarp_scene .section_inner dl dd{
    width:60%;
    font-size: 16px;
    line-height: 160%;
    margin:0;
}
@media (max-width: 780px) {
    .vwarp_scene .section_inner dl {
        display: block;
    }
    .vwarp_scene .section_inner dl dt{
     width:100%;
     margin:0;
    }
    .vwarp_scene .section_inner dl dt img{
     width:100%;
     margin:0 auto;
    }
    .vwarp_scene .section_inner dl dd{
     width:100%;
     margin:0;
    }
}
.swanbox_contact_bg {}
.swanbox_contact_bg .btn_demo_contact {
  text-align: center;
}
.swanbox_contact_bg .btn_demo_contact a {
  display: inline-block;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  background: #ee5a24;
  border-radius: 5px;
  padding: 20px 60px;
}
.swanbox_contact_bg .btn_demo_contact a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.swanbox_contact_bg .btn_partner02 {
  margin-top: 30px;
  text-align: center;
}
.swanbox_contact_bg .btn_partner02 a {
  display: inline-block;
  color: #fff5aa;
  font-size: 1.75em;
  letter-spacing: 0.05em;
  font-weight: normal;
  background: #131313;
  border-radius: 5px;
  padding: 30px 40px;
}
.swanbox_contact_bg .btn_partner02 a:hover {
  opacity: 0.6;
  text-decoration: none;
}
@media (max-width: 640px) {
  .swanbox_contact_bg .btn_demo_contact a {
    width: 90%;
    padding: 17px 0;
  }
  .swanbox_contact_bg .btn_partner02 {
    margin-top: 20px;
  }
  .swanbox_contact_bg .btn_partner02 a {
    width: 80%;
    padding: 20px 0;
  }
}
/*****************************************************************************

partner

*****************************************************************************/
.partner_page .bg_main_cnt {
	border-bottom: none;
	padding-bottom: 0!important;
}
.partner_page .cnt_wrapper {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
/***** パートナーエリア *****/
.partner_list {
	max-width: 910px;
	width: 100%;
	margin: 40px auto 0;
	overflow: hidden;
}
.partner_list li {
	width: 435px;
	height: 132px;
	background: #fff;
	float: left;
	margin-bottom: 25px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	display: table;
	text-align: center;
}
.partner_list li:nth-child(2n+1) {
	margin-right: 36px;
}
.partner_list_img {
	width: 200px;
	border-right: 1px solid #CACACA;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}
.partner_list_img img {
	width: 100%;
	text-align: center;
	display: inline-block;
}
.partner_list_txt {
	display: table-cell;
	vertical-align: middle;
}
.partner_list li h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.partner_list_txt a {
	color: #0071ba;
	font-weight: bold;
	font-size: 10px;
}

@media screen and (max-width:980px) {
.partner_list li:nth-child(2n+1) {
	margin-right: 0;
}
.partner_list {
	max-width: none;
	width: 100%;
	margin: 40px auto 0 auto;
	margin-left: 2%;
	margin-right: 2%;
}
.partner_list li {
	width: 48%;
	height: 120px;
	margin: 0 1% 3% 1%;
	display: table;
}
.partner_list_img {
	width: 48%;
	vertical-align: middle;
}
.partner_list_img img {
	width: 100%;
	height: auto;
	display: block;
}
.partner_list li h3 {
	font-size: 13px;
}
}

@media screen and (max-width:780px) {
.partner_list {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.partner_list li {
	width: 47%;
	height: 100px;
	margin: 1.5%;
}
.partner_list_img {
	width: 100px;
}
.partner_list li h3 {
	font-size: 12px;
}
}

@media screen and (max-width:580px) {
.partner_list {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
.partner_list li {
	width: 99%;
	height: 100px;
}
.partner_list_img {
	width: 100px;
}
.partner_list li h3 {
	font-size: 12px;
}
}
/***** パートナー企業募集エリア *****/
.partner_recruit_txt {
	width: 790px;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 29px;
}
.icon_arrow {
	margin: 20px auto 20px;
}
.btn_partner {
	background: #f5911e;
	width: 530px;
	height: 63px;
	margin: 0 auto 40px;
	text-align: center;
	line-height: 63px;
}
.btn_partner a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
}
.btn_partner a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (max-width: 980px) {
.partner_recruit_txt {
	width: 80%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bold;
	line-height: 29px;
}
.icon_arrow {
	margin: 20px auto 20px;
}
.btn_partner {
	background: #f5911e;
	width: 530px;
	height: 63px;
	margin: 0 auto 40px;
	text-align: center;
	line-height: 63px;
}
.btn_partner a {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	display: block;
}
.btn_partner a:hover {
	text-decoration: none;
	opacity: 0.6;
}
}

@media screen and (max-width: 580px) {
.btn_partner {
	width: 90%;
	font-size: 15px;
	padding: 20px 10px;
	height: auto;
	line-height: 1.8em;
}
.btn_partner a {
	font-size: 17px;
}
.partner_recruit_txt {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 1.6em;
}
.icon_arrow {
	margin: 10px auto 20px;
}
}
/*****************************************************************************

download

*****************************************************************************/
.download_page .bg_main_cnt {
	padding: 30px 0;
}
.download_txt {
	padding: 30px 35px;
	border-bottom: 1px solid #cacaca;
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	line-height: 31px;
}
.icon_app {
	margin: 0 auto 30px;
}
.download_box {
	padding-bottom: 10px;
	margin-top: -58px;
	padding-top: 55px;
}
.download_box h4 {
	background: #f7f7f7;
	width: 100%;
	height: 57px;
	line-height: 57px;
	padding-left: 40px;
	color: #4d4d4d;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 40px;
}
.download_box h4 span {
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
}
.download_box_inner {
	padding: 0 0 25px 35px;
	display: table;
}
.download_box_inner a p {
	color: #0071ba;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
.download_box_inner a p i {
	margin-right: 15px;
}
.download_box_inner a img {
	margin-left: 15px;
}
.download_box_inner a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.adb_box {
	text-align: right;
	padding: 25px 22px 0 0;
}
.adb_box p {
	color: #808080;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
}
.adb_box img {
	display: inline;
	padding-right: 6px;
}

@media screen and (max-width: 980px) {
.download_box h4 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10px 20px;
	line-height: 1.6em;
}
.download_box h4 span {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.download_box_inner {
	padding: 20px;
	display: table;
}
.download_box_inner a p {
	color: #0071ba;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
.adb_box {
	text-align: center;
}
.adb_box p {
	font-size: 12px;
	font-weight: normal;
}
}

@media screen and (max-width: 580px) {
.download_box h4 {
	font-size: 14px;
}
.download_box h4 span {
	font-size: 12px;
	font-weight: bold;
	padding-left: 0;
}
}
/*****************************************************************************

faq

*****************************************************************************/
.faq_page .bg_main_cnt {
	padding-top: 50px;
}
.faq_menu_area {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}
.faq_menu_area li {
	margin: 20px 0;
}
.faq_menu_area li .btn_op_name {
	height: 40px;
}
.faq_menu_area li .btn_op_name i {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
}

@media screen and (max-width:580px) {
.faq_menu_area li .btn_op_name i {
	position: absolute;
	left: 13px;
	top: 50%;
	margin-top: -14px;
}
}
.btn_contact, .btn_option {
	float: right;
	line-height: 30px;
	margin-right: 12px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
}
.btn_contact {
	background: #fc9c1f;
	width: 198px;
}
.btn_contact:hover, .btn_option:hover {
	text-decoration: none;
	opacity: 0.6;
	display: block;
}
.btn_contact i, .btn_option i {
	padding-left: 1em;
}
.faq_page .faq_txt_area {
	max-width: none;
	width: 100%;
	border-bottom: 2px solid #fff;
	margin: 0;
}
.faq_page .faq_txt_area .question {
	max-width: 900px;
	width: 95%;
	margin: 0 auto;
	padding: 2% 5% 2% 0;
	overflow: hidden;
	position: relative;
}
.faq_page .faq_txt_area .question img {
	float: left;
	margin-right: 10px;
}
.faq_page .faq_txt_area .question span {
	float: left;
	width: 90%;
	font-weight: bold;
}
.faq_page .faq_txt_area .question:after {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}
.faq_page .faq_txt_area .question.open:after {
	content: "\f106";
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
}
.faq_page .faq_txt_area .answer {
	border-bottom: none;
}
.answer_inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and (max-width: 980px) {
.faq_page .faq_txt_area .question span {
	font-weight: normal;
}
.answer_inner {
	max-width: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.faq_page .faq_txt_area .question:after, .faq_page .faq_txt_area .question.open:after {
	right: 20px;
}
}

@media screen and (max-width: 580px) {
.faq_page .faq_txt_area .question span {
	float: left;
	width: 80%;
}
}
/*****************************************************************************

option

*****************************************************************************/
/***** 共通 *****/
.option_page .tit_sub {
	padding: 25px 0 45px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.btn_spb span {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.btn_spb span {
	background: #000!important;
}
.btn_option_tag {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
}
.btn_option_tag span.orange {
	position: absolute;
	right: 10px;
	width: 200px;
	color: #FFF;
	background: #e44c2a;
	display: block;
}
.option_orange {
	background: #f49525;
	color: #fff!important;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;
	padding: 40px 90px;
}

@media screen and (max-width: 980px) {
.btn_option_tag {
	max-width: none;
	width: 100%;
	text-align: center;
}
}

@media screen and (max-width: 580px) {
.btn_option_tag {
	max-width: none;
	width: 100%;
	text-align: center;
}
.btn_option_tag span.orange {
	position: relative;
	margin: 0 auto;
}
}
/***** SWANPassportBIZ *****/


.option_page .function .tit_product {
	margin-bottom: 0;
}
.bg_spb_orange {
	background: #fe9e1a;
	width: 100%;
	position: relative;
}
.border_spb {
	background: url(../option/images/bg/border_spb.png) repeat-x;
	width: 100%;
	position: absolute;
	top: 30%;
	z-index: 8888;
	height: 1px;
}
/***** SWANAccess *****/
#swanaccess, #featurephone {
	margin-top: 80px;
}
#swanaccess .cnt_wrapper, #featurephone .cnt_wrapper {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding-top: 0;
}
.option_screen {
	overflow: hidden;
	width: 50%;
	margin: 50px auto 0;
}
.option_screen p {
	text-align: center;
	margin-top: 15px;
	color: #000;
}
.option_screen_box {
	margin-right: 62px;
}
/*** ダウンロード ***/

.download_area {
	width: 74%;
	margin: 20px auto;
	overflow: hidden;
}
.download_area .img_box {
	float: left;
	width: 22%;
}
.download_area .img_box img {
	width: 100%;
}
.download_area .txt_box {
	float: right;
	width: 75%;
}
.download_area .txt_box a {
	color: #fe9e1a;
}
.download_area .txt_box span {
	display: block;
}
.book_cover {
	width: 40%;
	border: #CCC 1px solid;
}

@media screen and (max-width:780px) {
.download_area {
	width: 90%;
}
}

@media screen and (max-width:580px) {
.download_area {
	width: 90%;
	margin: 2% 5%;
}
.download_area .img_box {
	width: 70%;
	margin: 0 15%;
	float: none;
}
.download_area .txt_box {
	width: 94%;
	margin: 0 3%;
	float: none;
}
}
/*** オレンジ背景縦段組配列ボックスタイプ（特徴） ***/
.ssa_box {
	width: 900px;
	margin: 22px auto 0;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	display: table;
}
.ssa_box:nth-child(2) {
	margin-top: 50px!important;
}
.ssa_box_orange {
	background: #f49525;
	color: #fff;
	width: 190px;
	text-align: center;
	font-size: 21px;
	position: relative;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.ssa_box_orange:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
	border-left-color: #f49525;
	left: 100%;
}
.ssa_box dd {
	font-size: 16px;
	font-weight: bold;
	line-height: 34px;
	display: table-cell;
	vertical-align: middle;
	padding: 30px 0;
}
.ssa_box_txt {
	color: #4d4d4d;
	padding: 40px 60px!important;
}

@media screen and (max-width:900px) {
.ssa_box {
	width: 96%;
}
.ssa_box_orange {
	font-size: 16px;
}
.ssa_box dd {
	width: 70%;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	display: table-cell;
	vertical-align: middle;
	padding: 18px 0;
}
.ssa_box_txt {
	color: #4d4d4d;
	padding: 20px 30px!important;
}
}

@media screen and (max-width:580px) {
}
/*** 動作環境 ***/
.option_page .environment p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
}

@media screen and (max-width: 580px) {
.option_page .environment p {
	padding: 0 2%;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.6em;
}
}
/*****************************************************************************

守の部屋

*****************************************************************************/
.mamorunoheya {
	width: auto;
	float: right;
	color: #fff;
	font-size: 11px;
	margin-right: 200px;
	clear:both;
}
.mamorunoheya p {
	text-align: center;
	line-height: 20px;
}
.mamorunoheya p img {
	display: inline;
	text-align: center;
}
.mamorunoheya p span {
	color: #ff0;
}
.mamorunoheya a {
	color: #fff;
}
.mamorunoheya a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.bg_mamoru {
	z-index: 1;
}
.remodal {
	padding: 0!important;
	text-align: left!important;
	color: #fff!important;
	font-size: 15px!important;
}
.mamoru_main_area {
	z-index: 8888;
	position: absolute;
	top: 40px;
	left: 40px;
}
.mamoru_name_area h4 {
	font-size: 35px;
	padding: 14px 0!important;
}
.mamoru_name_area h4 span {
	font-size: 31px;
}
.mamoru_name_area p {
	font-size: 18px!important;
}
.mamoru_txt_area {
	display: table;
	margin-top: 200px;
}
.mamoru_txt_area p {
	display: table-cell;
}
.mamoru_txt_inner {
	margin-top: 60px;
	display: table-cell;
}
.mamoru_txt_inner a {
	color: #F2FF97;
}
.mamoru_txt_area dl {
	float: left;
	line-height: 26px;
	margin-left: 20px;
}
.mamoru_txt_area dt {
	font-size: 18px;
}
.mamoru_txt_area dt span {
	color: #ff0;
	padding-right: 5px;
}
.mamoru_txt_area dd {
	padding: 10px 0 10px 23px;
}
.mamoru_book {
	display: block;
	position: absolute;
	width: 360px;
	padding: 10px;
	top: 140px;
	right: 30px;
	text-align: left;
	border: #fff 1px solid;
	background: rgba(255,255,255,0.20);
	border-radius: 10px;
}
.mamoru_book a {
	color: #FFFDC1;
}
.mamoru_book_cover {
	margin-top: 10px;
	text-align: center;
	line-height: 1.6em;
}
.mamoru_book_cover img {
	width: 45%;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:1108px) {
.mamorunoheya {
	width: auto;
	float: right;
	color: #fff;
	font-size: 11px;
	float: right;
	margin-right: 20px;
}
}

@media screen and (max-width:960px) {
.mamorunoheya {
	position: absolute;
	top: 40px;
	right: 20px;
}
}

@media screen and (max-width:780px) {
.mamorunoheya {
	position: relative;
	top: 0;
	right: 0;
	width: 135px;
	float: none;
	display: block;
	margin: 0 auto 30px auto;
}
}

@media screen and (max-width:580px) {
.bg_mamoru {
	display: none;
}
.remodal {
	width: 98%!important;
	height: 700px;
	margin: 1%!important;
	background: url(/images/mamorunoheya/bg_mamoru.jpg) no-repeat!important;
	background-size: cover!important;
	background-position: right;
}
.mamoru_main_area {
	left: 10px;
}
.mamoru_name_area h4, .mamoru_name_area h4 span {
	padding: 0!important;
	font-size: 18px;
}
.mamoru_name_area p {
	width: 96%;
	margin: 0 auto;
	font-size: 16px!important;
	vertical-align: top;
}
.mamoru_txt_area {
	margin-top: 340px!important;
}
.mamoru_txt_inner {
	margin-top: 0px!important;
}
.mamoru_book {
	display: block;
	position: absolute;
	width: 80%;
	padding: 10px;
	top: 140px;
	right: 30px;
	text-align: left;
	border: #fff 1px solid;
}
.mamoru_book_cover img {
	width: 60%;
	display: block;
	margin: 0 auto;
}
.mamoru_txt_area dl {
	float: left;
	line-height: 18px;
	margin-left: 10px;
}
.mamoru_txt_area dt {
	font-size: 18px;
}
.mamoru_txt_area dt span {
	color: #ff0;
	padding-right: 5px;
}
.mamoru_txt_area dd {
	padding: 10px 0 10px 23px;
}
}

@media screen and (max-width:360px) {
.mamoru_txt_area {
	margin-top: 280px!important;
}
}
/*****************************************************************************

オプション

*****************************************************************************/
.option_table {
	width: 808px;
	margin: 0 auto 10px;
	background: #fff;
	border-spacing: 0px;
	border: none;
	border-bottom: 1px solid #E4E4E4;
}
.option_table th {
	width: 150px;
	color: #D8711E;
	font-size: 14px;
	font-weight: bold;
	background: #FDEED6;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 15px 20px;
	vertical-align: middle;
}
.option_table td {
	color: #4D4D4D;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	padding: 15px 20px;
}
.option_table_cap {
	width: 98%;
	margin: auto;
	text-align: center;
}

@media screen and (max-width: 980px) {
.option_table {
	width: 96%;
	margin: 0 auto 50px;
	background: #fff;
	border-spacing: 0px;
	border: none;
	border-bottom: 1px solid #E4E4E4;
}
.option_table th {
	width: 100%;
	display: block;
	color: #D8711E;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	background: #FDEED6;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 15px 20px;
	vertical-align: middle;
}
.option_table td {
	width: 100%;
	display: block;
	color: #4D4D4D;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	padding: 15px 20px;
}
}
/***** オプションページ共通 *****/

.option_list_page {
	margin: 0 auto;
}
.option_list_page ul {
	overflow: hidden;
}
.option_list_page ul li {
	float: left;
	width: 150px;
	margin: 20px 0;
	font-size: 12px;
	text-align: center;
	position: relative;
}
.option_list_page ul li a {
	display: block;
}
.option_list_page ul li dl {
	width: 150px;
	display: block;
}
.option_list_page ul li dt {
	width: 150px;
	display: block;
}
.option_list_page ul li dd {
	width: 150px;
	display: table;
}
.option_list_page ul li dd span {
	display: table-cell;
	vertical-align: middle;
	color: #000;
}
.option_list_page ul li dd span:hover {
	color: #555;
}
.option_list_page ul li dt img {
	display: block;
	margin: 0 auto;
}
.option_list_page ul li dt span {
	display: block;
	position: relative;
	bottom: 0;
}

@media screen and (max-width: 980px) {
.option_list_page ul {
	backgrond: #F00;
}
.option_list_page ul li {
	margin: 3% 5%;
	float: left;
	width: 23%;
	text-align: center;
	position: relative;
}
.option_list_page ul li a {
	display: block;
}
.option_list_page ul li dl {
	width: 100%;
	display: block;
}
.option_list_page ul li dt {
	width: 100%;
	display: block;
	text-align: center;
}
.option_list_page ul li dd {
	width: 100%;
	display: table;
	text-align: center;
}
}

@media screen and (max-width: 540px) {
.option_list_page ul {
	backgrond: #F00;
}
.option_list_page ul li {
	margin: 3% 1%;
	float: left;
	width: 48%;
	text-align: center;
	position: relative;
}
.option_page .tit_sub_txt {
	margin-top: 0;
}
.option_page .cnt_wrapper {
	padding-bottom: 20px;
}
}
/*** テンプレート ***/

.login_dl_area {
	margin: 10px 0;
	text-align: left;
	font-size: 16px;
}
.login_dl_area i {
	font-size: 16px!important;
	margin-top: -3px;
}
.login_dl_area a {
	color: #FFF;
	padding: 5px 4px;
	margin: 10px 2px;
	background: orange;
	display: block;
	border-radius: 5px;
}
.login_dl_area a:hover {
	opacity: 0.6;
	text-decoration: none;
}
/***** オプションページ *****/

.opt_fileserver dl {
	padding-bottom: 0;
	background: #FFF!important;
}
.opt_fileserver dd {
	padding-bottom: 20px;
	background: #FFF;
}
.img_3col {
	padding-top: 10px;
	width: 100%;
}
/*****************************************************************************

トライアルページ

*****************************************************************************/

.top__bold_txt {
	margin-top: 58px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 33px;
}
.trial_contact {
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 580px) {
.top__bold_txt {
	margin-top: 48px;
	padding: 0 2%;
	text-align: center;
	font-size: 14px;
	line-height: 1.6em;
}
.trial_contact {
	margin: 15px 0 0 0;
	font-size: 14px;
}
}
/*****************************************************************************

お問い合わせ

*****************************************************************************/

.contact_cap {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.contact_cap .txt_caption {
	padding: 5% 0 2% 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.contact_cap .notice {
	float: right;
}
.contact_cap a {
	clear: both;
	float: right;
	margin:5px 0 10px;
	color: #F5911E;
}
.btn_submit {
	width: 220px;
	height: 50px;
	margin: 30px auto!important;
	padding: 20px;
	color: #FFF;
	font-weight: bold;
	background: #F5911E;
	border: #F5911E 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	-webkit-appearance: none;
}
.btn_submit:hover {
	opacity: 0.6;
}
.btn_cancel {
	width: 220px;
	height: 50px;
	margin: 30px auto!important;
	padding: 20px;
	color: #FFF;
	font-weight: bold;
	background: #555555;
	border: #F5911E 1px solid;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
	-webkit-appearance: none;
}
.btn_cancel:hover {
	opacity: 0.6;
}
.btn_send_area {
	text-align: center;
	margin: 0 auto;
}
.btn_send_area input {
	display: inline;
	text-align: center;
	margin-bottom: 40px;
}
.contact_notice {
	padding: 0 0 30px 0;
	line-height: 1.6em;
}
.contact_notice a {
	color: #F5911E;
}
/*** フォームパーツ ***/

.contact_confirm_box li {
	height: 3.0em;
	display: table;
}
.contact_confirm_box li span {
	display: table-cell;
	vertival-align: middle;
}
.contact_confirm_box li input {
	display: table-cell;
	vertival-align: middle;
}
.contact_confirm_box input {
	font-size: 14px;
	padding: 2px;
	margin: 10px 0;
	border: #CCC 1px solid;
}
.contact_confirm_box .easy-select-box {
	margin: 10px 0;
}
.contact_confirm_box li span.zip_ex {
	display: inline;
}
.contact_confirm_box input[type="text"] {
	width: 90%;
	font-size: 14px;
	padding: 2px;
}
.contact_confirm_box input#zip[type="text"] {
	width: 9em;
	ime-mode: disabled;
}
.contact_confirm_box input[type="tel"] {
	width: 18em;
	ime-mode: disabled;
}
.contact_confirm_box input[type="email"] {
	width: 80%;
	ime-mode: inactive;
}
.contact_confirm_box textarea {
	width: 90%;
	height: 200px;
	font-size: 14px;
	padding: 2px;
	border: #CCC 1px solid;
}

@media screen and (max-width:780px) {
.contact_confirm_box li {
	height: 4.5em;
	display: block;
}
.contact_confirm_box li span.tit_addr {
	display: block;
	width: 100%;
}
.contact_confirm_box li input {
	display: block;
	width: 100%;
}
.contact_confirm_box input#zip[type="text"] {
	width: 8em!important;
	display: inline;
}
.contact_confirm_box li span.zip_ex {
}
}

@media screen and (max-width:580px) {
.contact_confirm_box li {
	height: 5.0em;
}
.contact_cap .txt_caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 1.6em;
}
.contact_cap .notice {
	margin: 2% 0;
	float: none;
	line-height: 1.4em;
}
.contact_cap a {
	margin-bottom: 2%;
}
.btn_send_area input {
	display: block;
	text-align: center;
}
.contact_page input[type="text"] {
	width: 100%!important;
}
.contact_page textarea {
	width: 100%;
}
}
/*** 住所欄タイトル ***/
.tit_addr {
	font-size: 12px;
	width: 6.0em;
	display: block;
	float: left;
	margin-top: 10px;
	position: relative;
	z-index: 100;
}
/*** 住所欄70%フォーム ***/
.contact_page li {
	display: block;
	margin: 0;
}
.form_p70 {
	width: 70%!important;
	display: block;
}
/*** セル内リンク ***/
.contact_page dd a {
	color: #555555;
}
/*** セレクトボックス ***/

.esb-displayer {
	position: relative;
	z-index: 999!important;
}
/***** 確認画面 *****/

.contact_confirm_box {
	margin-bottom: 0;
}
#formWrap dl {
	overflow: hidden;
}
#formWrap dt {
	min-width: 300px;
}
#formWrap dd {
	min-height: 4.0em;
	margin-left: 300px;
}
/***** 送信完了 *****/

/*** 送信完了メッセージ ***/

.contact_send_txt {
	padding: 10% 0;
	font-size: 14px;
	text-align: center;
}

@media screen and (max-width:580px) {
.contact_send_txt {
	text-align: left;
}
}
/*****************************************************************************

新着情報

*****************************************************************************/

.infomation_page .bg_main_cnt {
	padding: 30px 0;
}
.infomation_page .bg_main_cnt2 {
	padding: 30px 0 0 0;
}
.infomation_page .common_cnt_box {
	padding: 20px!important;
}
.infomation_page table {
	margin: 40px;
	font-size: 14px;
}
.infomation_page p {
	padding: 0;
}
.information_wrapper {
	margin: 40px 0 60px;
}

.cnt_box_inner h2{
	font-size: 16px;
	margin-bottom: 16px;
}

.cnt_box_inner p{
	margin: 8px 0;
}

@media screen and (max-width:480px) {
.infomation_page iframe {
	max-width: 98%;
	height: auto;
}
}
/*****************************************************************************

レイアウト・デザイン調整

*****************************************************************************/

/***** 背景色 *****/

.bg_orange {
	background: #F5911E!important;
}
.bg_orange_light {
	background: #FAD2B0!important;
}
.bg_blue_light {
	background: #D6DFE7!important;
}
/***** 文字センタリング *****/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
/*** スペース調整 ***/

.mgn_t10 {
	margin-top: 10px!important;
}
.mgn_t20 {
	margin-top: 20px!important;
}
.mgn_t40 {
	margin-top: 40px!important;
}

.mgn_btm20 {
	margin-bottom: 20px!important;
}
.pdg_btm0 {
	padding-bottom:0px!important;
}
.pdg_btm10 {
	padding-bottom: 10px!important;
}
.pdg_btm20 {
	padding-bottom: 20px!important;
}

.pdg_lr_2per {
	padding:0 2%;
}

/*** フォントサイズ ***/

.fs_12 {
	font-size: 12px!important;
}
.fs_18 {
	font-size: 18px!important;
}
.fs_20 {
	font-size: 20px!important;
}
.fs_24 {
	font-size: 24px!important;
}
.fs_28 {
	font-size: 28px!important;
}
.fs_32 {
	font-size: 32px!important;
}
.fs_40 {
	font-size: 40px!important;
}

@media screen and (max-width:580px) {
.slidr_catch.fs_24 {
	font-size: 12px!important;
}
.slidr_catch.fs_28 {
	font-size: 12px!important;
}
#kousei .product_bold_txt, #kousei .product_bold_txt.fs_18 {
	font-size: 14px!important;
}
}
/*** フォントウエイト ***/
.f_bold {
	font-weight: bold!important;
}
/*** 画像幅 ***/
.img_w70per {
	width: 70%!important;
	margin: 0 auto;
	display: block;
}
/* 2カラムの画像掲載 */

.img_box_2col {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.img_box_2col img {
	width: 46%;
	margin: 0 2%;
	float: left;
	display: block;
}

@media screen and (max-width:580px) {
.img_box_2col img {
	width: 100%;
	margin: 2% auto;
	float: none;
}
}

/*** 改行調整 ***/
@media screen and (max-width:580px) {
.sp_none_br br {
	display: none;
}
}


/*****************************************************************************

新着情報更新用

*****************************************************************************/



/* download page textバージョン mamoru vpn*/
.textver{
	color: #0071ba;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

/*****************************************************************************

動画追加

*****************************************************************************/

.top_video_wrapper{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	background:#f5f3ef none repeat scroll 0 0;
	padding-bottom:2%;
}
.top_video_frame{
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
	width:100%;
	max-height:540px;
	height:100%;
	text-align:center;
	margin-bottom:20px;
}
.top_video_box{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.top_video_box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/*****************************************************************************

SWANBoxページ

*****************************************************************************/
.swanbox_page .cnt_wrapper{
	padding-bottom:0;
}

@media screen and (max-width: 580px){
img {
    max-width: 100%;
}
}

/***** クリーム色背景 *****/
.bg_cream{
	background:#fcedd5;
}

/***** タイトル *****/
.swanbox_page .tit_sub img{
	vertical-align:bottom;
}
.swanbox_page .tit_sub p{
	line-height:1;
	margin-top:13px;
}

/***** SWANSBoxTOP *****/
.swanbox_mv_area.cnt_wrapper{
	padding-bottom:3%;
}
.swanbox_page .tit_product img{
	vertical-align:bottom;
}
.img_swanbox_mv{
	max-width:904px;
	width:100%;
	margin:2.5% auto 0;
}
.img_swanbox_mv img{
	width:100%;
}
.txt_swanbox_jisseki{
	overflow:hidden;
	max-width:878px;
	width:100%;
	margin:0 auto;
}
.txt_swanbox_jisseki p{
	float:left;
	font-size:16px;
	font-weight:bold;
	line-height:33px;
}
.txt_swanbox_jisseki a{
	float:right;
	display:block;
}
@media screen and (max-width: 900px) {
.img_swanbox_mv{
    width: 96%;
}
.txt_swanbox_jisseki p{
	float:none;
	text-align:center;
	padding:0 2% 1%;
}
.txt_swanbox_jisseki a{
	float:none;
}
.txt_swanbox_jisseki a img{
	margin:0 auto;
}
}
@media screen and (max-width:580px) {
.swanbox_mv_area.cnt_wrapper {
    padding-bottom: 6%;
}
.img_swanbox_mv {
    margin: 6% auto 0;
}
}

/***** 製品の特長 *****/
#swanbox_features .bg_cream{
	padding-bottom:4%;
}
#swanbox_features .tit_product{
	border-top:none;
	margin-bottom:4.5%;
}
#swanbox_features .ssa_box_orange img{
	max-width:122px;
	width:100%;
	margin:0 auto;
}
#swanbox_features .ssa_box_orange:after {
    top: 50%;
    margin-top: -10px;
}
#swanbox_features .ssa_box:nth-child(2){
	margin-top:0!important;
}
#swanbox_features .ssa_box{
	margin:25px auto 0;
}
@media screen and (max-width:580px) {
#swanbox_features .ssa_box_orange img{
	width:80%;
}
#swanbox_features .bg_cream{
	padding-bottom:6%;
}
#swanbox_features .tit_product{
	margin-bottom:6%;
}
}

/***** 構成図 *****/
#swanbox_diagram .common_cnt_box{
	margin:54px auto;
}
#swanbox_diagram .cnt_box_inner img {
    width: 100%;
	padding:0;
}
@media screen and (max-width: 580px) {
#swanbox_diagram .tit_product{
	margin-bottom:0;
}
#swanbox_diagram .common_cnt_box{
	margin:6% auto;
}
}

/***** マイクロサーバースペック *****/
.spec_wrap{
	background:#fcedd5;
}
#swanbox_spec .spec_wrap{
	max-width:808px;
	width:100%;
	margin:0 auto;
	padding:25px 0 54px;
}
#swanbox_spec .spec_wrap table{
	width:100%;
	background:#ffffff;
	border-collapse: collapse;
}
#swanbox_spec .spec_wrap th{
	background:#f7f7f7;
	padding:2% 0;
	font-size:16px;
	font-weight:bold;
}
#swanbox_spec .spec_wrap td{
	font-size:14px;
	color:#4d4d4d;
	padding:2.3% 0;
	border-top:1px solid #e3e3e3;
}
#swanbox_spec .spec_wrap th:first-child, #swanbox_spec .spec_wrap td:nth-child(odd){
	border-right:1px solid #e3e3e3;
	text-align:center;
}
#swanbox_spec .spec_wrap td:nth-child(even){
	padding-left:3%;
}
.spec_function{
	width:32%;
}
.spec_detail{
	width:68%;
}
#swanbox_spec .spec_wrap p{
	color:#4d4d4d;
	text-align:right;
	margin-top:14px;
}
@media screen and (max-width: 900px) {
#swanbox_spec .spec_wrap{
	width:96%;
}
}
@media screen and (max-width:580px) {
#swanbox_spec .tit_product{
	margin-bottom:5px;
}
#swanbox_spec .spec_wrap {
    padding:6% 0;
}
#swanbox_spec .spec_wrap p{
	text-align:left;
}
}

/***** ご評価から、お申込み、利用開始まで *****/
#swanbox_flow .tit_product{
	margin-bottom:73px;
}
.swanbox_flow_list {
	max-width: 744px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.swanbox_flow_list li {
	float: left;
	width: 214px;
	height: 224px;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	padding: 25px 1% 0;
	margin-bottom:38px;
	position:relative;
}
.swanbox_flow_list li:nth-child(-n+2), .swanbox_flow_list li:nth-child(4), .swanbox_flow_list li:nth-child(5){
	margin-right:50px;
}
.swanbox_flow_list li:nth-child(-n+2):after, .swanbox_flow_list li:nth-child(4):after, .swanbox_flow_list li:nth-child(5):after{
    content:url(../product/images/icon/icon_swanbox_arrow.jpg);
    position: absolute;
    top: 50%;
    right: -16%;
    margin-top: -10px;
}
.swanbox_flow_list li h3 {
	color: #ee5a24;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin:15% 0 8%;
}
.swanbox_flow_list li .fa{
	display:block;
	color:#79ba68;
	font-size:52px;
	text-align:center;
}
.swanbox_flow_list li p{
	color:#333;
}
@media screen and (max-width: 900px) {
.swanbox_flow_list {
	width:96%;
}
#swanbox_flow .tit_product{
	margin-bottom:6%;
}
}
@media screen and (max-width: 780px) {
.swanbox_flow_list li {
	width:29.333%;
	margin:0 2% 4%!important;
}
.swanbox_flow_list li:nth-child(-n+2):after, .swanbox_flow_list li:nth-child(4):after, .swanbox_flow_list li:nth-child(5):after{
	right:-11%;
}
}
@media screen and (max-width: 779px) {
.swanbox_flow_list li:nth-child(-n+2):after, .swanbox_flow_list li:nth-child(4):after, .swanbox_flow_list li:nth-child(5):after{
	right:-12%;
}
}
@media screen and (max-width: 580px) {
.swanbox_flow_list li {
	width:47%;
	margin:0 auto 4%!important;
}
.swanbox_flow_list li:nth-child(-n+2):after, .swanbox_flow_list li:nth-child(4):after, .swanbox_flow_list li:nth-child(5):after{
	content:'';
}
.swanbox_flow_list li:nth-child(odd){
	margin-right:5%!important;
}
.swanbox_flow_list li:nth-child(odd):after {
    content:url(../product/images/icon/icon_swanbox_arrow.jpg);
    position: absolute;
    top: 50%;
    right: -9%;
    margin-top: -10px;
}
}
@media screen and (max-width: 480px) {
.swanbox_flow_list li {
	width:48%;
	margin:0 auto 4%!important;
}
.swanbox_flow_list li:nth-child(odd){
	margin-right:3%!important;
}
.swanbox_flow_list li:nth-child(odd):after {
	display:none;
}
}

/***** お問い合わせボタン *****/
.swanbox_contact_bg{
	background:#f4901e;
	padding:65px 0 75px;
}
.btn_swanbox_contact{
	text-align: center;
}
.btn_swanbox_contact img{
	max-width:564px;
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 580px) {
.btn_swanbox_contact img{
	width:80%;
}
.swanbox_contact_bg {
    padding: 6% 0;
}
}


/*****************************************************************************

SWANStorページ内フローティングバナー

*****************************************************************************/
.floating_bnr_swanbox{
	display:block;
	position:fixed;
    z-index: 9999;
    bottom: 0;
}
.floating_bnr_swanbox a{
	display:block;
}
.floating_bnr_swanbox img {
	display:none;
}
.floating_bnr_swanbox_pc{
	width:70%;
}
.floating_bnr_swanbox_smp{
	display:none!important;
}
@media screen and (max-width: 1280px) {
.floating_bnr_swanbox_pc{
	width:60%;
}
}
@media screen and (max-width: 900px) {
.floating_bnr_swanbox_pc{
	display:none!important;
}
.floating_bnr_swanbox_smp{
	display:block!important;
}
.floating_bnr_swanbox_smp{
	width:50%;
}
}
@media screen and (max-width: 480px) {
.floating_bnr_swanbox_smp{
	width:45%;
}
}


/*****************************************************************************

トップページ内SWANBox画像

*****************************************************************************/
.top_swanbox_wrap{
	width:100%;
	background:url(../images/top/bg/bg_swanbox.jpg) no-repeat;
	background-size:cover;
	background-position:center;
	padding:130px 0 74px ;
}
.top_swanbox_area{
	overflow:hidden;
	position:relative;
	max-width:1078px;
	width:100%;
	margin:0 auto;
}
.top_swanbox_area h1{
	margin-left:2px;
	max-width:158px;
}
.top_swanbox_area h1 img{
	width:100%;
}
.top_swanbox_txt_wrap{
	float:left;
}
.top_swanbox_txt_wrap h2{
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	margin:30px 0 12px;
}
.top_swanbox_txt_wrap p{
	font-size:19px;
	font-weight:bold;
	line-height:1.6;
}
.top_swanbox_detail_img{
	margin:24px 0 0 15px;
}
.top_swanbox_detail_img li{
	max-width:136px;
	display:inline-block;
}
.top_swanbox_detail_img li img{
	width:100%;
}
.top_swanbox_detail_img li:first-child{
	margin-right:27px;
}
.top_swanbox_img{
	float:right;
	max-width:613px;
	width:100%;
	margin:-38px 0 0 0;
}
.top_swanbox_img img{
	width:100%;
}
.btn_top_swanbox{
	display:block;
	position:absolute;
	right:20px;
	bottom:0;
	max-width:200px;
}
.btn_top_swanbox img{
	width:100%;
}
@media screen and (max-width: 1075px) {
.top_swanbox_area h1{
	margin:0 2.2% 0;
	max-width:158px;
}
.top_swanbox_txt_wrap{
	margin:0 2% 0;
}
.top_swanbox_img{
	width:55%;
}
}
@media screen and (max-width: 1000px) {
.top_swanbox_wrap{
	padding:80px 0 60px;
}
.top_swanbox_img{
	width:50%;
	margin:0;
}
}
@media screen and (max-width: 890px) {
.top_swanbox_img{
	width:48%;
	margin-top:20px;
}
}
@media screen and (max-width: 850px) {
.top_swanbox_wrap{
	padding:40px 0 30px;
}
.top_swanbox_txt_wrap h2{
	font-size:22px;
}
.top_swanbox_txt_wrap p{
	font-size:17px;
}
.top_swanbox_detail_img li{
	max-width:100px;
}
.top_swanbox_img{
	margin-top:0;
}
.btn_top_swanbox{
	width:20%;
}
}
@media screen and (max-width: 768px) {
.top_swanbox_wrap{
	padding:30px 0 10px;
}
.top_swanbox_txt_wrap h2{
	margin:15px 0 10px;
}
.top_swanbox_detail_img{
	margin:10px 0;
}
.top_swanbox_detail_img li:first-child{
	margin-right:10px;
}
.top_swanbox_img{
	width:45%;
}
.btn_top_swanbox{
	bottom:20px;
}
}
@media screen and (max-width: 718px) {
.top_swanbox_txt_wrap h2{
	font-size:20px;
	margin:15px 0 10px;
}
.top_swanbox_txt_wrap p{
	font-size:16px;
}
.top_swanbox_detail_img{
	margin:10px 0;
}
.top_swanbox_img{
	width:40%;
	margin:3% 2% 0 0;
}
.btn_top_swanbox{
	bottom:30px;
	right:90px;
}
}
@media screen and (max-width: 635px) {
.top_swanbox_wrap{
	padding:3% 0;
}
.top_swanbox_txt_wrap {
	float:none;
    margin: 0 auto;
    width: 96%;
}
.top_swanbox_txt_wrap h2 {
	font-size:172%;
}
.top_swanbox_txt_wrap p {
    font-size: 143%;
    margin-bottom: 5%;
}
.top_swanbox_detail_img{
	float:right;
	width:50%;
	margin:0;
}
.top_swanbox_detail_img li{
	max-width:100%;
	width:44%;
	margin:0 3%;
}
.top_swanbox_detail_img li:first-child{
	margin-right:0;
}
.top_swanbox_img{
	float:left;
	width:45%;
	margin:0 0 0 5%;
}
.btn_top_swanbox{
	position:static;
	clear:both;
	margin:0 auto;
	width:80%;
	padding:2% 0 0;
}
}
@media screen and (max-width: 380px) {
.top_swanbox_wrap{
	padding:6% 0;
}
.top_swanbox_txt_wrap h2 {
	font-size:172%;
}
.top_swanbox_txt_wrap p {
    font-size: 122%;
}
.btn_top_swanbox{
	width:50%;
	padding:4% 0 0;
}
}
@media screen and (max-width: 320px) {
.top_swanbox_area h1 {
    max-width: 100%;
    width: 42%;
}
.top_swanbox_txt_wrap h2 {
	font-size:158%;
}
.top_swanbox_txt_wrap p {
    font-size: 108%;
}
}


/*****************************************************************************

スライダー追加

*****************************************************************************/
.slider_img {
    width: 80%;
    margin: 30px auto 0;
}
.slider_option_bnr{
	position:absolute;
	max-width:118px;
	width:100%;
    right: 3%;
    top: 5%;
}
.slider_option_bnr img{
	width:100%;
}
.slider_medal{
	position:absolute;
	top:0;
	right:1%;
	z-index:9990;
}
.slider_medal img{
	max-width:280px!important;
	width:100%;
}

@media screen and (max-width:1380px) {
.slider_img {
    width: 70%;
    margin: 20px auto 0;
}
}
@media screen and (max-width:1280px) {
.slider_medal img{
    width: 85%;
	float:right;
}
.slider_option_bnr {
	top:6%;
	right:4%;
}
}
@media screen and (max-width:1140px) {
.slider_img {
    width: 60%;
    margin: 15px auto 0;
}
.slider_medal img{
    width: 70%;
}
}
@media screen and (max-width:980px) {
.slider_option_bnr {
	left:27%;
    right: 0;
    top: 5%;
}
.slider_img {
    width: 24%;
    position: absolute;
    right: 8%;
    top: 28%;
	margin:0;
}
.slider_swanbox .slider_img {
    width: 24%;
    position: absolute;
    right: 12%;
    top: 38%;
}
.slider_medal img {
    width: 60%;
}
.slider_option_bnr {
    left: 26%;
}
}
@media screen and (max-width:780px) {
.slider_img_txt {
    top: 23%;
}
.slider_medal img {
    width: 50%;
}
.slider_img {
    width: 20%;
}
.slider_option_bnr {
    left: 30%;
	top:6%;
}
}
@media screen and (max-width:680px) {
.slider_option_bnr {
    left: 35%;
	top:7%;
}
.slider_medal img {
    width: 42%;
}
}
@media screen and (max-width:580px) {
.slider_img{
	left:10%;
	top:38%;
}
.slider_swanbox .slider_img{
	top:45%;
}
.slider_option_bnr{
	width:18%;
}
.slider_medal img{
	width:23%;
}
}

/*****************************************************************************

SWANBackup追加 20161209

*****************************************************************************/

.top_swanbackup_wrapper{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:100%;
	background:#f5f3ef none repeat scroll 0 0;
	padding-bottom:2%;
}
.top_swanbackup_img {
	max-width: 1100px;
	width: 92%;
	height: auto;
	margin: 0 auto 2%;
	padding: 2% 4%;
	overflow: hidden;
	font-size: 16px;
	color: #333;
}


.top_swanbackup_frame{
	margin-left:auto;
	margin-right:auto;
	max-width:960px;
	width:100%;
	max-height:540px;
	height:100%;
	text-align:center;
	margin-bottom:20px;
}

/*****************************************************************************

Case追加 20170220

*****************************************************************************/

#case_swanbox{
	width: 300px;
	height: auto;
	float: left;
}

/*****************************************************************************

プライバシーポリシー・個人情報保護について追加 20180327

*****************************************************************************/

.privacy_page .personal_data_cnt ol {
	padding: 0 4% 4%;
	margin: 0 auto;
}
.privacy_page .personal_data_cnt p {
	padding: 0;
}
.privacy_page .personal_data_cnt ol li {
	list-style-type: decimal;
	line-height: 24px;
	margin-top: 30px;
}

.privacy_page .personal_data_cnt ol li ul li{
	list-style-type: disc;
	margin: 0 0 0 2em;
}

.privacy_page .personal_data_cnt ol li ol li{
	list-style-type: decimal;
	margin: 0;
}

@media screen and (max-width:480px) {
	.privacy_page .personal_data_cnt ol li, .privacy_page .personal_data_cnt p {
		line-height: 140%;
	}
	.privacy_page .personal_data_cnt ol li {
		margin-top: 7%;
	}
}

.enactment{
	text-align: right;
	margin-bottom: 24px;
}



.bg_cl03 {
    background: #ecf6f9;
}
.bg_light_gray {
    background: #f4f4f4;
}

.go_contact_btn01{
 margin: 30px 0;
    text-align: center;
}
.go_contact_btn02{
 margin: 0 0 30px;
}

/* btn--orange */
a.btn--orange {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #ff9900;
    border-bottom: 5px solid #b56d00;
    border-radius: 4px;
    text-decoration: none;
    padding: 15px 20px 10px 20px;
    /*margin-bottom: 10px;*/
    white-space: pre-wrap;
    position: relative;
    line-height: 1.5;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #ff9900;
  border-bottom: 2px solid #b56d00;
}
@media print, screen and (min-width: 768px) {
a.btn--orange {
    font-size: 30px;
}
}

/* list_basic */
.list_basic li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 16px;
    font-size:14px!important;
    text-align: left;
    line-height: 1.5;
}
.list_basic li:last-child {
  margin-bottom: 0;
}
.list_basic li::before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background: #003da6;
}
.list_basic {
    text-align: left;
}
@media print, screen and (min-width: 768px) {
.list_basic li {
    font-size:16px!important;
}
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}


/*****************************************************************************

PCキッティングサービス

*****************************************************************************/
/*------------------------------------------------------------common*/
.kitting .section_inner {
    max-width: 1140px;
}
.kitting .img-fluid {
  max-width: 100%;
  height: auto;
}
.kitting .margin_b15 {
    margin-bottom: 15px;
}

.kitting .tit02 {
    margin-bottom: 10px;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
.kitting .tit02 {
    margin-bottom: 15px;
    font-size:24px;
}
}

/* list_disc */
.kitting .list_disc {
    text-align: left;
}
.kitting .list_disc li {
    padding-left: 1.2em;
    position: relative;
}
.kitting .list_disc li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #005bac;
    border-radius: 100%;
    padding-right: .2em;
    position: absolute;
    top: 6px;
    left: 0;
}

/* list_dot */
.kitting .list_dot li {
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.kitting .list_dot li:before {
    content: "・";
    padding-right: .2em;
}
/* title05 */
.kitting .title05 {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 13px;
  margin-bottom: 10px;
  position: relative;
}
.kitting .title05:before {
  content: "";
  width: 5px;
  height: 100%;
  background: #005bac;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
.kitting .title05 {
  font-size: 20px;
}
}


/* 2 */
.kitting .ly_card_2column > div + div, .kitting .ly_card_2column > div + li, .kitting .ly_card_2column > li + div, .kitting .ly_card_2column > li + li {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
.kitting .ly_card_2column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.kitting .ly_card_2column > div, .kitting .ly_card_2column > li {
    width: calc(100% / 2 - 15px);
  }
.kitting .ly_card_2column > div + div, .kitting .ly_card_2column > div + li, .kitting .ly_card_2column > li + div, .kitting .ly_card_2column > li + li {
    margin-top: 0;
  }
.kitting .ly_card_2column > div:nth-child(n+3), .kitting .ly_card_2column > li:nth-child(n+3) {
    margin-top: 30px;
  }
}
/* 3 */
.kitting .ly_card_3column > div + div,
.kitting .ly_card_3column > div + li,
.kitting .ly_card_3column > li + div,
.kitting .ly_card_3column > li + li {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
.kitting .ly_card_3column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.kitting .ly_card_3column::after {
    content: "";
    display: block;
    width: calc(100% / 3 - 15px);
  }
.kitting .ly_card_3column > div,
.kitting .ly_card_3column > li {
    width: calc(100% / 3 - 15px);
  }
.kitting .ly_card_3column > div + div,
.kitting .ly_card_3column > div + li,
.kitting .ly_card_3column > li + div,
.kitting .ly_card_3column > li + li {
    margin-top: 0;
  }
.kitting .ly_card_3column > div:nth-child(n+4),
.kitting .ly_card_3column > li:nth-child(n+4) {
    margin-top: 30px;
  }
}
.kitting .br768{
	display: block;
}
@media print, screen and (min-width:768px) {
.kitting .br768{
        display:none;
    }
}

.kitting p {
    font-size:14px;
}
@media print, screen and (min-width:768px) {
.kitting p {
    font-size:16px;
}
}

.kitting .line01 {
    margin: 20px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
@media print, screen and (min-width:768px) {
.kitting .line01 {
    margin: 30px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
}


/*------------------------------------------------------------pagetitle*/
#pagetitle_kitting {
    height: 350px;
    margin-top: 58px;
    background: url(../kitting/img/kitting_img/title_bg.jpg) center no-repeat;
    background-size: cover;
}

#pagetitle_kitting #titlebox {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
}
#pagetitle_kitting #txtbox{
    text-align: left;
    margin-bottom: 12px;
}
#pagetitle_kitting .titlebox01{
	display: flex;
	align-items: flex-end;
}
#pagetitle_kitting .title_txt01 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #005bac;
    -webkit-text-stroke: 0.1px #FFF;
    text-stroke: 0.1px #FFF;
    line-height: 1.2;
    margin-bottom: 10px;
}
#pagetitle_kitting .title_txt02 {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    -webkit-text-stroke: 0.1px #FFF;
    text-stroke: 0.1px #FFF;
    line-height: 1.5;
}
#pagetitle_kitting .title_txt03{
	font-size: 13px;
	font-weight: bold;
	color: #005bac;
	background: #fce100;
	padding: 5px 10px;
	border-radius: 30px;
	display: inline-block;
}
#pagetitle_kitting #titlebox .btn_box {
    width: auto;
    display: block;
    text-align: left;
    padding: 0;
    margin-top: 10px;
}
#pagetitle_kitting .section_inner p a.btn--orange[target="_blank"]::before {
    content: none;
}
#pagetitle_kitting .iconbox {
  text-align: center;
}
#pagetitle_kitting .iconbox img {
  width: 164px;
  /*max-width: 328px;*/
  margin-right: auto;
  margin-left: auto;
}
#pagetitle_kitting #titlebox .btn_box a.btn--orange {
    color: #fff;
}
@media print,
screen and (min-width:576px) {
#pagetitle_kitting {
    height: 240px;
}
#pagetitle_kitting #titlebox {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
}

@media print,
screen and (min-width:768px) {
#pagetitle_kitting {
        height: 480px;
        margin-top: 70px;
    }

#pagetitle_kitting #txtbox{
        -webkit-transform:translate(0, -50%);
        -moz-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
        -o-transform:translate(0, -50%);
        transform:translate(0, -50%);
        position:absolute;
        top:50%;
    }
#pagetitle_kitting .iconbox{
        -webkit-transform:translate(0, -50%);
        -moz-transform:translate(0, -50%);
        -ms-transform:translate(0, -50%);
        -o-transform:translate(0, -50%);
        transform:translate(0, -50%);
        position:absolute;
        top:50%;
        right: 0;
    }
#pagetitle_kitting .iconbox img {
        width: 328px;
        margin-right: 0;
    }
}

@media print,
screen and (min-width:992px) {
#pagetitle_kitting .title_txt03{
        padding: 8px 20px;
    }
}
@media print, screen and (min-width: 1200px) {
#pagetitle_kitting .title_txt01 {
    font-size: 48px;
    line-height: 1.2;
  }
#pagetitle_kitting .title_txt02 {
    font-size: 20px;
  }
#pagetitle_kitting .title_txt02 span{
  font-size: 28px;
 }
#pagetitle_kitting .title_txt03{
	font-size: 28px;
}
}

/*------------------------------------------------------------content*/
.kitting #bn_area a {
    display: block;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}
.kitting #bn_area a img {
    width: 100%;
    height: auto;
}

/** intro **/
.kitting #intro {}
.kitting #intro .tx_box {}
.kitting #intro .ph_box {
  text-align: center;
}
.kitting #intro p {
  text-align: center;
}
.kitting #intro .ph_box img {
  display: inline-block;
}
.kitting #intro .catch {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #005bac;
}
.kitting #intro .catch span {
  font-size: 0.8em;
  font-weight: bold;
}
.kitting #intro .catch strong {
  font-size: 1.1em;
  font-weight: bold;
}
@media print, screen and (min-width:768px) {
.kitting #intro .cont_area {
        display: flex;
        justify-content: space-between;
    }
.kitting #intro .tx_box {
        width: calc(100% - 300px);
    }
.kitting #intro .ph_box {
        width: 292px;
    }
.kitting #intro .catch {
        font-size: 40px;
        margin-top: 50px;
    }
}
.kitting #task, .kitting .ly_card_3column, .kitting .ly_card_3column p {
    text-align: center;
}
.kitting .ly_card_3column p {
    line-height: 1.5!important;
}
.kitting #task img {
    display: inline-block;
    width: 220px;
    border-radius: 500px;
    margin-bottom: 1em;
}
.kitting #task .tit02 {
  position: relative;
    margin-bottom: 15px;
}
.kitting #task .tit02:before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    color: #ffa200;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media print, screen and (min-width:768px) {
.kitting #task .tit02 {
    margin-bottom: 30px;
}
.kitting #task .tit02:before {
        bottom: -30px;
    }
}

/** service **/
.kitting #service figure {
    margin-bottom: 1em;
}
.kitting #service figure img {
    display: inline-block;
}



/** reason **/
.kitting #reason .ly_card_2column {
    text-align: center;
}
.kitting #reason img {
    margin-bottom: 1em;
    display: inline-block;
}
.kitting #reason p {
  text-align: left;
  }
@media print, screen and (min-width:768px) {
.kitting #reason .tit02 {
    font-size: 26px!important;
  }
}

/** flow **/
.kitting #flow {}
.kitting #flow .flow_box {
  padding: 0 15px;
}
.kitting #flow .flow_box ol {
    list-style: none;
    margin-left: 0;
}
.kitting #flow .flow_box ol > li {
    text-align: center;
}
.kitting #flow .flow_box ol > li:not(:last-child) {
  margin-bottom: 20px;
}
.kitting #flow .flow_box ol li .step {
    text-align: center;
}
.kitting #flow .flow_box ol li .step .num {
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 1.25em;
  font-weight: 400;
  background: #26abd9;
  border-radius: 8px;
  padding: 2px 15px;
  margin-bottom: 20px;
  position: relative;
}
.kitting #flow .flow_box ol li .step .num span {
  font-size: 1.5em;
  font-weight: bold;
}
.kitting #flow .flow_box ol li .step .num:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7px 0 7px;
  border-color: #26acd9 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.kitting #flow .flow_box ol li .cont {}
.kitting #flow .flow_box ol li .cont .tit02 {
    padding-bottom: 10px;
    margin-bottom: 0;
}
.kitting #flow .flow_box ol li .cont .list_basic {
  display: inline-block;
  margin-bottom: 15px;
}
.kitting #flow .flow_box ol li .cont figure img {
  border-radius: 4px;
    display: inline-block;
}
/*#flow .flow_box ol > li:nth-child(3) {
  padding: 15px 0;
  position: relative;
}
#flow .flow_box ol > li:nth-child(3):before {
  content: "";
  width: calc(100% + 30px);
  height: 100%;
  background: #26abd9;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: -15px;
  z-index: -1;
}
#flow .flow_box ol li:nth-child(3) .step .num {
  color: #26abd9;
  background: #fff;
}
#flow .flow_box ol li:nth-child(3) .step .num:before {
  border-color: #fff transparent transparent transparent;
}
#flow .flow_box ol li:nth-child(3) .cont .tit02 {
  color: #fff;
}
#flow .flow_box ol li:nth-child(3) .cont .list_basic {
  color: #fff;
}
#flow .flow_box ol li:nth-child(3) .cont .list_basic li:before {
  background: #fff;
}*/
@media print, screen and (min-width:768px) {
.kitting #flow .flow_box ol > li {
    display: flex;
  }
.kitting #flow .flow_box ol > li:not(:last-child) {
    margin-bottom: 0;
  }
.kitting #flow .flow_box ol li .step {}
.kitting #flow .flow_box ol li .step .num {
    padding: 2px 15px;
    margin-bottom: 0;
  }
.kitting #flow .flow_box ol li .step .num span {
    display: block;
  }
.kitting #flow .flow_box ol li .step .num:before {
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #26acd9;
    position: absolute;
    top: 50%;
    left: auto;
    right: -10px;
    -ms-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
  }
.kitting #flow .flow_box ol li .cont {
    width: 85%;
    display: flex;
    justify-content: space-between;
    border-left: 8px solid #e0e0e0;
    padding-bottom: 20px;
    padding-left: 40px;
    margin-bottom: 0;
    margin-left: 40px;
  }
.kitting #flow .flow_box ol li .cont .txt {
    width: 80%;
    text-align: left;
  }
.kitting #flow .flow_box ol li .cont .tit02 {
    text-align: left;
    padding-bottom: 10px;
    position: relative;
  }
.kitting #flow .flow_box ol li .cont .tit02:before {
    content: "";
    width: 36px;
    height: 1px;
    /*border: 1px dashed #005bac;*/
    background-image: linear-gradient(to right, #005bac, #005bac 4px, transparent 4px, transparent 2px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 38%;
    left: -40px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
.kitting #flow .flow_box ol li .cont .tit02:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #005bac;
    border-radius: 10px;
    position: absolute;
    top: 38%;
    left: -49px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
.kitting #flow .flow_box ol li .cont .list_disc {
    display: inline-block;
    margin-bottom: 0;
  }
.kitting #flow .flow_box ol li .cont figure {
    width: 20%;
  }
.kitting #flow .flow_box ol > li:nth-child(2) .cont {
    padding-bottom: 40px;
  }
.kitting #flow .flow_box ol > li:nth-child(3) {
    padding: 0;
  }
.kitting #flow .flow_box ol li:nth-child(4) .step,
.kitting #flow .flow_box ol > li:nth-child(4) .cont {
    padding-top: 20px;
  }
.kitting #flow .flow_box ol > li:nth-child(3):before {
    width: calc(100% + 30px);
    height: calc(100% + 20px);
    top: -20px;
    left: -15px;
  }
 /* #flow .flow_box ol li:nth-child(3) .step .num:before {
    border-color: transparent transparent transparent #fff;
  }*/
}
@media print, screen and (min-width:992px) {
.kitting #flow .flow_box ol li .cont figure {
    width: 256px;
  }
}


/** fee **/
.kitting #fee ul.price_list {
  margin-bottom: 15px;
}
.kitting #fee ul.price_list > li {
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.kitting #fee ul.price_list li dl {}
.kitting #fee ul.price_list li dl dt {
 padding: 20px 10px;
 background: #26abd9;
 color: #ffffff;
 text-align: center;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
  position: relative;
}
.kitting #fee ul.price_list li dl dt h3 {
 font-size: 22px;
 margin: 0 0 15px;
 font-weight: bold;
}
.kitting #fee ul.price_list li dl dt .comment {
 margin: 0;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
}
.kitting #fee ul.price_list li dl dt .price01 {
    font-size: 24px;
    margin: 0 0 15px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.kitting #fee ul.price_list li dl dt .price01 small {
 font-size: 60%;
  font-weight: 400;
}
.kitting #fee ul.price_list li dl dt .price01:before {
  content: "\f358";
  font-family: "Font Awesome 5 Free";
  color: #fce100;
  font-weight: 900;
  position: absolute;
  bottom: -25px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.kitting #fee ul.price_list li dl dt .price02 {
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}
.kitting #fee ul.price_list li dl dt .price02 small {
 font-size: 70%;
font-weight: bold;
}
.kitting #fee ul.price_list li dl dt .attention {
  display: inline-block;
  color: #C33;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  border-radius: 20px;
  padding: 2px 10px;
  position: absolute;
  bottom: 52px;
  left: calc(50% + 22px);
}
.kitting #fee ul.price_list li dl dd {
   width: 100%;
   padding: 0;
   margin: 0;
   text-align: center;
    font-size: 14px;
 }
.kitting #fee ul.price_list li dl dd .tit02 {
    font-size: 20px!important;
  font-weight: bold;
    margin-bottom: 5px;
}
.kitting #fee ul.price_list li dl dd .channel {
    font-size: 100%;
    padding: 15px 0;
    margin: 10px 0;
 }
.kitting #fee ul.price_list li dl dd ul {
   width: 80%;
   clear: both;
   display: inline-block;
 }
.kitting #fee ul.price_list li dl dd ul li {
    margin: 0 0 5px;
    list-style-type: none;
    clear: both;
    width: 100%;
    text-align: left;
 }
.kitting #fee ul.price_list li dl dd ul li.func_title {
   font-size: 90%;
   margin: 0 0 5px;
   list-style-type: circle;
   font-weight: bold;
 }
.kitting #fee ul.price_list li dl dd a {
   font-weight: bold;
   display: block;
   width: 80%;
   font-size: 100%;
   margin: 0px auto 20px;
   padding: 10px 0;
   text-align: center;
   background: #226EE8;
   color: #ffffff;
   border-radius: 18px;
 }
.kitting #fee ul.price_list li dl dd a:hover {
   background: #ffffff;
   color: #226EE8;
   border: #226EE8 solid 1px;
 }
.kitting #fee ul.price_list li dl dd a.pbx {
   font-weight: normal;
   display: inline;
   width: auto;
   font-size: 100%;
   margin: 0px;
   padding: 0;
   text-align: left;
   background: none;
   color: #000;
   border-radius: none;
   text-decoration: underline;
 }
.kitting #fee ul.price_list li dl dd a.pbx:hover {
   background: none;
   color: #226EE8;
   border: none;
 }
.kitting #fee ul.price_list li dl dd a.middle {
   background: #356599;
 }
.kitting #fee ul.price_list li dl dd a.middle:hover {
   background: #ffffff;
   color: #356599;
   border: #356599 solid 1px;
 }
 @media screen and (min-width:768px) {
.kitting #fee ul.price_list {
    margin-bottom: 30px;
  }
.kitting #fee ul.price_list li dl dt h3 {
 font-size: 26px;
}
.kitting #fee ul.price_list li dl dt .comment {
 font-size: 16px;
}
.kitting #fee ul.price_list li dl dt .price01 {
    font-size: 30px;
}
.kitting #fee ul.price_list li dl dt .price02 {
    font-size: 26px;
}
}

/** price **/
.kitting .price_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}
.kitting .price_table th,
.kitting .price_table td {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 150%;
    padding: 6px 8px;
    border: 1px solid #ccc;
}
.kitting .price_table th {
    text-align: left;
    font-weight: bold;
    background: #cdeafe;
}
.kitting .price_table td {
    background: #fff;
}
.kitting .price_table td.price {
    background: #fbfccd;
    font-weight: bold;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
    .kitting .price_table {
        margin-bottom: 40px;
    }
    .kitting .price_table th,
    .kitting .price_table td {
        display: table-cell;
        vertical-align: top;
        font-size: 16px;
        padding: 20px 20px;
    }
    .kitting .price_table th {
        float: none;
        width: 25%;
    }
  .kitting .price_table td {
    text-align: left;
  }
.kitting .price_table td.price {
        display: table-cell;
        width: 18%;
        text-align: left;
    }
}

/** option **/
.kitting #option .support_box {
    background: #ceebf4;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 30px;
}
.kitting #option .support_box .catch {
    color: #005bac;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.kitting #option .support_box .tit01 {
  margin-bottom: 0;
}
.kitting #option .support_box .tit01:after {
    content: none;
}
.kitting #option .support_box .title_vwarp01 {
  margin: 15px 0;
}
.kitting #option .support_box .title_vwarp01 span {
  font-size: 0.75em;
  font-weight: bold;
}
.kitting #option .support_box .lead {
  font-weight: 500;
}
.kitting #option .support_box .lead span {
  background: linear-gradient(transparent 60%, #fce100 0%);
}
.kitting #option p.tx_left {
    text-align: left;
}
.kitting #option .bn {
    margin-top: 20px;
    text-align: center;
}
.kitting #option .bn a {
    display: inline-block;
}
.kitting #option .bn a img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width:768px) {
  .kitting #option .support_box {
    padding: 30px;
      text-align: center;
  }
.kitting #option .support_box .title_vwarp01 {
  margin: 30px 0;
}
}
/** achieve **/
.kitting .achieve_area {}
.kitting .achieve_area .ly_card_2column > div {
  background: #fff;
  border: 3px solid #26abd9;
  border-radius: 12px;
  padding: 15px;
  margin-top: 20px;
}
.kitting .achieve_area dl {
  text-align: left;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.kitting .achieve_area dl dt {
    font-size:14px;
    font-weight: bold;
    text-align: left;
}
.kitting .achieve_area dl dd, .kitting .achieve_area dl dd ul li {
    font-size:14px;
    text-align: left;
}
@media print, screen and (min-width:768px) {
  .kitting .achieve_area dl dt {
    float: left;
    clear: both;
      font-size:16px;
}
  .kitting .achieve_area dl dd {
    padding: 0 0 0 65px;
      font-size:16px;
  }
  .kitting .achieve_area dl dd ul li {
      font-size:16px;
  }
}

.list_service {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.list_service li {
  width: 49%;
    margin-right: 2%;
  margin-bottom: 15px;
    text-align: center;
  color: #333;
  background: #fff;
}
.list_service li:nth-child(2n) {
    margin-right: 0;
}
.list_service li a {
  display: block;
  height: 100%;
  padding: 15px;
  color: #333;
    text-decoration: none;
  background: #f8f8f8;
}
.bg_light_gray .list_service li a {
  background: #fff;
}
.list_service li h3 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}
.list_service li h3 span {
  display: block;
  margin-bottom: 5px;
    line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
}
.list_service li h3 img {
  width: 100%;
  height: auto;
  max-width: 220px;
}
.list_service li small {
    display: block;
    text-align: left;
    font-size:14px;
    margin-bottom: 10px;
}
.list_service li p {
  display: inline-block;
  padding: 7px 20px;
  line-height: 1.1;
  color: #003da6;
  border: solid 1px #003da6;
  border-radius: 100px;
  transition: all 0.5s;
}
.list_service li a:hover {
opacity: 0.7;
}
.list_service li a:hover p {
  color: #fff;
  background: #003da6;
}
.list_service.dl li p {
  padding: 7px 10px;
}
@media print, screen and (min-width:768px) {
  .list_service li {
    width: 32%;
  }
  .list_service li:nth-child(2n) {
    margin-right: 2%;
  }
  .list_service li:nth-child(3n) {
    margin-right: 0;
  }
  .list_service li a {
    padding: 20px;
  }
  .list_service li h3 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .list_service li h3 span {
    font-size: 20px;
  }
  .list_service li h3.mb {
    margin-bottom: 10px;
    font-size: 20px;
  }
  .list_service li small {
    display: block;
    line-height: 150%;
    margin-bottom: 10px;
  }
  .list_service li h3 img {
    width: 100%;
    height: auto;
    max-width: 240px;
  }
}
@media print, screen and (min-width:992px) {
  .list_service li {
    width: 23.5%;
  }
  .list_service li:nth-child(3n) {
    margin-right: 2%;
  }
  .list_service li:nth-child(4n) {
    margin-right: 0;
  }
}


/*****************************************************************************

miniPC

*****************************************************************************/
/*------------------------------------------------------------common*/
.mini-pc .section_inner {
    max-width: 1140px;
}
.mini-pc .cnt_wrapper img {
    display: inline-block!important;
}
.mini-pc .img-fluid {
  max-width: 100%;
  height: auto;
}
.mini-pc .tit02 {
    margin-bottom: 10px;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
.mini-pc .tit02 {
    margin-bottom: 15px;
    font-size:24px;
}
}

/* 2 */
.mini-pc .ly_card_2column > div + div, .mini-pc .ly_card_2column > div + li, .mini-pc .ly_card_2column > li + div, .mini-pc .ly_card_2column > li + li {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
.mini-pc .ly_card_2column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.mini-pc .ly_card_2column > div, .mini-pc .ly_card_2column > li {
    width: calc(100% / 2 - 15px);
  }
.mini-pc .ly_card_2column > div + div, .mini-pc .ly_card_2column > div + li, .mini-pc .ly_card_2column > li + div, .mini-pc .ly_card_2column > li + li {
    margin-top: 0;
  }
.mini-pc .ly_card_2column > div:nth-child(n+3), .mini-pc .ly_card_2column > li:nth-child(n+3) {
    margin-top: 30px;
  }
}
/* 3 */
.mini-pc .ly_card_3column > div + div,
.mini-pc .ly_card_3column > div + li,
.mini-pc .ly_card_3column > li + div,
.mini-pc .ly_card_3column > li + li {
  margin-top: 16px;
}
@media print, screen and (min-width: 768px) {
.mini-pc .ly_card_3column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
.mini-pc .ly_card_3column::after {

    content: "";
    display: block;
    width: calc(100% / 3 - 15px);
  }
.mini-pc .ly_card_3column > div,
.mini-pc .ly_card_3column > li {
    width: calc(100% / 3 - 15px);
  }
.mini-pc .ly_card_3column > div + div,
.mini-pc .ly_card_3column > div + li,
.mini-pc .ly_card_3column > li + div,
.mini-pc .ly_card_3column > li + li {
    margin-top: 0;
  }
.mini-pc .ly_card_3column > div:nth-child(n+4),
.mini-pc .ly_card_3column > li:nth-child(n+4) {
    margin-top: 30px;
  }
}
.mini-pc .br768{
	display: block;
}
@media print, screen and (min-width:768px) {
.mini-pc .br768{
        display:none;
    }
}

.mini-pc p {
    font-size:14px;
}
@media print, screen and (min-width:768px) {
.mini-pc p {
    font-size:16px;
}
}

.mini-pc .line01 {
    margin: 20px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
@media print, screen and (min-width:768px) {
.mini-pc .line01 {
    margin: 30px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
}


/*------------------------------------------------------------pagetitle*/
#pagetitle_mini-pc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 350px;
    margin-top: 58px;
    padding: 0 15px;
    text-align: center;
    background: url(../mini-pc/img/mini-pc_img/mainimg_bg.jpg) center center no-repeat;
    background-size: cover;
}
#pagetitle_mini-pc .tx_box {
  margin-bottom: 10px;
    text-align: center;
}
#pagetitle_mini-pc .tx_box .movie_mini{
  display: none;
}
#pagetitle_mini-pc h2 {
  font-size:20px;
    font-weight: bold;
    text-align: center;
}
#pagetitle_mini-pc h2 span {
  display: inline-block;
    font-weight: bold;
}
#pagetitle_mini-pc .ph_box {
    text-align: center;
}
#pagetitle_mini-pc img {
  width: 240px;
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 576px) {
  #pagetitle_mini-pc {
    height: 240px;
  }
  #pagetitle_mini-pc .section_inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  #pagetitle_mini-pc {
    height: 480px;
    margin-top: 70px;
  }
  #pagetitle_mini-pc img {
    width: auto;
      max-width: 440px;
  }
  #pagetitle_mini-pc .tx_box .movie_mini{
    width:100%;max-width:460px;margin:0px auto;display: block;
  }
#pagetitle_mini-pc .ph_box img {
  width: 400px;
  max-width: 100%;
  height: auto;
}
}

/*------------------------------------------------------------content*/
/*-------------------------------------------------about*/
.list_realizable li {
    margin-bottom: 30px;
    text-align: left;
}
.list_realizable li h3 {
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.list_realizable li h3 span {
    font-weight: bold;
}
.list_realizable li figure {
    margin-top: 15px;
    text-align: center;
}
.list_realizable li figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width:576px) {
.list_realizable li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list_realizable li:nth-child(2n) {
    flex-direction: row-reverse;
}
.list_realizable li > figure {
    width: 48%;
    margin-top: 0;
}
.list_realizable li div {
    width: 48%;
}
}
@media print, screen and (min-width:768px) {
.list_realizable li {
    margin-bottom: 50px;
    text-align: left;
}
.list_realizable li h3 {
    margin-bottom: 30px;
    font-size: 30px;
}
.list_realizable li figure {
    margin-top: 20px;
    text-align: center;
}
}
@media print, screen and (min-width:992px) {
.list_realizable li h3 {
    margin-bottom: 30px;
    text-align: left;
    font-size: 30px;
}
.list_realizable li p {
    text-align: left;
}
}

/*-------------------------------------------------diagram*/
.mini-pc #diagram {
    text-align: center;
    background: url(../mini-pc/img/mini-pc_img/bg_diagram.png) center no-repeat;
    background-size: cover;
}
.mini-pc #diagram img{
    width: 100%;
    max-width: 960px;
    height: auto;
}

/*-------------------------------------------------repair*/
.mini-pc #repair .fig li {
    margin-bottom: 15px;
    text-align: center;
}
.mini-pc #repair .fig li img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.mini-pc #repair .tx_box p {
    margin-bottom: 10px;
}
@media print, screen and (min-width:576px) {
.mini-pc #repair .fig {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.mini-pc #repair .fig li {
    width: 48%;
    margin: 0 1%;
}
}

/*-------------------------------------------------iot*/
.mini-pc #iot .fig_box figure {
    margin-bottom: 15px;
    text-align: center;
}
.mini-pc #iot .fig_box figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.mini-pc #iot .fig_box div {
    text-align: left;
}
.mini-pc #iot .fig_box div p {
    margin-bottom: 10px;
}
@media print, screen and (min-width:576px) {
.mini-pc #iot .fig_box {
    display: flex;
    justify-content: space-between;
}
.mini-pc #iot .fig_box figure {
    width: 49%;
}
.mini-pc #iot .fig_box div {
    width: 49%;
}
}

/*-------------------------------------------------mtg*/
.mini-pc #mtg .item_container li:first-child {
    margin-bottom: 20px;
}
.mini-pc #mtg .item_container li figure {
    margin-bottom: 15px;
    text-align: center;
}
.mini-pc #mtg .item_container li figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width:576px) {
.mini-pc #mtg .item_container {
    display: flex;
    justify-content: space-between;
}
.mini-pc #mtg .item_container li {
    width: 49%;
}
}

/*-------------------------------------------------function*/
.mini-pc #function .fn_in {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--radius);
  box-sizing: border-box;
  padding: 24px;
  gap: 24px;
}
.mini-pc #function .fn_in figure {
  width: 90%;
  margin: 0 auto;
}
.mini-pc #function .fn_in figure img {
  max-width: 100%;
  height: auto;
}

@media print, screen and (min-width: 992px) {
.mini-pc #function .fn_in {
    flex-direction: row;
    align-items: center;
  }
.mini-pc #function .fn_in figure {
    width: 40%;
  }
.mini-pc #function .fn_in .tx_box {
    width: calc(60% - 24px);
  }
.mini-pc #function .fn_in .tx_box .tit02 {
    text-align: left;
    margin-bottom: 16px;
    font-size: 24px !important;
  }
.mini-pc #function .fn_in .tx_box p {
    text-align: left;
  }
}

/*-------------------------------------------------spec*/
.mini-pc #spec .spec_box figure {
    display: flex;
    justify-content: center;
    align-items: center;
}
.mini-pc #spec .spec_box figure img {
    width: auto;
    max-width: 49%;
    margin: 1%;
}
.mini-pc #spec .spec_box div .sheet_basic {
  width: 100%;
  border-collapse: collapse;
}
.mini-pc #spec .spec_box div .sheet_basic tr th, .mini-pc #spec .spec_box div .sheet_basic tr td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}
.mini-pc #spec .spec_box div .sheet_basic tr th {
  color: #333;
  background: rgba(0, 61, 166, 0.05);
}
.mini-pc #spec .spec_box div .sheet_basic tr td a {
  text-decoration: underline;
}
.mini-pc #spec .spec_box div .sheet_basic tr td a:hover {
  text-decoration: none;
}

/*-------------------------------------------------spec*/
.mini-pc #manual .ly_card_2column li {
    text-align: center;
}
.mini-pc #manual .ly_card_2column a {
    display: inline-block;
}

/*****************************************************************************

MOT-log

*****************************************************************************/
/*------------------------------------------------------------common*/
.mot-log .section_inner {
    max-width: 1140px;
}
.mot-log .cnt_wrapper img {
    display: inline-block!important;
}
.mot-log .img-fluid {
  max-width: 100%;
  height: auto;
}
.mot-log .tit02 {
    margin-bottom: 10px;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
@media print, screen and (min-width: 768px) {
.mot-log .tit02 {
    margin-bottom: 15px;
    font-size:24px;
}
}

.mot-log p {
    font-size:14px;
}
@media print, screen and (min-width:768px) {
.mot-log p {
    font-size:16px;
}
}

@media print, screen and (min-width:992px) {
.mot-log .btn_link {
    display: flex;
    justify-content: center;
}
.mot-log .btn_link li {
    margin: 0 1%;
}
}

.mot-log .line01 {
    margin: 20px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
@media print, screen and (min-width:768px) {
.mot-log .line01 {
    margin: 30px 0;
    height: 0;
    border:none;
    border-top: dotted 1px #888;
}
}


/*------------------------------------------------------------pagetitle*/
#pagetitle_mot-log {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 350px;
    margin-top: 58px;
    padding: 0 15px;
    text-align: center;
    background: url("../mot-log/img/mot-log_img/log_bg.jpg") center center no-repeat;
    background-size: cover;
}
#pagetitle_mot-log .section_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
#pagetitle_mot-log .section_inner .wrapper {
    width: auto!important;
    max-width: 100%;
    background: rgba(0,0,0,0.5);
    display: inline-block;
    padding: 15px;
}
#pagetitle_mot-log .section_inner .wrapper h1{
	color:#fff;
    font-size:18px;
	font-weight:bold;
}
#pagetitle_mot-log .section_inner .wrapper p {
	color: #fff;
	font-weight:bold;
}
#pagetitle_mot-log .section_inner .wrapper p span {
	display: inline-block;
	font-weight:bold;
}
@media print, screen and (min-width: 576px) {
  #pagetitle_mot-log {
    height: 240px;
  }
}
@media print, screen and (min-width: 768px) {
  #pagetitle_mot-log {
    height: 480px;
    margin-top: 70px;
  }
#pagetitle_mot-log .section_inner .wrapper {
    padding: 30px;
}
#pagetitle_mot-log .section_inner .wrapper h1{
    margin-bottom: 15px;
    font-size:36px;
}
#pagetitle_mot-log .section_inner .wrapper p {
    font-size:24px;
}
}

/*------------------------------------------------------------content*/
/*----------------------------------log_intro*/
.mot-log #intro h2{
	margin-bottom: 20px;
    text-align: center;
}
.mot-log #intro img.motlog_logo{
	width:100%;
	max-width:240px;
}
.mot-log #intro dl {
}
.mot-log #intro dl dt{
	margin-bottom: 15px;
	padding: 10px;
	color:#fff;
	background: #003DA6;
	text-align: center;
	font-size: 18px;
    font-weight: bold;
}
.mot-log #intro dl dt span {
	display: inline-block;
    font-weight: bold;
}
.mot-log #intro dl dd ul {
    margin-bottom: 20px;
}
.mot-log #intro dl dd ul.column3 {
    display: flex;
    justify-content: space-between;
}
.mot-log #intro dl dd ul.column3 li {
	width: 32%;
	background: #3399ff;
	padding:10px;
	color:#fff;
	font-size:15px;
    font-weight: bold;
	text-align: left;
}
.mot-log #intro p {
	text-align: left;
    font-size: 14px;
}
.mot-log #intro .link_tx {
	margin-top: 1em;
    line-height: 1.5;
    text-decoration: underline;
}
.mot-log #intro dl dd figure {
	margin: 20px 0;
    text-align: center;
}
.mot-log #intro dl dd figure img {
	width: auto;
    max-width: 100%;
    height: auto;
}
.mot-log #intro dl dd .youtube {
    max-width: 680px;
    margin: 0 auto;
}

@media print, screen and (min-width:768px) {
.mot-log #intro h2{
	margin-bottom: 30px;
}
.mot-log #intro img.motlog_logo{
	max-width:290px;
}
.mot-log #intro dl dt{
	margin-bottom: 20px;
	padding: 10px;
	font-size: 22px;
}
.mot-log #intro dl dd ul {
    margin-bottom: 30px;
}
.mot-log #intro dl dd ul.column3 li {
	padding:20px;
	font-size:18px;
}
.mot-log #intro p {
    font-size: 16px;
}
.mot-log #intro dl dd figure {
	margin: 30px 0;
    text-align: center;
}
.mot-log #intro dl dd figure img {
	width: auto;
    max-width: 100%;
    height: auto;
}
}

/*----------------------------------log_intro*/
.mot-log #visual figure {
    text-align: center;
}
.mot-log #visual figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.mot-log #visual .tx_box {
    margin: 20px 0;
}
@media print, screen and (min-width:768px) {
.mot-log #visual .tx_box {
    margin: 30px 0;
    text-align: center;
}
}

/*----------------------------------benefit*/
.mot-log .list_benefit > li {
	margin-bottom: 15px;
	padding: 15px;
	background: #f8f8f8;
}
.mot-log .list_benefit > li h4 {
	position: relative;
	margin-bottom: 15px;
	line-height: 1.3;
	padding-top: 0.1em;
	padding-left: 2em;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.mot-log .list_benefit > li h4 span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	font-weight: bold;
	color: #003da6;
}
@media print, screen and (min-width:768px) {
.mot-log .list_benefit {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mot-log .list_benefit > li {
	width: 48.5%;
	margin-bottom: 30px;
	padding: 30px;
}
.mot-log .list_benefit > li h4 {
	margin-bottom: 20px;
	padding-top: 0.2em;
	font-size: 24px;
}
.mot-log .list_benefit > li h4 span {
	font-size: 30px;
}
}

/*----------------------------------motlog_f*/
.mot-log #motlog_f ul li {
    margin-bottom: 30px;
    background: #fff;
}
.mot-log #motlog_f ul li figure {
    text-align: center;
}
.mot-log #motlog_f ul li figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.mot-log #motlog_f ul li div {
    padding: 15px;
}
@media print, screen and (min-width:576px) {
.mot-log #motlog_f ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mot-log #motlog_f ul li {
    width: 49%;
    margin-bottom: 40px;
}
}
@media print, screen and (min-width:768px) {
.mot-log #motlog_f ul li div {
    padding: 30px;
}
}

/*----------------------------------case*/
.mot-log #case dl{
	width:100%;
	margin-bottom:30px;
}
.mot-log #case dl dt {
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
	font-size:120%;
	text-align: center;
}
.mot-log #case dl dd {
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
	text-align: left;
}
.mot-log #case dl.before dt{
	background:#0070C0;
	color:#fff;
}
.mot-log #case dl.after dt{
	background:#ED7D31;
	color:#fff;
}
.mot-log #case img {
	width:90%;
	margin:0 5% 10px;
}
.mot-log #case h4{
	color:#ED7D31;
	text-align: center;
	font-size:120%;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
@media print, screen and (min-width:768px) {
.mot-log #case dl {
	display: flex;
	justify-content: space-between;
}
.mot-log #case dl dt {
	width: 28%;
	font-size:150%;
	padding-top:20px;
}
.mot-log #case dl dd {
	width: 68%;
	line-height:200%;
}
.mot-log #case h4{
	font-size:150%;
	margin-top:30px;
	margin-bottom:30px;
}
}

/*----------------------------------function*/
.mot-log #function ul li {
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
}
@media print, screen and (min-width:576px) {
.mot-log #function ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mot-log #function li {
    width: 49%;
}
}
@media print, screen and (min-width:768px) {
.mot-log #function li {
    padding: 30px;
}
}
@media print, screen and (min-width:992px) {
.mot-log #function li {
    width: 32%;
}
}

/*----------------------------------option*/
.mot-log #option ul {
    display: flex;
    justify-content: space-between;
}
.mot-log #option ul li {
    width: 49%;
    padding: 15px;
    background: #f8f8f8;
}
.mot-log #option ul li figure {
    margin-bottom: 15px;
    text-align: center;
}
.mot-log #option ul li figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.mot-log #option .tx_box {
    margin-bottom: 20px;
}
@media print, screen and (min-width:768px) {
.mot-log #option .tx_box {
    margin-bottom: 30px;
    text-align: center;
}
.mot-log #option ul li {
    padding: 30px;
}
}

/*----------------------------------standard*/
.mot-log #standard figure {
    margin-top: 20px;
    text-align: center;
}
.mot-log #standard figure img {
    width: 100%;
    max-width: 980px;
    height: auto;
}
@media print, screen and (min-width:768px) {
.mot-log #standard .tx_box {
    text-align: center;
}
.mot-log #standard figure {
    margin-top: 30px;
}
}


/*----------------------------------network*/
.mot-log #network figure {
    margin-top: 20px;
    text-align: center;
}
.mot-log #network figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width:768px) {
.mot-log #network .tx_box {
    text-align: center;
}
.mot-log #network figure {
    margin-top: 30px;
}
}

/*----------------------------------FAQ*/
/*Accordion*/
.mot-log #accordion .toggle {
	display: none;
}
.mot-log #accordion .Label {
	padding: 1em;
	display: block;
	color: #fff;
    font-size:14px;
	background:#019ac6;
	cursor: pointer;
}
.mot-log #accordion .Label::before{
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.mot-log #accordion .Label,
.mot-log #accordion .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
	text-align:left;
}
.mot-log #accordion .content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.mot-log #accordion .content p {
	text-align:left;
}
.mot-log #accordion .toggle:checked + .Label + .content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.mot-log #accordion .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
@media print, screen and (min-width:768px) {
.mot-log #accordion .Label {
    font-size:16px;
}
}


/*----------------------------------showroom*/
.mot-log #showroom .fig_box figure {
    margin-bottom: 20px;
    text-align: center;
}
.mot-log #showroom .fig_box figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}
@media print, screen and (min-width:576px) {
.mot-log #showroom .fig_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mot-log #showroom .fig_box figure {
    width: 49%;
    margin-bottom: 0;
}
.mot-log #showroom .fig_box div {
    width: 49%
}
}

/*----------------------------------partner/partner.html*/


#partner_sec01{

}
.container{
	max-width: 1140px;
	margin: 0 auto;
	padding: 40px 15px;
}
@media print, screen and (min-width:768px) {
.container{
	padding: 60px 15px;
}
}

#partner_sec01_txtbox p{
	line-height: 2.2;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
@media print, screen and (min-width:768px) {
#partner_sec01_txtbox p{
	font-size: 17px;
	line-height: 3;
}
}
.bg_white{
	background-color: #fff !important;
}
.bg_blue {
     background-image: radial-gradient(rgba(233, 240, 250, 0.6), rgba(168, 202, 240, 0.4));
}
.title01{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #333;
}
@media print, screen and (min-width:768px) {
.title01{
	font-size: 30px;
}
}
.marker {
    background:linear-gradient(transparent 70%, #ff6 70%);
	font-weight: bold;
}
.tx_orange{
	color: #ff6e3a;
	font-weight: bold;
}
.br992{
	display: block;
}
.nobr992{
	display: none;
}
@media print, screen and (min-width:992px) {
.br992{
	display: none;
}
.nobr992{
	display: block;
}
}
.flexbox{
	display: inherit;
    align-items: stretch;
	flex-flow: nowrap;
	width: 100%;
}
.orangebox{
	padding: 15px;
	background: rgb(242,142,38);
    background: linear-gradient(131deg, rgba(242,142,38,1) 0%, rgba(253,100,79,1) 100%);
	width: 100%;
	margin:10px 0;
	border-radius: 15px;
	color: #fff;
}
.orangebox h3{
	font-family: 'Barlow', sans-serif;
	font-size: 23px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px;
}
@media print, screen and (min-width:768px) {
.flexbox{
	display: flex;
}
.orangebox{
	padding: 30px;
	width: 31.3%;
	margin: 1%;
}
.orangebox h3{
	font-size: 26px;
}
}
.orangebox p{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	color: #ff6e3a;
	padding: 15px;
	border-radius: 10px;
	background: #fff;
}
#merit01{
	background: url("../partner/images/partner/sec02_1.jpg") left center no-repeat;
	background-size: cover;
	min-height:322px;
	display: grid;
    place-items:start;
	margin-top: 60px;
}
#merit01 .white_box{
	margin-left: 5%;
	background: #fff;
	padding: 30px;
	margin-top: -30px;
}
@media print, screen and (min-width:768px) {
#merit01{
	background-size: auto;
	min-height:322px;
    place-items: center;
	display: grid;
	margin-top: 30px;
}
#merit01 .white_box{
	margin-left: 40%;
	padding: 30px;
	margin-top: inherit;
}
}
#merit02{
	background: url("../partner/images/partner/sec02_2.jpg") right center no-repeat;
	background-size: cover;
	min-height:322px;
	display: grid;
    place-items: end;
	margin-top: 30px;
	margin-bottom: 110px;
}
#merit02 .white_box{
	margin-right:5%;
	background: #fff;
	padding: 30px;
	margin-bottom: -80px;
}
@media print, screen and (min-width:768px) {
#merit02{
	background-size: auto;
	min-height:322px;
    place-items: center;
	display: grid;
	margin-bottom: inherit;
}
#merit02 .white_box{
	margin-right: 40%;
	padding: 30px;
	margin-bottom: inherit;
}
}
#merit03{
	background: url("../partner/images/partner/sec02_3.jpg") left center no-repeat;
	background-size: cover;
	min-height:322px;
	display: grid;
    place-items: end;
	margin-top: 30px;
}
#merit03 .white_box{
	margin-left: 5%;
	background: #fff;
	padding: 30px;
	margin-bottom: -30px;
}
@media print, screen and (min-width:768px) {
#merit03{
	background-size: auto;
	min-height:322px;
    place-items: center;
	display: grid;
}
#merit03 .white_box{
	margin-left: 40%;
	padding: 30px;
	margin-top: inherit;
	margin-bottom: inherit;
}
}
.white_box h3{
	font-family: 'Barlow', sans-serif;
	font-size: 26px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
	color: #ff6e3a;
}
.white_box p{
	font-size: 15px;
	text-align: left;
	color: #444;
}
.white_box p span{
	font-size: 10px;
	vertical-align: super;
}
.tx_attention{
	font-size: 11px;
	text-align: left;
	width: 100%;
	margin-top: 40px;
}
@media print, screen and (min-width:768px) {
.tx_attention{
	margin-top: 10px;
}
}

#partner_sec03 .title01{
	margin-bottom: 30px;
}
.orangeline_box{
	width: 100%;
	border: 2px solid #ff6e3a;
	border-radius: 15px;
	padding: 30px;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
@media print, screen and (min-width:768px) {
.orangeline_box{
	width: 48%;
	margin: 1%;
}
}
.orangeline_box h3{
	font-size: 18px;
	color: #444;
	margin-top: 15px;
}
.center{
	margin: 0 auto;
}
.floatbox{
	margin-top: 20px;
}
.floatbox img{
	float:none;
	margin-right: auto;
	width: 100%;
	height: auto;
	max-width: 216px;
}
@media print, screen and (min-width:980px) {
.floatbox img{
	float: left;
	margin-right: 15px;
	width: 50%;
	height: auto;
	max-width: 216px;
}
}
.floatbox p{
	text-align: center;
	position:inherit;
	bottom: 30px;
	left: 52%;
	margin-top: 10px;
}
@media print, screen and (min-width:980px) {
.floatbox p{
	left: 52%;
	position: absolute;
	text-align: left;
}
}
@media print, screen and (min-width:1128px) {
.floatbox p{
	left: 50%;
	position: absolute;
	text-align: left;
}
}
.jireibox{
	margin-top: 20px;
}
.jireibox p{
	text-align: center;
	margin-top: 10px;
}
@media print, screen and (min-width:980px) {
.jireibox p{
	text-align: left;
}
}
.jireibox img{
	width: 100%;
	height: auto;
	max-width: 440px;
}

.flexbox2{
	display: grid;
    align-items: stretch;
	flex-flow: nowrap;
	width: 100%;
}
@media print, screen and (min-width:768px) {
.flexbox2{
	display: flex;
}
}
#partner_sec04{
	background: url("../partner/images/partner/contact_bg.jpg") right center no-repeat;
	background-size: cover;
	padding: 20px 0;
}
#partner_sec04 p{
	color: #fff;
	font-size: 16px;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.7;
}
@media print, screen and (min-width:768px) {
#partner_sec04 p{
	font-size: 18px;
}
}
#partner_sec04 p span{
	font-weight: bold;
}
#contact_box{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
@media print, screen and (min-width:992px) {
#contact_box{
	width: 56%;
	max-width: auto;
	margin:initial;
}
}
a.btn_18 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 100%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	font-size: 20px;
	border-radius: 10px;
	color: #ff6e3a;
	border: 3px solid #ff6e3a;
	box-shadow: 5px 5px #ff6e3a;
	transition: 0.3s ease-in-out;
	background: #fff;
}
a.btn_18:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #ff6e3a;
}
#patner_telbox{
	background-color:rgba(255,255,255,0.85);
	padding:17px 10px 1px 10px;
	margin-bottom: 20px;
}
#patner_telbox p{
	color:#444;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
#patner_telbox p span{
	color:#ff6e3a;
	font-size: 24px;
	font-weight: bold;
}
.tit_main_partner {
	width: 100%;
	height: 250px;
	background: url("../partner/images/partner/main_bg.jpg");
	background-size: cover;
	background-position: center top;
	margin-top: 58px;
	display: table;
	position: relative;
	z-index: 999;
}
.tit_main_partner span {
	display: table-cell;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 1169px) {
.tit_main_partner {
	width: 100%;
	height: 200px;
}
}

@media screen and (max-width: 580px) {
.tit_main_partner {
	width: 100%;
	height: 150px;
}
.tit_main_partner span {
	font-size: 30px;
}
}