@charset "utf-8";
/*version:20190707*/



.fa { font-size:130%; margin-right:6px;}
/*-------------------------------------------*/
/*	#スマホとパソの表示分け
/*-------------------------------------------*/





/*-------------------------------------------*/
/*	#パソコンのみ設定　ナビゲーション　
/*-------------------------------------------*/
@media screen and (min-width:768px){
/* --------http://theorthodoxworks.com/web-design/drop-down-menu-multi-css/--------- */
#menu-glnv { position: relative; }
#menu-glnv {display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */-webkit-align-items: center; align-items: center;}
#menu-glnv>li { margin-left:0 !important; margin-right:0 !important; }
#menu-glnv>li { flex-grow: 1; -webkit-flex-grow: 1; /* Safari */ }
ul.sub-menu { visibility: hidden; opacity: 0; z-index: 1; }

.sub-menu li { border-top: 1px dashed #CCC; }
.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-glnv:after { clear: both; }
#menu-glnv { *zoom: 1;
}
ul#menu-glnv>li { padding-top:20px; padding-bottom:20px; }/*リンク部分を広くするために必要*/
#menu-glnv li:first-child { border:none; }/*仕切り線を最初だけ削除*/
/* --------------------------------------------------- multi menu */
li ul.sub-menu { position: absolute; top: 50px; width:200px; background-color:rgba( 255, 255, 255, 0.8 );  transition: all 1s ease-out;
padding-left:15px; padding-right:15px; text-align:left; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { position: relative; padding-top:10px; padding-bottom:10px; }
li ul.sub-menu li:hover { color:#036; }
.init-right:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* --------------------------------------------------- mega menu */

li.menu__mega ul.sub-menu { position: absolute; top: 40px; left: 0; box-sizing: border-box; width: 80%; padding: 20px 2%; background: #C60; transition: all 2s ease;}
li.menu__mega:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li.menu__mega ul.sub-menu > li { float: left; width: 32%; border: none; }
 li.menu__mega ul.sub-menu > li:nth-child(3n+2) {
margin: 0 1%;
}
 /*ナビゲーション　アイコン設定*/	
li.menu-item-has-children > a:after {	font-family: "FontAwesome"; content: "\f107"; font-weight: 900; padding-left:5px;} 
#menu-glnv li.yajirusiue > a:after {font-family: "FontAwesome"; content: "\f106"; font-weight: 900; padding-left:5px;}
}





/*-------------------------------------------*/
/*	▼TOPページへのスクロール
/*-------------------------------------------*/
#page-top { position: fixed; bottom: 50px; right: 20px; font-size: 67%; opacity:0.7; }
#page-top a { text-decoration: none; color: #fff; width: 70px; padding:20px 0; text-align: center; display: block; border-radius: 5px; }
#page-top a:hover { text-decoration: none; background: #999; }

/*-------------------------------------------*/
/*	#テーブルをスクロールさせる
/*-------------------------------------------*/
table.tablescroll {	overflow: auto;	white-space: nowrap;	display:block;	width:auto;}
table.tablescroll tbody {	width: 100%;	display:table;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar {	height: 5px;}
 /*tableにスクロールバーを追加*/table::-webkit-scrollbar-track {	background: #F1F1F1;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar-thumb {	background: #BCBCBC;}
table.tablescroll td  ,table.tablescroll th { display: table-cell !important;}



/*-------------------------------------------------------------------------------------*/
/*ブログページ　
/*-------------------------------------------------------------------------------------*/
.searchform {  position: relative;}
.searchfield {  font-size: 14px; width:100%; margin: 3px; padding: 10px; border: solid 1px #bbb;background-color: #FAFAFA;}
.searchsubmit { font-family: FontAwesome; font-size: 1.4em; position: absolute; top: 0; right: 1%; margin-top: 10px; padding: 0; cursor: pointer; color: #6297f5; border: none; background: transparent;}
.searchsubmit:hover {  opacity: .6;}
.widgettitle { font-weight:bold; text-align:left; opacity:0.8;}
.side_contents ul li { text-align:left; font-size:14px;}

/*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
.lay-form label { cursor:pointer;}
.lay-form input {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.lay-form select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
.lay-form input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}

/*-------------------------------------------*/
/*	クリック 表示 折りたたみ　アニメーション
/*-------------------------------------------*/
/*全体*/
.hidden_box {    margin: 2em 0;    padding: 0;}
/*ボタン装飾*/
.hidden_box label { display:block; text-align:left; padding:5px;    font-weight: bold;cursor :pointer; }
/*アイコンを表示*/
.hidden_box label:before { display: inline-block; content: '\f054'; font-family: 'FontAwesome'; padding-right: 5px; color:#999;}
/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before { content: '\f078'; color: #668ad8;}
/*チェックは見えなくする*/
.hidden_box input { display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show { height: 0;    padding: 0;    overflow: hidden;    opacity: 0;    transition: 0.4s;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {  padding: 10px 0;    height: auto;    opacity: 1;}


/*SNS
/******************************************************************/
#sns li a { color:white;}
/* ツイッター */
#sns .twitter a {	background:#55acee;}
#sns .twitter a:hover {	background:#4892cb;}

/* Facebook */
#sns .facebook a {	background:#3b5998;}
#sns .facebook a:hover {	background:#324c81;}

/* はてぶ */
#sns .hatebu a {	background:#00a5de;}
#sns .hatebu a:hover {	background:#008cbd;}

/* LINE */
#sns .line a {	background:#25af00;}
#sns .line a:hover {	background:#219900;}

@media screen and (min-width: 320px) and (max-width: 768px) {

}


/* テーブルデザイン */
/******************************************************************/
.tabledesign_1 { width:100%; table-layout: auto;}
.tabledesign_1 p { margin:0 !important;}
.tabledesign_1 th
{ padding:12px 15px; background-color:#f1f3d7; font-weight:bold; white-space:nowrap;}
.tabledesign_1 td
{ padding:12px 15px; background-color:#f4f4f4; width: 80%; text-align:left;}
.tabledesign_1 tr { width: 20%; }
.tabledesign_1 tr:nth-child(odd) {  }

/*-------------------------------------------*/
/*	ログイン時の編集ボタン
/*-------------------------------------------*/
.hensyuu { font-size:10px; color:#FFF; background-color: #EEE; border: #E1E1E1 1px solid; display:inline-block; width:50px; font-weight:bold; text-align:center; border-radius: 3px; cursor:pointer; padding-left:3px; padding-right:3px; position: absolute; bottom:0px; right:0px; }
.hensyuu a { color:#FFF; text-decoration:none; }
.hensyuu:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.log_tensen { border: #E1E1E1 dashed 1px; margin-bottom:3px; margin-left:3px; margin-right:3px; position:relative; }




/*-------------------------------------------------------------------------------------*/
/*お客様の声＆よくある質問設定
/*-------------------------------------------------------------------------------------*/
dl.evaluation { margin-left:auto; margin-right:auto; width:850px;}
dl.evaluation dt { color: #F93; text-align:left; font-size:21px; margin-bottom:15px; position:relative;}
dl.evaluation dt:after { content: "";  border-top: 5px solid #F93; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}
dl.evaluation dd { margin-bottom:50px;}

dl.qa {width:850px; margin:0 auto; text-align:left; }
dl.qa dt { margin-bottom:15px; font-size:18px;}
.qna {color: #F90; font-size:19px;}
dl.qa dd { background-color: #F7F0D7;  background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#333333; font-size:16px; text-align:center; /*height: 115px; margin-bottom:60px;*/ position: relative; width: 100%; margin-bottom:40px;}
dl.qa dd:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-bottom-color: #F7F0D7; bottom: 100%; left: 8%; margin-left: -20px; }




/*-------------------------------------------*/
/*	WordPressネイティブ
/*-------------------------------------------*/
strong { font-weight: bold; } em { font-style: italic; } blockquote {    display: block;    -webkit-margin-before: 1em;    -webkit-margin-after: 1em;    -webkit-margin-start: 40px;    -webkit-margin-end: 40px;}
.aligncenter {    display: block;    margin: 0 auto;}.alignright { float: right; }.alignleft { float: left; }
img[class*="wp-image-"],img[class*="attachment-"] {    height: auto;    max-width: 100%;}
 /* clearfix */
 .clearfix {    overflow: hidden;    zoom: 1;}.clearfix:after {    content: "";    display: block;    clear: both;}



/*-------------------------------------------------------------------------------------*/
/*設定途中です。
/*-------------------------------------------------------------------------------------*/
.keyvisual_tpeA .swiper-slide { width:100%;
  position: relative;
}
.keyvisual_tpeA .swiper-slide .swiper-slide-content {
	position  : absolute;
	top       : 50%;
	left      : 50%;
	transform : translate(-50%, -50%);
}
.keyvisual_tpeA .swiper-slide .slide-opacity {
  opacity: 0;
  transition: all 2s ease 0s;
}
.slide-opacity { height:500px;

}
.elem {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 500px auto 0;
  background: rgb(0, 125, 185);
  opacity: 0.1;
  transition: 1s;
  transform: rotate(45deg);
}

.isAnimate {
  opacity: 1;
  transform: rotate(0); 
}



/*-------------------------------------------------------------------------------------*/
/*あべこべ
/*-------------------------------------------------------------------------------------*/
ul.lay-abekobe li:nth-child(even) {flex-flow: row-reverse; margin-left:0 !important;}
ul.lay-abekobe li:nth-child(even) div:first-child { margin-right:0; margin-left:2.2%; }
ul.lay-abekobe li:nth-child(even) div:last-child { margin-left:0; margin-right:2.2%; }

/*-------------------------------------------------------------------------------------*/
/*QAレイアウト
/*-------------------------------------------------------------------------------------*/
ul.lay-qa001 li { }

@charset "utf-8";
@media screen and (min-width: 320px) and (max-width: 768px) {
section.hscplof { width:100%;  padding:10px;} 
.float_member{ float:none !important; padding-left:0px; padding-bottom:10px; display:block; margin:0 auto; }
}

.eigode { background-color: #00699B; color:#FFF; padding:8px; border-radius: 8px; margin-right:10px; cursor:pointer;}
.nihongode { background-color: #00699B; color:#FFF; padding:8px;  border-radius: 8px; cursor:pointer;}
.noactivee { background-color:#FFF; color:#333; border:#00699B solid 1px;}
.float_member{ float:right; padding-left:10px; padding-bottom:10px; }
.nihongoyaku { margin-top:30px;}
.eigoyaku { margin-top:30px;}
.plof_name { font-size:20px; font-weight:bold;font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; border-bottom:#CCC solid 1px;}

.yakutoji { display:none;}
.gengolist {  border-radius: 20px; padding:3px 15px; font-size:11px; background-color:#D71044; color:#FFF; font-weight:bold; white-space:nowrap;} .gengolist a { text-decoration:none; color:#FFF;  white-space:nowrap;}