/*
Template:lightning
Theme Name: lightning_child
Theme URI: https://www.rishun-homepage.work/sample2/
Description: catering services sample
Author:Toshiharu Yoshida
Author URI:https://rishuntrading.co.jp/
Version:9.0.7
*/
/************************************************************/
/* The functions for all screensizes						*/
/************************************************************/
/* 自インストールしたWeb fontの追記*/
/* font-family: 'Noto Serif JP', serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');*/
/*font-family: 'Noto Sans JP', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');*/
/* font-family: 'Great Vibes', cursive;*/
/*@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');*/
@font-face{
    font-family: 'Great Vibes';
	src: url("./fonts/GreatVibes-Regular.woff") format("woff"),
	url("./fonts/GreatVibes-Regular.eot") format("eot");
}
:root{
	--main-color: #6495ED;
	--step1-color:#6495ED;
	--step2-color:#4a84f0;
	--step3-color:#226bf3;
	--step4-color:#0358f5;
	--pagination-color:#0358f5;
	--pagination-hvcolor:#226bf3;
	--pagination-bkcolor:#9cbefd;
	--bk-footer-before-bdcolor:#9cbefd;
	--bk-footer-before-hvcolor:#4a84f0;
	--bk-footer-submenu-color:#ceddfa;
	--bk-footer-color:#333;
	--bk-pcftbody-color:#6495ED;
	--pc-footer-font-color:#fff;
	--border-color:#c0c7d9;
	--ribbon-color:#c0c7d9;
	--tophead-size1:60px;
	--hd-left-bt-color:#00c41a;
	--tel-btn-color:#dd640c;
    --flow-dd-bkcolor:rgb(255, 246, 223);
    --flow-bar-color:#4399ee;
    --flow-no-bkcolor:#0077ed;
    --flow-no-oucolor:#4399ee;
	--bk-color:#efffff;
	--pageheader-size:120px;
	--pageheader-size2:164px;
	--pageheader-size3:204px;
	--pageheader-size4:236px;
}
/* default font size change */
html body {
	font-size:100%;
}
/* default font type change*/
body,
p {
/*	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;*/
	font-family: "Noto Sans JP", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;	
	font-weight:400;
	font-size:16px;
}
.mainSection{
	margin:0;
}
/************************************************************/
/* data nothing												*/
/************************************************************/
.nodata{
	display:flex;
	justify-content:center;
}
/************************************************************/
/* <h1> <h2> tag top-border remove only						*/
/************************************************************/
.topborder_remove{
	border-top:0;
}
/************************************************************/
/* font-size 16px for Google search console					*/
/* slide picture title/caption default font-size			*/
/************************************************************/
.slide-text-title{
	font-size:5vw;
}
.slide-text-caption{
	font-size:1em;
}
@media(min-width:576px){
	.slide-text-caption{
		font-size:1em;
	}
}
@media(min-width:768px){
	.slide-text-title{
		font-size:2.5vw;
	}
}
@media(min-width:992px){
	.slide-text-caption{
		font-size:1.3vw;
	}
}
/************************************************************/
/* To right the Mobile Navigation							*/
/************************************************************/
.vk-mobile-nav-menu-btn {
	position:absolute;
	top:8px;
	right:10px;
	left:auto;
	width:45px;
	height:45px;
/*	background: url('./img/org_menu.png') center 50% no-repeat rgba(255,255,255,.8);*/
	background: url('./img/org_menu.png') center center / cover no-repeat;
}
.vk-mobile-nav-menu-btn.position-right {
	right:15px;
}
/************************************************************/
/* font-size 16px for Google search console					*/
/* latest news article default font-size					*/
/************************************************************/
.postList_title{
	font-size:1em !important;
}
/* 3cell <div> screen function (using information categories)				*/
.blk_3cell_main{
	width:80%;
	text-align:center;
	display:block;
}
.blk_3cell_sub{
	width:80%;
	text-align:center;
	display:inline-block;
}
.blk_3cell_sub_c{
	width:40%;
	text-align:center;
	display:inline-block;
}
/* color set*/
.bgcolor_white{background-color:white;}
.bgcolor_paleblue{background-color:#6495ED;}
/* highlight */
.all_headline{
	background-color: rgba( 255, 255, 0, 0.2);
	border-bottom:solid 1px yellow;
	border-radius:3px;
}
/* <p>tag narrow line */
.p_narrow{
	line-height:22px;
}
/* <p>tag narrow line */
.p_narrow_padding{
	display:block;
	line-height:22px;
	border:0;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:20px;
}
/* Common	Side bar contact block											*/
.contact_txt{
	color:#337ab7;
}
/* [side] to change [container] width size, to change the drawer space size	*/
/*.container{					2020/6/17
		max-width:96%;
}*/
/* [footer] to RishunTrading limited information & facebook button			*/
.RT_info-sec{
	background-color:#efffff;
}
.RT_info_main{
	border:0;
	margin:0;
	padding:0;
	display:flex;
	flex-flow:row nowrap;
	width:100%;
}
.RT_info_sub1{
	display:inline-block;
	width:40%;

}
.RT_info_sub1 p{
	line-height:1.4em;
}
.RT_info_sub1-p{
	font-weight:900!important;
}
.RT_info_sub2{
	display:inline-block;
	width:60%;
}
.RT_info_sub2-main{
	border:0;
	margin:0;
	padding:0;
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.RT_info_sub2-sub{
	width:auto;
	display:inline-block;
	margin:0 auto 0 0;
}
.RT_info-jaibo{
	display:flex;
	flex-flow:row nowrap;
	width:100%;
}
.RT_info-img{
	display:inline-block;
	width:70px;
	height:70px;
	background-color:#337ab7;
	border-radius:3px;
	overflow: hidden;
}
.RT_info-img img:hover{
	transform:scale(1.1);
	transition-duration: 0.5s;
}
.RT_info-desc{
	width:calc(100% - 80px);
}
.RT_info-desc p{
	display:block;
	position:relative;
	font-size:12px;
	top:50%;
	transform:translateY(-50%);
}
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
.full-width2 {
    margin: 0 calc(50% - 50vw);
    padding: 0;
}
/****************************************************************************/
/* veu_adminEdit															*/
/****************************************************************************/
.veu_adminEdit{
	display:none;
}
/****************************************************************************/
/* customize Post Setting of Top page										*/
/****************************************************************************/
#wp_widget_vkexunit_pr_blocks-3{
	border:0;
	margin:0;
	padding:0;
}
.cust_main1{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:left;
	background:url('./img/PressRelease.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:5px;
}
.cust_main2{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.cust_sub1{
	display:block;
	border-radius:5px;
	width:100%;
	background-color:transparent;
	margin-bottom:10px;
	padding:10px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:left;
	position:relative;
}
.cust_sub1:before{
	content:'';
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top:0;
	left:0;
}
.cust_sub1>div{
	position:relative;
	z-index:1;
}
.cust_sub2{
	display:block;
	border-radius:5px;
	width:100%;
	background-color:transparent;
	margin-bottom:10px;
	padding:10px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:left;
	position:relative;
}
.cust_sub2:before{
	content:'';
	width:100%;
	height:100%;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top:0;
	left:0;
}
.cust_sub2>div{
	position:relative;
	z-index:1;
}
.cust_sub3{
	display:block;
	border-radius:5px;
	width:100%;
	background-color:transparent;
	margin:10px;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:left;
}
.cust_sub3:before{
	content:' ';
	background-color: rgba(255,255,255,0.5);
}
.cust_sub1 p{
	display:block;
}
.cust_sub2 p{
	display:block;
}
.cust_mainbt{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	display:none;
}
.cust_mainbt li{
	width:100%;
	display:block;
}
/* more than 768px*/
@media (min-width: 768px){
	.cust_main2{
		display:flex;
		flex-flow:row nowrap;
		Width:100%;
	}
	.cust_sub1{
		width:calc(50% - 20px);
		display:inline-block;
		margin:0 auto;
	}
	.cust_sub2{
		width:calc(50% - 20px);
		display:inline-block;
		margin:0 auto;
	}
	.cust_mainbt{
		width:100%;
		display:flex;
		flex-flow:row wrap;
	}
	.cust_mainbt li{
		display:inline-block;
		width:50%;
	}
	.cust_sub1 p{
		display:none;
	}
	.cust_sub2 p{
		display:none;;
	}	
}
/* ページ送り */
.lcp_paginator{
	text-align:center;
}
.lcp_paginator li{
	padding:0;
	margin:0;
	min-width:36px;
	min-height:36px;
	line-height:32px;
	padding-top:2px;
	text-align:center;
	border:none!important;
}
.lcp_paginator>li a{
	display:inline-block;
	min-width:36px;
	min-height:36px;
	color:#1b95e0;
	border:solid 1px #1b95e0;
}
.lcp_paginator>li a:hover{
	text-decoration:none;
	background-color:#1b95e0;
	color:white;
	transition-duration:0.5s;
}
.lcp_currentpage{
	background-color:#2e6da4;
	color:white;
}
/*************/
.lcp_catlist{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
}
.lcp_post{
	border:0;
	padding:0;
	margin:0;
	margin-left:3px;
	margin-right:3px;
	font-size:1em;
	color:black;
}
.lcp_post a{
	color:#333;
	font-weight:700;
}
.lcp_date{
	margin:0;
	margin-left:3px;
	margin-right:3px;
	color:#d44950;
	font-size:0.9em;
}
.lcp_date>span{
	margin-left:15px;
	background:#d44950;
	border-radius:5px;
	overflow:hidden;
	color:#fff;
	padding:0 10px;
}
/****************************************************************************/
/* Press Release Pages Format Setting										*/
/****************************************************************************/
.mainSection header .entry-title{
	font-size:24px;
	line-height:normal;
	margin-top:20px;
	line-height:1.2;
}
h2.entry-title{
	clear:none;
}
.entry-title{/*Title*/
	font-size:1.2em;
	font-family: 'Noto Serif JP', serif;
	background: transparent;
	border:0;
	padding:0;
	margin:0;
/*	box-shadow: 0px 0px 0px 5px var(--main-color);*/
/*	border: dashed 1px #07575B;*/
	line-height:normal;
	height:auto;
	letter-spacing:0;
	font-weight:bold;
	color:#212529;
}
.postList_title{/*List Title*/
	font-size:1em !important;
	line-height:1.1em !important;
	font-weight:normal;
}
.sub_ttl{/*SubTitle*/
	border:0px;
	border-bottom:solid 1px white;
	margin:5px;
	color: #333;
    line-height: 1.4;
    font-size: 17px;
}
.sub_ttl2{/*SubTitle*/
	border:0;
	margin:0 auto;
	padding:20px 0;
	color: #353535;
    line-height: 1.4;
    font-size: 17px;
	font-weight:bold !important;
	text-align:center;
}
.sub_ttl2 a{/*SubTitle*/
	display:inline-block;
	width:200px;
	border:solid var(--main-color) 1px;
	color:var(--main-color);
	text-align:center;
	margin:0 auto;
	padding:8px 0;
	border-radius:5px;
	background:#fff;
}
.sub_ttl2 a:hover{/*SubTitle*/
	transition-duration:0.5s;
	background-color:var(--main-color);
	color:white;
	text-decoration:none;
}
.sub_ttl_span{
	font-weight:bold;
	font-style:italic;
	background: linear-gradient(transparent 60%, #ffff66 60%);	
}
.pressP{/*<p>tag*/
    margin: 0 0 10px;
    font-size:1em;
    line-height:1.6em;
}
.col-sm-12{/* date and Publisher*/
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.tr{/* Publisher is right */
    text-align:right;
}
.tc{/* Publisher is right */
    text-align: center;
}
.sitejump{
	margin:0 0 20px 0;
}
.slider-ctl{
	width:100%;
	margin:0 auto;
}
/* slick slider customize*/
.slick-prev {
	left: 0;
	z-index:9999;
}
.slick-next {
	right: 0;
	z-index:9999;
}
.contents-image{
    margin:0;
    border:0;
    padding:0;
    display:block;
}
.e-pause06-c-sec{
	padding-bottom:1em;	
}
.e-pause06-c-sec p{
	margin:0;
	border:0;
	padding:0;
}
.e-pause06-c-title{
	border-left:solid #1b95e0 3px;
	padding:0 0.5em;
}
.e-pause06-c-tbl{
	margin-left:1em;
	width:auto;
}
.e-pause06-c-tbl th{
	background-color:#dddddd;
	padding:0.5em;
}
.e-pause06-c-tbl td{
	padding:0.5em;
}
@media (min-width: 768px){
	.contents-image img{
		display:block;
		max-width: 35pc !important;
    	padding: 0!important;
    	margin: 10px!important;
		margin-left: auto!important;
		margin-right: auto!important;
		border:solid 1px rgba(0,0,0,0.1);
	}
	.sitejump{
		margin:0 1em 20px 1em;
	}	
}
/****************************************************************************/
/* last update day hidden													*/
/****************************************************************************/
.entry-meta_items{
	display:inline-block;
    color: #d44950;
	font-size:1em;
	line-height:1.2;
	margin-bottom:4px;
/*	display:none;*/
}
.entry-meta_updated{
	display:none;
}
.entry-meta_items_author{
	display:none;
}
/****************************************************************************/
/* Instagram follow button													*/
/****************************************************************************/
.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 3px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 28px;/*高さ 50px->28px*/
  width: 106px;/*幅 190px -> 106px*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 0.8em;/*文字のサイズ 25px -> 14px*/
  line-height: 28px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
  vertical-align:bottom;
/*  transform:translateY(8px);*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 1.2em;/*アイコンサイズ 35px->19px*/
  position: relative;
  top: 2px;/*アイコン位置の微調整*/
}

.insta_btn2 span {
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
/****************************************************************************/
/* Instagram follow button													*/
/****************************************************************************/
.tw-follow-btn {
	display: inline-block;
	vertical-align:bottom;
	text-align:center;
	align-items: center;
	width: 106px;
	height: 28px;
	color: #fff;
	font-size: 0.8em;
	text-decoration: none;
	line-height: 28px;
	background-color: #1b95e0;
	border-radius: 3px;
	letter-spacing: normal;
}
.tw-follow-btn:before {
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
}
.tw-follow-btn .fa-twitter{/*アイコン*/
  font-size: 1.2em;/*アイコンサイズ 35px->19px*/
  position: relative;
  top: 2px;/*アイコン位置の微調整*/
}

.tw-follow-btn span {
  display:inline-block;
  position: relative;
  transition: .5s
}
.tw-follow-btn:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/****************************************************************************/
/* Common	To edit jquery.bxslider.css										*/
/****************************************************************************/
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
/*  margin-bottom: 60px;*/
  margin: 0;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
/*  bottom: -30px;  */
  bottom: 10px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
/*  bottom: 0;  */
  bottom:30px;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: 'Caveat', cursive;
/*  font-family: Arial, Helvetica, sans-serif;  */
  display: block;
/*  font-size: 0.85em; */
  font-size: 1.2em;
  padding: 3px;
}
/****************************************************************************/
/* Menu[mission]->Common function											*/
/****************************************************************************/
/* Common <span> title decoration											*/
.contents_title {
		background-color: transparent;
		color: white;
		font-weight: lighter;
		letter-spacing: 10px;
		vertical-align:top;
		text-align: center;
		width: 100%;
		font-size: x-large;
		margin-bottom:0;
		line-height:1;
}
/* Common <p> sub-title decoration											*/
.contents_subtitle{
    vertical-align:top;
    font-size: small;
    letter-spacing: 5px;
    color: white;
    text-align: center;
/*    transform: translateY(-10px);*/
	margin-bottom:8px;
}
.siteContent{	/*コンテンツとヘッダー間の空白を無くす*/
	padding:0;
}
/****************************************************************************/
/* Menu[business]															*/
/****************************************************************************/
.btn_flat_businessdesc {
	width:100%;
	text-align:center;
}
.btn_flat_businessdesc a {
	display: inline-block;
	text-align:center;
	padding: 0.5em 1em;
	text-decoration: none;
	color: var(--main-color);
	border: solid 2px var(--main-color);
	border-radius: 3px;
	transition: .4s;
	z-index:999;
}
.btn_flat_businessdesc a:hover{
	background: var(--main-color);
	color: white;
	text-decoration:none;
}
.btn_question{
	color: white;
	text-decoration:none;
}
.btn_question:hover {
	text-decoration:none;
	background-color:67c5ff;
	color:yellow;
}
@media (min-width: 768px){
	.products_fontset_right .btn_flat_businessdesc a {
		color: white;
	}
}
/****************************************************************************/
/* Menu[mission]->SubMenu[mission]											*/
/****************************************************************************/
/* Common : header banner													*/
.banner_menu{
    display: block;
    position:relative;
    width:100%;
}
/* Common : <ul> To show main image file 									*/
.main_imgBox {
	width:100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 600;
}
/* Common : <li> To show main image file 									*/
.main_img {
	z-index:100;
	border: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 100%;
	height:400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 50s 0s infinite;
	animation: anime 50s 0s infinite;
}
/* Common : <li> To animation 5 main image file								*/
.main_img:nth-of-type(2) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}
.main_img:nth-of-type(3) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}
.main_img:nth-of-type(4) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}
.main_img:nth-of-type(5) {
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}
.main_img:nth-of-type(6) {
-webkit-animation-delay: 50s;
animation-delay: 50s; }
@keyframes anime {
	0% {opacity: 0;}
	10% {opacity: 1;}
	20% {opacity: 1;}
	30% {opacity: 0;transform: scale(1.2) ;}
	100% {opacity: 0;}
}
/* Common : <div> To show catch phrase on image file							*/
.textRevealContainer {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height:80px;
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: x-large; /*adjust according to your need*/
	text-align: center; /*in case you write multiline text*/
	z-index: 700;
}
/* Common : <div> To animate the catch phrase on image file						*/
.textReveal {
	overflow: hidden;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px,
	rgb(255, 255, 255) 2.83487px 0.981584px 0px,
	rgb(255, 255, 255) 2.35766px 1.85511px 0px,
	rgb(255, 255, 255) 1.62091px 2.52441px 0px,
	rgb(255, 255, 255) 0.705713px 2.91581px 0px,
	rgb(255, 255, 255) -0.287171px 2.98622px 0px,
	rgb(255, 255, 255) -1.24844px 2.72789px 0px,
	rgb(255, 255, 255) -2.07227px 2.16926px 0px,
	rgb(255, 255, 255) -2.66798px 1.37182px 0px,
	rgb(255, 255, 255) -2.96998px 0.42336px 0px,
	rgb(255, 255, 255) -2.94502px -0.571704px 0px,
	rgb(255, 255, 255) -2.59586px -1.50383px 0px,
	rgb(255, 255, 255) -1.96093px -2.27041px 0px,
	rgb(255, 255, 255) -1.11013px -2.78704px 0px,
	rgb(255, 255, 255) -0.137119px -2.99686px 0px,
	rgb(255, 255, 255) 0.850987px -2.87677px 0px,
	rgb(255, 255, 255) 1.74541px -2.43999px 0px,
	rgb(255, 255, 255) 2.44769px -1.73459px 0px,
	rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	color: darkorange;
	font-weight: bold;
	animation: textRevealAnim 2s ease 0.5s forwards;
}
.textReveal > div {
	padding: 8px 16px;
	transform: translateX(100%);
	border-left: 2px solid red;
	overflow: hidden;
	animation: textRevealAnim 2s ease 0.5s forwards,
	borderOpacityAnim 2s ease 0.5s forwards;
}
.textReveal > div > div {
	transform: translateX(-100%);
	animation: textRevealAnim 2s ease 0.5s forwards;
}
@keyframes textRevealAnim {
	to {transform: translateX(0);}
}
@keyframes borderOpacityAnim {
	50% {border-left: 2px solid red;}
	100% {border-left: 2px solid transparent;}
}
.textReveal.x50 {transform: translateX(-50%);}
.textReveal.x100 {transform: translateX(-100%);}
.textReveal.zoom > div {transform: translateX(100%) scale(0.5, 0.5);}
.textReveal.rotateY {perspective: 100px; /*adjust according to your need*/ }
.textReveal.rotateY > div {transform: translateX(100%) rotateY(20deg);}
.textReveal.color > div > div {background: linear-gradient(
		to right,
		red,
		red 45%,
		orange 45%,
		orange 55%,
		red 55%,
		red
	);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip:text;
	background-size: 300%;
	animation: textRevealAnim 2s ease 0.5s forwards,
	bgShiftAnim 3s ease 0.5s forwards;
}
@keyframes bgShiftAnim {
	to {background-position: 100%;}
}
/* Common : <div> mission												*/
#mission{
	text-align:center;
    background-color: #6495ED;
}
/* Common : <ul> move the title											*/
.scroll-fade_mission{
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    z-index: 700; 
    width: 300px;
    height: 50px;
    left: 50%;
    margin-left:-150px;
    top: 40px;          /*for animation*/
    opacity: 1;         /*for animation*/
}
/* Common : <ul> challenge/enthusiasm/sincerity block					*/
.main_bar_mission{
    background-color: #6495ED;
    display: block; /* defferent */
    width: 100%;
    margin: 0;
    padding: 0.5em;
    z-index: 800;
    border-bottom : 10px solid white;
}
/* Common : <li> challenge/enthusiasm/sincerity block					*/
    .main_bar_mission li{
        border: 0;
        margin: 0;
        padding:0;
        display: block; /* defferent */
        text-align: center;
        width: 100%;    /* defferent */
        border-bottom : 0;        
    }
/* Common : <div> challenge/enthusiasm/sincerity block					*/
.item_main{
    text-align: center;
    width: 100%;
    height:150px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	align-items: center;
	position:relative;
}
/* Common : <div> challenge round block									*/
.item_text1{
    width: 90px;
    height: 90px;
    background-color:darkorange;
    border-radius: 45px;
    display: inline-block;
    vertical-align: middle;
    font-weight: inherit;
    font-size: medium;
    color:white;
    animation: key1 2s ease-out infinite alternate;
    animation-iteration-count:4;
}
.item_text1 div{
    transform: translateY(35px);
}
/* Common : <div> enthusiasm round block								*/
.item_text2{
    width: 90px;
    height: 90px;
    background-color:rgb(247, 90, 90);
    border-radius: 45px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color:white;
    font-weight: inherit;
    font-size: medium;
    animation: key2 2s ease-out infinite alternate;
    animation-delay:0.5s;
    animation-iteration-count:4;
}
.item_text2 div{
    transform: translateY(35px);
}
/* Common : <div> sincerity round block									*/
.item_text3{
    width: 90px;
    height: 90px;
    background-color:#6495ED;
    border-radius: 45px;
    display: inline-block;
    vertical-align: middle;
    color:white;
    font-weight: inherit;
    font-size: medium;
    animation: key3 2s ease-out infinite alternate;
    animation-delay:1s;
    animation-iteration-count:4;
}
.item_text3 div{
    transform: translateY(35px);
}
/* Common : <div> to move the round block								*/
@keyframes key1{
    0% {
        transform: translateY(0px);
    }
    100%{
        transform: translateY(-30px);
    }
}  
@keyframes key2{
    0% {transform: translateY(0px);}
    100% {transform: translateY(-30px);}
}
@keyframes key3{
    0% {transform: translateY(0px);}
    100% {transform: translateY(-30px);}
}
/* Common : <div> to set left side block								*/
.mission_fontset_left{
    display: block; /* different */
    color: #333333;
    text-align: center;
    font-size: large;
    letter-spacing: 2px;
    line-height: 20px;
    font-weight: inherit;
    width:100%;
/*    transform: translateY(-18px);	*/
}
/* Common : <div> to set right side block								*/
.mission_fontset_right_parent{
    display: inline-block;
	text-align: center;
	padding:1.2em 0;
}
/* Common : <div> to set right side block								*/
.mission_fontset_right{
	display:table;
	margin:0 auto;
    background-color: #6495ED;
    color: white;
    text-align: center;
    font-size: x-large;
    letter-spacing: 8px;
    line-height: 35px;
    font-weight: inherit;
    border-bottom : 0;  /* different */
}
.m_bgcolor_left{background-color:white;}
.m_bgcolor_right{background-color:#6495ED;}
/****************************************************************************/
/* Menu[business]->SubMenu[import business]									*/
/****************************************************************************/
/* subMenu[import business] sub01 category [To begin with]					*/
.importbusiness_header{
	width:100%;
	margin-bottom:40px;
}
.importbusiness_header_img{
	background:url('./img/main01_phone.jpg') center center/cover no-repeat;
	width:100%;
}
.importbusiness_words{
	padding: 15px;
}
.importbusiness_words p{
	color:#fff;
}
.importbusiness-body{
	width:100%;
}
.dl-importbusiness, .dl-importbusiness>dt, .dl-importbusiness>dd{
	margin:0;
	padding:0;
	border:0;
}
.dl-importbusiness{
	margin-bottom:40px;
}
.importbusiness-body p{
	margin:0;
}
.dl-importbusiness>dt{
	margin-bottom:40px;
}
.dl-importbusiness>dd .details-img{
	width:100%;
}
.dl-importbusiness>dd .details-img figure{
	width:100%;
	padding-top:75%;
	position:relative;
	overflow:hidden;
}
.dl-importbusiness>dd .details-img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.dl-importbusiness>dd .details-img figure{
	margin:0;
}
.dl-importbusiness>dd>p{
	background:rgba(245,245,245);
	padding:15px;
	font-size:14px;
}
@media(min-width:768px){
	.importbusiness_words{
		padding:30px;
	}
	.dl-importbusiness{
		display:flex;
		flex-flow:row nowrap;
	}
	.dl-importbusiness>dt{
		display:flex;
		align-items:center;
		width:50%;
		padding:10px;
	}
	.dl-importbusiness>dd{
		display:inline-block;
		width:50%;
		padding:10px;
	}
}
@media(min-width:992px){
	.dl-importbusiness>dt{
		display:flex;
		align-items:center;
		width:60%;
		padding:10px;
	}
	.dl-importbusiness>dd{
		display:inline-block;
		width:40%;
		padding:10px;
	}
}
/* subMenu[import business] sub02 category [product]						*/
#products {
    text-align: center;
    background-color: #6495ED;
}
.main_bar_products{
	background-color: white;
	display: block; /* defferent */
	width: 100%;
	margin: 0;


	padding: 0;
	z-index: 800;
	border-bottom : 10px solid white;
}
	.main_bar_products li{
		border: 0;
		margin: 0;
		padding:0;
		display: block; /* defferent */
		text-align: center;
		width: 100%;    /* defferent */
		border-bottom:0;/* defferent */
    }
.scroll-fade_products{
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	z-index: 700; 
	width: 300px;
	height: 50px;
	left: 50%;
	margin-left:-150px;
	top: 45px;          /*for animation*/
	opacity: 0;         /*for animation*/
}
.products_fontset_left{
	display: block;
	color: black;
	text-align: left;
	font-size: medium;
	font-weight: inherit;
}
.products_fontset_left img{	width: 50%; }
.products_fontset_right{
	display: block;
	color: black;
	text-align: left;
	font-size: small;
	letter-spacing: 2px;
	line-height: 12px;
	font-weight: inherit;
	border: solid 3px #6495ED;
	width:100%;
	border: 0;
	margin: 0;
	padding:0;
}
.products_fontset_right h4{
	margin: 0;
	padding: 0;
	border:0;
	margin-top:10px;
	margin-left:10px;
	padding-left:10px;
	line-height: 20px;
	font-size: large;
	border-left: solid 3px blue;
}
.products_fontset_right_bar{
	border: 0;
	margin: 0;
	padding:0;
	border: solid 3px #6495ED;
	font-size: small;
	letter-spacing: 1px;
	line-height: 10px;
}
.products_fontset_right_details{
	border: 0;
	margin: 5px;
	margin-left:20px;
	padding:0;
	font-size: medium;
	letter-spacing: 2px;
	line-height: 20px;
}
.products_catalog{
	border: 0;
	margin: 0 auto;
	padding:0;
	font-size: small;
	letter-spacing: 2px;
	line-height: 12px;
	font-weight: inherit;
	background-color: white;
}
.products_catalog_li{
	display: inline-block;
	width:45%;
	vertical-align: top;
	text-align:center;
}
.product_catalog_comment{
	text-align:left;
}
.products_pict{
	border: 0;
	margin: 5px;
	padding:0;
	text-align: center;
}
.products_pict li img{ width:99%; }
.moviechange{
	padding: 0;
	border: 0;
	margin: 0;
	width:100%;
	margin:0;
	text-align:center;
}
.moviechange img{
	padding: 0;
	border: 0;
	margin: 0;
	width:15%;
	cursor: pointer;
}
/* subMenu[import business] sub03 category [new]						*/
#news{
	text-align:center;
    background-color: #6495ED;
}
.main_bar_news{
    background-color: #6495ED;
    display: block; /* defferent */
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 800;
    border-bottom : 10px solid white;
}
    .main_bar_news li{
        border: 0;
        margin: 0;
        padding:0;
        display: block; /* defferent */
        text-align: center;
        width: 100%;    /* defferent */
        border-bottom : 0;
    }
	.bgcolor_change_news_left{
		background-color:#6495ED;
	}
	.bgcolor_change_news_right{
		background-color:white;
	}
.scroll-fade_news{
    margin: 0;
    padding: 0;
    border: 0;
/* 2020/04/02 change for new line
	position: relative;
    z-index: 700; 
	width: 500px;
    height: 50px;
    left: 40%;
    margin-left:-150px;
    top: 40px;
	color:white;
*/
}
.news_fontset_left{
    display: block;     /* different */
    background-color: white;
    color: black;
    text-align: center;
    width:100%;         /* different */
    padding: 0;
    border: 0;
    margin: 0;
}
.news_fontset_left img{
    width:100%;         /* different */
}
.news_fontset_right{
    display: block;     /* different */
    background-color:transparent;    /* different */
    color:black;
    text-align: left;
    font-size: medium;
    line-height: 20px;
    font-weight: inherit;
    border: solid 3px #6495ED;
}
    .news_fontset_right_title{
        padding: 0;
        border: 0;
        margin: 0;
        border-left: solid 3px blue;
        margin-top:10px;
        margin-left:10px;
        margin-right:10px;
        padding-left: 10px;
        line-height: 20px;
        font-size: large;
        font-weight:bold;
        color: #333333;
    }
    .news_fontset_right_detail{
        padding: 0;
        border: 0;
        margin: 0;
        margin-top:5px;
        margin-left:8px;
        margin-right:10px;
        padding-left: 10px;
        line-height: 20px;
        color: #333333;
        font-size: medium;
        transform: translateX(5px);
    }
/* 2020/02/08 additional*/
.wrap{
    width:95%;
    padding: 0;
    border: 0;
    margin: 0;
    text-align:center;
}
.mainImage{
	width:100%;
	overflow:hidden;
}
.mainImage img:hover{
	transform:scale(1.2);
	transition-duration: 0.5s;
}
.thumbnails{
    padding: 0;
    border: 0;
    margin: 0;
    width:100%;
    margin:0;
}
.thumbnails img{
    padding: 0;
    border: 0;
    margin: 0;
    width:12%;
}
/* 2020/05/16 additional*/
.wrap2{
    width:95%;
    padding: 0;
    border: 0;
    margin: 0;
    text-align:center;
}
.mainImage2 img{
    width:100%;
    padding: 0;
    border: 0;
    margin: 0;
    text-align:center;
}
.thumbnails2{
    padding: 0;
    border: 0;
    margin: 0;
    width:100%;
    margin:0;
}
.thumbnails2 img{
    padding: 0;
    border: 0;
    margin: 0;
    width:12%;
}
/* subMenu[website business] sub01 category [To begin with]					*/
.createhomepage_header{
	position:relative;
	display:inline-block;
	width:100%;
	height:450px;
    z-index:10;
}
.createhomepage_header_img{
	background:url('./img/main02_phone.jpg');
	background-repeat:	no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
.createhomepage_words{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	max-height:100%;
	padding:15px;
	text-align:left;
	vertical-align:middle;
	line-height:25px;
    z-index:20;
	color:white;
}
/* subMenu[website business] sub02 category [homepage design&development]	*/
.hpmake_main{
	text-align:center;
	display:block;
	width:100%;
}
.hpmake_main_c1{
	text-align:left;
	display:block;
	width:100%;
}
.hpmake_main_c2{
	text-align:center;
	display:block;
	width:100%;
}
.hpmake_main_c3{
	text-align:center;
	display:block;
	width:100%;
}
.hpmake_str_1{
	margin:0;
	font-size:x-large;
	font-weight:500;
	text-shadow: 3px 3px 0 rgba(0,0,0,.1);
	line-height:50px;
	color:black;
}
.hpmake_str_2{
	margin:0;
	font-size:large;
	font-weight:500;
	line-height:45px;
	color:black;
	text-shadow: 3px 3px 0 rgba(0,0,0,.1);
}
.hpmake_str_3{
	margin:0;
	font-size:xx-large;
	font-weight:500;
	line-height:65px;
	text-shadow: 3px 3px 0 rgba(0,0,0,.1);
	color:red;
}
.hpmake_str_4{
	margin:0;
	font-size:large;
	font-weight:bold;
	color:red;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}
/* 2020/04/15 addition start */
.hpmake_headline0{
	margin:3px;
	border:0;
	padding: 5px 0 5px 8px;
	border-left:solid 5px blue;
	line-height:normal;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:large;
	color:#444444;
	background-color:#e6f2ff;
}
.hpmake_headline0:after{
	content:"";
	border-bottom:0;
}
.hpmake_headline1{
	margin:3px;
	border:0;
/*	padding: 0 0 10px 8px;*/
	padding: 5px 0 5px 5px;
	border-left:solid 5px blue;
	line-height:normal;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:large;
	color:#444444;
	background-color:transparent;
}
.hpmake_headline1:after{
	content:"";
	border-bottom:0;	
}
/* 2020/04/15 addition end */
.hpmake_headline{
	margin:3px;
	border:0;
	padding:0;
	padding-left:10px;
	border-left:solid 5px var(--main-color);
	line-height:16px;
	letter-spacing:3px;
	font-weight:bold;
	font-size:large;
	color:#444444;
	margin-block-start:0px;
	margin-block-end:0px;
	margin-bottom:20px;
}
.hpmake_headline:after{
	border-bottom:0;	
}
.hpmake_headline2{
	margin:0;
	border:0;
	padding:0;
	line-height:16px;
	letter-spacing:3px;
	font-weight:bold;
	font-size:medium;
	color:#EE0000;
	vertical-align:bottom;
}
.hpmake_vertical_align{
	vertical-align:-30%;
}
.hpmake_work_table{
	width:100%;
}
.hpmake_work_td1{
	padding:5px;
	width:70%;
	background-color:#EEEEEE;
	font-size:small;
	letter-spacing:3px;
}
.hpmake_work_td2{
	padding:5px;
	width:20%;
	background-color:white;
	text-align:right;
	font-size:small;
	letter-spacing:3px;
}
.hpmake_work_work_task{
	padding:5px;
	background-color:white;
}
.hpmake_work_bgcolor{
	background-color:#CCCCCC;
}
.hpmake_work_bgcolor_palegrey{
	background-color:#EEEEEE;
}
.hpmake_work_fontcenter{
	text-align:center;
}
.hpmake_work_desc{
	display:block;
	border:0;
	margin:0;
	padding-top:10px;
	padding-left:20px;
}
.hpmake_salespoint_table{
	width:100%;
	border-top: 1px solid rgba(0,0,0,.05);
}
.hpmake_salespoint_cell_1{
	border:0;
	margin:0;
	padding:5px;
	font-size:small;
	border-top: 1px solid rgba(0,0,0,.05);
}
.hpmake_salespoint_cell_2{
	border:0;
	margin:0;
	padding:5px;
	font-size:small;
	border-top: 1px solid rgba(0,0,0,.05);
}
.hpmake_salespoint_cell_3{
	border:0;
	margin:0;
	padding:5px;
	font-size:small;
	border-top: 1px solid rgba(0,0,0,.05);
}
.hpmake_salespoint_fontcolor{
	color:red;
}
.hpmake_salespoint_fontbold{
	font-weight:bold
}
.hpmake_work_mag{
	font-size:small;
}
/* subMenu[website business] sub03 category [ITservice development]			*/
.opendata_header{
	position:relative;
	display:inline-block;
	width:100%;
	height:450px;
    z-index:10;
}
.opendata_header_img{
	background:url('./img/main03.jpg');
	background-repeat:	no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
.opendata_words{
	position:absolute;
	top:0;
	left:0;
	max-width:100%;
	max-height:100%;
	padding:70px;
	text-align:left;
	vertical-align:middle;
	line-height:25px;
    z-index:20;
	color:white;
}
/* 2020/08/24 caroucel process addition */
.carousel-inner{
	width:100%;
}
.epuase-productname{
	margin:0;
	padding:0;
	border:0;
	font-size:1.2em;
	line-height:1.2em;
	background-color:rgba(255,255,255,0.5);
	color:black;
	text-decoration: #427eff underline;
	display:inline-block;
	border-radius:5px;
	padding:0.2em;
}
.epuase-desc{
	margin:0;
	padding:0;
	border:0;
	font-size:0.9em;
	line-height:1.2em;
	background-color:rgba(255,255,255,0.5);
	color:black;
	display:inline-block;
	border-radius:5px;
	padding:0.2em;
	width:100%;
	text-align:left;
}
@media (min-width: 768px){
	.epuase-productname{
		font-size:1.5em;
	}
	.epuase-desc{
		font-size:1.1em;
	}
}
/************************************************************/
/* Common	Header background color							*/
/************************************************************/
.siteHeader{
	width:100%;
	height:110px;
	min-height:auto;
	display:block;
	top:auto;
	box-shadow:none;
}
.site-header-wrap{
	width:100%;
	height:110px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
	background:url('./img/cloud_for_header.jpg') center center / cover no-repeat;
}
.siteHeader .container{
	height:100%;
	padding:0;
	position:relative;
}
.siteHeadContainer .navbar-header{
	height:60px;
	text-align:center;
}
/* 2022/4/7 addition start */
.contact-btn{
	display: block;	
	width:100vw;
	margin: 0 calc(50% - 50vw);	
	height:50px;
}
.contact-btn>div {
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
}
.contact-btn>div>a {
    display: flex;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
    font-size: 14px;
    transition: all 0.3s;
    color: #fff;
}
.linelink {
    background: var(--hd-left-bt-color);
}
.maillink{
    background: var(--main-color);
}
.contact-btn>div>a>i {
    font-size: 28px;
    margin-right: 10px;
}
.contact-btn>div>a:hover {
	text-decoration:none;
	color:#fff;
	filter:brightness(1.1);
}
/* 2022/4/7 addition end */
.navbar-brand{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;
}
.navbar-brand a{
	display:block;
	width:100%;
	height:100%;
}
.navbar-brand>a span{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
}
.siteHeader_logo img {
    max-height: 55px;
    display: block;
	width:auto;
}
/* original header */
.header_logo_neighbor{
	display:none;
}
@media (min-width: 576px){
	.siteHeader .container{
		height:60px;
		padding-left:0;
		padding-right:0;
	}
	.navbar-header{
		display:flex;
		flex-flow:row nowrap;
		width:100%;
	}
	.navbar-brand.siteHeader_logo{
		display:flex;
		justify-content:flex-start;
		width:100%;
	}
	.header_logo_neighbor{
		display:block;
		position:absolute;
		top:50%;
		right:60px;
		transform:translateY(-50%);
	}
	.siteHeader_logo img {
		width:100%;
		height:100%;
		object-fit:contain;
		object-position:left center;
	}
	.RishunTrading_Tel{
		display:inline-block;
		width:auto;
		font-size:12px;
		line-height:1.2;
		margin-top:5px;
	}
	.RishunTrading_Tel_Call{
		font-weight:bold;
	}
	.RishunTrading_Tel_Call a{
		font-size:24px;
		pointer-events:none;
	}
	.btn_question{
		font-size:14px;
	}
}
@media (min-width: 768px){
	.header_logo_neighbor{
		right:50px;
	}
}
@media (min-width: 992px){
	.siteHeader{
		height:125px;
	}
	.site-header-wrap{
		height:125px;
	}
	.siteHeader .container{
		display:grid;
		grid-template: 60px 62px / 4fr 1fr 1fr;
	}
	.siteHeadContainer .navbar-header{
		grid-row:1/2;
		grid-column:1/2;
		width:100%;
		height:100%;
	}
	.navbar-brand.siteHeader_logo{
		width:50%;
	}
	.header_logo_neighbor{
		display:flex;
		position:relative;
		width:50%;
		right:auto;
		top:auto;
		transform:none;
		justify-content:flex-end;
	}
	.RishunTrading_Tel{
		margin-top:10px;
		margin-right:20px;
	}
	.contact-btn{
		grid-row:1/2;
		grid-column:2/4;
		width:100%;
		height:100%;
		margin:0;
	}
	.contact-btn>div{
		padding:10px 0 5px 0;
	}
	.contact-btn>div>a{
		width:48%;
		margin:0 1%;
		border-radius:10px;
	}
}
/****************************************************************************/
/*	scrolled																*/
/****************************************************************************/
.scrolled .site-header-wrap{
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
.scrolled .vk-mobile-nav-menu-btn.position-right {
	position:fixed;
	top:8px;
	right:15px;
}
@media (min-width: 992px) {
	.header_scrolled .gMenu_outer{
		clear: both;
		z-index: 1;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		min-height: unset;
		background-color: transparent;
		box-shadow: none;
	}
	.header_scrolled .gMenu_outer nav {
		display: block;
		width: 100%;
		margin:0;
		padding:0;
	}
	.header_scrolled .gMenu {
		float: none;
		display: table;
		margin:0 auto;
	}
	.header_scrolled .gMenu>li {
		width: auto;
		border-left: none;
	}
	.header_scrolled .gMenu>li:last-child{
		border:none;
	}
}
/************************************************************/
/* Display size is more than [992px]						*/
/************************************************************/
@media (min-width: 992px) {
	.gMenu_outer{
		grid-row:2/3;
		grid-column:1/4;
		position:relative;
		top:0;
		left:0;
		transition:none;
	}
	ul.gMenu {
		clear: both;
		float: none;
		display:table;
		margin:0 auto;
	}
	ul.gMenu li{
		display:inline-block;		
	}
	ul.sub-menu li{
		width:100%;
	}
	ul.gMenu>li>a:hover{
		transition-duration:1s;
/*		background:rgba(100,149,237,0.8);*/
/*		color:white;*/
		background:rgba(255,255,255,0.8);
	}
	.gMenu li li {
		background-color: black;
	}
	.gMenu>li>ul.sub-menu{
		width:250px;
	}
}
@media (min-width: 1200px) {
	.gMenu_outer{
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}
/****************************************************************************/
/* Common	footer :To Show the copyright displa							*/
/****************************************************************************/
.siteFooter{
	background-color:var(--bk-footer-color);
}
.copyright_disp{
	margin:0;
	padding:0;
	border:0;
	font-size:small;
}
/*
.col-md-4{
		text-align:center;
}
*/
.entry-footer{
	display:none;	
}
.vk_posts{
	display:none;
}
.copySection{
	padding-top:20px;
	padding-bottom:100px;
}
.copySection p{
	color:#fff;
}
.copySection p:last-of-type{
    display:none;
}
/****************************************************************************/
/* Common	footer To edit the company information of footer				*/
/****************************************************************************/
.footer_company_main{
		width:100%;
		display:block;
		background-color:white;
}
.footer_company_address{
		display:block;	
		width:350px;
}
.footer_company_telno{
		margin:0;
		padding:10px;
		border:0;
		display:block;
		background:linear-gradient(to left, #0033FF, #0000CC);
		color:white;
		border-radius:10px;
		width:400px;
}
.footer_company_telno_tel_big{
	font-size:large;
	font-weight:bold;
}
.footer_company_telno_businesstime{
	margin:0;
	padding:5px;
	border:0;
	background:linear-gradient(to left, #FF99FF, #FF6600);
	border-radius:5px;
}
.footer_company_other{
		display:block;
		width:auto;
}
/****************************************/
/* announcement solid page customize	*/
/****************************************/
.lcp_catlist2{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
}
.lcp_catlist2>li{
	display:flex;
	width:100%;
	flex-flow:row nowrap;
}
.lcp_catlist2>li div:first-of-type{
	display:inline-block;
	width:110px;
}
.lcp_post2{
	border:0;
	padding:0;
	margin:0;
	display:inline-block;
	width: calc(100% - 110px);
	font-size:1em;
	color:black;
	padding:5px;
}
.lcp_catlist2>li div:first-of-type a{
	display:block;
	width:100%;
	padding-top:100%;
	position:relative;
	border:solid 1px var(--border-color);
	overflow:hidden;
}
.lcp_catlist2>li div:first-of-type a img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.lcp_catlist2>li div:first-of-type a img:hover{
	transform:scale(1.1);
	transition-duration: 0.3s;
}
.lcp_post2 a{
	display:block;
}
.lcp_date2{
	display:inline-block;
	width:calc(100% - 110px);
	margin:0;
	color:#d44950;
	font-size:0.9em;
}
/****************************************/
/* pressrelease							*/
/****************************************/
.type-pressrelease .media-left{
	display:inline-block;
	width:100px;
}
.type-pressrelease .media-body{
	display:inline-block;
	width:calc(100% - 100px);
}
.type-info .media-left{
	display:inline-block;
	width:100px;
}
.type-info .media-body{
	display:inline-block;
	width:calc(100% - 100px);
}
.type-blog .media-left{
	display:inline-block;
	width:100px;
}
.type-blog .media-body{
	display:inline-block;
	width:calc(100% - 100px);
}
.media .postList_thumbnail{
	padding-right:10px;
}
.media .postList_thumbnail a{
	display:block;
	position:relative;
	width:100%;
	padding-top:100%;
	overflow:hidden;
}
.media .postList_thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.media .postList_thumbnail img:hover{
	transform:scale(1.1);
	transition-duration:0.3s;
}
.media .media-body .media-heading a:hover{
	text-decoration:underline;	
}
.entry-meta{
	position:relative;
	margin-bottom:0;
}
/* no use 2022/4/4 */
.blog_items_term{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}
.blog_items_term .btn-primary{
	width:90px;
	white-space:nowrap;
	text-align:center;
	padding:8px 0;
}
.ul-taglist{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.ul-taglist>li{
	display:inline-block;
	margin:0 8px 8px 0;
}
.ul-taglist>li>a{
	padding:4px 8px;
	border:1px solid var(--main-color);
	color:var(--main-color);
	border-radius:5px;
	font-size:12px;
	line-height:1;
	font-weight:500;
	transition:all 0.3s;
}
.ul-taglist>li>a:hover{
	background:var(--main-color);
	color:#fff;
	text-decoration:none;
}
@media(min-width:768px){
	.type-pressrelease .media-left{
		display:inline-block;
		width:120px;
	}
	.type-pressrelease .media-body{
		display:inline-block;
		width:calc(100% - 120px);
	}
	.blog_items_term .btn-primary{
		width:120px;
		white-space:nowrap;
		text-align:center;
		padding:8px 0;
	}
}
/****************************************/
/* announcement solid page customize	*/
/****************************************/
/* (for PC/Tablet) */
.lcp_list3{
	background-color:white;
	box-shadow: 2px 2px 4px #627295;
	margin:0 0 0 10px;
}
.lcp_list3:hover{opacity:0.8;}

.lcp_catlist3{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	width:100%;
}
.lcp_catlist3 li{
	list-style: none;
	display:inline-block;
	text-align:center;
	width:33%;
}
.lcp_date3{
	display:none;
}
.lcp_post3{
	text-align:center;
}
.lcp_post3 a{
	font-weight:bold;	
}
.lcp_excerpt3{
	text-indent:1em;
	text-align:left;
	margin:5px;
}
.lcp_img3{
	width:100%;	
}
.lcp_img3 img{
	width:150px;
	height:150px;
}
/* (for Smartphone) */
@media (max-width: 457.98px){
	.lcp_catlist3{
		display:block;
	}
	.lcp_catlist3 li{
		display:block;
		width:100%;
	}
}
/********************************/
/* usecase page	customize		*/
/********************************/
/* solid page (news)*/
.news-data{
	width:100%;
	display:block;
}
/* (for Smartphone) */
.lcp_news_ul{
	display:flex;
	flex-flow:row wrap;
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.lcp_news_ul li{
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
}
/* main block */
.lcp_news_ul a{
	display:flex;
	flex-flow:row nowrap;
	width:100%;
	background-color:white;
	box-shadow: 2px 2px 4px #627295;
	border-bottom: solid 4px #627295;
	border-radius: 5px;
	overflow:hidden;
}
.lcp_news_ul a:hover{
	text-decoration:none;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
	transition-duration:0.5s;
	filter:brightness(1.2);
}
/* block 1 */
.lcp_news_img{
	width:40%;
	display:inline-block;
	position:relative;
}
.lcp_news_img figure{
	margin:0;
	display:block;
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden;
}
.lcp_news_img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:top center;
	position:absolute;
	top:0;
	left:0;
}
/* block 2 */
.lcp_news_desc{
	width:60%;
	display:inline-block;
	padding:10px;
}
.lcp_news_date{
	text-align:right;
	font-size:14px;
	color:#d44950;
	text-align:left;
}
.lcp_news_post{
	text-align:left;
	min-height:80px;
	border:0;
	margin:0;
	padding:0;
}
.lcp_news_post:after{
	border:0;
}
.lcp_news_post p{
	margin:0px 3px 0px 3px;
	line-height:1.5;
/*	font-size:16px; */
	font-size:16px;
	font-weight:700;
	color:#555;
	vertical-align:top;
}
.lcp_news_excerpt{
	text-indent:0.9em;
	text-align:left;
	margin:5px;
	color:#212529;
}
.lcp_news_newlogo{
	display:block;
	position:absolute;
    top:0;
	left:0;
	font-size:0.9em;
	background:#C00000;
	color: #fff;
	border-radius: 3px;
	padding: 2px 8px;
}
.lcp_news_thumbnail{
	width:100%;
}
.lcp_news_thumbnail:hover{
	transform: scale(1.1, 1.1);
	transition-duration: 0.5s;	
}
/* (for PC/Tablet) */
@media (min-width: 576px){
}
@media (min-width: 768px){
	.lcp_news_ul li{
		display:inline-block;
		width:33.333%;
		padding:0 5px;
	}
	.lcp_news_post{
		min-height:85px;
	}
	.lcp_news_ul a{
		display:block;
		width:100%;
	}
	/* block 1 */
	.lcp_news_img{
		width:100%;
		display:block;
		position:relative;
	}
	.lcp_news_img figure{
		width:100%;
		padding-top:80%;
	}
	/* block 2 */
	.lcp_news_desc{
		width:100%;
		display:block;
		padding:10px;
	}	
}
@media (min-width: 992px){
	.lcp_news_ul{
		width:100%;
	}
	.lcp_news_ul li{
		display:inline-block;
		width:20%;
	}
}
/****************************************************************************/
/* Applying to the general homepage design
/****************************************************************************/
/* (for Smartphone) */
.f7-confirm-word{
	display:flex;
	flex-flow:row wrap;
	width:calc(100% - 20px);
	padding:10px;
	background-color:#E4E4E4;
	margin:0 10px 1em 10px;
}
.f7-confirm-word-p{
	width:calc(100% - 20px);
	margin:0 10px 1em 10px;
}
.f7-confirm-word1{
	display:block;
	width:100%;
}
.f7-confirm-word1 p{
	text-indent:-1em;
	margin-left:2em;
	margin-right:1em;
	margin-bottom:0;
}
.f7-confirm-word2{
	display:block;
	width:100%;
}
.f7-confirm-word2 p{
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0;
}
.f7-confirm-word2>p>a>i{
	padding-right:0.5em;
}
@media (min-width: 768px){
	.f7-confirm-word1{
		display:inline-block;
		width:70%;
	}
	.f7-confirm-word1 p{
		text-indent:0;
		margin:0;
	}
	.f7-confirm-word2{
		display:inline-block;
		width:30%;
	}
	.f7-confirm-word2 p{
		margin:0;
	}
}
@media (min-width: 992px){
}
/****************************************************************************/
/* <h> header decoration													*/
/****************************************************************************/
.item_header_decoration1{
	margin:3px 0 20px 0 !important;
	border:0;
	padding: 7px 0 7px 20px;
	border-left:solid 10px #2e6da4;
	line-height:normal;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1.2em;
	color:white;
	background-color:var(--main-color);
}
@media screen and (min-width: 480px){
	.item_header_decoration1{
		font-size:1.5em;
	}
}
.item_header_decoration1:after{
	content:"";
	border-bottom:0;	
}
.item_header_decoration2{
	margin: 3px 0 20px 0;
	border:0;
/*	padding: 0 0 10px 8px;*/
	padding: 13px 0 10px 10px;
	border-left:solid 5px var(--main-color);
	line-height:1;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:20px;
	color:#444444;
	background-color:#e6f2ff;
}
.item_header_decoration2:after{
	content:"";
	border-bottom:0;	
}
@media screen and (min-width: 992px){
	.item_header_decoration2{
		padding: 13px 0 10px 10px;
		font-size:24px;
	}
}
.item_header_decoration3{
	margin: 3px 3px 10px 3px !important;
	border:0;
/*	padding: 0 0 10px 8px;*/
	padding: 5px 0 5px 1em;
	border-left:solid 5px #000066;
	line-height:1.1em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:#444444;
	background-color:transparent;
}
.item_header_decoration3:after{
	content:"";
	border-bottom:0;
}
@media screen and (min-width: 480px){
	.item_header_decoration3{
		font-size:large;
		line-height:normal;
	}
}

.item_header_decoration4{
	margin: 3px 3px 10px 3px !important;
	border:0;
/*	padding: 0 0 10px 8px;*/
	padding: 5px 0 5px 1em;
	line-height:1.1em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:#212529;
	background-color:transparent;
}
.item_header_decoration4:after{
	content:"";
	border-bottom:0;	
}
@media screen and (min-width: 480px){
	.item_header_decoration4{
		line-height:normal;
		font-size:large;
	}
}
/* 丸形 */
.item_header_decoration5{
	margin: 3px 3px 10px 3px;
	color: white;/*文字色*/
	padding: 0 0 0 2em;/*文字周りの余白*/
/*	display: inline-block;おまじない*/
	line-height: 1.2em;/*行高*/
	background:var(--main-color);/*背景色*/
	vertical-align: middle;
	letter-spacing:3px;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	font-size:1em;
	color:white;
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	height:50px;
}
.item_header_decoration5:before{
	content: '●';
	color: white;
	position:absolute;
	top:50%;
	left:10px;
	transform:translateY(-50%);
}
.item_header_decoration5:after{
	content:"";
	border-bottom:0;
}
@media screen and (min-width: 480px){
	.item_header_decoration5{
		font-size:1.2em;
		line-height: 1.2em;/*行高*/
	}
}
/* 吹き出し調 */
.item_header_decoration6{
	margin: 3px 3px 25px 3px !important;
	position: relative;
	padding: 0.6em 0.6em 0.6em 1em;
	background: #2e6da4;
	line-height:1.1em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:#212529;
  } 
  .item_header_decoration6:after {
	position: absolute;
	content: '';
	border-bottom:0;	
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #2e6da4;
	width: 0;
	height: 0;
}
@media screen and (min-width: 480px){
	.item_header_decoration6{
		font-size:large;
		line-height: normal;/*行高*/
	}
}
/* ステッチ風 */
.item_header_decoration7 {
	margin:10px 3px 10px 6px;
	background: var(--main-color);
	box-shadow: 0px 0px 0px 5px var(--main-color);
	border: dashed 1px #2e6da4;
	padding: 0.25em 0.5em 0.2em 1em;
	line-height:1.1em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:white;
}
@media screen and (min-width: 480px){
	.item_header_decoration7{
		font-size:large;
		line-height: normal;/*行高*/
	}
}
.item_header_decoration7:after {
	content:"";
	border-bottom:0;	
}
/* 帯（リボン）風 */
.item_header_decoration8 {
	margin: 3px 3px 25px 3px !important;
	position: relative;
	padding: 0.5em 0.5em 0.5em 1em;
	background: #2e6da4;
	line-height:1.1em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:white;
}
.item_header_decoration8::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}
.item_header_decoration8:after {
	content:"";
	border-bottom:0;	
}
@media screen and (min-width: 480px){
	.item_header_decoration8{
		font-size:large;
		line-height: normal;/*行高*/
	}
}
/* 丸形 */
.item_header_decoration9{
	margin: 3px 3px 10px 3px !important;
	color: white;/*文字色*/
	padding: 0.5em;/*文字周りの余白*/
/*	display: inline-block;おまじない*/
	line-height: 1em;/*行高*/
	background: transparent;/*背景色*/
	vertical-align: middle;
	letter-spacing:3px;
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	font-size:1em;
	color:white;
	text-indent:-1.5em;
	margin-left:1.5em !important;
}
.item_header_decoration9:before{
	content: '■';
	color: yellow;
	margin-right: 8px;
}
.item_header_decoration9:after{
	content:"";
	border-bottom:0;
}
@media screen and (min-width: 480px){
	.item_header_decoration9{
		font-size:1.2em;
		line-height: 1.2em;/*行高*/
	}
}
/* new h1 */
.h1ttlcommon{
	margin:0;
	border:0;
	padding:0;
	text-align:center;
	font-size:24px;
}
.h1ttlcommon::after {
    width: 150px;
    height: 3px;
    background-image: linear-gradient(-225deg, #8fe0ff 0%, #dc98ff 80%);
    position: relative;
    overflow: hidden;
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 40% 40% 40% 40%;
}
/* new h2 */
.h2ttlbar{
	border:none;
	padding:0;
	margin:0;
	font-weight: 600;
	text-align:center;
	position:relative;
	font-size:26px;
}
.h2ttlbar:after{
	border:none;
	width: 150px;
    height: 4px;
/*    background-image: linear-gradient(-225deg, #F3ACBE 30%, #8fe0ff 80%);*/
    background-image: linear-gradient(-225deg, #6495ED 30%, #F3ACBE 80%);
	position: relative;
    overflow: hidden;
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 40% 40% 40% 40%;
}
.h2ttlbar .en{
	display:block;
	font-size:16px;
	color: #543E29;
	margin-bottom:5px;
}
.h2ttlbar .jp{
	display:block;
	font-size:24px;
	color: #333;
}
.h2ttlgenre{
	font-size:24px;
	font-weight:700;
	padding:5px 10px 20px 10px;
	border:0;
	position:relative;
	text-align:center;
	text-shadow:1px 0 1px rgba(255,255,255,0.6),
	0 1px 1px rgba(255,255,255,0.6),
	1px 1px 1px rgba(255,255,255,0.6),
	-1px 0 1px rgba(255,255,255,0.6),
	-1px 1px 1px rgba(255,255,255,0.6),
	0 -1px 1px rgba(255,255,255,0.6),
	-1px -1px 1px rgba(255,255,255,0.6),
	1px -1px 1px rgba(255,255,255,0.6);
}
.h2ttlgenre:before{
	content:'';
	width:60px;
	height:5px;
	background:var(--main-color);
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.h2ttlpoint{
	display:flex;
	width:100%;
	height:var(--h2-header);
	justify-content:flex-start;
	align-items:center;
	font-size:20px;
	font-weight:700;
	margin-bottom:40px;
	border-top:dashed 1px var(--border-color);
	border-bottom:dashed 1px var(--border-color);
	padding-left:20px;
	position:relative;
}
.h2ttlpoint:after{
	content:'';
	width:4px;
	height:70%;
	background:var(--main-color);
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.h3ttlbest{
	border:none;
	padding:0;
	margin:0 0 20px 0;
	font-size:16px;
	font-weight:700;
	color:var(--text-subcolor);
}
.h3ttlbest:after{
	content:none;
}
/* h2ttlline (most popular)*/
.h2ttlline{
	text-align: center;
    margin: 0 auto 10px auto;
    height: auto;
    width: auto;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    line-height: 1.2;
}
.h2ttlline .line_maker{
	display:table;
	margin:0 auto 8px auto;
	color: #333;
    margin-bottom: 8px;
	font-size:22px;
}
.h2ttlline span{
	display:block;
	color: var(--main-color);
    font-size: 14px;
}
/* h3 */
.h3ttlarticles{
	margin: 1.5em 0 1.2em;
    clear: both;
	padding-bottom: 8px;
    position: relative;
	font-size: 20px;
    font-weight: 700;
    border-bottom: dashed 1px var(--main-color);
}
.h3ttlarticles:after{
	content:none;
}
.attention{
    position:relative;
    padding-left:18px;
}
.attention:after{
    content:'※';
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
}
@media (min-width: 768px){
	.h1ttlcommon{
		margin:0;
		border:0;
		padding:0;
		text-align:center;
		font-size:30px;
	}
	.h2ttlbar{
		font-size: 30px;
	}
	.h2ttlbar:before{
		width: 120px;
	}
	.h2ttlbar .jp{
		font-size: 30px;
	}
    .h2ttlgenre{
        font-size:32px;
    }
	.h2ttlpoint{
		font-size:24px;
	}
	.h3ttlbest{
		font-size:18px;
	}
    .h3ttlarticles{
		font-size:24px;
	}	
}
/****************************************************************************/
/* Service contain of the item description									*/
/****************************************************************************/
.item-table-main{
	border:0;
	padding:0px;
	width:calc(100% - 20px);
	border-collapse:collapse;
	margin:0 10px 40px 10px;
}
.item-table-th1{
	border:0;
	margin:0;
	padding:5px;
	width:25%;
	color:#fff;
	background:#2e6da4;
	border-right:solid 1px #2e6da4;
}
.item-table-th1:first-of-type{
	border-left:solid 1px #2e6da4;
}
/* 別? */
.item-table-th2{
	border:0;
	margin:0;
	padding:5px;
	text-align:center;
	width:25%;
	color:#fff;
	background:#2e6da4;
}
.item-table-th3{
	border:0;
	margin:0;
	padding:5px;
	color:#fff;
	background:#2e6da4;
	width:40%;
}
.item-table-td1{
	border:0;
	margin:0;
	padding:5px;
	width:25%;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
.item-table-td1:first-of-type{
	border-left:solid 1px #ddd;
}
/* 別? */
.item-table-td2{
	border:0;
	margin:0;
	padding:5px;
	width:25%;
}
.item-table-td3{
	border:0;
	margin:0;
	padding:5px;
	width:40%;
}
.item-table-tr:nth-child(odd){
	background:#e6f2ff;
}
.txt-left{
	text-align:left;	
}
.txt-center{
	text-align:center;	
}
/****************************************************************************/
/* First Section of the item description									*/
/****************************************************************************/
/* (for PC/Tablet) */
.item-mainsec{
	width:100%;
	display:inline-block;
}
.item-mainsec-td1{
	vertical-align:top;
	width:24%;
	display:inline-block;	
	text-align: center;
}
.item-mainsec-td1 img{
	vertical-align:top;
	border-radius:5px;
	width:80%;
}
.item-mainsec-td2{
	width:70%;
	display:inline-block;
}
/* (for Smartphone) */
@media (max-width: 667px){
	.item-mainsec{
		width:100%;
		display:block;
	}
	.item-mainsec-td1{
		width:100%;
		display:block;	
	}
	.item-mainsec-td2{
		width:100%;
		display:block;
	}	
}
/****************************************************************************/
/* Second Section of the item description									*/
/****************************************************************************/
/* (for PC/Tablet) */
.item-secondsec{
	vertical-align:top;
	width:100%;
	display:inline-block;
}
.item-secondsec-td1{
	vertical-align:top;
	width:29%;
	display:inline-block;
	text-align: center;
}
.item-secondsec-td1 img{
	border-radius:5px;
	vertical-align:top;
	width:50%;
}
.item-secondsec-td2{
	width:69%;
	display:inline-block;
}
/* (for Smartphone) */
@media (max-width: 667px){
	.item-secondsec-td1 img{
		width:80%;
	}
}
/****************************************************************************/
/* Estimate for free 														*/
/****************************************************************************/
.estimate-words{
	padding:1px 3px 1px 3px;
	font-size:small;
	border-radius:3px;
	color:white;
	background-color:#005ab3;
}
/****************************************************************************/
/* Contact Form 7 table format												*/
/****************************************************************************/
/* (for Smartphone) */
.f7-table-main{
	margin:0;
	width:calc(100% - 20px);
	border-spacing: 0;
	border-collapse: collapse;
	word-break: break-all;
	zoom: 1;
	border-top: 1px solid #B3B3B3;
	margin:0 10px 0 10px;
}
.f7-table-th1{
	padding:0.5em;
	border-left: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background: #FDF7E0;
	width:100px;

}
.f7-table-td1{
	padding:0.5em;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	width:calc(100% - 100px);
}
/* head */
.f7-main{
	display:flex;
	width:100%;
	flex-flow:row wrap;
}
.f7-req{
	display:block;
	width:100%;
}
.f7-txt{
	display:block;
	width:100%;
	font-weight:bold!important;
}
/* data */
.f7-name-main{
	display:flex;
	width:100%;
	flex-flow:row wrap;
}
.f7-name-sub1{
	display:block;
	width:100%;
}
.f7-name-sub2{
	display:block;
	width:100%;
}
.contactbr{
	display:block;
}
.nameformat{
	max-width:100%!important;
}
.mailformat{
	max-width:100%!important;
}
.subjectformat{
	max-width:100%!important;
}
.messageformat{
	max-width:100%!important;
}
.f7-font-grey{
	color:grey;
}
/* (for PC/Tablet) */
@media (min-width: 576px){
	.f7-table-th1{
		width:160px;
	}
	.f7-table-td1{
		width:calc(100% - 160px);
	}
	.contactbr{
		display:none;
	}	
}
@media (min-width: 768px){
	.f7-table-th1{
		width:200px;
		padding:1em;
	}
	.f7-table-td1{
		width:calc(100% - 200px);
		padding:1em;
	}
	.f7-req{
		display:inline-block;
		width:30%;
		order:2;
	}
	.f7-txt{
		display:inline-block;
		width:70%;
		order:1;
	}
	.f7-name-sub1{
		display:inline-block;
		width:50%;
	}
	.f7-name-sub2{
		display:inline-block;
		width:50%;
	}
	.nameformat{
		max-width:90%!important;
	}
	.mailformat{
		max-width:95%!important;
	}
	.subjectformat{
		max-width:95%!important;
	}
	.messageformat{
		max-width:95%!important;
	}
}
@media (min-width: 992px){
	.bt-contact{
		margin:0 10px;
		width:calc(100% - 20px);
	}	
}
/************************************************************/
/* Google Form												*/
/************************************************************/
.contactform iframe[src^="https://docs.google.com/forms/d/e"]{
	width:100%;
}
/************************************************************/
/* button													*/
/************************************************************/
.btn-primary{
	display:block;
	width:120px;
	background-color:#007bff;
	border-color:#007bff;
	box-shadow: 0px 3px 0 #555555;
	border-radius: 5px;

	margin:20px 10px 20px auto;
	transition:0.3s;
}
.btn-primary:hover{
	border-color:#007bff;
	background-color:#007bff;
	transform: translate3d(0, 4px, 0);
	box-shadow:none;
}
.wpcf7c-btn-back{
	display:block;
	width:120px;
	border:none;
	color:white;
	background-color:#007bff;
	border-color:#007bff;
	box-shadow: 0px 3px 0 #555555;
	border-radius: 5px;

	padding: .375rem 1.5rem;
	margin:0 auto 0 0;
	transition:0.3s;
}
.wpcf7c-btn-back:hover{
	border-color:#007bff;
	background-color:#007bff;
	transform: translate3d(0, 4px, 0);
	box-shadow:none;
}
.pripol-ch1-sec{
	width:100%;
	text-align:center;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
.pripol-btn{
	display:inline-block;
	background-color:#007bff;
	border-color:#007bff;
	border-bottom: solid 4px #555555!important;
	border-radius: 5px;
	padding:0.5em 4em 0.5em 4em;
	color:white!important;
	transition:0.3s;
}
.pripol-btn:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none!important;
}
/****************************************************************************/
/* To change wpcf7 combobox width											*/
/****************************************************************************/
.wpcf7 select[name="numberofpage"] {
	width: 80%!important;
}
/****************************************************************************/
/* Estimate button decoration of the item description						*/
/****************************************************************************/
/* (for PC/Tablet) */
.item-bt-main{
	vertical-align:top;
	text-align:right;
	width:100%;
}
.item-bt-sub{
 	display: block;
	width:250px;
	height:50px;
	padding: 0.5em 1em;
	text-decoration: none;
	background: var(--main-color);/*button color*/
	color: #FFF;
	border-bottom: solid 4px #627295;
	border-radius: 3px;
	text-align:center;
	margin: 0 0 0 auto;
}
i.item-bt-sub i{text-align:right;}
.item-bt-sub:active{
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none;
}
.item-bt-sub:hover{	opacity:0.8;}
.item-bt-sub a{
	color:white;
}
.item-bt-sub a:hover{
	color:white;
	text-decoration:none;
}
/* (for Smartphone) */
@media (max-width: 667px){
	.item-bt-main{
		text-align:center;
	}
	.item-bt-sub{margin: auto;}
}
/****************************************************************************/
/* Display size is more than [768px]										*/
/*				--------------------										*/
/* 1.Menu[mission]->SubMenu[mission]										*/
/* 2.Menu[be\isiness]->SubMenu[import_bisiness] sub02 "product"				*/
/* 3.Menu[be\isiness]->SubMenu[import_bisiness] sub02 "news"				*/
/****************************************************************************/
@media (min-width: 768px){
/* To show copyright	*/
/*
	.col-md-4{
		margin:0;
		padding:0;
		border:0;
		max-width:100%;
		flex:0 0 auto;
	}
*/
/* footer company information 												*/
	.footer_company_main{
		width:100%;
		display:inline-block;
	}
	.footer_company_address{
		display:inline-block;
	}
	.footer_company_telno{
		display:inline-block;
	}
	.footer_company_other{
		width:auto;
	}
/* Category [mission]	*/
	.main_bar_mission{
		display:table;
		height:250px;
	}
	.main_bar_mission li{
		display:table-cell;
		width: 50%;
	}
	.scroll-fade_mission p{
		font-size: small;
		letter-spacing: 5px;
	}
	.mission_fontset_left{
		display: inline-block;
		color: black;
		text-align: center;
		font-size: large;
		letter-spacing: 2px;
		line-height: 20px;
		font-weight: inherit;
		width: 100%;
	}
	.mission_fontset_right_parent{
		display: inline-block;
		text-align: center;
	}
	.item_text1{
		width: 90px;
		height: 90px;
		background-color:darkorange;
		border-radius: 45px;
		display: inline-block;
		vertical-align: middle;
		font-weight: inherit;
		font-size: medium;
		color:white;
		animation: key1 2s ease-out infinite alternate;
		animation-iteration-count:4;
	}
	.item_text1 div{
    	transform: translateY(35px);
	}
	.item_text2{
		width: 90px;
		height: 90px;
		background-color:rgb(247, 90, 90);
		border-radius: 45px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		color:white;
		font-weight: inherit;
		font-size: medium;
		animation: key2 2s ease-out infinite alternate;
		animation-delay:0.5s;
		animation-iteration-count:4;
	}
	.item_text2 div{
    	transform: translateY(35px);
	}
	.item_text3{
		width: 90px;
		height: 90px;
		background-color:#6495ED;
		border-radius: 45px;
		display: inline-block;
		vertical-align: middle;
		color:white;
		font-weight: inherit;
		font-size: medium;
		animation: key3 2s ease-out infinite alternate;
		animation-delay:1s;
		animation-iteration-count:4;
	}
	.item_text3 div{
		transform: translateY(35px);
	}
	.m_bgcolor_left{background-color:white;}
	.m_bgcolor_right{background-color:#6495ED;}
/* Category [products]	*/
	.main_bar_products{
		background-color: #6495ED;
		display: table;
		/*    height:200px;*/
		border-bottom : 10px solid white;
	}
	.main_bar_products li{
		border: 0;
		margin: 0;
		padding:0;
		display: table-cell;
		vertical-align: middle;
		vertical-align: top;
		text-align: center;
	width: 50%;
	}
	.scroll-fade_products p{
		font-size: small;
		letter-spacing: 5px;
	}
	.products_fontset_left{font-size: x-small;}
	.products_fontset_right{
		font-size: medium;
		color: white;
		border:0;
	}
	.products_fontset_right h4{
		line-height: 20px;
		font-size: large;
	}
	.products_fontset_right_bar{ font-size: small; }
	.products_fontset_right_details{
		font-size: medium;
		letter-spacing: 2px;
		line-height: 20px;
		margin: 5px;
		margin-left: 20px;
	}
/* Category [News(Tokyo Gift Show)]	*/
	.main_bar_news{
    	display:flex;
		flex-flow:row nowrap;
		height:100%;
		padding:0 0.5em 10px 0.5em;
	}
    .main_bar_news li{
        display: flex;
        width: 50%;
		justify-content:flex-start;
		align-items:flex-start;
    }
	.main_bar_news li:first-of-type{
		padding:0 1em;
	}
	.main_bar_news li:first-of-type .wrap{
		width:100%;
	}
	.scroll-fade_news p{
/*    	font-size: small;	*/
    	letter-spacing: 5px;
	}
	.news_fontset_left{
        background-color: transparent;
        color:white;
        text-align: left;
    
        height:100%;
    }
	.news_fontset_right{
    	border: 0;
    	font-size: medium;
	}
    .news_fontset_right_title{
        font-size: large;
        line-height: 20px;
        font-weight:bold;
    }
    .news_fontset_right_detail{
        font-size: medium;
        line-height: 20px;
    }
/* Category [homepage business] contents	*/
	.hpmake_main{
		display:inline-block;
		width:95%;
	}
	.hpmake_main_c1{
		display:inline-block;
		width:50%;
	}
	.hpmake_main_c2{
		display:inline-block;
		width:24%;
	}
	.hpmake_main_c3{
		display:inline-block;
		width:24%;
	}
	.hpmake_str_1{ font-size:2.5em; }
	.hpmake_str_2{ font-size:1.6em; }
	.hpmake_str_3{ font-size:3.3em; }
	.hpmake_str_4{ font-size:1.3em; }
	.hpmake_headline{
		font-size:x-large;
		line-height:24px;
	}
	.hpmake_salespoint_cell_1{ font-size:medium; }	
	.hpmake_salespoint_cell_2{ font-size:medium; }	
	.hpmake_salespoint_cell_3{ font-size:medium; }
	.hpmake_work_td1{ font-size:medium; }
	.hpmake_work_td2{ font-size:medium; }
	.hpmake_work_mag{ font-size:medium; }
	.navbar-brand {
		padding:0;
		margin:0;
		border:0;
	}
}
/****************************************************************************/
/* Display size is more than 1200px											*/
/*				--------------------										*/
/* 2020/03/19 change header													*/
/****************************************************************************/
@media (min-width: 1200px){
/* [website] business head contents */
	.createhomepage_header{
		height:420px;
	}
	.createhomepage_words{
		padding:30px;
	}
/* [website] business price contents */
	.table_websiteprice{
		width:1200px;
	}
/* [IT Service] business head contents */
	.opendata_header{
		height:420px;
	}
	.opendata_words{
		padding:100px;
	}
/* [sidebar] move to left side the contact box */
	.veu_contact .contact_bt{
		float:left;
	}
	.siteHeader_logo {
	    width: 100%;
	}
}
/****************************************************************************/
/* Display size is less than 991.98px										*/
/*				--------------------										*/
/* 2020/03/19 change header													*/
/****************************************************************************/
/* [import] business head contents */
@media (max-width: 991.98px){
/* [website] business head contents */
	.createhomepage_header{
		height:370px;
	}
	.createhomepage_header_img{
		background:url('./img/main02_phone.jpg');
	}
	.createhomepage_words{
		padding:15px;
	}
/* [IT Service] business head contents */
	.opendata_header{
		height:370px;
	}
	.opendata_header_img{
		background:url('./img/main03_phone.jpg');
	}
	.opendata_words{
		padding:80px;
	}
}
/****************************************************************************/
/* Display size is less than 767.98px										*/
/*				--------------------										*/
/* 2020/03/19 change header													*/
/****************************************************************************/
@media (max-width: 767.98px){
/* [import] business head contents */
/* [website] business head contents */
	.createhomepage_header{
		height:600px;
	}
	.createhomepage_header_img{
		background:url('./img/main02_phone.jpg');
		background-size:cover;
	}
	.createhomepage_words{
		padding:5px;
	}
/* [IT Service] business head contents */
	.opendata_header{
		height:500px;
	}
	.opendata_header_img{
		background:url('./img/main03_phone.jpg');
	}
	.opendata_words{
		padding:50px;
	}
/* [footer] RishunTrading Information & Facebook & Instagram*/
	.RT_info_main{
		display:block;
		width:100%;
	}
	.RT_info_sub1{
		display:block;
		width:100%;
	}
	.RT_info_sub2{
		display:block;
		width:100%;
	}
}
/****************************************************/
/* Display size is less than 457.98px				*/
/* 2020/03/19 change header							*/
/****************************************************/
@media (max-width: 457.98px){
/* to change unvisible of "contact method" in header */
	.createhomepage_header{
		height:700px;
	}
	.opendata_header{
		height:600px;
	}
}
/****************************************************************************/
/* Display size is less than [320px]										*/
/*				--------------------										*/
/****************************************************************************/
@media (max-width: 320.98px){
	/* iPhone5 & iPhone5SE */
	.createhomepage_header{
		height:800px;
	}
	.opendata_header{
		height:700px;
	}
}
/****************************************************************************/
/* usecase page	customize													*/
/****************************************************************************/
/* (for Smartphone) */
.lcp_catlist4{
	display:flex;
	flex-flow:row wrap;
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
}
.lcp_catlist4 li{
	list-style: none;
	display:block;
	text-align:center;
	width:100%;
}
.lcp_catlist4 a{
	text-decoration:none;
}
.lcp_list4{
	vertical-align:top;
	background-color:white;
	box-shadow: 2px 2px 4px #627295;
	border-bottom: solid 4px #627295;
	border-radius: 5px;
}
.lcp_list4:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
	transition-duration:0.5s;
}

.lcp_date4{
	text-align:right;
	font-size:14px;
	color:#d44950;
	text-align:left;
}
.lcp_post4{
	text-align:left;
	min-height:80px;
	border:0;
	margin:0;
}
.lcp_post4:after{
	border:0;
}
.lcp_post4 p{
	margin:0px 3px 0px 3px;
	line-height:1.5;
	font-size:16px;
/*	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
	font-weight:700;
	color:#212529;
	vertical-align:top;
}
.lcp_excerpt4{
	text-indent:0.9em;
	text-align:left;
	margin:5px;
	color:#212529;
}
.lcp_img4{
	display:inline-flex;
	position:relative;
	width:100%;
	height:210px;
	overflow:hidden;
	justify-content:center;
	align-items:center;
}
.lcp_img4 img{
	width:100%;
	height:210px;
	object-fit:cover;
	object-position:center center;
}
.lcp_img4 img:hover{
	transform:scale(1.1);
	transition-duration:0.5s;
}
/* (for PC/Tablet) */
@media (min-width: 576px){
	.lcp_catlist4{
		margin:0;
		width:100%;
		max-width:initial;
	}
	.lcp_catlist4 li{
		display:inline-block;
		margin:0 5px 5px 5px;
		width:calc(50% - 10px);
	}
}
@media (min-width: 768px){
	.lcp_catlist4 li{
		display:inline-block;
		width:calc(33.33% - 10px);
	}
	.lcp_news_post{
		min-height:85px;
	}
}
@media (min-width: 992px){
	.lcp_catlist4 li{
		display:inline-block;
		width:calc(25% - 10px);
	}
}
@media (min-width: 1200px){
	.lcp_catlist4 li{
		display:inline-block;
		width:calc(16.666% - 10px);
	}
}

/****************************************************************************/
/* blog page customize														*/
/****************************************************************************/
/* (for PC/Tablet) */
.lcp_catlist5 li{
	list-style: none;
	display:inline-block;
	text-align:center;
	margin:0 0 10px 10px;
}
.lcp_list5{
	vertical-align:top;
	background-color:white;
	box-shadow: 2px 2px 4px #627295;
	border-bottom: solid 4px #627295;
	border-radius: 5px;
	display:inline-block;
}
.lcp_list5:active{
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	border-bottom: none;
/*	  transform:translateY(10px);*/
/*	transition: 0.3s ;*/
}
.lcp_list3:hover{
	opacity:0.8;
}
.lcp_catlist5{
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	width:100%;
}
.lcp_date5{
	display:block;
	text-align:right;
	font-size:0.8em;
	color:#212529;
}
.lcp_post5{
	display:block;
	text-align:left;
}
.lcp_post5 p{
	margin:10px 3px 5px 3px;
	line-height:1em;
	font-size:1em;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
	font-weight:bold!important;
	color:#212529;
}
.lcp_excerpt5{
	display:block;
	text-indent:0.9em;
	text-align:left;
	margin:5px ;
	color:#212529;
}
.lcp_img5{
	display:inline-block;
	vertical-align: top;
	width:183px;
}
.lcp_img5 img{
	width:100%;
}
.lcp_2nd{
	display:inline-block;
	width:calc(100% - 183px);
	padding:5px;
}
/* (for Smartphone) */
@media (max-width: 457.98px){
	.lcp_catlist5{
		width:calc(100% - 10px);
		display:block;
	}
	.lcp_catlist5 li{
		display:block;
		width:calc(100% - 10px);
	}
	.lcp_img5{
		display:block;
		margin:0;
		width:100%;
	}
	.lcp_2nd{
		display:block;
		width:100%;
		padding:5px;
	}
}
/* 記事直後の説明に用いる<p>タグ用*/
.afterarticle-p{
	font-size:1em;
	line-height:1.4em;
	margin:0 1em 40px 1em;
	text-indent:1em;
}
/* ・(ポチ)や→(矢印)などを使う際の<p>タグ用*/
.usedot-p{
	text-indent:-1em;
	margin:0 0 0 2em;
}
.usedot-p-20px{				/* 段落の最後 20px */
	text-indent:-1em;
	margin:0 0 20px 2em;
}
.usedot-p-40px{				/* 段落の最後 40px */
	text-indent:-1em;
	margin:0 0 40px 2em;
}
.usedot-p-60px{				/* 段落の最後 60px */
	text-indent:-1em;
	margin:0 0 60px 2em;
}
/* 2021/1/15 追加*/
.usecase-wrap{
	margin-bottom:40px;
}
.blog-wrap{
	margin-bottom:40px;
}
/* 通常の<p>タグ用*/
.useregular-p{
	text-indent:1em;
	margin:0 0 0 1em;
}
.useregular-p-20px{			/* 段落の最後 20px */
	text-indent:1em;
	margin:0 0 20px 1em;
}
.useregular-p-40px{		/* 段落の最後 40px */
	text-indent:1em;
	margin:0 0 40px 1em;
}
.useregular-p-60px{		/* 段落の最後 60px */
	text-indent:1em;
	margin:0 0 60px 1em;
}
/* 2021/01/29 style of blog */
.blog20210129{
	width:100%;
}
.blog20210129 h2{
	border:none;
	margin:0;
	padding:0;
	font-size:16px;
}
.blog20210129 ul{
	list-style: none;
	margin:0;
	padding:0;
	display:flex;
	flex-flow:row wrap;
}
.blog20210129>ul li{
	display:inline-block;
	width:33.33%;
	padding:0 5px;
}
.blog20210129 p{
	font-size:16px;
	margin-bottom:0;
}
/* 2021/10/4 blog sidebar */
/* latest articles */
/* archives = 一覧画面 */
.archive .veu_postList .subSection-title{
	text-align:center;
	border:none;
	margin-bottom:10px;
}
.archive .veu_postList .subSection-title:after{
	border:none;
}
.archive .veu_postList .subSection-title .line_maker{
	font-size:22px;
	color:#333;
	margin-bottom:8px;
}
.archive .veu_postList .subSection-title .en{
	display:block;
	font-size:14px;
	color:var(--main-color);
}
/* single = 詳細画面 */
.single .veu_postList .subSection-title{
	text-align:center;
	border:none;
	margin-bottom:10px;
}
.single .veu_postList .subSection-title:after{
	border:none;
}
.single .veu_postList .subSection-title .line_maker{
	color:#333;
	margin-bottom:8px;
	font-size:22px;
}
.single .veu_postList .subSection-title .en{
	display:block;
	font-size:14px;
	color:var(--main-color);
}
/* archives */
/* archive 一覧画面 */
.archive .widget_archive .subSection-title{
	text-align:center;
	border:none;
	margin-bottom:10px;
}
.archive .widget_archive .subSection-title:after{
	border:none;
}
.archive .widget_archive .subSection-title .line_maker{
	color:#333;
	margin-bottom:8px;
	font-size:22px;
}
.archive .widget_archive .subSection-title .en{
	display:block;
	font-size:14px;
	color:var(--main-color);
}
/* single 詳細画面 */
.single .widget_archive .subSection-title{
	text-align:center;
	border:none;
	margin-bottom:10px;
}
.single .widget_archive .subSection-title:after{
	border:none;
}
.single .widget_archive .subSection-title .line_maker{
	color:#333;
	margin-bottom:8px;
	font-size:22px;
}
.single .widget_archive .subSection-title .en{
	display:block;
	font-size:14px;
	color:var(--main-color);
}
@media (min-width: 576px){
	.blog20210129>ul li{
		display:inline-block;
		width:20%;
		padding:0 5px;
	}
}
@media (min-width: 768px){
	.blog20210129 ul{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.blog20210129>div{
		width:70%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
}
/****************************************************************************/
/* 便箋風表示																	*/
/****************************************************************************/
.looklikeletter{
	border:1px solid #dddddd;
	background-color:#fcf8fb;
	margin:10px 0 30px 1em;
	padding:20px 10px 30px 10px;
}
.looklikeletter p{
	line-height:36px;
	background:url('./img/bg-note01.png') bottom;
	margin:0;
	padding:0;
}
@media (min-width: 768px){
	.looklikeletter{
		border:1px solid #dddddd;
		background-color:#f8fbfc;
		margin:10px 0 30px 1em;
		padding:20px 40px 40px 30px;
	}
}
/****************************************************************************/
/* e-pause article and picture												*/
/****************************************************************************/
.epause-article-main{
	width:100%;
	display:block;
}
.epause-article-sub1{
	width:100%;
	padding:10px;
	display:block;
}
.epause-article-sub2{
	margin:0 0 0 1em;
	width:calc(100% - 1em);
	display:block;
}
.epause-article-sub2 img{
	vertical-align: top;
}
@media (min-width: 480px){
	.epause-article-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.epause-article-sub1{width:63%;}
	.epause-article-sub2{width:33%;}
	.epause-article-main .epause-article-sub1{order:1;}
	.epause-article-main .epause-article-sub2{order:2;}
}
/*******************************************************************************/
.epause-article2-main{
	width:100%;
	margin:0 auto;
	display:block;
}
.epause-article2-sub1{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.epause-article2-sub2{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.epause-article2-sub3{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
@media screen and (min-width: 480px){
	.epause-article2-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.epause-article2-sub1{
		display:inline-block;
		vertical-align:top;
		width:30%;
		margin:0 auto;
	}
	.epause-article2-sub2{
		display:inline-block;
		vertical-align:top;
		width:30%;		
		margin:0 auto;
	}
	.epause-article2-sub3{
		display:inline-block;
		vertical-align:top;
		width:30%;		
		margin:0 auto;
	}
	.epause-article2-main .epause-article2-sub1{order:1;}
	.epause-article2-main .epause-article2-sub2{order:2;}
	.epause-article2-main .epause-article2-sub3{order:3;}
}
@media screen and (min-width: 1200px){
	.epause-article2-main div{display:inline-block;width:20%;}
}
/*******************************************************************************/
.epause-article3-main{
	width:100%;
	display:block;
}
.epause-article3-sub1{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin-bottom:20px;
}
.epause-article3-sub2{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin-bottom:20px;
}
.epause-article3-sub3{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin-bottom:20px;
}
.epause-article3-sub4{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin-bottom:20px;
}
.epause-article3-sub5{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin-bottom:20px;
}
@media screen and (min-width: 480px){
	.epause-article3-main{
		width:100%;
		display:inline-block;
	}
	.epause-article3-main div{
		vertical-align:top;
		display:inline-block;
		width:250px;
	}
	.epause-article3-main .epause-article3-sub1{order:1;}
	.epause-article3-main .epause-article3-sub2{order:2;}
	.epause-article3-main .epause-article3-sub3{order:3;}
	.epause-article3-main .epause-article3-sub4{order:4;}
	.epause-article3-main .epause-article3-sub5{order:5;}
}
/*******************************************************************************/
/* Youtube size control 														*/
/*******************************************************************************/
.YoutubeSizeControl{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}
/*
@media screen and (min-width: 480px){
	.YoutubeSizeControl{
		width:560px;
		height:315px;
	}	
}
*/
/*******************************************************************************/
/* 特定商取引法に戻づく表記														*/
/*******************************************************************************/
.busirule-section{
	width:99%;
	margin:0 auto;
}
.busirule-tbl{
	border:none;
	font-size:0.8em;
	text-align:left;
	width:100%;
	display:block;
}
.busirule-tbl tbody{
	display:block;
	width:100%;
}
.busirule-tbl tr{
	width:100%;
	display:block;
	margin-bottom:20px;
}
.busirule-tbl th{
	width:100%;
	display:block;
	background-color:var(--main-color);
	border:solid 1px var(--main-color);
	padding:8px 16px;
	font-size:14px;
	color:#fff;
}
.busirule-tbl td{
	width:100%;
	display:block;
	background-color:#FFFFFF;
	padding:8px 16px;
	font-size:14px;
	border-left:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
}
.busirule-newline{
	line-height:1.4;
	margin:0;
	font-size:14px;
}
.newline-ctrl{
	display:inline;
}
@media(min-width:768px){
	.busirule-tbl{
		display: table;
	}
	.busirule-tbl>tbody{
		display: table-row-group;
	}
	.busirule-tbl>tbody>tr{
		display: table-row;
		margin:0;
	}
	.busirule-tbl>tbody th{
		display: table-cell;
		width:30%;
		border-bottom:solid 1px rgba(255,255,255,0.3);
	}
	.busirule-tbl>tbody td{
		display: table-cell;
		width:70%;
		border-top:solid 1px var(--border-color);
		border-left:none;
		border-right:solid 1px var(--border-color);
		border-bottom:none;
	}
	.busirule-tbl>tbody>tr:last-of-type th{
		border-bottom:solid 1px var(--main-color);
	}
	.busirule-tbl>tbody>tr:last-of-type td{
		border-bottom:solid 1px var(--border-color);
	}
	.busirule-tbl .telno{
		pointer-events: none;
		color:var(--text-color);
	}
}
/*******************************************************************************/
/* 会員サイト																	*/
/*******************************************************************************/
.memberlogin-sec{
	width:80%;
	margin:0 auto;
	padding-bottom:40px;
}
.membersite-p{
	font-family: 'Noto Serif JP', serif;
	font-weight:bold !important;
}
.member-tble{
	width:80%;
	margin:0 auto;
	padding:10px;
	font-size:0.8em;
}

.member-tble th{
	background-color:#2e6da4;
	color:white;
	font-weight:bold;
	width:calc(100% / 6);
	text-align:center;
	border-bottom: solid 1px silver;
	border-left: solid 1px  silver;
}
.member-tble th{
	border-right: solid 1px silver;
}
.member-tble td{
	text-align:right;
	border-bottom: solid 1px silver;
	border-left: solid 1px  silver;
}
.member-tble td:last-child{
	border-right: solid 1px silver;
}
/* 2026/1/3 */
.membersite-sec{
	position:relative;	
}
.epause-article3-main .epause_catalog{
	margin-left:auto;
	margin-right:auto;
}
@media(min-width:576px){
	.membersite-sec .epause_catalog{
		display:block;
	}
}
@media(min-width:768px){
	.memberlogin-sec{
		width:50%;
		margin:0 auto;
	}
	.membersite-sec .epause-article3-main{
		display:flex;
		flex-flow:row wrap;
		justify-content: space-evenly;
	}
}
@media(min-width:992px){
	.memberlogin-sec{
		width:465px;
		margin:0 auto;
	}
}
/*******************************************************************************/
/* 2020/07/18ブログ お客様アンケートはがき										*/
/*******************************************************************************/
.RyokinUketori-main{
	width:100%;
	display:block;
	margin:0 auto;
}
.RyokinUketori-sub{
	width:100%;
	display:block;
}
@media(min-width:768px){
	.RyokinUketori-sub{
		display:inline-block;
		width:calc(100% / 2 - 1em);
	}
}
/*******************************************************************************/
/* 2020/07/19プレスリリース用 タイトルフォント変更								*/
/*******************************************************************************/
.change-titlefont{
	font-weight:bold;
}
/*******************************************************************************/
/* lightning バグ対応 */
/*******************************************************************************/
/*
.gMenu .sub-menu .acc-btn {
    background-image: url('http://localhost/rishuntrading.co.jp/wp/wp-content/themes/lightning/inc/vk-mobile-nav/package/images/vk-menu-acc-icon-open-white.svg');
}
.gMenu .sub-menu .acc-btn.acc-btn-close {
    background-image: url('http://localhost/rishuntrading.co.jp/wp/wp-content/themes/lightning/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg');
}
*/
/*******************************************************************************/
/* e-pause top 動画自動再生 													*/
/*******************************************************************************/
.ep1-wrap-video{
	position:relative;
	width:100vw;
}
.ep1-frm{
	width:100%;
	position:relative;
	height:0;
	overflow:hidden;
	padding:0 0 56.25% 0;
}
.ep1-frm>video{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
}
.ep1-wrap-video .ep1-title{
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%); /*左右中央寄せ*/
	text-align:center;
}
.ep1-title{
	background:transparent;
	width:65%;
}
.ep1-title img{
	width:200px;
}
.ep1-wrap-video .ep1-title .ep1-headline{
	font-size:2em;
}
.ep1-phrase1{
	margin:0;
	border:0;
	padding:0;
	font-size:0.9em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	color:#555555;
	line-height: 1.1em;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
}
.ep1-phrase2{
	margin:0;
	border:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	color:orange;
	line-height: 1.1em;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
}
@media(min-width:768px){
	.ep1-title{
		width:45%;
	}
	.ep1-phrase1{
		font-size:1.1em;
	}
	.ep1-phrase2{
		font-size:1.5em;
	}
}
/*******************************************************************************/
/* e-pause second																*/
/*******************************************************************************/
/* 全体 */
.ep2-sec{
	position:relative;
	background:url('./img/bk-fablic3.png');
	width:100vw;
	min-height:500px;
}
.ep2-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
/* タイトル */
.scroll-fade_bkground1{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
.sec1-font-p{
	/* font-size:3.0em;*/
	position:relative;
	font-size:2.0em;
	color:white;
	line-height:1.0em;
	z-index: 2;
	border:0;
	padding:0;
	margin:0;
	font-family: 'book antiqua', palatino, serif;
}
.sec1-font-p2{
	/* font-size:2.5em;*/
	font-size:1.8em;
	color:white;
	transform:scale(0.8, 1);
	border:0;
	padding:0;
	margin:0;
	z-index: 2;
}
/* 本文のデメリット */
.ep2-article2-main{
	width:100%;
	margin:0 auto;
	display:block;
}
.ep2-article2-sub1{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.ep2-article2-sub2{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}
.ep2-article2-sub3{
	margin:0 0 0 1em;
	width:calc(80% - 1em);
	display:block;
	margin:0 auto;
}
@media(min-width: 480px){
	.ep2-article2-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.ep2-article2-sub1{
		display:inline-block;
		vertical-align:top;
		width:32%;
		margin:0 auto;
	}
	.ep2-article2-sub2{
		display:inline-block;
		vertical-align:top;
		width:32%;
		margin:0 auto;
	}
	.ep2-article2-sub3{
		display:inline-block;
		vertical-align:top;
		width:32%;
		margin:0 auto;
	}
	.ep2-article2-main .ep2-article2-sub1{order:1;}
	.ep2-article2-main .ep2-article2-sub2{order:2;}
	.ep2-article2-main .ep2-article2-sub3{order:3;}
}
@media screen and (min-width: 1200px){
	.ep2-article2-sub1{
		display:inline-block;width:25%;
		margin:0 0 0 auto;
	}
	.ep2-article2-sub2{display:inline-block;width:25%;}
	.ep2-article2-sub3{
		display:inline-block;width:25%;
		margin:0 auto 0 0;
	}
}
.ep2-demerit-text1{
	min-width:100%;
	background:white;
	color:black;
	text-align:center;
	font-size:1.5em;
	min-height:50px;
	padding-top:10px;
}
.ep2-demerit-text2{
	min-width:100%;
	background:white;
	color:black;
	text-align:center;
	font-size:1.5em;
	min-height:50px;
	padding-top:10px;
}
.ep2-demerit-text3{
	min-width:100%;
	background:white;
	color:black;
	text-align:center;
	font-size:1.5em;
	min-height:50px;
	padding-top:3px;
}
.ep2-demerit-block{
	display:block;
	font-size:0.8em;
}
.ep2-demerit-desc1{
	min-width:100%;
	font-size:1.1em;
	color:white;
	text-align:center;
}
.ep2-demerit-desc1-l{
	display:block;
}
@media screen and (min-width: 480px){
	.ep2-demerit-text1{font-size:1.4em;}
	.ep2-demerit-text2{font-size:1.3em;}
	.ep2-demerit-text3{font-size:1.3em;padding-top:5px;}
	.ep2-demerit-desc1{font-size:0.9em;}
}
@media screen and (min-width:768px){
	.ep2-demerit-text1{font-size:1.5em;padding-top:10px;}
	.ep2-demerit-text2{font-size:1.5em;padding-top:10px;}
	.ep2-demerit-text3{font-size:1.8em;padding-top:5px;}
	.ep2-demerit-desc1{font-size:1.2em;}
	.ep2-demerit-block{
		line-height:1.2em;
		font-size:0.7em;
	}
	.sec1-font-p{font-size:2.5em;}
	.sec1-font-p2{font-size:2.2em;line-height:1.4em;}
}
@media(min-width:576px){
	.ep2-frm{
		max-width:540px;
	}
}
@media(min-width:768px){
	.ep2-frm{
		max-width:720px;
	}
}
@media(min-width:992px){
	.ep2-sec{
		min-height:70vh;
	}
	.ep2-frm{
		max-width:960px;
	}
}
@media(min-width:1200px){
	.ep2-frm{
		max-width:1140px;
	}
}
/*******************************************************************************/
/* e-pause third																*/
/*******************************************************************************/
/* 全体 */
.ep3-sec{
	background:url('./img/digital-detox.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	width:100vw;
	min-height:500px;
}
.ep3-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
.scroll-fade_bkground2{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
.ep3-text{
	width:80%;
	margin:0 auto;
	text-align:left;
	color:white;
	font-weight:bold;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
}
.ep3-text{
	font-size:1.2em;
}
.ep3-text p{
	margin-bottom:0;
}
@media screen and (min-width:768px){
	.ep3-text{
		font-size:1.5em;
	}
	.ep3-sec{
		min-height:60vw;
	}
}
@media(min-width:576px){
	.ep3-frm{
		max-width:540px;
	}
}
@media(min-width:768px){
	.ep3-frm{
		max-width:720px;
	}
}
@media(min-width:992px){
	.ep3-sec{
		min-height:70vh;
	}
	.ep3-frm{
		max-width:960px;
	}
}
@media(min-width:1200px){
	.ep3-frm{
		max-width:1140px;
	}
}
/*******************************************************************************/


/* e-pause forth																*/
/*******************************************************************************/
/* 全体 */
.ep4-sec{
	background:url('./img/waveinabox-tao.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	width:100vw;
	min-height:500px;
}
.ep4-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
.sec1-font-p img{
	width:170px;
}
.scroll-fade_bkground3{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
.ep4-text{
	width:80%;
	margin:0 auto;
	text-align:left;
	color:white;
	font-weight:bold;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
}
.ep4-text p{
	font-size:1.2em;
	line-height:1.2em;
	text-decoration:underline skyblue;
}
@media screen and (min-width:768px){
	.ep4-text{
		font-size:1.5em;
	}
	.ep4-sec{
		min-height:60vw;
	}
	.sec1-font-p img{
		width:210px;
	}	
}
@media screen and (min-width:992px){
	.sec1-font-p img{
		width:250px;
	}	
}
@media(min-width:576px){
	.ep4-frm{
		max-width:540px;
	}
}
@media(min-width:768px){
	.ep4-frm{
		max-width:720px;
	}
}
@media(min-width:992px){
	.ep4-sec{
		min-height:70vh;
	}
	.ep4-frm{
		max-width:960px;
	}
}
@media(min-width:1200px){
	.ep4-frm{
		max-width:1140px;
	}
}
/*******************************************************************************/
/* e-pause fifth																*/
/*******************************************************************************/
/* 全体 */
.ep5-sec{
	background:url('./img/waveinabox-tao2.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	width:100vw;
	min-height:500px;
}
.ep5-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
.scroll-fade_bkground4{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
.ep5-feature-text1{
	display:block;
	position:relative;
	min-width:100%;
	overflow:hidden;
	background:#A30B1A;
	color:white;
	text-align:center;
	font-size:1.5em;
	min-height:70px;
}
.ep5-feature{
	display:block;
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -40%);
}
.ep5-feature-good{
	display:block;
	position:absolute;
	top:0;left:0;
	font-size:0.9em;
	color:white;
}
.ep5-feature-text2{
	display:block;
	position:relative;
	min-width:100%;
	overflow:hidden;
	background:#A30B1A;
	color:white;
	text-align:center;
	font-size:1.5em;
	min-height:70px;
}
.ep5-feature-text3{
	display:block;
	position:relative;
	min-width:100%;
	overflow:hidden;
	background:#A30B1A;
	color:white;
	text-align:center;
	font-size:1.5em;
	min-height:70px;
}
.ep5-feature-desc1{
	min-width:100%;
	min-height:180px;
	background:white;
}
.ep5-feature-desc1 p{
	width:90%;
	margin:0 auto;
	font-size:1.5em;
	line-height:1.5em;
}
@media screen and (min-width: 480px){
	.ep5-feature-text1{font-size:1.1em;}
	.ep5-feature-text2{font-size:1.1em;}
	.ep5-feature-text3{
		font-size:0.9em;
	}
	.ep5-feature-desc1 p{font-size:1.1em;}
}
@media screen and (min-width: 768px){
	.ep5-feature-text1{font-size:1.5em;}
	.ep5-feature-text2{font-size:1.5em;}
	.ep5-feature-text3{font-size:1.5em;
	}
	.ep5-feature-desc1 p{font-size:1.5em;}
}
@media screen and (min-width: 992px){
	.ep5-feature-desc1{
		min-height:250px;
	}
}
@media(min-width:576px){
	.ep5-frm{
		max-width:540px;
	}
}
@media(min-width:768px){
	.ep5-frm{
		max-width:720px;
	}
}
@media(min-width:992px){
	.ep5-sec{
		min-height:70vh;
	}
	.ep5-frm{
		max-width:960px;
	}
}
@media(min-width:1200px){
	.ep5-frm{
		max-width:1140px;
	}
}
/*******************************************************************************/
/* e-pause sixth															*/
/*******************************************************************************/
/* 全体 */
.ep6-sec{
	background:url('./img/bk-fablic2.png');
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	width:100vw;
	min-height:500px;
}
.ep6-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
.scroll-fade_bkground5{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
/* 本文のデメリット */
.ep6-main{
	margin:0;
	border:0;
	padding:0;
	width:80%;
	margin:0 auto;
}
.ep6-sub1{
	margin:0;
	border:0;
	padding:0;
	display:block;
	margin:0 auto;
	background:url('./img/Patrice-Bonneau.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:40vh;
}
.ep6-sub1-sec img{
	vertical-align: bottom;
	line-height:0;
}
.ep6-sub2{
	margin:0;
	border:0;
	padding:0;
	display:block;
	position:relative;
	top:-5px;
	background:black;
}
.ep6-sub2-sec{
	display:block;
	width:90%;
	margin:0 auto;
	padding-bottom:1em;
}
.ep6-sub2-text-title{
	margin:0;
	border:0;
	padding:0;
	color:white;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}
.ep6-sub2-linectl{
	display:block;
}
.ep6-sub2-text-desc{
	color:white;
	font-size:1.1em;
	line-height:1.2em;
}
@media screen and (min-width: 576px){
	.ep6-frm{
		max-width:540px;
	}
	.ep6-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.ep6-sub1{
		display:inline-block;
		vertical-align:top;
		width:50%;
		min-height:50vh;
	}
	.ep6-sub2{
		top:0;
		display:inline-block;
		vertical-align:top;
		width:50%;
	}
	.ep6-sub2-sec{
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		width:90%;
	}
	.ep6-main .ep6-sub1{order:2;}
	.ep6-main .ep6-sub2{order:1;}
}
@media screen and (min-width: 768px){
	.ep6-frm{
		max-width:720px;
	}
	.ep6-sub2-linectl{
		display:inline;
	}
}
@media screen and (min-width: 992px){
	.ep6-sec{
		min-height:70vh;
	}
	.ep6-frm{
		max-width:960px;
	}
	.ep6-main{
		width:90%;
		margin:0 auto;
	}
}
@media screen and (min-width: 1200px){
	.ep6-frm{
		max-width:1140px;
	}
	.ep6-main{
		width:80%;
		margin:0 auto;
	}
}
/*******************************************************************************/
/* e-pause seventh															*/
/*******************************************************************************/
.ep7-sec{
	background:url('./img/e-pause-mark.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	width:100vw;
	min-height:500px;
}
.ep7-frm{
	width:100%;
	padding:0 15px 20px 15px;
	margin-left:auto;
	margin-right:auto;
}
.scroll-fade_bkground6{
	display:block;
	position:relative;
	background-color:transparent;
	top:70px;
	text-align:center;
	padding-bottom:40px;
}
/* 3商品表示 */
.ep7-items3-main{
	margin:0;
	border:0;
	padding:0;
	width:80%;
	margin:0 auto;
}
.ep7-items3-sub{
	margin:0;
	border:0;
	padding:0;
	display:block;
	margin:0 auto;
	text-align:center;
}
/* 写真の大きさ固定*/
.ep7-items3-sub img{
	width:250px;
}
.ep7-items-text{
	margin:0;
	border:0;
	padding:0;
	font-size:1.2em;
	color:#353535;
	line-height:1.3em;
	text-align:center;
}
/* 2商品表示 */
.ep7-items2-main{
	margin:0;
	border:0;
	padding:0;
	width:80%;
	margin:0 auto;
}
.ep7-items2-sub{
	margin:0;
	border:0;
	padding:0;
	display:block;
	margin:0 auto;
	text-align:center;
}
/* 写真の大きさ固定*/
.ep7-items2-sub img{
	width:250px;
}
@media screen and (min-width: 576px){
	.ep7-frm{
		max-width:540px;
	}
	.ep7-items3-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.ep7-items3-sub{
		display:inline-block;
		vertical-align:top;
		width:32%;
		margin:0 auto;
	}
	.ep7-items3-sub img{width:200px;}
	.ep7-items2-main{
		width:100%;
		display:flex;
		flex-flow:row wrap;
		vertical-align: top;
	}
	.ep7-items2-sub{
		display:inline-block;
		vertical-align:top;
		width:40%;
	}
	.ep7-items2-sub:nth-of-type(1){
		margin:0 0 0 auto;
	}
	.ep7-items2-sub:nth-of-type(2){
		margin:0 auto 0 0;
	}
	.ep7-items2-sub img{width:200px;}
}
@media screen and (min-width: 768px){
	.ep7-frm{
		max-width:720px;
	}
	.ep7-items3-sub img{width:240px;}
	.ep7-items2-sub img{width:240px;}
}
@media screen and (min-width: 992px){
	.ep7-sec{
		min-height:70vh;
	}
	.ep7-frm{
		max-width:960px;
	}
}
@media screen and (min-width: 1200px){
	.ep7-frm{
		max-width:1140px;
	}
}
/*******************************************************************************/
/* top news																	   */
/*******************************************************************************/
.top-news-sec{
	width:95%;
	margin:0 auto;
	border:solid 1px rgba(0, 0, 0, .05);
}
.top-news-ch1{
	width:100%;
}
.top-news-ch1-title{
	display:block;
	position:relative;
	width:100%;
	padding-top:2em;
}
.top-news-ch1-title:after{
	content:"Top News";
	display:inline-block;
	position:absolute;
	padding:0 1em;
	border-radius:2px;
	background-color:#C00000;
	color:white;
	top:0;
	left:0;
}
.top-news-ch1-title h3{
	margin: 3px 3px 10px 3px !important;
	border:0;
	padding: 5px 0 5px 1em;
	line-height:1.4em;
	height:auto;
	letter-spacing:3px;
	font-weight:bold;
	font-size:1em;
	color:#444444;
	background-color:transparent;
	text-align:center;
}
.top-news-ch1-title-span{
	display:inline-block;
	border-bottom:solid 2px silver;
}
.top-news-ch1-title p{
	width:95%;
	margin:0 auto;
	line-height:1.3em;
}
.top-news-ch1-title h3:after{
	content:"";
	border-bottom:0;
}
@media screen and (min-width: 480px){
	.top-news-ch1-title{
		font-size:large;
		line-height:normal;
	}
}
.top-news-ch1-logo{
	width:250px;
	margin:0 auto;
}
.top-news-ch1-img{
	margin:0 auto;
}
.top-news-ch1-logo:hover{
	opacity:0.6;
}
.top-news-ch1-discription{
	width:95%;
	margin:0 auto;
	padding-bottom:1em;
}
.top-news-ch1-discription-tbl th{
	background-color:#6495ED;
	color:white;
	padding:0.5em;
	width:70px;
}
.top-news-ch1-discription-tbl td{
	padding:0.5em;
	border-right:solid 1px rgba(0, 0, 0, .05);
}
.top-news-ch1-first-exhibition{
	position:relative;
	padding-top:2em;
}
.top-news-ch1-first-exhibition:after{
	content:"日本初出展";
	position:absolute;
	top:0;
	left:0;
	color:white;
	background-color:#c00000;
	padding:0 1em;
}
.top-news-ch1-bt{
	width:210px;
	margin:0.5em auto 1em auto;
}
.top-news-ch1-bt a{
	display: block;
	background-color: #fff;
	border: solid 3px #6495ED;
	padding: 2px 10px;
	text-decoration: none;
	font-size: 1em;
	color: #6495ED;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.2s linear;
}
.top-news-ch1-bt a:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: 0.2s linear;
}
.top-news-ch1-bt a:hover{
	color: #fff;
	transition: 0.2s linear;
	text-decoration:none;
}
.top-news-ch1-bt a:hover:after{
	left: 0;
	background-color: #6495ED;
}
.top-news-ch2{
	width:200px;
	margin:0 auto;
	text-align:center;
	padding-bottom:1em;
}
.top-news-bt a{
	display: block;
	background-color: #fff;
	border: solid 3px black;
	padding: 10px 40px;
	text-decoration: none;
	font-size: 1em;
	color: black;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.2s linear;
}
.top-news-bt a:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: 0.2s linear;
}
.top-news-bt a:hover{
	color: #fff;
	transition: 0.2s linear;
	text-decoration:none;
}
.top-news-bt a:hover::after{
	left: 0;
	background-color: black;	
}
/*******************************************************************************/
/* VAU:Top																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-top-sec{
	width:100vw;
	background-color:white;
}
.vau-top-data{
	width:100%;
	position:relative;
}
.vau-top-ch1{
	display:inline-block;
	position:absolute;
	top:5px;
	bottom:auto;
	left:calc(100vw / 2);
	transform:translateX(-50%);
	z-index:2;
}
.vau-top-title{
	margin:0;
	border:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	color:white;
	line-height: 1.1em;
	text-shadow: 2px 2px 2px #808080;/* 横/縦/ぼかし/*/ 
	text-align:center;
}
.vau-top-details p{
	margin:0;
	border:0;
	padding:0;
	font-size:0.9em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	color:white;
	line-height: 1.1em;
	text-shadow: 1px 1px 1px #808080;/* 横/縦/ぼかし/*/ 
	white-space: nowrap;
}
.vau-top-movie{
	overflow:hidden;
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.vau-top-movie video{
	position:absolute;
	width: 100%;
	height:100%;
	top:0;
	left:0;
}
/*******************************************************************************/
/* VAU:Second Top															   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-second-sec{
	width:100vw;
	background-color:white;
}
.vau-second-data{
	width:100%;
	height:calc(100vh - 82px);
	position:relative;

	background:url('./img/secondtop-smapho01.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
}
@media(min-width:576px){
	.vau-second-data{
		height:200px;
		background:url('./img/secondtop-pc01.jpg');
		background-size:cover;
		background-position: center right;
		background-repeat: no-repeat;
	}
}
@media(min-width:768px){
	.vau-second-data{
		height:200px;
	}
}
@media(min-width:992px){
	.vau-second-data{
		height:200px;
	}
}
@media(min-width:1200px){
	.vau-second-data{
		height:300px;
	}
}

/*******************************************************************************/
/* VAU:Menu																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-menu-sec{
	width:100vw;
	background-color:white;
}
.vau-menu-data{
	width:100%;
	border-bottom: 1px solid rgba(109,119,119,0.2);

/* scroll bar */
	overflow-x: auto;
	margin-bottom:10px;
	-webkit-overflow-scrolling: touch;	
}
.vau-menulist{
	border:0;
	margin:0;
	padding:0;
	display:flex;
	flex-flow:row nowrap;

	justify-content: center;
	list-style:none;
	min-width:700px;
	background-color:var(--main-color);
	text-align:center;
}
.vau-menulist > li{
	border:0;
	margin:0;
	padding:0;
	padding:1em 1.8em;
	display:inline-block;
	width:calc(100% / 4);
	position:relative;
	list-style:none;
}
.vau-menulist > li a{
	border:none;
	margin:0;
	padding:0;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}
.vau-menulist > li a:after,
.vau-menulist > li a:hover:after{
	border-bottom:solid 3px #fff;
	content:'';
	line-height:0;
	bottom:0;
	display:block;
	overflow:hidden;
	position:absolute;
	width:100%;
	left:0;
}
.vau-menulist > li a:after{
	transform: scale(0, 1); /* 横幅0% */
	transform-origin: center top; /* center:中央から, left,rightに変更可 */
	-webkit-transition:all .3s; /* .3秒かけてアニメーション */
	-moz-transition:all .3s;
	-o-transition:all .3s;
	transition: all .3s;
}
.vau-menulist > li a:hover:after{
	transform: scale(1, 1); /* 横幅100% */
}
.vau-menulist > li > a:focus{
	background-color:transparent;
}
@media(min-width:768px){
	.vau-menulist > li{
		width:calc(100% / 5);
	}
}
/*******************************************************************************/
/* VAU:Concept																   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-concept-sec{
	width:100%;
	background-color:white;
}
.vau-concept-data{
	width:100%;
	padding-bottom:2em;
}
.vau-concept-title{
	border:none;
	position:relative;
	color:#111111;
	text-align:center;
	font-size:2.0em;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold !important;
}
.vau-concept-title:after{
	content:'';
	display:block;
	position:absolute;
	overflow:hidden;
	width:60px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	border-bottom:solid 3px silver;
}
.vau-concept-ch1{
	width:100%;	
}
.vau-concept-ch2{
	width:100%;		
}
.vau-concept-ch3{
	width:100%;		
}
.vau-concept-ch4{
	width:100%;		
}
.vau-concept-subtitle{
	border:none;
	color:black;
	text-align:left;
	font-size:1.2em;
	font-family: 'Noto Serif JP', serif;
	margin:0 0 0.5em 0;
}
.vau-concept-subtitle span{
	padding-bottom:5px;
	border-bottom:solid 2px silver;
}
.vau-concept-subtitle:after{
	content:'';
	border:none;
}
/* VAU とは */
.vau-concept-ch1-details{
	width:100%;
	height:300px;
	margin:0 0 2em 0;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
	background:url('./img/about-vau01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-concept-ch1-box{
	display:table;
	text-align:center;
}
.vau-concept-ch1-box p:nth-of-type(1){
	color:white;
	font-size:0.9em;
	line-height:1.2em;
}
.vau-concept-ch1-box p:nth-of-type(2){
	color:white;
	font-size:1.3em;
	line-height:1.3em;
}
.vau-concept-ch1-box p:nth-of-type(3){
	color:yellow;
	line-height:1.2em;
	text-shadow:2px 2px 3px yellow;
}
.vau-concept-ch1-box p:nth-of-type(4){
	color:yellow;
	line-height:1.2em;
	text-shadow:2px 2px 3px yellow;
}
/* コンシャスリビング */
.vau-concept-ch2-details{
	width:100%;
	height:300px;
	margin:0 0 2em 0;
	padding:0.5em;
	display:flex;
	position:relative;
	-webkit-justify-content:flex-start;
	-webkit-align-items: flex-start;
	justify-content: flex-start;
	align-items:flex-start;
	background:url('./img/conscious-living01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-concept-ch2-box{
	display:table;
	text-align:left;
}
.vau-concept-ch2-box p{
	color:white;
	line-height:1.2em;
}
.vau-headline{
	font-weight:bold;
	color:yellow!important;
	text-shadow:2px 2px 2px #cccccc
}
/* VAUについて */
.vau-concept-ch3-details{
	width:100%;
	height:300px;
	margin:0 0 2em 0;
	padding:0.5em;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
	background:url('./img/vau-concept01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-concept-ch3-box{
	display:table;
	text-align:left;
}
.vau-concept-ch3-box p:nth-of-type(1){
	color:white;
}
.vau-concept-ch3-box p:nth-of-type(2){
	font-size:1.3em;
	color:yellow;
	text-shadow:2px 2px 2px yellow;
}
.vau-concept-ch3-box p:nth-of-type(3){
	color:white;
}
/* 制作理念 */
.vau-concept-ch4-details{
	width:100%;
	height:300px;
	margin:0 0 2em 0;
	padding:0.5em;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
	background:url('./img/vau-family01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-concept-ch4-box{
	display:table;
	text-align:center;
}
.vau-concept-ch4-box p:nth-of-type(1){
	color:yellow;
	text-decoration:underline yellow;
	font-size:1.3em;
	line-height:1.2em;
}
.vau-concept-ch4-box p:nth-of-type(2){
	color:white;
	font-size:1.3em;
	line-height:1.2em;
}
.vau-concept-ch4-box p:nth-of-type(3){
	color:white;
	font-size:1.3em;
}
@media(min-width:576px){
}
@media(min-width:768px){
	.vau-concept-subtitle{font-size:1.5em;}
	/* VAUとは */
	.vau-concept-ch1-details{height:500px;}
	.vau-concept-ch1-box p:nth-of-type(1){font-size:1.2em;}
	.vau-concept-ch1-box p:nth-of-type(2){
		font-size:1.5em;
		padding:0.5em 0;
	}
	.vau-concept-ch1-box p:nth-of-type(3){font-size:1.4em;}
	.vau-concept-ch1-box p:nth-of-type(4){font-size:1.4em;}
	/* Conscious Living */
	.vau-concept-ch2-details{
		padding:2em 3em 0 3em;
		height:500px;
	}
	.vau-concept-ch2-box p{font-size:1.4em;}
	/* VAUについて */
	.vau-concept-ch3-details{
		height:500px;
	}
	.vau-concept-ch3-box p:nth-of-type(1){font-size:1.3em;}
	.vau-concept-ch3-box p:nth-of-type(2){font-size:1.5em;}
	.vau-concept-ch3-box p:nth-of-type(3){font-size:1.3em;}
	/* 制作理念について */
	.vau-concept-ch4-details{
		height:500px;
	}
	.vau-concept-ch4-box p:nth-of-type(1){font-size:1.5em;}
	.vau-concept-ch4-box p:nth-of-type(2){font-size:1.5em;}
	.vau-concept-ch4-box p:nth-of-type(3){font-size:1.5em;}
}
@media(min-width:992px){
}
@media(min-width:1200px){
}
/*******************************************************************************/
/* VAU:特長																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-future-sec{
	width:100%;
	background-color:white;
}
.vau-future-data{
	width:100%;	
}
.vau-future-title{
	border:none;
	position:relative;
	color:#111111;
	text-align:center;
	font-size:1.5em;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold !important;
}
.vau-future-title:after{
	content:'';
	display:block;
	position:absolute;
	overflow:hidden;
	width:60px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	border-bottom:solid 3px silver;
}
.vau-future-ch1{
	width:100%;
}
.vau-future-ch1-subtitle{
	border:none;
	color:black;
	text-align:left;
	font-size:1.2em;
	font-family: 'Noto Serif JP', serif;
	margin:0 0 0.5em 0;
}
.vau-future-ch1-subtitle:after{
	content:'';
	border:none;
}
.vau-future-ch1-subtitle span{
	padding-bottom:5px;
	border-bottom:solid 2px silver;
}
.vau-future-ch1-details{
	width:100%;
	height:300px;
	margin:0 0 2em 0;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
	background:url('./img/vau-design-award.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-future-ch1-box{
	display:table;
	text-align:left;
}
.vau-future-ch1-box p:nth-of-type(1){
	font-size:1.2em;
	line-height: 1.1em;
	color:black;
	padding-bottom:1em;
	text-shadow:2px 2px 2px orange;
}
.vau-future-ch1-box p:nth-of-type(2){
	line-height: 1.1em;
	text-shadow:2px 2px 3px white;
}
.vau-future-ch1-box p:nth-of-type(3){
	line-height: 1.1em;
}
/* 3つの特長 */
.vau-future-ch2-subtitle{
	border:none;
	color:black;
	text-align:left;
	font-size:1.2em;
	font-family: 'Noto Serif JP', serif;
	margin:0 0 0.5em 0;
}
.vau-future-ch2-subtitle:after{
	content:'';
	border:none;
}
.vau-future-ch2-subtitle span{
	padding-bottom:5px;
	border-bottom:solid 2px silver;
}
.vau-future-ch2-details{
	width:100%;
	height:500px;
	margin:0 0 2em 0;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
	background:url('./img/vau-future01.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.vau-future-ch1-box{
	display:table;
}
.vau-future-ch2-box-main{
	display:block;
	width:100%;
}
.vau-future-ch2-box-sub{
	display:block;
	width:100%;
	padding:0 1em 1em 1em;
}
.vau-future-ch2-box-sub p:nth-of-type(1){
	margin:0;
	padding:0.5em 0;
	background-color:darkred;
	color:white;
	text-align:center;
	position:relative;
}
.vau-future-ch2-box-sub p:nth-of-type(1):after{
	content:'Good!';
	color:white;
	position:absolute;
	top:0;
	left:0;
}
.vau-future-ch2-box-sub p:nth-of-type(2){
	margin:0;
	padding:1em;
	background-color:white;
	text-align:left;
}
@media(min-width:576px){
}
@media(min-width:768px){
	.vau-future-ch1-subtitle{font-size:1.5em;}
	.vau-future-ch2-subtitle{font-size:1.5em;}
	/* 確かな品質とデザイン */
	.vau-future-ch1-details{height:500px;}
	.vau-future-ch1-box p:nth-of-type(1){font-size:1.4em;}
	.vau-future-ch1-box p:nth-of-type(2){font-size:1.2em;}
	.vau-future-ch1-box p:nth-of-type(3){font-size:1.2em;}
	/* 3つの特長 */
	.vau-future-ch2-box-main{
		display:flex;
		flex-flow: row nowrap;
	}
	.vau-future-ch2-box-sub{
		width:33.33%;
		display:inline-block;
		padding:0 0.5em;
	}
	.vau-future-ch2-box-sub p:nth-of-type(1){
		min-height:80px;
		padding-top:1.1em;
		font-size:1.3em;
	}
	.vau-future-ch2-box-sub p:nth-of-type(2){
		min-height:180px;
		font-size:1.1em;
	}
}
@media(min-width:992px){
	.vau-future-ch2-box-sub p:nth-of-type(2){
		min-height:160px;
	}
}
@media(min-width:1200px){
}
/*******************************************************************************/
/* VAU:製品カタログ																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-lineup-sec{
	width:100%;
	background-color:white;
}
.vau-lineup-data{
	width:100%;
}
.vau-lineup-title{
	border:none;
	position:relative;
	color:#111111;
	text-align:center;
	font-size:1.5em;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold !important;
}
.vau-lineup-title:after{
	content:'';
	display:block;
	position:absolute;
	overflow:hidden;
	width:60px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	border-bottom:solid 3px silver;
}
/* 1 */
.vau-lineup-ch1{
	width:100%;	
}
.vau-lineup-ch1-main{
	width:100%;
	display:block;	
}
.vau-lineup-ch1-sub{
	width:100%;	
	display:block;
	text-align:center;
	padding-bottom:1em;
}
.vau-lineup-ch1-sub p{
	line-height:1.2em;
}
.vau-lineup-ch1-img{
	width:100%;
}
/* 2 */
.vau-lineup-ch2{
	width:100%;	
}
.vau-lineup-ch2-main{
	width:100%;
	display:block;	
}
.vau-lineup-ch2-sub{
	width:100%;	
	display:block;
	text-align:center;
	padding-bottom:1em;
}
.vau-lineup-ch2-sub p{
	line-height:1.2em;
}
.vau-lineup-ch2-img{
	width:100%;
}
/* 3 */
.vau-lineup-ch3{
	width:100%;	
}
.vau-lineup-ch3-main{
	width:100%;
	display:block;	
}
.vau-lineup-ch3-sub{
	width:100%;	
	display:block;
	text-align:center;
	padding-bottom:1em;
}
.vau-lineup-ch3-sub p{
	line-height:1.2em;
}
.vau-lineup-ch3-img{
	width:100%;
}
/* 4 */
.vau-lineup-ch4{
	width:100%;	
}
.vau-lineup-ch4-main{
	width:100%;
	display:block;	
}
.vau-lineup-ch4-sub{
	width:100%;	
	display:block;
	text-align:center;
	padding-bottom:1em;
}
.vau-lineup-ch4-sub p{
	line-height:1.2em;
}
.vau-lineup-ch4-img{
	width:100%;
}
@media(min-width:576px){
	.vau-lineup-ch1-main{
		display:flex;
		flex-flow:row wrap;
	}
	.vau-lineup-ch1-sub{
		width:50%;	
		display:inline-block;	
	}
	.vau-lineup-ch2-main{
		display:flex;
		flex-flow:row wrap;
	}
	.vau-lineup-ch2-sub{
		width:50%;	
		display:inline-block;	
	}
	.vau-lineup-ch3-main{
		display:flex;
		flex-flow:row wrap;
	}
	.vau-lineup-ch3-sub{
		width:50%;	
		display:inline-block;	
	}
	.vau-lineup-ch4-main{
		display:flex;
		flex-flow:row wrap;
	}
	.vau-lineup-ch4-sub{
		width:50%;	
		display:inline-block;	
	}
}
@media(min-width:768px){
	.vau-lineup-ch1-sub{
		width:33.33%;	
	}
	.vau-lineup-ch2-sub{
		width:33.33%;	
	}
	.vau-lineup-ch3-sub{
		width:33.33%;	
	}
	.vau-lineup-ch4-sub{
		width:33.33%;	
	}
}
@media(min-width:992px){
}
@media(min-width:1200px){
	.vau-lineup-ch1-sub{
		width:16.66%;
	}
	.vau-lineup-ch2-sub{
		width:16.66%;
	}
	.vau-lineup-ch3-sub{
		width:16.66%;
	}
	.vau-lineup-ch4-sub{
		width:16.66%;
	}
}
/*******************************************************************************/
/* VAU:展示会																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-exhibit-sec{
	width:100%;
	background-color:white;
}
.vau-exhibit-data{
	width:100%;
}
.vau-exhibit-title{
	border:none;
	position:relative;
	color:#111111;
	text-align:center;
	font-size:1.5em;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold !important;
}
.vau-exhibit-title:after{
	content:'';
	display:block;
	position:absolute;
	overflow:hidden;
	width:60px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	border-bottom:solid 3px silver;
}
/*******************************************************************************/
/* VAU:footer																	   */
/* Insert Pageを使わずに制作													*/
/*******************************************************************************/
.vau-footer-sec{
	width:100%;
}
.vau-footer-data{
	width:100%;
	padding-top:2em;
	padding-bottom:2em;
}
.vau-footer-ch1{
	width:100%;
}
.vau-footer-main{
	width:100%;
	display:block;
}
.vau-footer-sub{
	width:100%;
	display:block;
	text-align:center;
}
.vau-footer-font1{
	width:100%;
	height:100%;
	display:flex;
	position:relative;
	-webkit-justify-content:center;
	-webkit-align-items: center;
	justify-content: center;
	align-items:center;
}
.vau-footer-font1 p{
	display:table;
	font-family: 'Noto Serif JP', serif;
	font-size:1em;
}
.telmark{
	font-size:3em;
}
.vau-footer-telno{
	font-size:1.5em;
	font-weight:bold;
}
.vau-footer-time{
	position:relative;
	top:-10px;
}
.vau-footer-ch2{
	width:100%;
	text-align:center;
	padding:1em 0;
}
.vau-footer-bt a{
	display: block;
	background-color: #fff;
	border: solid 3px black;
	padding: 10px 50px;
	text-decoration: none;
	font-size: 1.2em;
	color: black;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.2s linear;	
}
.vau-footer-bt a:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: 0.2s linear;	
}
.vau-footer-bt a:hover{
	color: #fff;
	transition: 0.2s linear;
	text-decoration:none;
}
.vau-footer-bt a:hover::after{
	left: 0;
	background-color: black;	
}
@media(min-width:576px){
	.vau-footer-ch1{
		padding:0 3em;
	}
	.vau-footer-ch2{
		padding:1em 3em;
	}
}
@media(min-width:768px){
	.vau-footer-main{
		display:flex;
		flex-flow:row nowrap;
	}
	.vau-footer-sub:nth-of-type(1){
		width:55%;
		display:inline-block;
	}
	.vau-footer-sub:nth-of-type(2){
		width:45%;
		display:inline-block;
	}
	.vau-footer-sub:nth-of-type(1){
		text-align:left;
	}
	.vau-footer-ch1{
		padding:0 6em;
	}
	.vau-footer-ch2{
		padding:1em 6em;
	}
}
@media(min-width:992px){
	.vau-footer-ch1{
		padding:0 10em;
	}
	.vau-footer-ch2{

		padding:1em 10em;
	}
}
@media(min-width:1200px){
}
/*******************************************************************************/
/* Arigato Pro autoresponder												   */
/* 退会ページの編集																*/
/*******************************************************************************/
.arigatoPro-sec{
	width:100%;
}
.arigatoPro-data{
	padding:1em 1em 2em 1em;
}
/*******************************************************************************/
/* 東京ギフトショー2020秋														*/
/*******************************************************************************/
.giftshow2020a-sec{
	width:100%;
}
.giftshow2020a-data{
	width:100%;
	padding:2em 0;
	background: #6495ED;
}
.giftshow2020a-ch1{
	width:100%;
}
.giftshow2020a-ch1-mv{
	width:100%;
	display:block;
	position:relative;
	top:40px;
}
.giftshow2020a-ch1-title{
	width:100%;
	margin:0;
	border:0;
	padding:0;
	background-color: transparent;
	color: white;
	letter-spacing: 10px;
	vertical-align:top;
	text-align: center;
	width: 100%;
	font-size: x-large;
}
.giftshow2020a-ch1-title:after{
	margin:0;
	border:0;
	padding:0;
}
.giftshow2020a-ch1-subtitle{
	width:100%;
    vertical-align:top;
    font-size: small;
    letter-spacing: 5px;
    color: white;
    text-align: center;
    transform: translateY(-10px);
}
.giftshow2020a-ch2{
	padding:0.5em;
}
.giftshow2020a-ch2-main{
	width:100%;
	display:block;
}
.giftshow2020a-ch2-sub{
	width:100%;
	display:block;
}
.giftshow2020a-ch2-sub:nth-of-type(2){
	background-color:white;
}
.giftshow2020a-ch2-box1{
	text-align:left;
	padding:0.5em;
}
.giftshow2020a-ch2-box2{
	text-align:left;
	padding:0.5em;
}
.giftshow2020a-img{
	width:100%;	
}
.mainImage3{
	width:100%;
	overflow:hidden;
}
.mainImage3 img:hover{
	transform:scale(1.2);
	transition-duration: 0.5s;
}
.thumbnails3{
	display:table;
	text-align:center;
    padding: 0.5em;
    border: 0;
    margin: 0;
    width:100%;
    margin:0;
}
.thumbnails3 img{
    padding: 0;
    border: 0;
    margin: 0 2px;
	width:12%;
}
.giftshow2020a-ch2-details{
	padding:0;
	border:0;
	margin:0;
	border-left:solid 3px blue;
	font-size:large;

	padding-left:0.5em;
	line-height: 20px;
	text-align:left;
}
.giftshow2020a-ch2-box2 p{
	line-height:20px;
}
.giftshow2020a-ch2-products1{
	font-size:large;
	margin:1em 0 0.5em 0;
	font-weight:bold!important;
	color:#373737;
}
.giftshow2020a-ch2-products2{
	font-size:large;
	margin:1em 0 0.5em 0;
	font-weight:bold!important;
	color:#da8a16;
}
.giftshow2020a-ch2-bt{
	text-align:center;
}
.giftshow2020a-ch2-bt a{
	display: inline-block;
	background-color: #fff;
	border: solid 3px #6495ED;
	padding: 5px 20px;
	text-decoration: none;
	font-size: 1em;
	color: #6495ED;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: 0.2s linear;
}
.giftshow2020a-ch2-bt a:after{
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: 0.2s linear;	
}
.giftshow2020a-ch2-bt a:hover{
	color: #fff;
	transition: 0.2s linear;
	text-decoration:none;
}
.giftshow2020a-ch2-bt a:hover::after{
	left: 0;
	background-color: #6495ED;
}
@media(min-width:576px){
	.giftshow2020a-ch2-bt{
		text-align:right;
	}	
}
@media(min-width:768px){
	.giftshow2020a-ch2-box1{
		padding:0 1em;
	}
	.giftshow2020a-ch2-box2{
		padding:1em;
	}
	.giftshow2020a-ch2-main{
		width:100%;
		display:flex;
		flex-flow:row nowrap;
	}
	.giftshow2020a-ch2-sub{
		width:50%;
		display:inline-block;
	}
	.giftshow2020a-ch2-bt{
		text-align:left;
	}	
}
/*******************************************/
/* フッターメニュー							*/
/*******************************************/
/* Thema default change*/
.siteContent_after{
	padding:0;
}
/*******************************************/
.footer-menu-sec{
	width:100vw;
	background-color:#6495ED;
}
.footer-menu-data{
	width:100%;
	padding:2em 15px;
}
.footer-menu-ch1{
	width:100%;
	padding:0.5em;
}
.footer-menu-main{
	width:100%;
	display:flex;
	flex-flow:row wrap;
}
.footer-menu-sub{
	display:flex;
	width:50%;
	justify-content: flex-start;
	align-items: center;
}
.footer-menu-box{
	padding:0.5em;
}
.footer-menu-box a{
	color:white;
	font-size:14px;
	display:flex;
	flex-flow:row nowrap;
	width:100%;
}
.footer-menu-box a:hover{
	text-decoration:none;
	opacity:0.6;
}
.footer-menu-box i{
	display:inline-flex;
	width:15px;
	margin-right:0.5em;
	justify-content: center;
	align-items: center;
}
.footer-menu-box p{
	margin:0;
	padding:0;
	border:0;
	display:inline-block;
	font-size:14px;
}
.footer-menu-box span{
	display:inline-block;
}
.footer-menu-town{
	width:100%;
}
.footer-menu-town img{
	width:100%;
}
@media(min-width:576px){
}
@media(min-width:768px){
	.footer-menu-sub{
		width:33.33%;
	}
	.footer-menu-sub:nth-of-type(1){
		flex:1;
	}
	.footer-menu-sub:nth-of-type(2){
		order:4;
	}
	.footer-menu-sub:nth-of-type(3){
		order:2;
	}
	.footer-menu-sub:nth-of-type(4){
		order:5;
	}
	.footer-menu-sub:nth-of-type(5){
		order:8;
	}
	.footer-menu-sub:nth-of-type(6){
		order:11;
	}
	.footer-menu-sub:nth-of-type(7){
		order:14;
	}
	.footer-menu-sub:nth-of-type(8){
		order:17;
	}
	.footer-menu-sub:nth-of-type(9){
		order:20;
	}
	.footer-menu-sub:nth-of-type(10){
		order:7;
	}
	.footer-menu-sub:nth-of-type(11){
		order:10;
	}
	.footer-menu-sub:nth-of-type(12){
		order:13;
	}
	.footer-menu-sub:nth-of-type(13){
		order:16;
	}
	.footer-menu-sub:nth-of-type(14){
		order:19;
	}
	.footer-menu-sub:nth-of-type(15){
		order:3;
	}
	.footer-menu-sub:nth-of-type(16){
		order:6;
	}
	.footer-menu-sub:nth-of-type(17){
		order:9;
	}
	.footer-menu-sub:nth-of-type(18){
		order:12;
	}
	.footer-menu-sub:nth-of-type(19){
		order:15;
	}
	.footer-menu-sub:nth-of-type(20){
		order:18;
	}
	.footer-menu-sub:nth-of-type(21){
		order:21;
	}
}
@media(min-width:992px){
	.footer-menu-sub{
		width:25%;
	}
	.footer-menu-sub:nth-of-type(1){
		flex:1;
	}
	.footer-menu-sub:nth-of-type(2){
		order:2;
	}
	.footer-menu-sub:nth-of-type(3){
		order:5;
	}
	.footer-menu-sub:nth-of-type(4){
		order:9;
	}
	.footer-menu-sub:nth-of-type(5){
		order:13;
	}
	.footer-menu-sub:nth-of-type(6){
		order:17;
	}
	.footer-menu-sub:nth-of-type(7){
		order:10;
	}
	.footer-menu-sub:nth-of-type(8){
		order:14;
	}
	.footer-menu-sub:nth-of-type(9){
		order:18;
	}
	.footer-menu-sub:nth-of-type(10){
		order:6;
	}
	.footer-menu-sub:nth-of-type(11){
		order:3;
	}
	.footer-menu-sub:nth-of-type(12){
		order:7;
	}
	.footer-menu-sub:nth-of-type(13){
		order:11;
	}
	.footer-menu-sub:nth-of-type(14){
		order:21;
	}
	.footer-menu-sub:nth-of-type(15){
		order:4;
	}
	.footer-menu-sub:nth-of-type(16){
		order:8;
	}
	.footer-menu-sub:nth-of-type(17){
		order:12;
	}
	.footer-menu-sub:nth-of-type(18){
		order:16;
	}
	.footer-menu-sub:nth-of-type(19){
		order:15;
	}
	.footer-menu-sub:nth-of-type(20){
		order:19;
	}
	.footer-menu-sub:nth-of-type(21){
		order:20;
	}
}
/*******************************************/
/* Original Footer 						   */
/*******************************************/
.pc-ft-body .footerWidget{
	display:none;
}
.pc-ft-body{
	background:#fefefe;
}
.pc-ft-body .mb-footer{
	width:100%;
}
.pc-ft-body .mb-footer>ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.pc-ft-body .mb-footer>ul li{
	display:inline-block;
	width:33.333%;
	margin:0;
}
.pc-ft-body .mb-footer>ul li a{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	white-space: nowrap;
	padding:5px;
	border-bottom:solid 1px var(--bk-footer-before-bdcolor);
	border-right:solid 1px var(--bk-footer-before-bdcolor);
	transition:0.3s;
}
.pc-ft-body .mb-footer>ul li:first-of-type a{
	border-left:solid 1px var(--bk-footer-before-bdcolor);
}
.pc-ft-body .mb-footer>ul li:nth-of-type(3n+1) a{
	border-left:solid 1px var(--bk-footer-before-bdcolor);
}
.pc-ft-body .mb-footer>ul li a:hover{
	text-decoration:none;
	background:var(--bk-footer-before-hvcolor);
	color:#fff;
}
.pc-ft-body .sns{
	margin:0;
	padding:0;
	width:100%;
	height:34px;
	background:var(--main-color);
	list-style:none;
	display:flex;
	justify-content:center;
}
.pc-ft-body .sns>li{
	margin:0;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 5px;
}
.pc-ft-body .sns>li a{
	display:inline-block;
	line-height:1;
	transition:all 0.3s;
}
.pc-ft-body .sns>li a:hover{
	filter:brightness(1.1);
}
.pc-ft-body .sns>li a i{
	font-size:28px;
}
.pc-ft-body .sns>li .facebook i{
	color:#3B5998;
	background:#eee;
	border-radius:5px;
}
.pc-ft-body .sns>li .instagram{
	width:28px;
	height:28px;
	line-height:28px;
	position:relative;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow:hidden;
	border-radius:5px;
}
.pc-ft-body .sns>li .instagram:before{
	content:'';
	width:99%;
	height:100%;
	overflow:hidden;
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	position:absolute;
	top:0;
	left:0;
}
.pc-ft-body .sns>li .instagram i{
	width:100%;
	height:100%;
	color:#fff;
	position:relative;
	font-size:26px;
	top:1px;
	left:2px;
}
.pc-ft-body .sns>li .twitter i{
	color:#fff;
	background:#000;
	border-radius:5px;
}
.pc-ft-body .sns>li .youtube i{
	color:#c4302b;
	background:#eee;
	border-radius:5px;
}
.footer_mainNav{
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.footer_mainNav div{
	display:inline-block;
	width:50%;
}
.footer_mainNav div a{
	padding:5px;
	width:100%;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-bottom:solid 1px var(--bk-footer-before-bdcolor);
	border-right:solid 1px var(--bk-footer-before-bdcolor);
	text-decoration:none;
	transition:0.3s;
}
.footer_mainNav div a:hover{
	text-decoration:none;
	background:var(--bk-footer-before-hvcolor);
	color:#fff;
}
/* login logout */
.footer_mainNav div.rishun-mem_login-menu{
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:400;
	border-bottom: solid 1px var(--bk-footer-before-bdcolor);
    border-right: solid 1px var(--bk-footer-before-bdcolor);
	height:40px;
	transition:all 0.5s;
	padding:5px;
}
.footer_mainNav div.rishun-mem_login-menu:hover{
	text-decoration:none;
	background:var(--bk-footer-before-hvcolor);
	color:#fff;
	opacity:1;
}
.footer_mainNav div.rishun-mem_login-menu .menu_name{
	padding:0;
}
.siteFooter .logout-proc{
	width:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:400;
	border-bottom: solid 1px var(--bk-footer-before-bdcolor);
    border-right: solid 1px var(--bk-footer-before-bdcolor);
	height:40px;
	transition:all 0.5s;
	padding:5px;
	text-decoration:none;
}
.siteFooter .logout-proc:hover{
	text-decoration:none;
	background:var(--bk-footer-before-hvcolor);
	color:#fff;
	opacity:1;
}
/* footer corporate profile */
.corporateprofile{
	padding-top:20px;
	width:100%;
	background:var(--bk-footer-color);
	display:flex;
	flex-flow:row nowrap;
}
.corporateprofile .pict{
	display:inline-block;
	width:40%;
	background:transparent;
}
.corporateprofile .address{
	display:flex;
	align-items:center;
	width:60%;
	padding-left:5px;
}
.corporateprofile .address p{
	font-size:12px;
	color:#fff;
	margin:0;
}
.corporateprofile .address p a{
	display:block;
}
@media (min-width: 768px){
	.pc-ft-body{
		background:var(--bk-pcftbody-color);
	}
	.pc-ft-body .footerWidget{
		display:block;
		padding-bottom:0;
	}
	.pc-ft-body .mb-footer{
		display:none;
	}
	.siteFooter .pc-ft-body .menu li a{
		border-bottom:none;
		padding:3px 7px 2px 14px;
		white-space: nowrap;
		position:relative;
		transition:0.3s;
		color:var(--pc-footer-font-color);
	}
	.siteFooter .pc-ft-body .menu li a:before{
		content: "\f0da";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		-moz-osx-font-smoothing: grayscale;
	    -webkit-font-smoothing: antialiased;
    	display: inline-block;
    	font-style: normal;
    	font-variant: normal;
    	text-rendering: auto;
    	line-height: 1;
		position:absolute;
		top:50%;
		left:5px;
		transform:translateY(-50%);
	}
	.siteFooter .pc-ft-body .menu .sub-menu li a{
		position:relative;
		padding-left:30px;
	}
	.siteFooter .pc-ft-body .menu .sub-menu li a:before{
		left:20px;
		color:var(--bk-footer-submenu-color);
	}
	.siteFooter .pc-ft-body .menu li a:hover{
		background:var(--bk-footer-before-hvcolor);
	}
	/* 一旦OFF */
	.pc-ft-body .sns{
		justify-content:flex-end;
		background:transparent;
		padding-right:calc((100% - 720px) / 2 );
	}
	.footer_mainNav{
		padding-top:20px;
		border-top:1px solid var(--bk-footer-before-bdcolor);
		max-width:720px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:20px;
	}
	.footer_mainNav div{
		display:inline-block;
		width:auto;
	}
	.footer_mainNav div a{
		display:flex;
		border:none;
		font-size:14px;
		color:#fff;
		margin-right:20px;
	}
	.footer_mainNav div a:hover{
		text-decoration: underline;
	}
	/* login logout */
	.footer_mainNav div.rishun-mem_login-menu{
		border:none;
		font-size:14px;
		color:#fff;
	}
	.footer_mainNav div.rishun-mem_login-menu:hover{
		text-decoration:underline;
	}
	.siteFooter .logout-proc{
		display:inline-block;
		width:auto;
		border:none;
		font-size:14px;
		color:#fff;
	}
	.siteFooter .logout-proc:hover .menu_name{
		text-decoration:underline;
		text-decoration-color: #fff;
	}
	/* footer corporate profile*/
	.corporateprofile{
		padding-top:20px;
		width:100%;
		background:var(--bk-footer-color);
		display:flex;
		flex-flow:row nowrap;
	}
	.corporateprofile .pict{
		display:inline-block;
		width:100px;
	}
	.corporateprofile .address{
		display:flex;
		width:auto;
		justify-content:flex-start;
		align-items:center;
	}
	.corporateprofile .address p{
		font-size:12px;
		white-space:nowrap;
	}
	.corporateprofile .address p a{
		display:inline;
	}
}
@media (min-width: 992px){
	.footer_mainNav{
		max-width:960px;
	}
	/* 一旦OFF */
	.pc-ft-body .sns{
		justify-content:flex-end;
		background:transparent;
		padding-right:calc((100% - 940px) / 2 );
	}
}
@media (min-width: 1200px){
	.footer_mainNav{
		max-width:1140px;
	}
	/* 一旦OFF */
	.pc-ft-body .sns{
		justify-content:flex-end;
		background:transparent;
		padding-right:calc((100% - 1140px) / 2 );
	}
}
/*******************************************/
/* 企業理念									*/
/*******************************************/
.mission-sec{
	width:100%;
}
.mission-data{
	padding:2em 0;
}
.mission-title{
	margin:0;
	border:0;
	padding:0;
	font-size:1em;
	text-align:center;
	line-height:3.0em;
}
.mission-title span{
	font-family: 'Great Vibes', cursive;
	font-size:2.5em;
	color:#999999;
}
.mission-subtitle{
	font-family: 'Noto Serif JP', serif;
	font-size:1.8em;
	text-align:center;
	line-height:1.5em;
	position:relative;
	top:-20px;
}
.mission-subtitle span{
	color:#6495ED;
}
@media(min-width:576px){
	.mission-data{
		max-width:540px;
		margin:0 auto;
	}	
}
@media(min-width:768px){
	.mission-data{
		max-width:720px;
	}	
}
@media(min-width:992px){
	.mission-data{
		max-width:960px;
	}	
}
@media(min-width:1200px){
	.mission-data{
		max-width:1140px;
	}	
}
/*******************************************/
/* 会社概要									*/
/*******************************************/
.company-sec{
	width:100%;
}
.company-data{
	padding:2em 0;
}
.company-title{
	margin:0;
	border:0;
	padding:0;
	font-size:1em;
	text-align:center;
	line-height:3.0em;
}
.company-title span{
	font-family: 'Great Vibes', cursive;
	font-size:2.5em;
	color:#999999;
}
.company-subtitle{
	font-family: 'Noto Serif JP', serif;
	font-size:1.8em;
	text-align:center;
	line-height:1.5em;
	position:relative;
	top:-20px;
}
.company-subtitle span{
	color:#6495ED;
}
/* company table */
.main_company{
	display:block;
	width:100%;
	border:none;
}
.main_company>tbody{
	display:block;
	width:100%;
}
.main_company tr{
	display:block;
	width:100%;
	margin-bottom:20px;
}
.main_company th{
	padding:8px 16px;
	display:block;
	width:100%;
	background:var(--main-color);
	border:solid 1px var(--main-color);
	color:#fff;
}
.main_company td{
	padding:8px 16px;
	display:block;
	width:100%;
	border-left:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
}
.main_company td span.mail-img{
	display:inline-block;
	max-width:180px;
}
.sub_company_2 p{
	font-size:14px;
}
.companyline{
	display:block;
}
.sub_company_2 .fax{
	pointer-events:none;
	color:var(--text-color);
}
.office-wrap{
	margin-top:20px;
}
.office-wrap p{
	margin-bottom:0;
}
.office-wrap p a{
	display:inline-block;
	transition:all 0.3s;
	position:relative;
}
.office-wrap p a:after{
	content:'';
	width:0;
	height:2px;
	background:var(--main-color);
	position:absolute;
	bottom:0;
	left:0;
	transition:all 0.3s;
}
.office-wrap p a:hover{
	opacity:0.8;
	text-decoration:none;
}
.office-wrap p a:hover:after{
	width:100%;
}
.office-wrap strong{
	display:block;
	position:relative;
	padding-left:8px;
	margin-bottom:8px;
}
.office-wrap strong:after{
	content:'';
	width:3px;
	height:80%;
	background:var(--main-color);
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.office-wrap:last-of-type{
	margin-bottom:20px;
}
.office-wrap p .accessmaplink{
	display:inline-block;
	margin-left:20px;
	position:relative;
	padding-left:16px;
	text-decoration:none;
}
.office-wrap p .accessmaplink:before{
	content:'▼';
	display:inline-block;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	transition:all 0.3s;
}
/* 2026/1/3 */
.main_company td .kindlebooks-sec{
	margin:0;
	padding:0;
}
.main_company td .kindlebooks-wrap{
	padding:0;
}
.main_company td .kindlebooks-wrap a:before{
	content:none;
}
.main_company td .kindlebooks-wrap a:after{
	content:none;
}
.main_company td .kindlebooks-wrap a{
	display:flex;
	flex-flow:row nowrap;
	justify-content: space-between;
}
.main_company td .kindlebooks-wrap picture{
	order:2;
	width:60px;
	margin:0;
	max-width:unset;
}
.main_company td .kindlebooks-wrap div.booktitle{
	order:1;
	text-align:left;
	white-space:nowrap;
	display:flex;
	align-items:center;
}
@media(min-width:576px){
	.company-data{
		max-width:540px;
		margin:0 auto;
	}
}
@media(min-width:768px){
	.company-data{
		max-width:720px;
	}
	.main_company{
		display: table;
	}
	.main_company>tbody{
		display: table-row-group;
	}
	.main_company tr{
		display: table-row;
	}
	.main_company th{
		display: table-cell;
		padding:8px 16px;
		width:40%;
		border-bottom:solid 1px rgba(255,255,255,0.3);
	}
	.main_company td{
		display: table-cell;
		padding:8px 16px;
		width:60%;
		border-top:solid 1px var(--border-color);
		border-bottom:none;
		border-left:none;
	}
	.main_company tr:last-of-type th{
		border-bottom:solid 1px var(--main-color);
	}
	.main_company tr:last-of-type td{
		border-bottom:solid 1px var(--border-color);
	}
	.main_company th, .main_company td{
		font-size:16px;
	}
	.sub_company p{
		font-size:16px;
	}
	.sub_company_2 .tel{
		pointer-events:none;
		color:var(--text-color);
	}
	.office-wrap p{
		line-height:1.4;
	}
	.office-wrap:first-of-type{
		margin-top:8px;
	}
	.office-wrap:last-of-type{
		margin-bottom:8px;
	}
	.office-wrap strong{
		padding:0;
		margin-bottom:4px;
	}
	.office-wrap strong:after{
		content:none;
	}
}
@media(min-width:992px){
	.company-data{
		max-width:960px;
	}
	.main_company th{
		padding-left:20px;
		width:30%;
	}
	.main_company td{
		width:70%;
	}
	.companyline{
		display:none;
	}
	/* 2026/1/3 add */
	.main_company td #kindlebooks-sp{
		display:block;
	}
	.main_company td .kindlebooks-wrap a{
		justify-content: flex-start;
	}
	.main_company td .kindlebooks-wrap picture{
		margin-left:20px;
	}
	.main_company td .booktitle{
		letter-spacing:0.1em;
	}
	.main_company td .booktitle span{
		display:inline-block;
	}
	.main_company td .kindlebooks-wrap picture{
		width:80px;
	}
}
@media(min-width:1200px){
	.company-data{
		max-width:1140px;
	}
	.main_company th{
		padding-left:30px;
		width:30%;
	}
	.main_company td{
		width:70%;
	}
}
/*******************************************/
/* Access								   */
/*******************************************/
.access-wrap{
	width:100%;
}
.access-wrap p{
	font-size:14px;
}
.access-wrap h3{
	border:none;
	font-size:20px;
	font-weight:400;
	padding-bottom:0;
	margin-bottom:20px;
}
.access-wrap h3:after{
	content:none;
}
.dl-office{
	margin:0 0 40px 0;
	padding:0;
	border:0;
	width:100%;
	display:flex;
	flex-flow:row wrap;
}
.dl-office>dt{
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:100%;
	display:block;
}
.dl-office>dd{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	display:block;
}
.dl-office>dd .desc p{
	margin:0;
	line-height:1.7;
}
.dl-office>dd .desc p.train i {
	margin-right:8px;
}
.access-wrap .map{
	position:relative;
	width:100%;
	padding-top:100%;
	overflow:hidden;
}
.access-wrap .map iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
@media(min-width:768px){
	.access-wrap p{
		font-size:16px;
	}
	.dl-office>dt{
		display:inline-block;
		width:50%;
		margin:0;
		order:2;
	}
	.dl-office>dd{
		display:inline-block;
		width:50%;
		order:1;
	}
	.dl-office>dt .pict img{
		aspect-ratio: 6/3;
		object-fit:cover;
	}
	.access-wrap .map{
		padding-top:50%;
	}
}
@media(min-width:992px){
	.access-wrap .map{
		padding-top:400px;
	}
}
/****************************************************************************/
/* Original page Header														*/
/****************************************************************************/
.page-header{
	display:none;
}
/* pattern 1 */
.webdesign-pgheader{
	background:#337ab7 url('./img/head-webdesign01.png') no-repeat;
	background-size:cover;
	background-position:center center;
	height:var(--pageheader-size);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.subpage-pgheader .container{
	text-align:center;
}
.pheader_ttl{
	font-size:21px;
	line-height:1.2;
    color: #333;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:0;
	text-align:center;
	background:transparent;
	text-shadow:1px 0 3px rgba(255,255,255,0.9),
	0 1px 3px rgba(255,255,255,0.9),
	1px 1px 3px rgba(255,255,255,0.9),
	-1px 0 3px rgba(255,255,255,0.9),
	-1px 1px 3px rgba(255,255,255,0.9),
	0 -1px 3px rgba(255,255,255,0.9),
	-1px -1px 3px rgba(255,255,255,0.9),
	1px -1px 3px rgba(255,255,255,0.9);
	padding: 16px 8px;
	border-radius:10px;
}
.pheader_ttl span{
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f0be4e), color-stop(80%, #dd640c));
	background: linear-gradient(90deg, #f0be4e 20%, #dd640c 80%);
	-webkit-background-clip: text;
	background-clip: text;
	color:transparent;
	font-size:18px;
	line-height:1.2;
	letter-spacing: -1px;
	position:relative;
	font-weight:bold!important;
	text-shadow: none;
	display:table;
	margin:0 auto;
}
/* pattern2 */
.subpage-header{
	background:url('./img/head-usecase01.png') center center/cover no-repeat #337ab7;
	height:var(--pageheader-size);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.post-name-import_business .subpage-header{
	background:url('./img/head-exhibit01.png') center center/cover no-repeat #337ab7;
}
.post-name-e-pause_article .subpage-header{
	background:url('./img/head-epuase.png') center center/cover no-repeat #337ab7;
}
.post-name-exhibition .subpage-header{
	background:url('./img/head-exhibit01.png') center center/cover no-repeat #337ab7;
}
.post-name-website_design .subpage-header{
	background:url('./img/head-webdesign01.png') center center/cover no-repeat #337ab7;
}
.post-name-area .subpage-header{
	background:url('./img/head-webdesign01.png') center center/cover no-repeat #337ab7;
}
.post-name-casestudy .subpage-header{
	background:url('./img/head-usecase01.png') center center/cover no-repeat #337ab7;
}
.post-name-estimate-web .subpage-header{
	background:url('./img/head-webdesign01.png') center center/cover no-repeat #337ab7;
}
.post-name-applytoweb .subpage-header{
	background:url('./img/head-webdesign01.png') center center/cover no-repeat #337ab7;
}
.post-name-itservice_business .subpage-header{
	background:url('./img/head-others01.png') center center/cover no-repeat #337ab7;
}
.post-name-company .subpage-header{
	background:url('./img/head-company01.png') center center/cover no-repeat #337ab7;
}
.post-name-announcement .subpage-header{
	background:url('./img/head-info01.png') center center/cover no-repeat #337ab7;
}
.post-name-contact .subpage-header{
	background:url('./img/head-contact01.png') center center/cover no-repeat #337ab7;
}
.post-name-privacy-policy .subpage-header{
	background:url('./img/head-privacy01.png') center center/cover no-repeat #337ab7;
}
.post-type-pressrelease .subpage-header{
	background:url('./img/head-press01.png') center center/cover no-repeat #337ab7;
}
.post-type-info .subpage-header{
	background:url('./img/head-article01.png') center center/cover no-repeat #337ab7;
}
.post-type-blog .subpage-header{
	background:url('./img/head-blog01.png') center center/cover no-repeat #337ab7;
}
.tax-tax_article_type .subpage-header{
	background:url('./img/head-blog01.png') center center/cover no-repeat #337ab7;
}
@media (min-width:576px){
	.pheader_ttl{
		color:#fff;
		text-align:left;
		background:transparent;
		text-shadow:none;
	}

	.pheader_ttl span{
/*		background:linear-gradient(to right, #b4aa94, #a59576,#cfc5b0);*/
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f0be4e), color-stop(80%, #dd640c));
    	background: linear-gradient(90deg, #f0be4e 20%, #dd640c 80%);
		-webkit-background-clip: text;
		background-clip: text;
		color:transparent;
		margin:0 auto 0 0;
	}
}
@media (min-width:768px){
	.webdesign-pgheader{
		height:var(--pageheader-size2);
	}
	.subpage-header{
		height:var(--pageheader-size2);
	}
	.pheader_ttl{
		font-size:25px;
	}
	.pheader_ttl span{
		font-size:18px;
	}
}
@media (min-width:992px){
	.webdesign-pgheader{
		height:var(--pageheader-size3);
	}
	.subpage-header{
		height:var(--pageheader-size3);
	}
	.pheader_ttl{
		font-size:30px;
	}
	.pheader_ttl span{
		font-size:20px;
	}
}
@media (min-width:1200px){
	.webdesign-pgheader{
		height:var(--pageheader-size4);
	}
	.subpage-header{
		height:var(--pageheader-size4);
	}
}
/* pattern 2 js switch page-header */
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
	font-size:1em;
}
.org-pageheader{
	text-align:center;
	padding:1em 0.5em;
	background:rgba(255,255,255,0.6);
	border-radius:10px;
}
.org-pageheader p{
	font-size:1.5em;
	line-height:1.2em;
    color: black;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:0;
}
.page-header_pageSubTitle p{
	font-family: 'Great Vibes', cursive!important;
/*	color:gold!important;*/
	background:linear-gradient(to right, #ad852f, #966d1b,#c9ae75);
	-webkit-background-clip: text;
	background-clip: text;
	color:transparent!important;
	font-size:2.0em!important;
	position:relative;
	font-weight:bold!important;
}
@media (min-width:576px){
	.org-pageheader{
		text-align:left;
		background:transparent;
	}
	.org-pageheader p{
		color:white;
	}
	.page-header_pageSubTitle p{
		background:linear-gradient(to right, #b4aa94, #a59576,#cfc5b0);
		-webkit-background-clip: text;
		background-clip: text;
		color:transparent!important;
		}
}
@media (min-width:768px){
	.page-header_pageTitle, h1.page-header_pageTitle:first-child {
		margin:2.5em 0;
	}
	.org-pageheader p{
		font-size:1.8em;
	}
	.page-header_pageSubTitle p{
		font-size:2.2em!important;
	}
}
@media (min-width:992px){
	.page-header_pageTitle, h1.page-header_pageTitle:first-child {
		margin:3em 0;
	}
}
@media (min-width:1200px){
	.page-header_pageTitle, h1.page-header_pageTitle:first-child {
		margin:4em 0;
	}
}
/*********************/
/* slick			 */
/*********************/
.slider{
	margin:0 auto;
	width:100%;
	padding:0;
}
.slider a:hover{
	text-decoration:none;
	color:initial;
}
.slider img{
	width:100%;
	height:auto;
	padding:0 0.5em;
}
.slick-prev:before,
.slick-next:before {
	color:#000;
}
.slider-name{
	text-align:center;
	color:darkorange;
	font-weight:bold!important;
}
/*********************/
.offer-link a{
	display:table;
	font-weight:bold!important;
	color:#212529;
}
.offer-link a:hover{
	text-decoration:none;
	color:#1b95e0;
	opacity:0.6;
}
/************************************************************/
/* page	format												*/
/************************************************************/
/* default page */
.page-template-default .container{
	padding-left:0;
	padding-right:0;
}
.page-template-default article.type-page{
	padding:0 15px 0 15px;
	background: #fff;
}
/* consulting contract page */
.post-name-consulting .container, .post-name-mainte-success .container, .post-name-mainte-cancel .container, .post-name-support_moresite .container{
	padding-left:0;
	padding-right:0;
}
.post-name-consulting article.type-page, .post-name-mainte-success article.type-page, .post-name-mainte-cancel article.type-page, .post-name-support_moresite article.type-page{
	padding:0 15px 0 15px;
	background: #fff;
}
/* support contract page */
.post-name-support .container, .post-name-mainte-success .container, .post-name-mainte-cancel .container, .post-name-support_moresite .container{
	padding-left:0;
	padding-right:0;
}
.post-name-support article.type-page, .post-name-mainte-success article.type-page, .post-name-mainte-cancel article.type-page, .post-name-support_moresite article.type-page{
	padding:0 15px 0 15px;
	background: #fff;
}
/* update contract page */
.post-name-update .container, .post-name-checkout-success .container, .post-name-checkout-cancel .container{
	padding-left:0;
	padding-right:0;
}
.post-name-update article.type-page, .post-name-checkout-success article.type-page, .post-name-checkout-cancel article.type-page{
	padding:0 15px 0 15px;
	background: #fff;
}
/* ヨーロッパ輸入品販売 page */
.post-name-import_business .container{
	padding-left:0;
	padding-right:0;
}
.post-name-import_business article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* e-pauseの詳細 page */
.post-name-e-pause_article .container{
	padding-left:0;
	padding-right:0;
}
.post-name-e-pause_article article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 展示会への出展 page */
.post-name-exhibition .container{
	padding-left:0;
	padding-right:0;
}
.post-name-exhibition article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 全てお任せ！ホームページ制作 page */
.post-name-website_design .container{
	padding-left:0;
	padding-right:0;
}
.post-name-website_design article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 導入事例 page */
.post-name-casestudy .container{
	padding-left:0;
	padding-right:0;
}
.post-name-casestudy article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 全てお任せ！ホームページ制作のお申し込み */
.post-name-applytoweb .container{
	padding-left:0;
	padding-right:0;
}
.post-name-applytoweb article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* Webサイト制作の個別お見積り */
.post-name-estimate-web .container{
	padding-left:0;
	padding-right:0;
}
.post-name-estimate-web article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* ITサービス */
.post-name-itservice_business .container{
	padding-left:0;
	padding-right:0;
}
.post-name-itservice_business article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 会社案内 */
.post-name-company .container{
	padding-left:0;
	padding-right:0;
}
.post-name-company article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* トピックス */
.post-name-announcement .container{
	padding-left:0;
	padding-right:0;
}
.post-name-announcement article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* お問い合わせ */
.post-name-contact .container{
	padding-left:0;
	padding-right:0;
}
.post-name-contact article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 個人情報保護方針 */
.post-name-privacy-policy .container{
	padding-left:0;
	padding-right:0;
}
.post-name-privacy-policy article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 特定商取引法に基づく表記 */
.post-name-businessrule .container{
	padding-left:0;
	padding-right:0;
}
.post-name-businessrule article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 会員専用サイト */
.post-name-membersite .container{
	padding-left:0;
	padding-right:0;
}
.post-name-membersite article.type-page{
	padding:20px 15px 20px 15px;
	background: #fff;
}
/* 人気記事のサイト */
.post-name-mostpopular .container{
	padding-left:0;
	padding-right:0;
}
.post-name-mostpopular article.type-page{
	padding:20px 0 20px 0;
	background: #fff;
}
/* ブログのカテゴリページ */
.tax-tax_article_type .mainSection{
	padding:20px 0 20px 0;
	background:#fff;
}
@media(min-width:576px){
	/* default page */
	.page-template-default .container{
		padding-left:15px;
		padding-right:15px;
	}
	.page-template-default article.type-page{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* support contract page */
	.post-name-consulting .container, .post-name-mainte-success .container, .post-name-mainte-cancel .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-consulting article.type-page, .post-name-mainte-success article.type-page, .post-name-mainte-cancel article.type-page{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-bottom:20px;
		border-radius:10px;
	}
	/* support contract page */
	.post-name-support .container, .post-name-mainte-success .container, .post-name-mainte-cancel .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-support article.type-page, .post-name-mainte-success article.type-page, .post-name-mainte-cancel article.type-page{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-bottom:20px;
		border-radius:10px;
	}
	/* update contract page */
	.post-name-update .container, .post-name-checkout-success .container, .post-name-checkout-cancel .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-update article.type-page, .post-name-checkout-success article.type-page, .post-name-checkout-cancel article.type-page{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-bottom:20px;
		border-radius:10px;
	}
	/* ヨーロッパ輸入品販売 page */
	.post-name-import_business .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-import_business article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* e-pauseの詳細 page */
	.post-name-e-pause_article .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-e-pause_article article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 展示会への出展 page */
	.post-name-exhibition .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-exhibition article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 全てお任せ！ホームページ制作 page */
	.post-name-website_design .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-website_design article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 導入事例 page */
	.post-name-casestudy .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-casestudy article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 全てお任せ！ホームページ制作のお申し込み page */
	.post-name-applytoweb .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-applytoweb article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* Webサイト制作の個別お見積り page */
	.post-name-estimate-web .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-estimate-web article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* ITサービス page */
	.post-name-itservice_business .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-itservice_business article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 会社案内 */
	.post-name-company .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-company article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* トピックス */
	.post-name-announcement .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-announcement article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* お問い合わせ */
	.post-name-contact .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-contact article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 個人情報保護方針 */
	.post-name-privacy-policy .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-privacy-policy article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 特定商取引法に基づく表記 */
	.post-name-businessrule .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-businessrule article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* 会員専用サイト */
	.post-name-membersite .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-membersite article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}

	/* 人気記事のサイト */
	.post-name-mostpopular .container{
		padding-left:15px;
		padding-right:15px;
	}
	.post-name-mostpopular article.type-page{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
	/* ブログのカテゴリページ */
	.tax-tax_article_type .mainSection{
		margin:20px 0;
		border-radius:10px;
		overflow:hidden;
		padding:40px 0 0 0;
		background:#fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	}
}
/**********************************************************/
/* Top Page												　*/
/**********************************************************/
/* heading */
.h2ttltop{
	margin:0;
	padding:0;
	border:0;
	color: var(--word-color2);
	text-align:center;
	line-height:1;
	margin-bottom:20px;
}
.h2ttltop .en{
	font-family: "EB Garamond","Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN",Meiryo,serif;	font-size: 23px;
	margin-bottom: 18px;
	line-height:1;
	font-size: 24px;
}
.h2ttltop .jp{
	border:0;
	font-size:12px;
    position: relative;
	padding-right: 12px;
	display:block;
	line-height:1;
}
.details{
	width:calc(100% - 30px);
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
}
.details-wrap{
	width:100%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
.details-wrap p{
	color:#fff;
}
@media(min-width:768px){
	.h2ttltop .en{
		font-size: 28px;
	}
	.h2ttltop .jp{
		font-size:16px;
	}
}
/* parallax control */
.bkset {
	box-sizing: border-box;
	font-size: 16px;;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 5% 10px;
}
.cd-fixed-bg {
	position: relative;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 2;
}
.import-biz-img{
	background:url('./img/main01.jpg') center center no-repeat;
	background-size:cover;
}
.webdesign-biz-img{
	background:url('./img/main02.jpg') center center no-repeat;
	background-size:cover;
}
.itservice-biz-img{
	background:url('./img/main03.jpg') center center no-repeat;
	background-size:cover;
}
.cd-bk-height{
	height: auto;
}
.inner-frm{
	width:100%;
	display:block;
}
.service-wrap{
	width:100%;
}
.service-wrap .h2ttltop .en{
	color:#fff;
}
/**********************************************************/
/* for reCAPTCHA										  */
/**********************************************************/
.grecaptcha-badge{
	z-index:99999;
}
/**********************************************************/
/* topslide												  */
/**********************************************************/
/************************************************************/
/* top slide												*/
/************************************************************/
.topslide-sec{
	display:block;
	position:relative;
	top:0;						/* Insertpageを使うため backgroundのimageと合わせる*/
	left:0;
	width:100vw;
	margin-bottom:40px;
}
.topslide-data{
	width:100%;
}
.carousel-inner{
	height:auto;
}
.carousel-caption{
	top:50%;
	bottom:auto;
	transform:translateY(-50%);
	right:10%;
	left:10%;
}
.catch{
	display:flex;
	justify-content: center;
	align-items:center;
}
.catch-left{
	justify-content: flex-start;
}
.catch-right{
	justify-content: flex-end;
}
.catch>div{
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;

	display:table;
}
.catchline{
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.catch>div>p{
	display:table;
	text-align:left;
	color:#fff;
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", serif;*/
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	/* 右 下 右下 左 左下 上 左上 右上*/
	text-shadow:1px 0 3px rgba(0,0,0,1),
				0 1px 3px rgba(0,0,0,1),
				1px 1px 3px rgba(0,0,0,1),
				-1px 0 3px rgba(0,0,0,1),
				-1px 1px 3px rgba(0,0,0,1),
				0 -1px 3px rgba(0,0,0,1),
				-1px -1px 3px rgba(0,0,0,1),
				1px -1px 3px rgba(0,0,0,1);
}
.carousel-item img{
	width:100%;
/*	height:calc(50vh - 72px);*/
	height:auto;
	vertical-align:text-bottom;
/*	object-fit: cover;
	object-position:center center;
*/
}
/* original */
.mini-content-container-1 .btn{
	color:#ffffff;
	text-shadow:0 0 2px #fff;
	background:transparent;
	transition: .3s;
	border-color:#ffffff;
	box-shadow:0 0 2px #fff;
}
.mini-content-container-1 .btn:hover{
	color:#fff;
	background-color:#337ab7;
	border-color:#337ab7;
}
.mini-content-container-2 .btn{
	color:#ffffff;
	text-shadow:0 0 2px #eded00;
	background:transparent;
	transition: .3s;
	border-color:#ffffff;
	box-shadow:0 0 2px #eded00;
}
.mini-content-container-2 .btn:hover{
	color:#fff;
	background-color:#337ab7;
	border-color:#337ab7;
}
.mini-content-container-3 .btn{
	color:#ffffff;
	background:transparent;
	transition: .3s;
	border-color:#ffffff;
}
.mini-content-container-3 .btn:hover{
	color:#fff;
	background-color:#337ab7;
	border-color:#337ab7;
}
.slide-text-title{
	color:#ffffff;
	text-shadow:0 0 2px #fff
}
.slide-text-caption{
	color:#ffffff;
	text-shadow:0 0 2px #fff
}
@media (min-width: 576px){
	.topslide-sec{
		margin-bottom:0;
	}
	.catch>div>p{
		font-size:1.1em;
	}
}
@media (min-width: 768px){
	.catch>div>p{
		font-size:1.2em;
	}
}
@media (min-width: 992px){
	.catch>div>p{
		font-size:1.5em;
	}
}
/**********************************************************/
/* PayPal checkout success								  */
/**********************************************************/
.checkout{
	padding:2em 0;
}
.checkout>p:first-of-type{
	margin-bottom:0;
}
@media(min-width:768px){
	.checkout p{
		text-align:center;
	}
}
/**********************************************************/
/* Web design usecase page								  */
/**********************************************************/
.webdesignSection{
	padding:0 10px 40px 10px;
}
/**********************************************************/
/* Web design usecase page								  */
/**********************************************************/
.post-type-usecase .usecase-sec{
	margin-top:20px;
	padding: 20px 15px 20px 15px;
	background:#fff;
	border-radius: 10px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	margin-bottom:20px;
}
.usecase-sec>div{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
/************************************************************/
/* common page etc											*/
/************************************************************/
.contains-frm{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0 10px;
}
.after-contains-frm{
	width:100%;
	margin-bottom:40px;
}
.after-contains-frm p{
	font-size:16px;
	font-weight:bold;
}
.contains-wrap{
	width:100%;
	padding-bottom:40px;
}
.aftertitle{
	line-height:1.7;
	text-align:left;
	font-size:16px;
	color:#543E29;
}
.braftertitle{
	display:none;
}
.contains-area{
	width:100%;
	padding:0 15px;
}
.contains{
	width:100%;
	padding:10px;
}
.contains p{
	font-size:16px;
	line-height:1.7;
	margin-bottom:8px;
}
/* 2block */
.contains-main{
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.contains-sub{
	display:block;
	width:100%;
}
.contains-img{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
@media (min-width: 576px){
	.contains-frm{
		max-width:540px;
	}
}
@media (min-width: 768px){
	.contains-frm{
		max-width:720px;
	}
	.aftertitle{
		text-align:center;
	}
	.braftertitle{
		display:block;
	}
	.after-contains-frm{
		margin-bottom:50px;
	}	
	.contains-sub:first-of-type{
		flex:0 0 50%;
		order:2;
	}
	.contains-sub:nth-of-type(2){
		flex:0 0 50%;
		order:1;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.contains{
		padding-top:0;
		padding-bottom:0;
	}
}
@media (min-width: 992px){
	.contains-frm{
		max-width:960px;
	}
	.after-contains-frm p{
		font-size:18px;
	}
}
@media (min-width: 1200px){
	.contains-frm{
		max-width:1140px;
	}
}
@media (min-width: 1400px){
	.contains-frm{
		max-width:1310px;
	}
}
/**********************************************************/
/* Web design top page (page header)					  */
/**********************************************************/
.hpdesign-sec{
	width:100vw;
	padding-top:66.666%;
	background:url('./img/main02_phone.jpg') no-repeat center/cover;
	position:relative;
}
.hpdesign-frm{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;	
}
.hpdesign-wrap{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.h1ttlcatch{
	display:inline-block;
	color:#fff;
	font-size:16px;
	line-height:1.4;
	transform:translateX(-200px);
	border-top:solid 2px #6495ED;
	border-bottom:solid 1px rgba(255,255,255, 0.6);
	padding:10px;

	opacity: 0;
	-webkit-animation: fadeIn 10s ease 0s infinite;
	animation: fadeIn 10s ease 0s infinite;
}
.line_maker{
	display:inline-block;
	position:relative;
	background: url(./img/line-yellow.png) left repeat-x;
    background-position: 55% 120%;
	color:yellow;
	font-size:1.2em;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 0;
		transform: translateX(200px);
	}
	20% {
		opacity: 1;
		transform: translateX(0);
	}
	90% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(0);
		transform: translateX(-200px);
	}
}
@media(min-width:576px){
	.h1ttlcatch{
		font-size:3.0vw;
	}
}
@media(min-width:768px){
	.hpdesign-sec{
		width:100vw;
		padding-top:31.58%;
		background:url('./img/main02.jpg') no-repeat center/cover;
		position:relative;
	}
	.h1ttlcatch{
		font-size:2.5vw;
	}
	.line_maker{
		display:inline-block;
		position:relative;
		background: url(./img/line-yellow.png) left repeat-x;
		background-position: 55% 110%;
		color:yellow;
		font-size:1.2em;
	}
}
@media(min-width:992px){
	.h1ttlcatch{
		font-size:30px;
	}
	.line_maker{
		display:inline-block;
		position:relative;
		background: url(./img/line-yellow.png) left repeat-x;
		background-position: 55% 100%;
		color:yellow;
		font-size:1.2em;
	}
}
/**********************************************************/
/* Web design top page (page body)						  */
/**********************************************************/
.webdesign-sec{
	width:100vw;
	padding:40px 0;
}
.ulwebdesign{
	width:100%;
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.ulwebdesign>li{
	display:block;
	width:100%;
	font-size:16px;
	margin-bottom:0;
}
.ulwebdesign>li h3{
	border:none;
	position:relative;
	margin:20px 0 10px 0;
	padding:0 0 0 30px;
	text-align:left;
	font-size:20px;
	color:#6495ED;
	font-weight:bold;
}
.ulwebdesign>li h3:after{
	content:none;
}
.ulwebdesign>li:first-of-type h3{
	margin:10px 0 10px 0;
}
.ulwebdesign>li:first-of-type h3:before{
	content: "\f26c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.ulwebdesign>li:nth-of-type(2) h3:before{
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;	
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.ulwebdesign>li:last-of-type h3:before{
	content: "\f0ac";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.ulwebdesign>li p{
	font-size:16px;
	line-height:1.4;
	color:#666;
}
.webdesign-sec .contains-img{
	text-align:center;
}
.webdesign-sec .aftertitle p{
	margin-bottom: 0;
	line-height:1.2;
	text-align:left
}
.webdesign-sec .aftertitle{
	margin-bottom:40px;
}
/* slick slider */
.ulwebpoint{
	margin:0 auto;
	width:100%;
	padding:0;
}
.point-img{
	display:flex;
	justify-content:center;
	align-items:center;
	width:120px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
	border-radius:50%;
	background-color:#ebeb5f;
}
.point-img>img{
	width:80%;
	pointer-events: all;
}
.point-img>img:hover{
	transform:scale(1.1);
	transition-duration:0.3s;
}
.point-name{
	text-align:center;
	color:#333;
	font-weight:bold!important;
}
.note{
	font-size:14px;
	margin:0;
}
.webdesign-sec .contains-wrap{
	margin-bottom:0;
	padding-bottom:0;
}
.brprocess{
	display:none;
}
/* flow control */
.ultopflow{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
}
.ultopflow>li{
	margin:5px 0;
	display:block;
	width:100%;
}
.ultopflow>li:first-of-type{
	margin-top:10px;
}
.ultopflow>li:first-of-type .step{
	background:var(--step1-color);
}
.ultopflow>li:nth-of-type(2) .step{
	background:var(--step2-color);
}
.ultopflow>li:nth-of-type(3) .step{
	background:var(--step3-color);
}
.ultopflow>li:last-of-type .step{
	background:var(--step4-color);
}
.ultopflow-ch{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: center;
}
.ultopflow-ch>li:first-of-type{
	display:inline-block;
	width:15%;
	margin:0;
	padding:5px;
}
.ultopflow-ch>li:nth-of-type(2){
	display:inline-block;
	width:45%;
	margin:0;
}
.ultopflow-ch>li:last-of-type{
	display:block;
	width:40%;
	padding:10px;
	margin:0;
}
.ultopflow-ch>li .step{
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	border-radius:50%;
}
.ultopflow-ch>li .step>p{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	line-height:1;
	color:#fff;
}
.ultopflow-ch>li .step>p>span{
	display:block;
	font-size:20px;
}
.ultopflow-ch>li>img{
	background-color:#fff;
}
.ultopflow-ch>li .desc{
	font-size:14px;
	color:var(--main-color);
	line-height:1;
}
.ultopflow>li:first-of-type{
	margin-top:0
}
/* area */
.catchonline{
	margin:0;
}
.catchonline>p{
	margin:0;
}
.japanmap{
	width:100%;
}
.japanmap-img{
	width:100%;
	position:relative;
}
.mapcatch{
	margin:0;
	font-size:20px;
	line-height:1.4;
	padding:5px;
	border:solid 1px #dfdfdf;
	border-radius:5px;
	position:absolute;
	left:15%;
	top:40%;
	transform:translateY(-50%);
}
/* area list */
.japanarea{
	width:100%;
}
.area-list{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.area-list>li{
	display:block;
	margin:0;
	width:100%;
	padding:0 5px;
}
.h3ttlarea{
	border-top:solid 1px #226bf3;
	padding:5px 10px;
	margin:0 0 5px 0;
	font-size:18px;
	background:#bccdee;
}
.h3ttlarea:after{
	content:none;
}
.h3ttlarea>a{
	color:#333;
	transition:0.3s;
}
.h3ttlarea>a:hover{
	opacity:0.6;
}
/* area child list */
.area-child-list{
	margin:0;
	border:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.area-child-list>li{
	margin:0;
	padding:0;
	display:inline-block;
}
.h4ttlarea{
	border:0;
	padding:0;
	margin:0 0 5px 0;
	font-size:16px;
}
.h4ttlarea>a{
	padding:0 5px;
	transition:0.3s;
	color:#0358f5;
}
.h4ttlarea>a:hover{
	background:#bccdee;
	color:#222;
}
/* compare */
.tbl-compare{
	border-top:none;
}
.tbl-compare>thead>tr>th{
	background:#226bf3;
	color:white;
	border-right:solid 1px rgba(255,255,255,0.5);
	text-align:center;
	font-size:16px;
}
.tbl-compare>thead>tr>th:last-of-type{
	border-right-color:#226bf3;
}
.tbl-compare>thead{
	display:none;
}
.tbl-compare>tbody tr{
	display:block;
	margin-bottom:20px;
}
.tbl-compare>tbody th{
	display:block;
	width:100%;
}
.tbl-compare>tbody td{
	display:block;
	width:100%;
}
.tbl-compare>tbody th{
	padding:5px 0;
	border-top:solid 1px #84a9f0;
	border-left:solid 1px #84a9f0;
	border-right:solid 1px #84a9f0;
	background:#c2ebf7;
	text-align:center;
	font-size:16px;
}
.tbl-compare>tbody td{
	padding:5px 0;
	border-top:solid 1px #84a9f0;
	border-left:solid 1px #84a9f0;
	border-right:solid 1px #84a9f0;
	background:#f8fafc;
	text-align:left;
	font-size:16px;
	text-align:center;
}
.tbl-compare>tbody td:last-of-type{
	border-bottom:solid 1px #84a9f0;
}
.comparettl{
	font-weight:700;
}
/* application */
.application-form{
	width:100%;
}
.application-form h3{
	text-align:center;
	border:none;
	padding:0;
	margin:0 0 20px 0;
	font-family: 'Noto Serif JP', serif;
	color:#333;
	font-size:18px;
}
.application-form h3>span{
	display:block;
	color: #6495ED;
	font-size:20px;
}
.application-form h3:after{
	border:none;
}
.application-btn{
	width:100%;
}
.application-btn>a{
	width:100%;
	display:block;
	border-radius:10px;
	background-color:#007bff;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:15px 0;
	max-width:370px;
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
}
.application-btn>a:first-of-type{
	margin-bottom:10px;
}
.application-btn>a:hover{
	text-decoration:none;
	filter:brightness(1.2);
}
@media(min-width:576px){
	.ultopflow-ch>li .step{
		width:60px;
		height:60px;
	}
	.ultopflow-ch>li .step>p{
		font-size:14px;
	}
	.ultopflow-ch>li .step>p>span{
		font-size:24px;
	}
	.ultopflow-ch>li .desc{
		font-size:16px;
	}
}
@media(min-width:768px){
	.ulwebdesign>li{
		margin:20px 0 0 0;
		width:33.333%;
		display:inline-block;
		padding:0 5px;
	}
	.ulwebdesign>li>h3{
		margin:10px 0 10px 0;
	}
	.ulwebdesign>li>p{
		padding:0 5px;
		margin-bottom:0;
	}
	/* parent ul */
	.ultopflow{
		align-items:flex-start;
	}
	.ultopflow>li{
		display:inline-block;
		width:25%;
		margin:0;
	}
	.ultopflow>li:first-of-type{
		margin:0;
	}
	.ultopflow>li:nth-of-type(3){
		margin:0;
	}
	/* child ul */
	.ultopflow-ch>li:first-of-type{
		display:block;
		width:100%;
	}
	.ultopflow-ch>li:nth-of-type(2){
		display:block;
		width:100%;
	}
	.ultopflow-ch>li:last-of-type{
		display:block;
		width:100%;
	}
	/* child ul div */
	.ultopflow-ch>li:first-of-type .step{
		width:100%;
		border-radius:0;
		position:relative;
	}
	.ultopflow-ch>li:first-of-type .step:after{
		content:'';
		display:inline-block;
		width:60px;
		height:60px;
		border-left:30px solid transparent;
		border-top:30px solid #fff;
		border-bottom:30px solid #fff;
		position:absolute;
		top:0;
		right:-30px;
	}
	.ultopflow-ch>li .step>p{
		font-size:24px;
	}
	.ultopflow-ch>li .step>p>span{
		display:inline-block;
	}
	/* child ul img */
	.ultopflow-ch>li>img{
		padding:5px;
	}
	/* area */
	.brjapanmap{
		display:none;
	}
	.japanmap-img{
		display:table;
		margin:0 auto;
		width:600px;
		position:relative;
	}
	.mapcatch{
		padding:10px 20px;
		left:0;
		top:40%;
		transform:translateY(-50%);
	}
	/* area */
	.area-list>li{
		width:50%;
		display:inline-block;
	}
	/* compare */
	.comparettl{
		display:none;
	}
	.tbl-compare>thead{
		display:table-header-group;
	}
	.tbl-compare>tbody tr{
		display:table-row;
		margin-bottom:0;
	}
	.tbl-compare>tbody th{
		display: table-cell;
		width:auto;
	}
	.tbl-compare>tbody td{
		display: table-cell;
		width:auto;
	}
	.tbl-compare>tbody th{
		padding:10px 0;
		border-left:solid 1px #84a9f0;
		border-top:solid 1px #84a9f0;
		border-bottom:solid 1px #84a9f0;
		background:#c2ebf7;
		text-align:center;
		font-size:14px;
	}
	.tbl-compare>tbody>tr>th:last-of-type{
		border-right:solid 1px #84a9f0;
	}
	.tbl-compare>tbody td{
		padding:10px 0;
		border-left:solid 1px #84a9f0;
		border-top:solid 1px #84a9f0;
		border-bottom:solid 1px #84a9f0;
		background:#f8fafc;
		text-align:center;
		font-size:14px;
	}
	.tbl-compare>tbody>tr>td:last-of-type{
		border-right:solid 1px #84a9f0;
	}
	.tbl-compare>thead th:first-of-type{
		width:200px;
	}
	.tbl-compare>thead th:nth-of-type(2){
		width:300px;
	}
}
@media(min-width:992px){
	.brprocess{
		display:block;
	}
	.webdesign-sec .aftertitle>p{
		text-align:center;
	}
	/* compare */
	.tbl-compare>tbody th,.tbl-compare>tbody td{
		font-size:16px;
	}
	.tbl-compare>thead th:first-of-type{
		width:30%;
	}
	.tbl-compare>thead th:nth-of-type(2){
		width:40%;
	}
	/* application */
	.application-btn{
		width:100%;
		display:grid;
		grid-template-columns: 1fr 1fr;
	}
	.application-btn>a:first-of-type{
		grid-column: 1/2;
		margin-bottom:0;
	}
	.application-btn>a:last-of-type{
		grid-column: 2/4;
	}
	.application-form h3{
		font-size:20px;
	}
	.application-form h3>span{
		display:inline;
		font-size:22px;
	}
}
/************************************************************/
/* area taxonomy											*/
/************************************************************/
/* page header */
.area-pgheader{
	background:url('./img/head-usecase01.png') center center/cover no-repeat #1b95e0;
	height:var(--pageheader-size);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.subpage-pgheader .container{
	text-align:center;
}
/* section1 */
.area-sec{
	width:100vw;
	padding:40px 0;
	background:#fff;
}
.content-description{
	margin-bottom:20px;
}
/* section2 */
.area-other-sec{
	width:100vw;
	padding:40px 0;
	background:rgba(240,240,240);
}
.ul-areachildlist{
	list-style:none;
	border:0;
	margin:0;
	padding:0;
	display:flex;
	flex-flow:row wrap;
}
.ul-areachildlist>li{
	margin:0;
	width:50%;
	display:inline-block;
	padding:10px 0 10px 20px;
}
.ul-areachildlist>li:nth-of-type(odd){
	border-left:dotted 1px #c0c7d9;
	border-right:dotted 1px #c0c7d9;
	border-bottom:dotted 1px #c0c7d9;
}
.ul-areachildlist>li:nth-of-type(even){
	border-top:none;
	border-bottom:dotted 1px #c0c7d9;
	border-right:dotted 1px #c0c7d9;
	border-left:none;
}
.ul-areachildlist>li:first-of-type{
	border:dotted 1px #c0c7d9;
}
.ul-areachildlist>li:nth-of-type(2){
	border-top:dotted 1px #c0c7d9;
	border-bottom:dotted 1px #c0c7d9;
	border-right:dotted 1px #c0c7d9;
	border-left:none;
}
.h3ttlareachild{
	border:none;
	margin:0;
	padding:0;
}
.h3ttlareachild:after{
	content:none;
}
.h3ttlareachild>a{
	font-size:16px;
	text-decoration:underline #226bf3;
	transition:0.3s;
	color:#333;
}
.h3ttlareachild>a:hover{
	text-decoration:none;
}
.area-other-sec .details{
	margin-bottom:40px;

}
/* 2022/2/24 area対応 一旦非表示 */
.area_name{
	display:none;
}
@media (min-width:768px){
	.area-pgheader{
		height:var(--pageheader-size2);
	}
}
@media (min-width: 992px){
	.area-pgheader{
		height:var(--pageheader-size3);
	}
	.ul-areachildlist>li{
		width:33.333%;
	}
	.ul-areachildlist>li:nth-of-type(odd){
		border:none;
	}
	.ul-areachildlist>li:nth-of-type(even){
		border:none;
	}
	.ul-areachildlist>li:first-of-type{
		border:none;
	}
	.ul-areachildlist>li:nth-of-type(2){
		border:none;
	}
	.ul-areachildlist>li:nth-of-type(3n){
		border-top:dotted 1px #c0c7d9;
		border-left:dotted 1px #c0c7d9;
		border-right:dotted 1px #c0c7d9;
	}
	.ul-areachildlist>li:nth-of-type(3n+1){
		border-top:dotted 1px #c0c7d9;
		border-left:dotted 1px #c0c7d9;
	}
	.ul-areachildlist>li:nth-of-type(3n+2){
		border-top:dotted 1px #c0c7d9;
		border-left:dotted 1px #c0c7d9;
	}
	.ul-areachildlist>li:last-of-type{
		border-bottom:dotted 1px #c0c7d9;
		border-right:dotted 1px #c0c7d9;
	}
	.ul-areachildlist>li:nth-last-of-type(2){
		border-bottom:dotted 1px #c0c7d9;
	}
	.ul-areachildlist>li:nth-last-of-type(3){
		border-bottom:dotted 1px #c0c7d9;
	}
}
@media (min-width: 1200px){
	.area-pgheader{
		height:var(--pageheader-size4);
	}
}
/************************************************************/
/* pegination												*/
/************************************************************/
.pagination{
	margin-top:20px;
	margin-bottom:20px;
}
/* post-type-usecase */
.page-numbers{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	white-space:nowrap;
	background-color:var(--pagination-bkcolor);
	margin:0 2px;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.current{
	background-color:var(--pagination-color);
	color:#fff;
}
.nav-links>a{
	color:#000;
	transition: .2s linear;
}
.nav-links>a:hover{
	text-decoration:none;
	background-color:var(--pagination-hvcolor);
	color:white;
}
.current{
	background-color:var(--pagination-color);
	color:#fff;
}
/************************************************************/
/* single page post 詳細ページ								*/
/************************************************************/
.sideSection-col-two{
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}
.searchform>div{
	background:#fff;
	padding:10px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	border-radius:10px;
}
.postList{
	background:#fff;
	padding:10px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	border-radius:10px;
}
.localNavi{
	background:#fff;
	padding:10px;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	border-radius:10px;
}
@media(min-width:992px){
	.mainSection-col-two{
		width: 70%;
		float: left;
	}
	.sideSection-col-two{
		width: 30%;
	    float: right;
	}
}
/************************************************************/
/* blog page												*/
/************************************************************/
/* 2 frame */
.post-type-archive-blog .mainSection{
	margin-bottom:40px;
}
/* archive */
.post-type-archive-blog .siteContent{
	padding-top:20px;
	padding-bottom:20px;
}
.post-type-archive-blog .blog-find-sec{
	display:none;
}
.post-type-archive-blog .subSection .widget{
	margin-bottom:
	0;
}
.post-type-archive-blog .sideSection-col-two{
	padding-top:0;
}
/* single */
.blog-template-default .container{
	padding-left:0;
	padding-right:0;
}
.blog-template-default article.type-blog{
	padding:15px;
	background: #fff;
}
.type-blog .blog_items_term a{
	padding-top:8px;
	padding-bottom:8px;
	box-shadow:none;
	pointer-events: auto;
	margin:0;
}
.type-blog .blog_items_term a:hover{
	transform:none;
	opacity:0.6;
}
/* 2022/02/12 Search function */
.blog-find-sec{	/* side bar search function */
	padding:0 15px;
}
.find-articles{
	display:grid;
	width:100%;
	grid-template: 1fr / 1fr 1fr;
	margin-bottom:20px;
}
.find-articles .search_word{
	display:flex;
	padding:5px;
	margin:0;
	grid-column: 1/2;
	grid-row:1/2;
}
.find-articles .find-wrap{
	display:flex;
	grid-column: 2/3;
	grid-row:1/2;
	flex-flow:row nowrap;
}
.find-wrap .more-btn{
	display:table;
	width:50%;
	padding:0 2px;
}
.find-wrap .more-btn a{
	display:flex;
	width:100%;
	height:33px;
	justify-content:center;
	align-items:center;
	background:#aaa;
	color:#fff;
	background:-webkit-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:-moz-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:-o-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:linear-gradient(180deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:linear-gradient(180deg,#ccc 0%,#999 100%);
	border:var(--border-color);
	font-weight:700;
	transition:all 0.3s;
}
.find-wrap .more-btn a:hover{
	text-decoration:none;
	filter:brightness(1.1);
}
.find-wrap .find-btn{
	display:table;
	width:50%;
	padding:0 2px;
}
.find-wrap .find-btn button{
	display:flex;
	width:100%;
	height:33px;
	justify-content:center;
	align-items:center;
	background:#aaa;
	color:#fff;
	background:-webkit-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:-moz-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:-o-linear-gradient(270deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:linear-gradient(180deg,rgba(252,252,252,1.00) 0%,rgba(236,235,235,1.00) 100%);
    background:linear-gradient(180deg,var(--step1-color) 0%,var(--step4-color) 100%);
	border:var(--border-color);
	font-weight:700;
	transition:all 0.3s;
}
.find-wrap .find-btn button:hover{
	text-decoration:none;
	filter:brightness(1.1);
}
.result-data{
	padding-bottom:10px;
}
.h2findresult{
	border:none;
	text-align:center;
	margin:0;
	padding:0;
	font-size:20px;
	color:#555;
}
@media(min-width:576px){
	.blog-template-default .container{
		padding-left:15px;
		padding-right:15px;
	}
	.blog-template-default article.type-blog{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-left: auto;
		margin-right: auto;
		padding:15px;
		border: none;
		border-radius: 8px;
		border-top: 4px solid var(--main-color);
	}
}
@media(min-width:768px){
	.find-articles{
		grid-template: 1fr / calc(100% - 340px) 340px;
	}
}
@media(min-width:992px){
	/* search function */
	.blog-find-sec{	/* side bar search function */
		padding:0;
	}
	.single-blog .find-articles{
		grid-template: 1fr 1fr / 1fr;
	}
	.search_word.form-control{
		grid-column:1/3;
		grid-row:1/2;
		margin-bottom:10px;
	}
	.find-articles .find-wrap {
		grid-column: 1/3;
		grid-row: 2/3;
	}	
	/* 2 frame */
	.post-type-archive-blog .mainSection{
		width:70%;
		float: left;
	}
	.post-type-archive-blog .sideSection{
		width:30%;
		float: right;
	}
	.find-articles{
		grid-template: 1fr / calc(100% - 300px) 300px;
	}
	.find-wrap .more-btn a{
		height:37px;
	}
	.find-wrap .find-btn button{
		height:37px;
	}
}
/************************************************************/
/* info page												*/
/************************************************************/
/* archive */
.post-type-archive-info .siteContent{
	padding-top:20px;
	padding-bottom:20px;
}
/* single */
.info-template-default .container{
	padding-left:0;
	padding-right:0;
}
.info-template-default article.type-info{
	padding:15px;
	background: #fff;
}
@media(min-width:576px){
	.info-template-default .container{
		padding-left:15px;
		padding-right:15px;
	}
	.info-template-default article.type-info{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-left: auto;
		margin-right: auto;
		padding:15px;
		border: none;
		border-radius: 8px;
		border-top: 4px solid var(--main-color);
	}
}
/************************************************************/
/* pressrelease page										*/
/************************************************************/
/* archive */
.post-type-archive-pressrelease .siteContent{
	padding-top:20px;
	padding-bottom:20px;
}
/* single */
.pressrelease-template-default .container{
	padding-left:0;
	padding-right:0;
}
.pressrelease-template-default article.type-pressrelease{
	padding:15px;
	background: #fff;
}
@media(min-width:576px){
	.pressrelease-template-default .container{
		padding-left:15px;
		padding-right:15px;
	}
	.pressrelease-template-default article.type-pressrelease{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-left: auto;
		margin-right: auto;
		padding:15px;
		border: none;
		border-radius: 8px;
		border-top: 4px solid var(--main-color);
	}
}
/************************************************************/
/* usecase single page										*/
/************************************************************/
.usecase-template-default .container{
	padding-left:0;
	padding-right:0;
}
.usecase-template-default article.type-usecase{
	padding:15px;
	background: #fff;
}
@media(min-width:576px){
	.usecase-template-default .container{
		padding-left:15px;
		padding-right:15px;
	}
	.usecase-template-default article.type-usecase{
		background: #fff;
		box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
		margin-top:20px;
		margin-left: auto;
		margin-right: auto;
		padding:15px;
		border: none;
		border-radius: 8px;
		border-top: 4px solid var(--main-color);
	}
}
/************************************************************/
/* support contract page									*/
/************************************************************/
.support-sec{
	width:100%;
	padding:40px 0;
}
.aftertitle-wrap{
	display:flex;
	justify-content:flex-start;
}
.aftertitle-wrap p{
	color:#543E29;
	line-height:1.4;
	margin:0;
}
.support-sec input[type=image]{
	transition:all 0.3s;
	border-radius: 10px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}
.support-sec input[type=image]:hover{
	filter:brightness(1.1);
	box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.ul-support{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.ul-support>li{
	display:block;
	width:100%;
}
.ul-support>li .box{
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
}
.ul-support>li input{
	display:block;
	width:100%;
}
.support-detail{
	display:flex;
}
.support-detail p{
	margin:0;
	line-height:1.4;
	color:#9e9a97;
}
/* sp-frame-sec */
.sp-frame-sec{
	width:100%;
	padding:40px 0 0 0;
	position:relative;
}
.sp-frame-sec-bk{
	background:url('./img/sp_01.jpg') center center/cover no-repeat;
}
.post-name-consulting .sp-frame-sec-bk{
	background:url('./img/consulting_01.jpg') center center/cover no-repeat;
}
.sp-frame-sec-bk:after{
	content:'';
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.85);
	position:absolute;
	top:0;
	left:0;
}
.sp-frame-sec .contains-wrap{
	z-index:1;
	position:relative;
}
.sp-frame-sec figure{
	display:block;
	width:100%;
	margin:0;
	padding-top:75%;
	overflow:hidden;
	position:relative;
}
.sp-frame-sec figure img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.3s;
}
.sp-frame-sec .contains p{
	color:#543E29;
}
/* features */
.ul-sp-features{
	margin-top:30px;
	padding:0;
	list-style: none;
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.ul-sp-features>li{
	width:100%;
	margin-bottom:8px;
}
.ul-sp-features>li a{
	display:block;
	width:100%;
	border:1px var(--main-color) solid;
	color:#543E29;
}
.ul-sp-features>li a:hover{
	text-decoration:none;
	color:#543E29;
	filter:brightness(1.2);
}
.ul-sp-features>li a:hover img{
	transform:scale(1.1);
	filter:brightness(1.2);
}
.ul-sp-features>li>a h3{
	margin:0;
	padding:5px;
	border:none;
	font-size:20px;
	background:var(--main-color);
	color:#fff;
	white-space: nowrap;
	text-align:center;
}
.ul-sp-features>li>a h3:after{
	content:none;
}
.ul-sp-features>li>a h3 br{
	display:none;
}
.sp-box{
	padding:10px;
	background:rgba(250,250,250);
	min-height:180px;
}
.sp-func{
	position:relative;
	padding-left:20px;
	line-height:1.4;
	margin-bottom:8px;
}
.sp-func:after{
	content:'■';
	color:#999;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
/* features */
.sp-frame-line{
	border-top:dashed 1px #aaa;
}
.sp-features-wrap{
	padding:10px;
	border:solid 1px #aaa;
	border-radius:10px;
	box-shadow:0 2px 6px rgba(0,0,0,15%);
}
.dl-sp-features{
	margin:0;
	padding:10px 0;
	border:0;
	width:100%;
	display:flex;
	flex-flow:row wrap;
	border-bottom:dotted 1px #aaa;
}
.dl-sp-features>dt, .dl-sp-features>dd{
	width:100%;
	border:none;
	margin:0;
	padding:0;
}
.dl-sp-features>dt{
	display:flex;
	margin:0 0 20px 0;
	justify-content:center;
	align-items:center;
}
.dl-sp-features>dd h2{
	font-size:20px;
	padding:10px 0;
	margin-bottom:10px;
	border:none;
	text-align:center;
	background:var(--main-color);
	color:#fff;
	letter-spacing:-1.5px;
}
.dl-sp-features>dd p{
	font-size:16px;
	line-height:1.4;
	margin-bottom:0;
}
.sp-features-box{
	padding:10px;
	color:#543E29;
}
.sp-features-box p:last-of-type{
	margin-bottom:0;
}
.sp-appendix{
	padding:10px;
	color:#543E29;
}
.sp-appendix p{
	font-size:14px;
	padding-left:25px;
	margin-bottom:0;
	position:relative;
}
.sp-appendix .p1:after{
	content:'※1';
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
.sp-appendix .p2:after{
	content:'※2';
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
.sp-appendix .p3:after{
	content:'※3';
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
}
/* features */
.dl-fea-child{
	margin:0 0 20px 0;
	padding:10px;
	border-left:5px solid var(--main-color);
	border-radius: 10px;
	background:rgba(250,250,250,1);
	box-shadow:0 2px 6px rgba(0,0,0,15%);
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.dl-fea-child>dt, .dl-fea-child>dd{
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
.dl-fea-child>dt{
	margin:0 0 10px 0;
}
.dl-fea-child h3{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #aaa;
	font-size:18px;
}
.dl-fea-child h3:after{
	content:none;
}
@media(min-width:768px){
	.aftertitle-wrap{
		justify-content: center;
	}
	.support-detail{
		justify-content: center;
	}
	.ul-support>li .box{
		margin-left:initial;
		margin-right:initial;
	}
	.ul-support>li{
		display:flex;
		width:50%;
		margin-bottom:0;
		padding:0 10px;
	}
	.ul-support>li:first-of-type{
		justify-content:flex-end;
	}
	.ul-support>li:last-of-type{
		justify-content:flex-start;
	}	
	.brsupport{
		display:none;
	}
	/* domain update 1 li*/
	.post-name-update .ul-support>li{
		width:100%;
		justify-content:center;
	}
	/* features */
	.ul-sp-features>li{
		width:33.333%;
		display:inline-block;
		padding:0 5px;
	}
	.ul-sp-features>li>a h3{
		font-size:18px;
		white-space:normal;
	}
	.ul-sp-features>li>a h3 br{
		display:block;
	}
	/* features */
	.dl-sp-features>dt{
		width:30%;
		display:inline-block;
		margin-bottom:0;
		padding-left:5px;
		order:2;
	}
	.dl-sp-features>dd{
		width:70%;
		display:inline-block;
		padding-right:5px;
		order:1;
	}
	/* features */
	.dl-fea-child>dt{
		display:inline-block;
		width:80%;
	} .dl-fea-child>dd{
		display:inline-block;
		width:20%;
	}
	.dl-sp-features>dd h2{
		letter-spacing: 0;
		font-size:24px;
	}
}
@media(min-width:992px){
	.ul-support>li{
		padding:0 10px;
	}
	.ul-sp-features>li>a h3{
		font-size:20px;
		white-space:normal;
	}
	.ul-sp-features>li{
		padding:0 10px;
	}
	/* features */
	.dl-sp-features{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
}
@media(min-width:1200px){
	.ul-sp-features>li>a h3 br{
		display:none;
	}
}
/************************************************************/
/* support moresite(2サイト以上の保守契約)					 */
/* 2022/5/15 addition										*/
/************************************************************/
.ul-support.moresite-support>li>.box{
	border:solid 1px #bbb;
	width:100%;
	background:#fff;
	max-width:300px;
	padding-top:30px;
	padding-bottom:20px;
}
.ul-support.moresite-support>li>.box>p{
	text-align:center;
	font-size:18px;
	font-weight:700;
	color:#0358f5;
}
.ul-support.moresite-support>li>.box>div{
	display:table;
	margin:0 auto;
	width:80%;
}
/************************************************************/
/* instagram連携											*/
/************************************************************/
.topinstagram-sec{
	width:100%;
	padding:40px 0 0 0;
}
.topinstagram-sec .h2ttlbar .en{
	left:auto;
	right:0;
}
.insta-wrap{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}
.ul-instagram{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.ul-instagram>li{
	flex:0 0 50%;
	display:inline-block;
	color:#fff;
	margin-bottom:10px;
	width:50%;
	padding:0 5px;
}
.linkinsta{
	display:block;
	transition:0.2s;
	width:100%;
	position:relative;
}
.linkinsta:hover{
	cursor: pointer;
	filter:brightness(1.2);
}
/*動画/CAROUSEL ALBAM対応*/
.linkinsta-img{
	width:100%;
}
/* 2022/08/12 add start */
.linkinsta-img>div{
    width:100%;
	border:none;
}
ul.carousel-inner{
    padding:0;
    margin:0;
}
.insta-img ul.carousel-inner{
    cursor: pointer;
    transition:all 0.3s;
}
.insta-img ul.carousel-inner:hover{
    filter:brightness(1.2);
}
.rishun-instagram .carousel-item{
    width:100%;
    padding-top:100%;
    position:relative;
	margin-bottom:0;
}
.rishun-instagram .carousel-item>img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
}
.rishun-instagram .carousel-item>video{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
}
/* end */
.linkinsta-img>figure{
	width:100%;
	padding-top:100%;
	margin:0;
	overflow:hidden;
	position:relative;
}
.imginsta{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.insta-modal .imginsta{
	object-fit:contain;
}
/*CAROUSEL*/
.instagram-slider{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
.instagram-slider li{
	margin:0;
}
.instagram-slider figure{
	width:100%;
	padding-top:100%;
	position:relative;
	margin:0;
	overflow:hidden;
}
.instagram-slider figure>img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.h3ttlinsta{
	font-size:14px;
	color:#fff;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display:none;
}
/* 2022/08/12 add */
.insta-link{
    display:none;
    font-size:14px;
}
.insta-timestamp{
	display:none;
}
.writer{
	display:none;
}
/* modal dialog */
.insta-modal{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height: 100vh;
    background:rgba(0,0,0,0.8);
    display:none;
	z-index: 99999;	
}
.insta-modal-wrap{
    position:absolute;
    width:90%;
    max-width:600px;
    margin:0 auto;
    max-height: calc(90vh - var(--tophead-size1));
    min-height: 180px;
    overflow:scroll;
	top:50px;
	left:5%;
    background:#f5f6f7;
}
.insta-box{
    display:block;
    width:100%;
    background:#f5f6f7;
}
.insta-img{
    width:100%;
}
.insta-img>figure{
	width:100%;
	padding-top:75%;
	margin:0;
	overflow:hidden;
	position:relative;
}
.insta-author{
	background:#fff;
	padding: 16px 24px;
	margin-bottom:20px;
	font-weight:600;
	font-size:14px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}
.insta-word{
    width:100%;
	margin-bottom:60px;
}
.insta-date{
	background:#fff;
	padding: 16px 24px;
	font-size:14px;
}
.insta-text{
	background:#fff;
	padding: 0 24px 20px;
	font-size:14px;
}
/* 2022/08/12 add */
.insta-articlelink{
	background:#fff;
	font-size:14px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    padding:0 24px 20px;
}
.insta-close-btn{
    position:sticky;
	left:10px;
	bottom:10px;
	top:auto;
	right:auto;
}
.insta-close-btn>a{
    display:flex;
	justify-content:center;
	align-items:center;
    width:50px;
    height:50px;
    color:#fff;
    background:var(--main-color);
    border-radius:50%;
	font-size:30px;
	line-height:30px;
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:3px;
	transition:0.3s;
}
.insta-close-btn>a:hover{
	text-decoration:none;
	filter:brightness(1.2);
}
@media (min-width: 576px){
	.ul-instagram>li{
		flex:0 0 50%;
		padding:0 5px;
		display:flex;
		justify-content:center;
		align-items:flex-start;
		width:50%;
	}
}
@media (min-width: 600px){
	.insta-modal-wrap{
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:60vh;
	}
}
@media (min-width: 768px){
	.ul-instagram>li{
		flex:0 0 33.333%;
		padding:0 5px;
		display:flex;
		justify-content:center;
		align-items:flex-start;
		width:33.333%;
	}
}
/************************************************************/
/* 人気の記事(sidebar)										*/
/************************************************************/
.mostpopular-sec{
	width:100%;
	padding:0 0 20px 0;
}
.mostpopular-frm{
	padding-left:10px;
	padding-right:10px;
}
.mostpopular-sec .details-wrap{
	padding:0;
}
/* ranking */
.ulranking{
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	display:flex;
	flex-flow:row nowrap;
}
.ulranking>li{
	margin:0;
	flex:0 0 33.333%;
	font-size:20px;
	text-align:center;
}
.last7days, .last30days, .all{
	color:var(--border-color);
	padding-top:5px;
	padding-bottom:5px;
	border-left:solid 1px var(--border-color);
	border-top:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom:solid 3px var(--border-color);
	border-color:transparent;
	border-bottom-color:var(--border-color);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor:pointer;
}
.ulranking .active{
	border-color:var(--border-color);
	border-bottom-color:var(--ranking-color);
	color:var(--text-color);
	background:#fff;
}
.rankingset1{
	display:block;
	width:100%;
	padding-top:10px;
	border-left:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow:3px 3px 3px var(--border-color);
	background:#fff;
}
.rankingset2{
	display:none;
	width:100%;
	padding-top:10px;
	border-left:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow:3px 3px 3px var(--border-color);
	background:#fff;
}
.rankingset3{
	display:none;
	width:100%;
	padding-top:10px;
	border-left:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow:3px 3px 3px var(--border-color);
	background:#fff;
}
/* popular-list */
.popular-posts{
	padding:20px 0 20px 0;
}
.popular-list{
	margin:0;
	padding:0 10px;
	border:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
}
.popular-list>li{
	width:100%;
	display:block;
}
.popular-list>li>a:hover{
	text-decoration:none;
}
/* 個々の設定 */
.popular-list>li{
	margin:0;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.popular-list>li:first-of-type{
	padding-top:0;
}
/* layout */
.popular-list .article-content{
	display:flex;
	flex-flow:row nowrap;
    align-items: flex-start;
	width:100%;
	position:relative;
	box-shadow:none;
	display: flex;
    word-wrap: break-word;
    overflow-wrap: break-word;
	transition:0.3s;
}
.popular-list .article-content:hover{
	text-decoration:none;
	opacity:0.6;
}
.popular-list .article-img{
	display:inline-block;
	width: 80px;
}
.popular-list .article-text{
	display:inline-block;
	width: calc(100% - 80px);
	padding-left:10px;
}
/* ribbon */
.popular-ribbon {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    margin: -1px 0 0 -1px;
    padding: 2px 0 1px;
    width: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff !important;
    background-color: #bbb;
    z-index: 2;
    box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
	font-weight: bold;
    font-size: 12px;
}
.popular-ribbon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 10px solid #bbb;
    border-right: 10px solid #bbb;
    border-bottom: 10px solid transparent;
}
/* No1 */
.popular-list li:first-of-type a .popular-ribbon {
    background: var(--step3-color);
}
.popular-list li:first-of-type a .popular-ribbon::before {
    content: "1";
}
.popular-list li:first-of-type a .popular-ribbon::after {
    border-left-color: var(--step3-color);
    border-right-color: var(--step3-color);
}
/* No2 */
.popular-list li:nth-of-type(2) a .popular-ribbon {
    background: var(--step2-color);
}
.popular-list li:nth-of-type(2) a .popular-ribbon::before {
    content: "2";
}
.popular-list li:nth-of-type(2) a .popular-ribbon::after {
    border-left-color: var(--step2-color);
    border-right-color: var(--step2-color);
}
/* No3 */
.popular-list li:nth-of-type(3) a .popular-ribbon {
    background: var(--step1-color);
}
.popular-list li:nth-of-type(3) a .popular-ribbon::before {
    content: "3";
}
.popular-list li:nth-of-type(3) a .popular-ribbon::after {
    border-left-color: var(--step1-color);
    border-right-color: var(--step1-color);
}
/* No4 */
.popular-list li:nth-of-type(4) a .popular-ribbon {
    background: var(--ribbon-color);
}
.popular-list li:nth-of-type(4) a .popular-ribbon::before {
    content: "4";
}
.popular-list li:nth-of-type(4) a .popular-ribbon::after {
    border-left-color: var(--ribbon-color);
    border-right-color: var(--ribbon-color);
}
/* No5 */
.popular-list li:nth-of-type(5) a .popular-ribbon {
    background: var(--ribbon-color);
}
.popular-list li:nth-of-type(5) a .popular-ribbon::before {
    content: "5";
}
.popular-list li:nth-of-type(5) a .popular-ribbon::after {
    border-left-color: var(--ribbon-color);
    border-right-color: var(--ribbon-color);
}
/* image */
.popular-list .article-img figure{
	margin:0;
	width:100%;
	padding-top:100%;
	position:relative;
}
.popular-list .article-img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
/* text */
.popular-list .article-text span{
	font-size:14px;
	color:var(--main-color);
	font-weight:600;
}
.popular-list .article-text small{
	font-size:14px;
	color:#676566;
	color:var(--main-color);
}
.popular-list .article-text h3{
	border:none;
	margin: 5px 0 0;
	padding:0;
    color: #373536;
    font-size: 14px;
    font-weight: 600;
    min-height: 4em;
	font-family: 'Noto Serif JP', serif;
}
.popular-list .article-text h3:after{
	content:none;
}
.wpp-no-data{
	padding:40px 0;
	text-align:center;
	color:#333;
}
@media(min-width:768px){
	.mostpopular-frm{
		max-width:720px;
		margin:0 auto;
	}
	.mostpopular-sec .popular-list{
		padding: 20px;
	    display: flex;
    	flex-wrap: wrap;
	    flex-direction: column;
    	height: 400px;
	}
	.mostpopular-sec .popular-list>li{
		width: calc(50% - 20px);
		height: 120px;
		padding: 10px 0;
		margin: 0 10px;
		font-size: 14px;
		border-bottom: 1px solid #ddd;
	}
	.ranking-sec .popular-list{
		padding: 20px;
	    display: flex;
    	flex-wrap: wrap;
	    flex-direction: column;
    	height: 400px;
	}
	.ranking-sec .popular-list>li{
		width: calc(50% - 20px);
		height: 120px;
		padding: 10px 0;
		margin: 0 10px;
		font-size: 14px;
		border-bottom: 1px solid #ddd;
	}
	.popular-list .article-img{
		display:inline-block;
		width: 100px;
	}
	.popular-list .article-text{
		display:inline-block;
		width: calc(100% - 100px);
		padding-left:10px;
	}
	.popular-list .article-text h3{
		font-size:16px;
	}
}
@media (min-width: 992px){
	.mostpopular-sec{
		width:100%;
		margin:0;
	}
	.mostpopular-frm{
		padding-left:0;
		padding-right:0;
	}
	.mostpopular-sec .content-wrap{
		padding:0;
	}
	.mostpopular-sec .popular-list{
		padding: 0;
	    display: flex;
		flex-flow:row wrap;
    	height: auto;
	}
	.mostpopular-sec .popular-list>li{
		width: 100%;
		height: auto;
		padding: 10px 0;
		margin: 0 10px;
		font-size: 14px;
		border-bottom: 1px solid #ddd;
	}
	.mostpopular-sec .article-content{
		display:flex;
		flex-flow:row nowrap;
	}
	.mostpopular-sec .article-img{
		display:inline-block;
		width:80px;
	}
	.mostpopular-sec .article-text{
		width:calc(100% - 80px);
		display:inline-block;
	}
}
/************************************************************/
/* related article											*/
/************************************************************/
/* 関連記事 */
.related-articles{
	width:100%;
	padding:20px 15px 0 15px;
}
.related-articles h2{
	border:none;
	margin:0;
	padding:0 0 20px 0;
	font-size:24px;
	text-align:center;
}
.related-articles .crp_related ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	display:flex;
	flex-flow:row wrap;
}
.related-articles .crp_related ul li{
	margin:5px;
	width:calc(50% - 10px);
	display:inline-block;
	border: 1px solid #ddd;
	border-radius:5px;
	overflow:hidden;
}
.related-articles .crp_related ul li a{
	width:100%;
	display:block;
	padding:5px;
	transition:0.3s;
}
.related-articles .crp_related ul li a figure{
	margin:0;
	width:100%;
	padding-top:70%;
	position:relative;
}
.related-articles .crp_related ul li a:hover{
	text-decoration:none;
	opacity:0.6;
}
.related-articles .crp_related ul li a figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
@media(min-width:768px){
	.related-articles .crp_related ul li{
		margin:5px;
		width:calc(25% - 10px);
		display:inline-block;
	}
	.related-articles .crp_related ul{
		margin-bottom:40px;
	}
}
/************************************************************/
/* latest articles for side bar								*/
/************************************************************/
.article-wrap{
	background:#fff;
	box-shadow: 3px 3px 3px var(--border-color);
	border-radius:10px;
	overflow:hidden;
}
.ul-articles{
	margin:0;
	padding:0 10px;
	border:0;
	list-style:none;
	width:100%;
}
.ul-articles>li{
	margin:0;
	padding:10px 0;
	display:flex;
	flex-flow:row nowrap;
	width:100%;
	border-bottom:1px dotted var(--border-color);
}
.article-pict{
	width:80px;
	display:inline-block;
}
.article-body{
	padding-left:10px;
	width:calc(100% - 80px);
	display:inline-block;
}
.article-pict a{
	display:inline-block;
	width:100%;
	transition:all 0.3s;
}
.article-pict a:hover{
	filter:brightness(1.1);
}
.article-pict figure{
	margin:0;
	width:100%;
	padding-top:100%;
	overflow:hidden;
	position:relative;
	border:1px solid var(--border-color);
	border-radius:5px;
}
.article-pict figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.article-body>p{
	margin:0;
	font-size:14px;
	color:var(--main-color);	
}
.article-body a{
	display:inline-block;
	font-family: 'Noto Serif JP', serif;
	color:var(--text-color);
	line-height:1.2;
	margin:8px 0 0 0;
	font-weight:700;
}
.latestarticle-sec .contains-wrap{
	padding-bottom:20px;
}
@media(min-width:992px){
	.latestarticle-sec .contains-frm{
		padding:0;
	}
}
/************************************************************/
/* blog category addition 2021/10/16						*/
/************************************************************/
.tax-blog-sec{
	width:100%;
}
/* 2022/03/06 add */
.blog-eyecatch{
	width:100%;
	margin-bottom:20px;
}
.blog-eyecatch>figure{
	margin:0;
	position:relative;
	width:100%;
	padding-top:75%;
	overflow:hidden;
}
.blog-eyecatch>figure>img{
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.blog-description{
	margin-bottom:40px;
}
.blog-description>p{
	margin:0;
	line-height:1.4;
}
.ul-bloglist{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	width:100%;
	justify-content:center;
}
.ul-bloglist>li{
	width:calc(50% - 4px);
	max-width:200px;
	display:flex;
	margin:2px;
	justify-content:center;
}
.ul-bloglist>li a{
	width:100%;
	display:block;
	position:relative;
	max-width:200px;
	transition:all 0.3s;
}
.ul-bloglist>li a:hover{
	filter:brightness(1.2);
}
.ul-bloglist>li>a figure{
	margin:0;
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
}
.ul-bloglist>li>a figure:after{
	content:"";
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;
}
.ul-bloglist>li>a figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.blog-content{
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.blog-content h3{
	margin:0;
	border:0;
	padding:0;
	font-size:16px;
	color:#fff;
}
.blog-content h3:after{
	border:0;
}
.blog-content p{
	font-size:14px;
	line-height:1.2;
	color:#fff;
	display:none;
}
.blog-other-sec{
	width: 100%;
    padding: 40px 0;
    background: rgba(250,250,250);
}
.ul-blogchildlist{
	border:none;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	margin-bottom:40px;
}
.ul-blogchildlist>li{
	margin:0;
	display:inline-block;
	width:auto;
	padding:0 10px;
}
.ul-blogchildlist>li>a{
	display:table;
	font-size:16px;
	text-decoration:underline;
	transition:all 0.3s;
}
.ul-blogchildlist>li>a:hover{
	text-decoration:none;
	background:#9cbefd;
}
/* webdesign advertisement */
.tax-tax_article_type .webdesign-sec{
	width:100%;
}
.tax-tax_article_type .webdesign-sec .application-btn>a{
	max-width:290px;
}
.post-type-blog .webdesign-sec{
	width:100%;
	background:rgba(250,250,250);
}
.post-type-blog .webdesign-sec .application-btn>a{
	max-width:290px;
}
.columnafter{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
}
.columnafter p{
	line-height:1.4;
	margin-bottom:8px;
}
.tax-tax_article_type .sub_ttl2{
	padding-top:30px;
}
/* import advertisement */
.import-business-sec{
	padding:40px 0 0 0;
	width:100%;
}
/* itemlist */
.ul-itemlist{
	margin:0 0 40px 0;
	padding:0;
	list-style:none;
	display:flex;
	flex-flow:row wrap;
	width:100%;
	justify-content:center;
}
.ul-itemlist>li{
	width:calc(50% - 4px);
	max-width:300px;
	display:flex;
	margin:0 2px;
	justify-content:center;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #F3ACBE), color-stop(80%, #6495ED));
	background: linear-gradient(90deg, #F3ACBE 20%, #6495ED 80%);
}
.ul-itemlist>li>a{
	width:100%;
	display:block;
	position:relative;
	max-width:300px;
	transition:all 0.3s;
}
.ul-itemlist>li>a:hover{
	transform:translate(-15px,-15px);
}
.itemlist-img{
	width:100%;
	position:relative;
}
.itemlist-img figure{
	margin:0;
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden;
	box-shadow: 0 2px 6px rgb(0 0 0 / 12%);
}
.itemlist-img figure:after{
	content:"";
	background:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.itemlist-img figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.itemlist-img h3{
	margin:0;
	border:0;
	padding:0;
	font-size:16px;
	color:#fff;
	text-align:center;
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.itemlist-img h3:after{
	border:0;
}
.itemlist-img h3 span{
	display:block;
	font-size:14px;
}
@media(min-width:768px){
	.blog-eyecatch>figure{
		padding-top:50%;
	}
	.brblog{
		display:none;
	}
	.blog-description{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.columnafter{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.ul-bloglist>li{
		width:calc(50% - 30px);
		margin:0 15px 20px 15px;
		max-width:250px;
	}
	.ul-bloglist>li>a{
		max-width:250px;
	}
	.ul-itemlist>li{
		width:calc(50% - 20px);
		max-width:300px;
		display:flex;
		margin:0 10px;
		justify-content:center;
		background: -webkit-gradient(linear, left top, right top, color-stop(20%, #F3ACBE), color-stop(80%, #6495ED));
		background: linear-gradient(90deg, #F3ACBE 20%, #6495ED 80%);
	}
	.itemlist-img h3{
		font-size:20px;
	}
	.itemlist-img h3 span{
		font-size:16px;
	}
}
@media(min-width:992px){
	.ul-bloglist>li{
		width:calc(20% - 4px);
		margin:2px;
		max-width:250px;
	}
	.ul-bloglist>li>a{
		max-width:250px;
	}
}
/************************************************************/
/* web design flow											*/
/************************************************************/
.web_design_flow-sec{
	width:100vw;
	padding:40px 0;
}
.web_design_flow-sec p{
	margin:0 0 20px 0;
	line-height:1.4;
}
.web_design_flow-sec .afterttl{
    margin-bottom:20px;
}
.web_design_flow-sec .afterttl>p{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
}
.flow-wrap{
	display:block;
	width:100%;
	margin:0 auto;
}
.flow-afterttl-img{
    width:100%;
}
.flow-afterttl-img>figure{
    margin:0;
    position:relative;
    width:100%;
    padding-top:75%;
    overflow:hidden;
}
.flow-afterttl-img>figure>img{
    width:100;
    height:100%;
    object-fit:cover;
    object-position:center center;
    position:absolute;
    top:0;
    left:0;
}
.dl-flow{
	width:100%;
	padding:0;
	margin:0 0 10px 0;
	box-shadow:2px 2px 2px var(--border-color);
}
.dl-flow>dt{
	display:block;
	width:100%;
	border:none;
	margin:0;
	padding: 7px 10px;
	font-size:16px;
	border:solid 1px var(--border-color);
	background:#fff;
	position:relative;
}
.dl-flow>dd{
	display:block;
	width:100%;
	border:none;
	margin:0;
	padding: 10px 12px;
	border-left:solid 1px var(--border-color);
	border-right:solid 1px var(--border-color);
	border-bottom:solid 1px var(--border-color);
	background:var(--flow-dd-bkcolor);
}
.dl-flow>dd>.img{
	margin-bottom:8px;
}
/* number */
.flow-wrap .dl-flow>dt span{
	display:none;
}
.flow-wrap .dl-flow>dt small{
	font-size:14px;
	padding-right:14px;
}
.flow-wrap .details-img{
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.flow-wrap .details-img>img{
	box-shadow:2px 2px 2px var(--border-color);
    max-width: 100%;
    height:auto;
}
.flow-wrap .p-margintop{
	margin-top:10px;
}
.flow-sec .common-btn{
	margin-top:40px;
}
/* flow-btn1 */
.contact-btn.flow-btn1{
	width:100%;
	height:auto;
	margin:0;
	padding:8px 0;
}
.contact-btn.flow-btn1>div{
	display:flex;
	width:100%;
	flex-flow:row wrap;
	justify-content:center;
}
.contact-btn.flow-btn1>div>a{
	width:200px;
	height:50px;
	text-align:center;
	margin:0 0 8px 0;
	border-radius:10px;
}
.tellink{
	background:var(--tel-btn-color);
}
.tellink p{
	margin:0;
	font-size:18px;
	font-weight:700;
	line-height:1.2;
}
.tellink small{
	display:block;
	font-size:12px;
	font-weight:400;
}
/* flow-btn2 */
.contact-btn.flow-btn2{
	width:100%;
	margin:0;
	padding:8px 0;
	height:auto;
}
.contact-btn.flow-btn2>div{
	display:flex;
	width:100%;
	flex-flow:row wrap;
	justify-content:space-around;
}
.contact-btn.flow-btn2>div>a{
	width:280px;
	height:50px;
	background:var(--main-color);
	margin-bottom:8px;
	border-radius:10px;
}
.contact-btn.flow-btn2>div>a>p{
	margin:0;
	line-height:1;
	text-align:center;
}
.contact-btn.flow-btn2>div>a span{
	display:block;
}
/* flow-btn3 */
.contact-btn.flow-btn3{
	width:100%;
	margin:0;
	padding:8px 0;
	height:auto;
}
.contact-btn.flow-btn3>div{
	display:flex;
	width:100%;
	flex-flow:row wrap;
	justify-content:space-around;
}
.contact-btn.flow-btn3>div>a{
	width:280px;
	height:50px;
	background:var(--main-color);
	margin-bottom:8px;
	border-radius:10px;
}
.contact-btn.flow-btn3>div>a>p{
	margin:0;
	line-height:1;
	text-align:center;
}
.contact-btn.flow-btn3>div>a span{
	display:block;
}
.flow-attention{
	padding-top:4px;
	display:block;
	line-height:1.4;
	text-indent: -1em;
	margin-left:2em;
	font-size:14px;
}
.flow-attention2{
	padding-top:4px;
	display:block;
	line-height:1.4;
	text-indent: -1em;
	margin-left:2em;
	font-size:14px;
}
@media (min-width:576px){
	.dl-flow>dt{
		background:#fff;
	}
	.dl-flow>dt:before {
		position: absolute;
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-color: rgba(220, 214, 208, 0);
		border-right-color: #dcd6d0;
/*		border-right-color:#fff;*/
		border-width: 11px;
		margin-top: -11px;
	}
	.dl-flow dt:after {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-right-color: #ffffff;
		border-width: 10px;
		margin-top: -10px;
	}
	.tellink{
		pointer-events:none;
		background:transparent;
		color:var(--tel-btn-color);
		border:2px solid var(--tel-btn-color);
	}
	.tellink>p{
		color:var(--tel-btn-color);
	}
}
@media (min-width: 768px){
    .flow-sec h2{
        font-size:28px;
    }
    .flow-sec .afterttl{
        margin-bottom:40px;
    }
	.dl-flow{
		margin:0 0 20px 0;
	}
	.flow-wrap .flow-box .details-sub:first-of-type{
		flex:0 0 30%;
		display:inline-block;
		width:30%;
	}
	.flow-wrap .flow-box .details-sub:last-of-type{
		flex:0 0 70%;
		display:inline-block;
		width:70%;
		padding:0 5px;
	}
	/* 縦棒 */
	.flow-wrap{
		padding:0 0 0 65px;
		position:relative;
	}
	.flow-wrap:before{
		content:'';
		width: 9px;
		background-color: var(--flow-bar-color);
		position:absolute;
	    top: 5px;
	    left: 22px;
	    bottom: 700px;
	}
	/* number */
	.flow-wrap .dl-flow>dt span{
		display: block;
		position: absolute;
		border-radius: 50%;
		background: var(--flow-no-bkcolor);
		color: #ffffff;
		text-align: center;
		width: 50px;
		height: 50px;
		font-size: 18px;
		line-height: 38px;
		border: 6px var(--flow-no-oucolor) solid;
		top: -6px;
		left: -65px;
	}
	.flow-wrap .dl-flow>dt small{
		font-size:16px;
		padding-right:16px;
	}
	.flow-wrap .details-img{
		margin:0;
		padding-left:10px;
	}
	.contact-btn.flow-btn1>div>a{
		margin:0 4px 8px 4px;
	}
}
@media (min-width: 992px){
	.flow-wrap .details-img{
		margin:0;
		padding-left:10px;
	}
	.flow-wrap .flow-box .details-sub:last-of-type{
		padding-right:10px;
	}
    .flow-wrap:before{
        bottom: 310px;
    }
	.dl-flow>dd{
		display:flex;
		flex-flow:row nowrap;
	}
	.dl-flow>dd>.box{
		width:75%;
	}
	.dl-flow>dd>.img{
		width:25%;
		padding:0 10px 0 0;
		margin-bottom:0;
	}
}
@media (min-width: 1200px){
    .flow-wrap:before{
        bottom: 290px;
    }
}
/************************************************************/
/* eu-import-shop-sec										*/
/************************************************************/
.eu-import-shop-sec{
	width:100%;
}
.eu-import-shop-sec .ul-itemlist{
	margin-bottom:0;
}
.eu-import-shop-sec .msg{
	width:100%;
	margin-bottom:20px;
	background:#fff;
	border-radius:10px;
	box-shadow: 3px 3px 3px var(--border-color);
	padding:15px;
}
.eu-import-shop-sec .msg center{
	font-size:20px;
	margin-bottom:8px;
	color:var(--tel-btn-color);
	font-weight:500;
}
.eu-import-shop-sec .msg p{
	margin:0;
	text-align:left;
	line-height:1.2;
	font-size:14px;
}
.eu-import-shop-sec .msg a{
	display:table;
	margin:0 0 0 auto;
	font-weight:700;
	transition:all 0.3s;
}
.eu-import-shop-sec .msg a:hover{
	text-decoration:none;
	opacity:0.6;
}
.eu-import-shop-sec .viewmore-btn{
	padding-top:20px;
	padding-bottom:10px;
}
.viewmore-btn>a {
    width: 250px;
    height: 50px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #f5b01a), color-stop(60%, #dd640c));
    background: linear-gradient(45deg, #f5b01a 20%, #dd640c 60%);
	color: #fff;
    position: relative;
    transition: all 0.3s;
    border-radius: 10px;
    box-shadow: 3px 3px 3px var(--border-color);
}
.viewmore-btn>a:after {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 18px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.viewmore-btn>a:hover {
	text-decoration:none;
	filter:brightness(1.2);
}
.viewmore-btn>a:hover:after{
	right:20px;
}
.eu-import-shop-sec .msg .viewmore-btn>a:hover{
	opacity:1;
}
.eu-import-shop-sec .msg .viewmore-btn>a{
	display: flex;
    margin: 0 auto;
	max-width:250px;
	width:100%;
}
@media(min-width:992px){
	.eu-import-shop-sec .msg p{
		font-size:16px;
		line-height:1.4;
	}
	.eu-products .ul-itemlist>li{
		width:100%;
		display:block;
		margin-bottom:20px;
	}
}
/************************************************************/
/* partner-entry-sec										*/
/************************************************************/
.post-name-partner-entry .page-header{
	display:block;
	background:#337ab7 url('./img/head-webdesign01.png') no-repeat;
	background-size:cover;
	background-position:center center;
	height:var(--pageheader-size);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.post-name-partner-entry .page-header .page-header_pageTitle{
	font-family: 'Noto Serif JP', serif;
	font-size:21px;
	color:#333;
	font-weight:700;
	text-shadow: 1px 0 3px rgb(255 255 255 / 90%), 0 1px 3px rgb(255 255 255 / 90%), 1px 1px 3px rgb(255 255 255 / 90%), -1px 0 3px rgb(255 255 255 / 90%), -1px 1px 3px rgb(255 255 255 / 90%), 0 -1px 3px rgb(255 255 255 / 90%), -1px -1px 3px rgb(255 255 255 / 90%), 1px -1px 3px rgb(255 255 255 / 90%);
}
.post-name-partner-entry article{
	border-radius:10px;
}
.partner-entry-sec{
	padding:40px 0;
}
.partner-entry-wrap{
	padding:0 10px;
}
@media(min-width:576px){
	.post-name-partner-entry .page-header .page-header_pageTitle{
		text-align:left;
		color:#fff;
		text-shadow:none;
	}
	.partner-entry-sec{
		margin:20px 0;
		padding:40px 0;
	}
	.partner-entry-sec .contains-frm{
		padding:0;
	}
	.partner-entry-wrap{
		padding:0;
	}
}
@media(min-width:768px){
	.post-name-partner-entry .page-header{
		height:var(--pageheader-size2);
	}
	.post-name-partner-entry .page-header .page-header_pageTitle{
		font-size: 25px;
	}
}
@media(min-width:992px){
	.post-name-partner-entry .page-header{
		height:var(--pageheader-size3);
	}
	.post-name-partner-entry .page-header .page-header_pageTitle{
		font-size: 30px;
	}
}
@media(min-width:1200px){
	.post-name-partner-entry .page-header{
		height:var(--pageheader-size4);
	}
}
/************************************************************/
/* support spot												*/
/************************************************************/
.support_spot-sec{
	padding:40px 0;
}
.support_spot-sec>div>p{
	margin-bottom:30px;
}
.support_spot-sec dl{
	margin-bottom:30px;
}
.support_spot-sec dl dt{
	font-size:16px;
}
.support_spot-sec dl dd{
	margin-bottom:20px;
	font-size:16px;
}
@media(min-width:576px){
	.support_spot-sec>div>p{
		text-align:center;
	}	
	.post-name-support_spot article{
		margin-top:20px;
		margin-bottom:20px;
	}	
}
@media(min-width:768px){
	.support_spot-sec dl{
		width:100%;
		display:flex;
		flex-flow:row wrap;
	}
	.support_spot-sec dl dt{
		display:inline-block;
		width:20%;
		margin:0;
		border-left:none;
		margin:10px 0;
	}
	.support_spot-sec dl dd{
		display:inline-block;
		width:80%;
		margin:0;
		border-left:none;
		margin:10px 0;
	}
}
/************************************************************/
/* suport spot												*/
/************************************************************/
.beforefooter-sec{
	position:relative;
	background:var(--bk-color);
}
.beforefooter-sec .contains-frm{
	padding:0;
}
.beforefooter-sec .contains-wrap{
	padding:20px 0 20px 0;
}
.ul-businesslink{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	display:flex;
	flex-flow:row wrap;
}
.ul-businesslink>li{
	display:block;
	width:100%;
	margin-bottom:0;
}
.ul-businesslink>li>a{
	display:block;
	max-width:170px;
	margin:0 auto;
	transition:all 0.3s;
}
.ul-businesslink>li>a img{
	width:100%;
}
.ul-businesslink>li:first-of-type{
	margin-bottom:10px;
}
.ul-businesslink>li:first-of-type a{
	border:1px solid var(--border-color);
	border-radius:5px;
	overflow:hidden;
}
.ul-businesslink>li:nth-of-type(2){
	margin-bottom:10px;
}
.ul-businesslink>li:nth-of-type(2) a{
	border:1px solid var(--border-color);
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}
.ul-businesslink>li>a:hover{
	filter:brightness(0.9);
}
@media(min-width:576px){
	.beforefooter-sec .contains-frm{
		padding:0 15px;
	}
	.beforefooter-sec .contains-wrap{
		border-radius:10px;
	}
	.ul-businesslink>li:first-of-type{
		margin-bottom:0;
	}
	.ul-businesslink>li:nth-of-type(2){
		margin-bottom:0;
	}
	.ul-businesslink>li{
		display:flex;
		width:33.333%;
		margin-bottom:0;
		align-items:center;
		padding:0 5px;
	}
}
@media(min-width:768px){
	.beforefooter-sec{
		background:#fff;
		border-top:solid 1px var(--border-color);
	}
}
/************************************************************/
/* Crayon Syntax Highlighter Scroll bar thick				*/
/************************************************************/
.urvanov-syntax-highlighter-syntax .urvanov-syntax-highlighter-main::-webkit-scrollbar{
	height: 15px !important;
}
/*
.urvanov-syntax-highlighter-main::-webkit-scrollbar, .crayon-plain::-webkit-scrollbar {
	height: 14px !important;
}
*/
/************************************************************/
/* Adobe affiliate program									*/
/************************************************************/
.adobe-affiliate{
	display:table;
	width:calc(100% - 30px);
	height:auto;
	transition:all 0.3s;
	margin:0 auto 45px auto;
}
.adobe-affiliate:hover{
	filter:brightness(1.1);
}
@media(min-width:992px){
	.adobe-affiliate{
		width:100%;
	}
}
/************************************************************/
/* 全てお任せホームページ制作PRO							   */
/************************************************************/
.website_disign_bdheader{
	width:100%;
	margin-bottom:40px;
}
.website_disign_bdbody{
	width:100%;
	margin-bottom:40px;
}
.website_disign_bdfooter{
	width:100%;
	margin-bottom:40px;
}
.square-pict{
	width:100%;
}
.square-pict>figure{
	width:100%;
	padding-top:50%;
	position:relative;
	overflow:hidden;
	margin:0;
}
.square-pict>figure>img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	position:absolute;
	top:0;
	left:0;
}
.hpmake_main2 {
    text-align: center;
    display: block;
    width: 100%;
}
.hpmake_main_c50{
	display:block;
	width:100%;
}
@media(min-width:768px){
	.hpmake_main2 {
		width:95%;
		display: flex;
		flex-flow:row nowrap;
		margin:0 auto;
	}
	.hpmake_main2 .hpmake_main_c1{
		display:flex;
		width:60%;
		justify-content:center;
		align-items:center;
	}
	.hpmake_main_c50{
		display:inline-block;
		width:40%;
	}
}
@media(min-width:992px){
	.hpmake_main2 .hpmake_main_c1{
		display:flex;
		width:55%;
		justify-content:center;
		align-items:center;
	}
	.hpmake_main_c50{
		display:inline-block;
		width:45%;
	}
}
/************************************************************/
/* recruit												    */
/************************************************************/
.post-name-recruit .page-header{
	display:block;
	background:#337ab7 url('./img/head-webdesign01.png') no-repeat;
	background-size:cover;
	background-position:center center;
	height:var(--pageheader-size);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.post-name-recruit .page-header .page-header_pageTitle{
	font-family: 'Noto Serif JP', serif;
	font-size:21px;
	color:#333;
	font-weight:700;
	text-shadow: 1px 0 3px rgb(255 255 255 / 90%), 0 1px 3px rgb(255 255 255 / 90%), 1px 1px 3px rgb(255 255 255 / 90%), -1px 0 3px rgb(255 255 255 / 90%), -1px 1px 3px rgb(255 255 255 / 90%), 0 -1px 3px rgb(255 255 255 / 90%), -1px -1px 3px rgb(255 255 255 / 90%), 1px -1px 3px rgb(255 255 255 / 90%);
}
.post-name-recruit article{
	border-radius:10px;
}
@media(min-width:576px){
	.post-name-recruit .page-header .page-header_pageTitle{
		text-align:left;
		color:#fff;
		text-shadow:none;
	}
}
@media(min-width:768px){
	.post-name-recruit .page-header{
		height:var(--pageheader-size2);
	}
	.post-name-recruit .page-header .page-header_pageTitle{
		font-size: 25px;
	}
}
@media(min-width:992px){
	.post-name-recruit .page-header{
		height:var(--pageheader-size3);
	}
	.post-name-recruit .page-header .page-header_pageTitle{
		font-size: 30px;
	}
}
@media(min-width:1200px){
	.post-name-recruit .page-header{
		height:var(--pageheader-size4);
	}
}
.recruit-sec{
	padding:40px 0;
}
.recruit-wrap>p{
	font-size:14px;
	margin-bottom:0;
}
.recruit-wrap .main_company{
	margin-top:20px;
}
.main_company div.note p{
	font-size:14px;
	margin-bottom:0;
}
@media(min-width:576px){
	.recruit-sec{
		margin-top:20px;
	}
}
@media(min-width:768px){
	.recruit-wrap>p{
		font-size:16px;
	}
	.main_company div.note p{
		font-size:16px;
	}
}
/************************************************************/
/* application											    */
/************************************************************/
.application-sec{
	padding:40px 0;
}
.application-wrap{
	width:100%;
}
/************************************************************/
/* 2024/10/16 update									    */
/************************************************************/
.kindlebooks-sec{
	position:relative;
	padding:20px 0;
}
.kindlebooks-wrap{
	width:100%;
	padding:0 20px;
}
.kindlebooks-wrap>div{
	width:100%;
}
.kindlebooks-wrap a{
	display:table;
	color:#000;
	text-align:center;
	transition:all 0.3s;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.kindlebooks-wrap a:before{
	content:'';
	width:50px;
	height:50px;
	background:url('./images/attention-left.png') center center / contain no-repeat;
	position:absolute;
	top:0;
	left:-10px;
}
.kindlebooks-wrap a:after{
	content:'';
	width:50px;
	height:50px;
	background:url('./images/attention-right.png') center center / contain no-repeat;
	position:absolute;
	top:0;
	right:-10px;
}
.kindlebooks-wrap a:hover{
	text-decoration:none;
	filter:brightness(1.1);
}
.kindlebooks-wrap picture{
	display:table;
	max-width:160px;
	margin:8px auto;
}
.kindlebooks-wrap picture img{
	transition:all 0.3s;
}
.kindlebooks-wrap a:hover picture img{
	transform:scale(1.1) rotate(2deg);
}
.booktitle{
	display:flex;
	justify-content:center;
}
.booktitle p{
	font-size:14px;
	line-height:1.2;
}
.booktitle span{
	display:block;
}
/* pc */
#kindlebooks-pc{
	position:absolute;
	top:50%;
	left:5%;
	z-index:900;
	transform:translateY(-50%);
}
#kindlebooks-pc .kindlebooks-wrap picture{
	max-width:120px;
}
#kindlebooks-pc .kindlebooks-wrap a{
	color:#fff;
	font-size:12px;
	line-height:1.4;
	font-weight:400;
}
#kindlebooks-pc .kindlebooks-wrap a:before{
	content:'';
	width:30px;
	height:30px;
	background:url('./images/attention-left.png') center center / contain no-repeat;
	position:absolute;
	top:0;
	left:10px;
}
#kindlebooks-pc .kindlebooks-wrap a:after{
	content:'';
	width:30px;
	height:30px;
	background:url('./images/attention-right.png') center center / contain no-repeat;
	position:absolute;
	top:0;
	right:10px;
}
#kindlebooks-pc .booktitle p{
	font-size:12px;
	font-weight:400;
}
#kindlebooks-pc{
	display:none;
}
@media(min-width:992px){
	#kindlebooks-sp{
		display:none;
	}
	#kindlebooks-pc{
		display:block;
	}
	/* side bar */
	#kindlebooks-side .booktitle p{
		font-size:11px;
		font-weight:400;
	}
	#kindlebooks-side .kindlebooks-wrap a{
		font-size:11px;
		line-height:1.4;
		font-weight:400;
	}
	#kindlebooks-side .kindlebooks-wrap a:before{
		content:'';
		width:30px;
		height:30px;
		background:url('./images/attention-left.png') center center / contain no-repeat;
		position:absolute;
		top:0;
		left:-10px;
	}
	#kindlebooks-side .kindlebooks-wrap a:after{
		content:'';
		width:30px;
		height:30px;
		background:url('./images/attention-right.png') center center / contain no-repeat;
		position:absolute;
		top:0;
		right:-10px;
	}
}
@media(min-width:1200px){
	#kindlebooks-pc .kindlebooks-wrap picture{
		max-width:150px;
	}
	/* side bar */
	#kindlebooks-side .booktitle p{
		font-size:12px;
	}
	#kindlebooks-side .kindlebooks-wrap a{
		font-size:12px;
	}
}
/************************************************************/
/* 2024/10/16 update									    */
/************************************************************/
.webdesgin-sec{
	width:100%;
}
.webdesign-wrap{
	width:100%;
}
.webdesgin-sec .h2ttltop .en{
	font-family:"Noto Sans JP", "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
.webdesign-wrap a{
	transition:all 0.5s;
}
.webdesign-wrap a img{
	transition:all 0.5s;
	margin-bottom:20px;
}
.webdesign-wrap a:hover{
	filter:brightness(1.1);
}
.webdesign-wrap a:hover img{
	transform:scale(1.05);
}