@charset "UTF-8";
/*
Theme Name: ISP2019
Description: 
Version: 1.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900&display=swap');

/*

ゴシック系		font-family: 'Noto Sans JP', sans-serif;
明朝系		font-family: 'Noto Serif JP', serif;

*/



* {	margin:0;	padding:0;}
html{margin:0;overflow: auto;}

body {
color:#000;
font-size:100%;
text-align:center;
overflow: hidden;
position: relative;
font-family: 'Noto Serif JP', serif;
}

h1, h2, h3, h4, h5, h6 {clear:both;	margin:0;font-family: 'Noto Sans JP', sans-serif;}
h1 {font-size:180%; }
h2 {font-size:135%;	}
h3 {font-size: 135%;font-weight:700;}
h4 {font-size: 110%;font-weight:700;}
h5 {font-size: 105%;font-weight:700;}
h6 {font-size: 105%;font-weight:700;}

h2 br{display:none;}
ul li{list-style: none;}

p {	margin:0 0 1.5em 0;}
pre {overflow:auto;}
small {	font-size: 75%;	font-weight: normal;}
strong{font-weight:700;}


a {	
	color: #000;
	display:block;
	text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;	
}

p a{display:inline-block;}




a:hover {text-decoration: none;	opacity:0.5;}
a img {	border: none;}

img{width:100%;height:auto;}
img.none{width: inherit;height:auto;}

/*共通クラス*/
.sp{display: block}
.pc{display: none}

.red {color:#e60012;}
.white{color:#fff;}
.dblue{color:#1e2678}
.center {text-align:center;}
.left {	text-align:left;}
.right {text-align:right;}

span.new{ background: #e70012;color:#fff;padding:0 2em;font-size:80%;margin:0 0.5em;width:3em;text-align: center;}
span.br{display:inline-block}
.xllfont{font-size:135%;}
.xlfont{font-size:125%;}
.lllfont{font-size:115%;}
.llfont{font-size:110%;}
.lfont{font-size:105%;}
.sfont{font-size:90%;}
.ssfont{font-size:80%;}
.ssfont{font-size:70%;}

.date{margin:0 0 0.5em 0; font-weight:200;font-size:100%;}
a.post-edit-link{display:inline-block;}
.ms-theme-cubic {padding-bottom:0!important;}

.bgisp{background: #1e2678;}
.bgfff{background: #fff;}
.border{border:1px solid #c1bebc;}
.borderbk{border:1px solid #000;}
.borderred{border:2px solid #e60012;}

.nsj{font-family: 'Noto Sans JP', sans-serif;font-weight:300;}
.waku_bl{padding:0.5em;border:1px solid #1e2678;color:#1e2678;}	
.waku_blue{border:2px solid #1e2678;color:#000;}	
.waku_blue_tk{border:3px solid #1e2678;}	
.waku_org{padding:0.5em; border: 3px solid #f6ab00;}
.bg_orange{ background:#fad57d;}
.imgbd img{border:1px solid #000;}    
.imgbd_gry img{border:1px solid #9d9d9e;}    
    
.btm_memo{margin:6em 0 0 0;}



/*　--------------表--------------　*/
.sheet {margin:0 0 2em 0;}
.sheet .shtr {text-align: center;width: 100%;border-bottom:1px solid #f0f0f0;font-size:100%;}
.sheet .shtr:first-child {border-top:1px solid #f0f0f0;}
.sheet .shtr .shtd{display: block;vertical-align: top;padding:0.25em;}

/*キャプション*/
.wp-caption {text-align: left;padding:0}
.wp-caption img {margin:0;	padding: 0;	border: 0 none;}
.wp-caption .wp-caption-text {margin: 0.5em 0 0 0;font-size:90%;font-family: 'Noto Sans JP', sans-serif;color:#1e2678;line-height:123%;}



#page-top {
    font-size: 0;
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
    opacity: 0;
}

#page-top.fade-in {
    color: #fff;
     background: #1e2678;
    padding:0.15em 0.225em;
    border-radius:0.25em;
    font-size: 2em;
    opacity: 0.9;
    transition: opacity 1s;
}
#page-top.fade-in:hover {cursor: pointer;opacity: 0.3;}

/* cf */
.cf:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.cf{ display:inline-block;
    #min-height:1%;  /* for IE 7*/
	#zoom:1;/* for IE6, IE 7*/
}
/* Hides from IE-mac */
* html .cf {
	height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cf { display: block; }/* End hide from IE-mac */
.cf {zoom:1;}
.cf:after { content: "";  display: block;   clear: both;}


/* ▼ヘッダー
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.inner{margin:0;}       
    
#header{position:fixed; left:0;right:0;top:0;
z-index:10;
margin:auto; background: #fff;
display:flex;
align-items: center;    
}   

#header #site-logo{width:95px;padding:0.25em 0.5em;}



/* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

 /* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.section_top{margin:0; padding:1.5em 1em;position:relative;}
    
 /*タイトル*/   
.section_top h2{margin:0 0 0.25em 0;padding:0; font-weight:300;font-size:222%;color:#fff;line-height:80%;}
.section_top h2 + .subcopy{display:block;margin:0 1em 1em 1em;}
  
 /*bgfffのタイトル*/   
.section_top.bgfff h2{color:#1e2678;}
.section_top.bgfff h2 + .subcopy{color:#000;}
    
 /*bgispのタイトル*/   
.section_top.bgisp h2{color:#fff;}
.section_top.bgisp h2 + .subcopy{color:#fff;}

/*共通*/  
.bnrwrap{margin:1em 0 0 0;border:1px solid #c1bebc;}  
.itembox{display: flex; justify-content:space-between;flex-wrap: wrap;}  
.bnritem{ flex-basis: 100%;overflow: hidden;position: relative;text-align: center;}    
.bnritem:first-child{ margin:0 0 0.5em 0;}   
   
/*トップ　キャンペーンソリューションバナー*/ 

h3#campaign_solution{font-family: 'Noto Serif JP', serif;margin:1em 0;font-weight:300;}   
    
.cpswrap{margin:1em auto 2em auto;border:none; display:flex;justify-content: center;flex-flow: column wrap;}  
.cpswrap a{ padding:0.5em;border:1px solid #ccc;margin:0 0 0.5em 0;font-size:111%;display: flex;align-items: center;justify-content: center;}   
.cpswrap a img{width:40%;height:auto;margin:0.5em auto 0 auto;position: relative;top:-0.25em;}
    






 /*ボタン*/ 
a.btn_jirei{ background: #e60012;width:45%;display:inline-block;text-align: center;padding:0.5em 0;color:#fff;font-size:102%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_contact{ background: #e60012;width:55%;display:inline-block;text-align: center;padding:0.75em 0;color:#fff;font-size:102%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_here{ background: #1e2678;display:inline-block;text-align: center;padding:0.5em 1.25em;color:#fff;font-size:102%;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_jirei i,a.btn_contact i,a.btn_here i{margin:0 0 0 0.5em}
 
div.btn_here{ background: #1e2678;display:inline-block;text-align: center;padding:0.5em 1.25em;color:#fff;font-size:90%;font-family: 'Noto Sans JP', sans-serif;} 
div.btn_jirei i,div.btn_contact i,div.btn_here i{margin:0 0 0 0.5em} 
    
    
/*マウスオーバーによる画像のエフェクト*/  
a img {	display: block;	transition-duration: 0.3s;	}
a:hover img{transform: scale(1.05);	transition-duration: 0.3s;	}   
#header a:hover img{transform: scale(1.0);}   
#topbnr a:hover img{transform: scale(1.05);}   

    
 /*top_solution*/  
#top_solution .inner{margin-top:0;}
#top_solution .sitem{flex-basis: 48%;border-top:1px solid #c1bebc;border-bottom:1px solid #c1bebc;border-left:1px solid #c1bebc;  border-right:1px solid #c1bebc;    display:flex; flex-wrap: wrap;   align-items: center;margin:0 0 0.5em 0;}  

#top_solution .sitem .soltt{height:70px;border-bottom:1px solid #c1bebc; font-size:105%;text-align: center;  display:flex;  align-items: center; justify-content:center;}   
#top_solution .sitem .soltt p{margin:0;}   
#top_solution .sitem .solimg{margin:0.5em;overflow: hidden;} 

    
/* top_news */
#top_news #article { padding:1em 1.25em 0.25em 1.25em; position: relative;font-size:100%;font-family: 'Noto Sans JP', sans-serif;}
#top_news #article dl.item{margin:0 0 0.5em 0;}
#top_news #article dl.item dt,
#top_news #article dl.item dd	{display:block; vertical-align: top;font-weight:300;}
#top_news #article dl.item dt{text-align:left;}
#top_news #article dl.item dd{text-align:left;}   
#top_news .andmore{text-align:right;display:block;}
#top_news .andmore a{border:1px solid #c1bebc;color:#000;padding:0 0.75em;display:inline-block;font-size:small;}

#top_news span.new{display:block;}


/*企業情報　採用情報*/
 #topbnr.btm_dash{ background: url("images/border_dash.png") repeat-x left bottom;}

/*Case Studies*/
#top_case .btn_smallbox {margin:0 0 2em 0;}  




 /*トップスライド*/ 
#topslide{position: relative;top:48px;height:45vh;margin:0 0 3em 0}   


@media screen and (max-width: 47.9em) {
       
#topslide .flexslider .slides li{overflow: hidden;position: relative;height:45vh;}

#topslide .flexslider .slides li > img {width:175%;height:auto;

position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}   
    
    
#topslide .flexslider .slides li a img {width:175%;height:auto;

position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 
    
    

}

 .metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap, .metaslider.ms-theme-cubic .rslides .caption-wrap, .metaslider.ms-theme-cubic div.nivoSlider .nivo-caption {
 background: none!important;        
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03062c', endColorstr='#007db9e8',GradientType=1 );
    top: 22%!important;
     bottom:inherit!important;
    color: inherit;
    margin: 0!important;
    padding: 1em 0!important;
    position: absolute;
    -webkit-transition: .5s all;
    transition: .5s all;
    width: 100%;
     opacity:1;
}   
 
.metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-cubic .rslides .caption-wrap .caption, .metaslider.ms-theme-cubic .nivoSlider .nivo-caption {
    color: #fff;
    padding:0!important;
    text-align: left!important;
    /*width:990px;*/
    margin:auto;
}
  
    
/*ダークな背景*/
#topslide .bgdark{padding:1em 0;background: url("images/bg_slider.png") repeat-y!important;}    
#topslide .bgdark .capwrap{text-align: center!important; margin:auto;} 
#topslide .bgdark .uppercopy {font-size:185%;font-weight:500;margin:0 0 0.5em 0;display:block;}
#topslide .bgdark .btmcopy{font-size:80%;display:block;padding:0 1em}

/*ライトな背景*/
#topslide .bglight{padding:1em 0;margin:0 0 0.5em 0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 18%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );} 

#topslide .bglight .capwrap{text-align: center!important; margin:auto;color:#1e2678;} 
#topslide .bglight .uppercopy {font-size:150%;font-weight:700;margin:0 0 0.5em 0;display:block;font-family: 'Noto Sans JP', sans-serif;line-height:125%;}
#topslide .bglight .btmcopy{font-size:80%;display:block;padding:0 1em;text-align: center;line-height:135%;}  
#topslide .slpic{margin:auto;width:75%;}   
#topslide .slpic img{width:100%;height:auto;}



/*下層ヘッダー画像*/
#headerttbox{position: relative;margin:48px 0 0 0;}    
#headerttimg{position: absolute;top:0;left:0;width:100%;height:180px; overflow: hidden;} 
#headerttimg img{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}  
    
#headerttwrap{
position: relative;
height:180px;    
display:flex;
flex-wrap: wrap;
align-items: center;
 }
 
    
#headertt{flex-basis: 100%; text-align: center; color:#1e2678; padding:0 0 0.15em 0;
/*    
background: url("images/ttbg.png") repeat-y;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-size:cover;  
*/    
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 18%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 18%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
 }   
#headertt h1 ,
#headertt #tt {font-size:200%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}  
#headertt #headersubtext  {font-size:80%;}
    


/*フッター 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

#footer{padding:2em 1em 1em 1em; margin:2.5em 0 0 0; background: #1e2678;text-align:center;}
#footer a{color:#fff;}   

#footer #footermenu{display:flex; justify-content: space-between;margin:0 0 3em 0; flex-direction: column;}
#footer #footermenu > li.leftmenu  {flex-basis: 38%;text-align: left;}
#footer #footermenu > li.centermenu {flex-basis: 42%;text-align: left;}   
#footer #footermenu > li.rightmenu  {flex-basis: 19%;text-align: left;}   
#footer #footermenu > li.area > a{display:none;}
#footer #footermenu .sub-menu > li a{font-size:115%;display:block;margin:0 0 1em 0;position: relative;}  
#footer #footermenu .sub-menu > li a:after{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#footer #footermenu .sub-menu .sub-menu {margin:0 0 1em 0;display:none;}/*display:none;display:none;display:none;display:none;display:none;*/
#footer #footermenu .sub-menu .sub-menu a{font-size:100%;border:none;margin:0 0 0.25em 0;}  
#footer #footermenu .sub-menu .sub-menu .sub-menu a,
#footer #footermenu .area.centermenu .sub-menu .sub-menu a,
#footer #footermenu .area.rightmenu .sub-menu .sub-menu a{font-size:85%;border:none;margin:0 0 0.25em 0;}  
#footer #footermenu .sub-menu .sub-menu .sub-menu a:before,
#footer #footermenu .area.centermenu .sub-menu .sub-menu a:before
{/*content:"\30FB";   */  
display:inline-block;font-size:80%;
content:"\25B2";   
 transform:rotate(90deg); 
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
 }   
#footer #footermenu .area.rightmenu .sub-menu .sub-menu{margin:0 0 2em 0;}    
#footer #btmmenu {display:flex; justify-content: center;flex-wrap: wrap;font-size:90%;}
#footer #btmmenu li{flex-basis: auto; padding:0 0.5em 0.5em 0.5em;} 
#footer #btmmenu li a{ position:relative;padding:0 0 0 1em;}
#footer #btmmenu li a:before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#copyright{        padding:2em 0;    text-align: center;	color:#1e2678;	font-size:small;}



/* Sidebar の設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
#sidebar ul li {margin:0 0 5px 0;	padding:0 5px 0 15px;background:url(images/li_02.gif) no-repeat 0 3px;}
#sidebar ul ul li {	padding:0 5px 0 10px;	background:url(images/li_02.gif) no-repeat 0 3px;}
#sidebar ul ul ul li {	padding:0 5px 0 10px;background:url(images/li_04.gif) no-repeat 0 4px;}
#sidebar ul ul, #sidebar ul ol {	padding:5px;}
#sidebar ul ul ul, #sidebar ul ol {	margin: 5px 0 0 0;}
#sidebar ul ol li {	list-style: decimal outside;	margin:0 0 5px 0;}
#sidebar ul ul li, #sidebar ul ol li {	margin:0 0 5px 0;}
#sidebar li a:hover {	text-decoration: underline;}
*/


/*
検索窓
#header_home #searchform	{float:right;}
#sform{float:right;display:inline-block; position:relative;}

#sform .searchfield { 
padding:2px 30px 2px 10px;
margin-left: 10px;
height: 30px;
font-size: 110%;
width: 240px;
border-radius:20px;
border:1px solid #ccc;
}
#sform .searchsubmit { 
width: 26px;
height: 26px;
padding: 0;
font-family: FontAwesome;
font-size: 20px;	
border: none;
background: transparent;
cursor: pointer;
position:absolute;right:5px;
top:0;
}
*/


.section{margin:0; padding:1.5em 0;position:relative;}
.section p{line-height:195%;/* font-weight:500;*/margin:0 auto 1.5em auto} 
#pageupper{margin:3.5em 0 0 0;} 


    

 /* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */  

#topicpath {
font-weight:300;
margin:0 auto 0 auto;
padding:0.5em 0.5em;
background: #f4f4f3;
font-size:small;
text-align:left;

}
#topicpath a{display:inherit;} 


/*  ページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper{margin:1em auto 0 auto;  }

/*#content */
#content{width:90%;margin:auto;text-align:left;padding:0;}
#content .section{margin:0 0 3em 0;}

#content p img{text-align: center; width:100%;height:auto;display:inline-block;margin:0 0 1em 0;}
#content li img{text-align: center; width:100%;height:auto;display:inline-block;margin:1em 0;}


#contentbox{margin:0 0 3em 0;}
#content .contentbox{margin:0 0 2em 0;}
#content .contentbox p{margin:0 0 0.5em 0;} 

/*リストマーク*/
#content ul{margin:0 0 0.25em 0;list-style: none; }
#content ul li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;    text-indent: -1em;line-height:155%;display:block;}
#content ul li:before{content:"\30fb";font-size:111%;color:#000;}

#content #corporate.data ul{margin:0 0 2em 0;}
#content #news ul{margin:0 0 2em 0;}

#content ol{margin:0 0 1.5em 1em;font-weight:200;}
#content ol li{margin:0 0 1.5em 0;text-align: left; line-height:155%;}
#content ol li ol {margin:1em 0 1em 1.5em;font-weight:200;}
#content ol li ol li{list-style: decimal-leading-zero;}
#content ol li ol li ol li{list-style: lower-roman;}

/*リストマーク  ※ 印*/
#content ul.ast{list-style: none;}
#content ul.ast li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;   text-indent: -1em;line-height:120%;}
#content ul.ast li:before{content:"\203B";font-size:100%;color:#666; margin:0 0.1em 0 0;}
#content ul li ul.ast{margin:1em 0;font-size:80%;}

#content ul.arr li:before
{margin:0 1.25em 0 0;
    display: inline-block;
    font-size: 80%;
    content: "\25B2";
    position: relative;
    top: 0.75em;
    left: 0.5em;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

/*赤*/
#content ul.ast.red li{color:#e60012}
#content ul.ast.red li:before{color:#e60012;}

/*リストマーク  ■ 印*/
#content ul.squ{list-style: none;}
#content ul.squ li{margin:0 0 0.5em 0;text-align: left; padding-left: 1em;   text-indent: -1em;line-height:120%;}
#content ul.squ li:before{content:"\25A0";font-size:100%; margin:0 0.1em 0 0;}

#content a.linkbtn{padding:0.5em 0;margin:1em auto 0 auto;border-radius:0.25em;display:block;text-align:center; font-weight:300;font-size:90%;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}




 /*第２階層*/   
/*ソリューション*/   
.itemwrap{margin:0 0 1em 0;border:1px solid #1e2678;position: relative; padding:0 0 40px 0;}  
.itemwrap .itembox{display: flex; ;flex-wrap: wrap; flex-direction: column;}  

.itemimg{flex-basis: 100%;padding:0.5em;  }
.itemimg .itemimginner{ }
.itemtext{flex-basis: 100%;padding:0.5em;}  
.itemtext .itemtt{font-size:150%;font-weight:500;margin:0 0 0.15em 0;text-align: center;}
.itemtext .itemattr{color:#1e2678;}
.itemtext .itemattr p{text-align: center;margin:0 0 1em 0;font-size:105%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;line-height:150%;}
#content .itemtext .itemattr ul{margin:0 0 0 0; list-style: none;font-size:90%;}
#content .itemtext .itemattr ul li{font-weight:400;line-height:100%;padding:0;text-indent: 0;margin:0 0 0.25em 0;}
#content .itemtext .itemattr ul li:before { 
display: inline-block;
position: relative;
margin:0 0.25em 0 0;
color:#1e2678;
font-size: 80%;
content: "\25B2";
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.detailhere{position: absolute;bottom:0;right:0; background:#1e2678;color:#fff; padding:0.5em 1em;font-weight:300;}    
.detailhere i{margin:0 0 0 0.5em;}

/*ソリューション導入の流れ部分の画像エリアを非表示
#solution .itemwrap:last-of-type .itemimg{display:none;}
*/   
   
   
/*モバイルアプリ*/    
.app_icon{width:75px;margin:1em auto 0 auto;}    
 
/*導入事例*/    
.caseitemwrap {display:flex;flex-direction:column;}
.caseitem{margin:0 0 3em 0;text-align: center;display:flex;flex-direction: column;/*min-height:222px;*/}
.caseitem_tt   {font-size:150%;font-weight:500;color:#1e2678;margin:0 0 0.75em 0;} 
.case_app_img {margin:0 0 1em 0;} 
.case_app_img img{width:auto;height:75px;}
.storewrap{display:flex;justify-content:center;flex-wrap: wrap;}
.storewrap .case_app_company  {flex-basis: 100%;margin:0 0 1em 0;font-weight:500;}
.storewrap a{flex-basis: 40%;margin:0 0.5em}
.caseitem a.btn_here{width:55%;margin:0 auto;}


#casebody p{font-family: 'Noto Sans JP', sans-serif;margin:0 0 2em 0;}      
    

    
 /*第3階層   taxonomy.php          */    
#taxwrap{text-align:center;margin:0 0 2.5em 0; }
/*最初のオレンジラインのないスタイル
#taxwrap #taxcopy{font-size:200%;color:#1e2678;font-weight:500;margin:0 0 0.65em 0;font-family: 'Noto Sans JP', sans-serif;}   
#taxwrap #taxtext{font-weight:500;padding:0 2em;position: relative;}   */
/*見出しの下にオレンジ罫のスタイル*/
#taxwrap #taxcopy{font-size:135%;color:#1e2678;font-weight:500;margin:0 0 0.25em 0;;font-family: 'Noto Sans JP', sans-serif;}   
#taxwrap .ttunder{min-height: 30px;font-size:110%;font-weight: 500;margin:0 0 1em 0;padding:0.5em; border:4px solid #f6ab00;border-bottom:none;text-align: left;}  
#taxwrap .ttunder p{line-height: 160%;margin:0;}
#taxwrap #taxtext{font-weight:500;padding:0;position: relative;text-align: left;}  

.taxitembox{display:flex;flex-wrap: wrap;flex-direction: column;}
.taxitemwrap{flex-basis: 100%;text-align: center;margin:0 0 1em 0;}



/*----個別スタイル------------------------------*/
@media screen and (max-width: 47.9em) {
    

#app .taxitembox,#corporate .taxitembox,#recruit .taxitembox{display:flex;flex-wrap: wrap;justify-content: space-between; flex-direction: row;}
#app .taxitemwrap,#corporate .taxitemwrap, #recruit .taxitemwrap {flex-basis: 49%;text-align: center;margin:0 0 1em 0;}
#app .taxitem_tt{font-size:90%;color:#1e2678;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}
#app .taxitem{border:3px double #1e2678;padding:1em 0.5em 1em 0.5em;margin:0 0 0.5em 0;display:flex;flex-direction: column;min-height:160px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;}

#case .ttunder br{display:none;}   
#contact .fitem.fb15{margin:0;}
#contact .fitem.fb15 p{margin:0;text-align: center}
    
    
    
    
    
}/*----------------------------------*/




.taxitem{border:3px double #1e2678;padding:1em 0.5em 1em 0.5em;margin:0 0 0.5em 0;display:flex;flex-direction: column;min-height:120px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
}

.taxitem_rec{display:flex;flex-wrap: wrap;align-items: center;justify-content:  center;  border:3px double #1e2678;padding:1.5em 0.5em 1em 0.5em;margin:0 0 1.25em 0;height:100px;}
.taxitem_rec .itemattr{margin:0.5em 0 0 0;}
.taxitem_rec .itemattr p{margin:0;line-height: 125%;font-size:90%;}


.taxitem.nobtm{padding:1em 0.5em;min-height:inherit;}/*arc_textが空欄の場合*/
.taxitem_upper{margin:0 0 0.5em 0;font-weight:500;} 
.taxitem_tt{font-size:125%;color:#1e2678;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}
.taxitembox .taxitem_tt span{display:block;}

.taxitembox.receipt .taxitem_tt span{display:block;font-size:80%;}
.taxitembox.campaign .taxitem_tt span{display:block;font-size:80%;}

.taxitembox.campaign .post1614 .taxitem_tt span{display:block;font-size:100%;}


.taxitembox.campaign .taxitem_bottom{display:none;}

.taxitembox .taxitem_logo{margin:0.5em auto;width:55%;}   


.taxitem_bottom{margin-top:1em;font-size:80%;/*text-align: left;*/}  
.taxitem_bottom p{margin:0;}
#content .taxitem_bottom ul{display:inline-block;margin:0;}
#content .taxitem_bottom ul li{text-align: left;}
 
    

/*採用情報*/  
.recitem{margin:0 0 2em 0;}    
.recwrap{}    
.recwrap .rectr{display:flex;justify-content: space-between; flex-direction: column;margin:0 0 0.5em 0;}
.recwrap .rectr > div{padding:0.5em;}
.recwrap .rectr .recth{flex-basis: 100%; background: #f6f6f6;border-bottom:1px solid #1e2678;font-family: 'Noto Sans JP', sans-serif;font-weight:500;}
.recwrap .rectr .rectd{flex-basis:100%; background: #f9f9f9;}
 
#btmimg{position: relative;margin:0 0 2em 0;}


/*会社概要*/  
.cowrap{margin:0 0 1em 0;}    
.cowrap .cotr{display:flex;justify-content: space-between;border-bottom:1px solid #1e2678;}
.cowrap .cotr > div{padding:0.5em 0;}
.cowrap .cotr .coth{flex-basis: 30%; }
.cowrap .cotr .cotd{flex-basis: 70%;}
.cowrap .cotr .cotd p{margin:0;}
.cowrap .cotr:last-child {border:none;}  




/*シングル　製品*/
#wrapper h1 {font-size:175%; color:#1e2678;}
#wrapper > h1{margin-bottom:0.5em;}   

#wrapper h2 {font-size:135%;color:#1e2678;border:3px solid #f6ab00;padding:0.5em;font-weight:500;margin:0 0 1em 0;}
#wrapper #basicpage h2 {font-size:125%;color:#1e2678;border:none;padding:0;font-weight:500;margin:2em 0 0.75em 0;}
#wrapper #basicpage h2:first-child{margin-top:0;}
#wrapper #basicpage h2#contactpage {font-size:125%;color:#1e2678;border:none;padding:0.5em;font-weight:500;margin:0 0 0.75em 0;  background: #f9ebdd;}
#wrapper #news h2 {font-size:111%;color:#1e2678;border:3px double #f6ab00;padding:0;font-weight:500;margin:0 0 0.75em 0;padding:0.5em;}
#wrapper #news h2 br{display:block;}

#wrapper #casebody h2{margin:0 0 1em 0;}  

#wrapper h3 {font-size: 111%;font-weight:500;margin:0 0 2em 0;}
#wrapper h3.blueline{color:#1e2678;text-decoration: underline;font-family: 'Noto Serif JP', serif;}
#wrapper #casebody h3{margin:0 0 0.5em 0;color:#1e2678; }
#wrapper #corporate.data h3{font-size: 111%;font-weight:400;margin:0 0 0.25em 0;}
#wrapper #news h3{margin:0 0 0.5em 0;font-weight:500;font-family: 'Noto Sans JP', sans-serif;font-size:105%;}

#wrapper h4 {font-size: 105%;font-weight:600;font-family: 'Noto Serif JP', serif;}
#wrapper h4.rednsj{font-size:100%;color:#e60012;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}  
#wrapper h4.rednsj:before{
    display: inline-block;
    font-size: 80%;
    content: "\25B2";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    }
#wrapper h5 {font-size: 100%;}
#wrapper h6 {font-size: 100%;}
  
  /*オレンジ囲い数字のタイトルのスタイル*/  
.kakoiwrap   {display:flex;margin: 0 0 1em 0;}
.kakoi{font-size:333%; color:#1e2678;border:3px solid #f6ab00;line-height:100%;height:54px;width:54px;text-align: center;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";vertical-align: top; background: #fff;box-shadow:0.25em 0 #fff;}  
.kakoitt{font-size:140%;color:#1e2678; font-family: 'Noto Sans JP', sans-serif;vertical-align: top;font-weight:500;margin:0 0 0 0.5em;}   
.kakoitt.l2{font-size:111%;}   
.fboxtt{display:flex;align-items: center;margin:0 0 2em 0; background: #c1bebc;} 
#wrapper .fboxtt h3{margin:0 0 0 1.5em}   

   /*見出しH1*/ 
#upperwrap #upper_exp_tt{font-weight:500;font-size:110%;min-height:30px;border:3px solid #f6ab00;border-bottom:none;vertical-align: middle;    padding: 0.5em;}    
#upperwrap{text-align:center;margin:0 0 2.5em 0; }
#upperwrap #uppertt{font-size:135%;color:#1e2678;font-weight:500;margin:0 0 0.25em 0;padding:0;}   
#upperwrap #upper_exp_text{font-weight:500;padding:0 1em;text-align: left;}  




/*自動車運転免許証 解析ライブラリ*/    
.ocrlicsense{font-family: 'Noto Sans JP', sans-serif;}   
.ocrlicsense .gra_dblue{border:3px solid #1e2678;color:#fff;font-weight:500;
 padding:0.1em 0.5em; 
background: #1e2678;
background: -moz-linear-gradient(-45deg, #1e2678 0%, #ffffff 100%);
background: -webkit-linear-gradient(-45deg, #1e2678 0%,#ffffff 100%);
background: linear-gradient(135deg, #1e2678 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2678', endColorstr='#ffffff',GradientType=1 );}    
.ocrlicsense .exp{font-size:80%;padding:1em 0;line-height:180%;}   





/*導入までの流れ*/
.introflow{font-size:111%;height:60px;border-radius:0.5em;border:3px solid #1e2678 ;text-align: center;display:flex;align-items: center;justify-content: center; font-weight:700;}	
.releaseafter{font-size:135%;padding:1em;margin-left:auto;margin-right:auto;text-align: center; border-radius:0.5em;border:3px solid #1e2678 ;font-weight:700;}	
	





/*ニュース archive*/
#yeartt {font-size:145%;color:#1e2678;border:3px solid #f6ab00;padding:0.5em 1em;font-weight:500;margin:0 0 2em 0;}   
#newswrap{display:flex;flex-direction: column;}   
#newsitembox{flex-basis: 64%; }    
#newsitembox dl.item{ display:flex;flex-direction: column;border-bottom:1px solid #d2cecb;margin:0 0 1em 0;padding:0 0 1em 0;}  
#newsitembox dl.item dt{flex-basis: 20%; font-family: 'Noto Sans JP', sans-serif;font-weight:500;color:#f6ab00;}
#newsitembox dl.item dd{flex-basis: 70%; }

#sidebar{flex-basis: 33%;}  
#sidebar select{width:90%;position: relative;}
#sidebar select option{padding:0.5em;font-size:120%;} 
#sidebar h3{ background: #f6ab00;color:#fff;padding:0.5em 0.5em 2.5em 0.5em;margin:0 0 0.25em 0;font-weight:500;font-size:125%} 
#sidebar h3 span{border-bottom:1px solid #fff;}  
#sidebar .sidebox{background: #eeedeb;margin:0 0 2em 0;padding:0 0 0.5em 0;display:block;font-family: 'Noto Sans JP', sans-serif;}
#sidebar .sidebox ul#yearlist {margin:0 1em;}   
#sidebar .sidebox ul#yearlist li{margin:0 0 0.25em 0;}  
#sidebar .sidebox ul#yearlist li:before{

    display: inline-block;
    font-size: 80%;
    content: "\25B2";
    color:#f6ab00;
    position: relative;
    top:0.75em;
    left:0.5em;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);} 
#sidebar .sidebox ul li a{display:inline-block;margin:0 0 0 2.5em;}    
#sidebar .sidebox dl{margin:0 1em 2em 1em;}   
#sidebar .sidebox dl dt{margin:0 0 0.25em 0;color:#f6ab00;}     
    
/*ニュース single*/  
#newstt{font-size:135%; margin:0 0 1em 0;}   
#newsday{color:#f6ab00;font-weight:500;font-size:125%;margin:0 0 1.25em 0;}  
#newsday span{border-bottom: 1px solid #f6ab00;}  



/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	/*margin-bottom: 20px !important;*/
    overflow: hidden;
    margin:0 0 2em 0;
}
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
   /*float: left;*/
	margin-bottom: 0 !important;
	display:inline-block;vertical-align: top;
	padding:0 0 1em 0;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
.gallery-columns-1 .gallery-item ,
.gallery-columns-2 .gallery-item ,
.gallery-columns-3 .gallery-item ,
.gallery-columns-4 .gallery-item ,
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 48%;
    margin: 0 1%;
}


/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*formの設定*/
#contact {margin:auto;}
#entryform {margin:auto;}

dl.form {
margin:0 auto 2em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;}
dl.form dt { padding:1%; }
dl.form dd {padding:1%;}
dl.form input { background:#f0f0f0;border:none;padding:0.25em;font-size:110%;}

dl.form input.spinput{width:98%;}
dl.form dd.message textarea.spinput{width:90%;}


dl.form dd.orderitem input{}
dl.form dd.message textarea{padding:1em;font-size:110%;border:1px solid #ccc;}

#submit{margin:2em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#submit input{
 color:#000;   
display:block;width:50%;margin:0 auto 1em auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );}

#submit input:hover{cursor:pointer;opacity:0.6;}

#submit input[type="button"]{width:30%;}

.wpcf7c-conf{    background-color: #f0f0f0!important;}

dl.form dt span.req {color:#f00;font-size:70%;margin:0 0 0 0.25em;display:inline-block}

#difadd{border:1px solid #ccc;margin:0 0 1em 0;padding:1em;}
#difadd h3{font-size:105%;}
input.kata{margin:0 0 0.25em 0}

.small {
	font-size: 12px;
}

/* 送信前の注意書きテキスト    */
div.conf-text {
	clear:both;
	margin:0 0 0 0;
	text-align:left;
}

/* 「上記内容で送信します」の設定 */
div.conf {
	text-align:center;
	margin:1.5em 0;
	font-size:120%;
	color:#c00;
}
div.conf label:hover{ cursor:pointer;display:block;}

span.wpcf7-list-item {
	display: block !important;
	margin: 0 0 0 0 !important;
}


/* ▼▼▼▼▼Serchの設定▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input.searchform-btn {padding:1px 7px; cursor:pointer;}


/* ▼Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {
	margin: 0;
	padding:0;
	text-align: justify;
	overflow:hidden;
	clear:both;
}
.post hr {
	display: block;
}


.entry fieldset {
	border:none;
}
fieldset {
	border:none;
}
.entry fieldset legend {
	font-weight:bold;
	text-transform:uppercase;
}
.entry ol {
	list-style-type:decimal;
}
.entry ol ol {
	list-style-type:lower-alpha;
}
.entry ol ol ol {
	list-style-type:lower-roman;
}


.alignright {
	padding:0;
	margin: 0 0 1em 1em;
	display: inline;
	float:right;
}
.alignleft {
	padding:0;
	margin: 0 1em 1em 0;
	display: inline;
	float:left;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.navigation {
	clear:both;
	padding:20px 0;
}
.navigation .alignleft {
	text-align:left;
}
.navigation .alignright {
	text-align:right;
}




/*段組
.fbox{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;} flex-wrap: wrap;
.fboxc{display:flex;justify-content:center;align-items: stretch;margin:0 0 2em 0;} flex-wrap: wrap;なし
.fboxw{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;flex-wrap: wrap;} flex-wrap: wrap;あり
.fboxnm{display:flex;justify-content:flex-start;align-items: center;margin: 0;} マージンなし、左よせ
.fboxnmw{display:flex;justify-content:flex-start;align-items: center;margin: 0;flex-wrap: wrap;} マージンなし、左よせflex-wrap: wrap;あり  
.fboxnmw_btm{display:flex;justify-content:flex-start;align-items: flex-end;margin: 0;flex-wrap: wrap;} マージンなし、左よせflex-wrap: wrap;あり      
*/
.fbox .fitem,.fboxw .fitem{margin:0 auto 1em auto;} 

    
/*.fboxのネスト時のマージン*/
.fboxw .fbox,.fboxw .fboxw,.fbox .fbox,   .fbox .fboxw   {margin:0;}   
    


 
    
    
.rt90 arrow,    
.rt90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}  
    
    
.pd0_025{padding:0 0.25em;}
.pd0_05{padding:0 0.5em;}
.pd0_1{padding:0 1em;}
.pd0_15{padding:0 1.5em;}   
 .pd0_2{padding:0 2em;}  

.pd025_0{padding:0.25em 0} 
.pd05_0{padding:0.5em 0}     
.pd1_0{padding:1em 0}
.pd15_0{padding:1.5em 0}    
.pd2_0{padding:2em 0}  
    


.fitem.fb5{flex-basis: 5%;}     
.fitem.fb6{flex-basis: 6%;}    
.fitem.fb7{flex-basis: 7%;}    
.fitem.fb8{flex-basis: 8%;}  
.fitem.fb9{flex-basis: 9%;}  
.fitem.fb15{flex-basis: 15%;} 
.fitem.fb10{flex-basis: 10%;}    
.fitem.fb20{flex-basis: 20%;} 
.fitem.fb25{flex-basis: 25%;}  
.fitem.fb30{flex-basis: 30%;} 
.fitem.fb32{flex-basis: 32%;}    
.fitem.fb35{flex-basis: 35%;}  
.fitem.fb40{flex-basis: 40%;}  
.fitem.fb45{flex-basis: 45%;} 
.fitem.fb48{flex-basis: 48%;} 
.fitem.fb50{flex-basis: 50%;}
.fitem.fb55{flex-basis: 55%;}
.fitem.fb60{flex-basis: 60%;}  
.fitem.fb65{flex-basis: 65%;}      
.fitem.fb70{flex-basis: 70%;} 
.fitem.fb75{flex-basis: 75%;}  
.fitem.fb80{flex-basis: 80%;}  
.fitem.fb90{flex-basis: 90%;}  

    
.w5{width:5%;margin:auto;} 
.w6{width:6%;margin:auto;}   
.w7{width:7%;margin:auto;}  
.w8{width:8%;margin:auto;} 
.w9{width:9%;margin:auto;} 
.w10{width:10%;margin:auto;} 
.w15{width:15%;margin:auto;}     
.w20{width:20%;margin:auto;} 
.w25{width:25%;margin:auto;}      
.w30{width:30%;margin:auto;} 
.w35{width:35%;margin:auto;}      
.w40{width:40%;margin:auto;}     
.w45{width:45%;margin:auto;}     
.w50{width:50%;margin:auto;} 
.w55{width:55%;margin:auto;} 
.w60{width:60%;margin:auto;}
.w65{width:65%;margin:auto;} 
.w70{width:70%;margin:auto;}
.w75{width:75%;margin:auto;}
.w80{width:80%;margin:auto;}
.w85{width:85%;margin:auto;}
.w90{width:90%;margin:auto;}
 
.w5l{width:5%;} 
.w6l{width:6%;}   
.w7l{width:7%;}  
.w8l{width:8%;} 
.w9l{width:9%;} 
.w10l{width:10%;} 
.w15l{width:15%;}     
.w20l{width:20%;} 
.w25l{width:25%;}      
.w30l{width:30%;} 
.w35l{width:35%;}      
.w40l{width:40%;}     
.w45l{width:45%;}     
.w50l{width:50%;} 
.w55l{width:55%;} 
.w60l{width:60%;}
.w65l{width:65%;} 
.w70l{width:70%;}
.w75l{width:75%;}
.w80l{width:80%;}
.w85l{width:85%;}
.w90l{width:90%;}
    

.fw200{font-weight:200;} 
.fw300{font-weight:300;} 
.fw400{font-weight:400;} 
.fw500{font-weight:500;} 
.fw600{font-weight:600;} 
.fw700{font-weight:700;} 
.fw900{font-weight:900;}     
p.fw200{font-weight:200;} 
p.fw300{font-weight:300;} 
p.fw400{font-weight:400;} 
p.fw500{font-weight:500;} 
p.fw600{font-weight:600;} 
p.fw700{font-weight:700;} 
p.fw900{font-weight:900;} 
    
  
p.mt05{margin-top:0.5em;}      
p.mt075{margin-top:0.75em;}     
p.mt1{margin-top:1em;}  
    
.mb0{margin-bottom:0;}       
.mb025{margin-bottom:0.25em;}      
.mb05{margin-bottom:0.5em;}      
.mb075{margin-bottom:0.75em;}      
.mb1{margin-bottom:1em;}
.mb15{margin-bottom:1.5em;}
.mb2{margin-bottom:2em;}
.mb25{margin-bottom:2.5em;} 
.mb3{margin-bottom:3em;}  
.mb35{margin-bottom:3.5em;} 
 
p.mb0{margin-bottom:0;}       
p.mb025{margin-bottom:0.25em;}      
p.mb05{margin-bottom:0.5em;}      
p.mb075{margin-bottom:0.75em;}    
p.mb1{margin-bottom:1em;}
p.mb15{margin-bottom:1.5em;}
p.mb2{margin-bottom:2em;}
p.mb25{margin-bottom:2.5em;} 
p.mb3{margin-bottom:3em;}  
p.mb35{margin-bottom:3.5em;}  
    
#content ul.mb1{margin-bottom:1em;}
#content ul.mb15{margin-bottom:1.5em;}
#content ul.mb2{margin-bottom:2em;}
#content ul.mb25{margin-bottom:2.5em;} 
#content ul.mb3{margin-bottom:3em;}  
#content ul.mb35{margin-bottom:3.5em;}  


/*------------------------------------------------------------------------------------*/   
@media screen and (max-width: 47.9em) {
    
.fbox.access{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;}
.fboxnm.app{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;}  
.fboxnm.app .fb20{flex-basis: 50%;}
.fboxnm.app .fb25{flex-basis: 50%;}  

.fbox.oubo{display:flex;flex-direction: column; margin:0 0 2em 0;}  
    
.fbox.hantei{display:flex;justify-content:space-between;align-items: stretch;margin:0;}
.fbox.hantei p{margin:0;}

.arrow{margin:0.75em;color:#f6ab00;display:flex;align-items:center;justify-content: center;}
.arrow.dw{
display: block;
text-align: center;
margin:1em auto;
color:#f6ab00;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);}   

.spw5{width:5%;margin:auto;} 
.spw6{width:6%;margin:auto;}   
.spw7{width:7%;margin:auto;}  
.spw8{width:8%;margin:auto;} 
.spw9{width:9%;margin:auto;} 
.spw10{width:10%;margin:auto;} 
.spw15{width:15%;margin:auto;}     
.spw20{width:20%;margin:auto;} 
.spw25{width:25%;margin:auto;}      
.spw30{width:30%;margin:auto;} 
.spw35{width:35%;margin:auto;}      
.spw40{width:40%;margin:auto;}     
.spw45{width:45%;margin:auto;}     
.spw50{width:50%;margin:auto;} 
.spw55{width:55%;margin:auto;} 
.spw60{width:60%;margin:auto;}
.spw65{width:65%;margin:auto;} 
.spw70{width:70%;margin:auto;}
.spw75{width:75%;margin:auto;}
.spw80{width:80%;margin:auto;}
.spw85{width:85%;margin:auto;}
.spw90{width:90%;margin:auto;}
.spw100{width:100%;margin:auto;}
.mt1{margin:1em auto 0 auto;}
}



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





/*media query
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/*  320px以下//////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 20em) {

}/* <----------@media screen and (max-width: 20em)  */




/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (min-width: 48em) {

    
.xllfont{font-size:165%;}
.xlfont{font-size:150%;}
.lllfont{font-size:135%;}
.llfont{font-size:120%;}
.lfont{font-size:110%;}
    
    
.sp{display: none}
.pc{display: block}
.yt{width:56%;margin:auto;}
	

/*トップスライド*/    
    #topslide{position: relative;top:0;height:inherit;margin:0}   
  
    
 .metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap, .metaslider.ms-theme-cubic .rslides .caption-wrap, .metaslider.ms-theme-cubic div.nivoSlider .nivo-caption {
 background: none!important;    
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03062c', endColorstr='#007db9e8',GradientType=1 );
    top: 43%!important;
     bottom:inherit!important;
    color: inherit;
    margin: 0!important;
    padding: 1em 0!important;
    position: absolute;
    -webkit-transition: .5s all;
    transition: .5s all;
    width: 100%;
     opacity:1;
}   
 
.metaslider.ms-theme-cubic .flexslider ul.slides .caption-wrap .caption, .metaslider.ms-theme-cubic .rslides .caption-wrap .caption, .metaslider.ms-theme-cubic .nivoSlider .nivo-caption {
    color: #fff;
    padding:0!important;
    text-align: left!important;
    /*width:990px;*/
    margin:auto;
}
  
 /*ダークな背景*/
    #topslide .bgdark .capwrap{text-align: left!important; margin:0 2em;} 
#topslide .bgdark .uppercopy {font-size:345%;font-weight:500;margin:0 0 0.5em 0;display:block;}
#topslide .bgdark .btmcopy{font-size:135%;display:block;padding:0 0 0 1em}

/*ライトな背景*/
#topslide .bglight .capwrap{text-align: left!important; margin:0 1em;color:#1e2678;} 
#topslide .bglight .uppercopy {font-size:185%;font-weight:700;margin:0 0 0.5em 0;display:block;font-family: 'Noto Sans JP', sans-serif;text-align: center;}
    #topslide .bglight .uppercopy br{display:none;}    
#topslide .bglight .btmcopy{font-size:111%;display:block;padding:0;text-align: center;}  
#topslide .slpic{width:300px;margin:auto;}   
#topslide .slpic img{width:100%;height:auto;}
    
    
/*下層ヘッダー画像*/
#headerttbox{position: relative;height:400px;  margin:0;}    
#headerttimg{position: absolute;top:0;left:0;width:100%;height:400px; overflow: hidden;} 
#headerttimg img{position: absolute;top:0;left:0;bottom:0;right:0;margin:auto;}  

    
#headerttwrap{
position: relative;
height:400px;    
display:flex;
flex-wrap: wrap;
align-items: center;
 }
    
    
#headertt{flex-basis: 100%; text-align: center; color:#1e2678; padding:0 0 0.15em 0;
    
    
 }   

#headertt h1 ,
#headertt #tt {font-size:275%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}  
#headertt #headersubtext  {font-size:125%;}
    
    
/*フッター */
#footer{padding:2em 1em 1em 1em; margin:2.5em 0 0 0; background: #1e2678;text-align:center;}
#footer a{color:#fff;}   

#footer #footermenu{display:flex; justify-content: space-between;margin:0 0 4em 0;flex-direction: row;}
#footer #footermenu > li.leftmenu  {flex-basis: 38%;text-align: left;}
#footer #footermenu > li.centermenu {flex-basis: 42%;text-align: left;}   
#footer #footermenu > li.rightmenu  {flex-basis: 19%;text-align: left;}   

#footer #footermenu > li.area > a{display:none;}

#footer #footermenu .sub-menu > li a{font-size:120%;display:inline-block;border-bottom:1px solid #fff;margin:0 0 2em 0;}   
    #footer #footermenu .sub-menu > li a:after{ content: none;   }
    
#footer #footermenu .sub-menu .sub-menu {margin:0 0 1em 0;display:block;}
#footer #footermenu .sub-menu .sub-menu a{font-size:100%;border:none;margin:0 0 0.25em 0;}  

#footer #footermenu .sub-menu .sub-menu .sub-menu a,
#footer #footermenu .area.centermenu .sub-menu .sub-menu a,
#footer #footermenu .area.rightmenu .sub-menu .sub-menu a
{font-size:85%;border:none;margin:0 0 0.25em 0;}  

#footer #footermenu .sub-menu .sub-menu .sub-menu a:before,
#footer #footermenu .area.centermenu .sub-menu .sub-menu a:before
{/*content:"\30FB";   */  
display:inline-block;font-size:80%;
content:"\25B2";   
 transform:rotate(90deg); 
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
 }    
#footer #footermenu .area.rightmenu .sub-menu .sub-menu{margin:0 0 2em 0;}    
#footer #btmmenu {display:flex; justify-content: center;flex-wrap: nowrap;font-size:100%;}
#footer #btmmenu li{flex-basis: auto; padding:0 1em;} 
#footer #btmmenu li a{ padding:0}
    #footer #btmmenu li a:before{content: none;}
#copyright{        padding:2em 0;    text-align: center;	color:#1e2678;	font-size:small;}


 /* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.section_top{margin:0 1em; padding:2.5em 0;position:relative;}
  
    
 /*タイトル*/   
.section_top h2{margin:0 0 0.25em 0;padding:0; font-weight:300;font-size:300%;color:#fff;line-height:80%;}
.section_top h2 + .subcopy{display:block;margin:0 0 1em 0;}
  


    
/*共通*/  
.bnrwrap{margin:1em 0 0 0;border:1px solid #c1bebc;}  
.itembox{display: flex; justify-content:center;flex-wrap: nowrap;}  
.bnritem{ flex-basis: 50%;overflow: hidden;}    
.bnritem:first-child{ margin:0 1px 0 0;}   
    
    
    
/*トップ　キャンペーンソリューションバナー*/ 
    

.cpswrap{margin:1em auto 4em auto;border:none; display:flex;justify-content: center;flex-flow: row wrap;}  
.cpswrap a{ flex-basis: 40%;margin:0 0.5em;display: flex;align-items: center;justify-content: center;}   

    
    
    
    
 /*ボタン*/ 
a.btn_jirei{ background: #e60012;width:17%;display:inline-block;text-align: center;padding:0.5em 0;color:#fff;font-size:102%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_contact{ background: #e60012;width:18%;display:inline-block;text-align: center;padding:1.125em 0;color:#fff;font-size:102%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_here{ background: #1e2678;display:inline-block;text-align: center;padding:0.5em 1.25em;color:#fff;font-size:102%;font-family: 'Noto Sans JP', sans-serif;} 
a.btn_jirei i,a.btn_contact i,a.btn_here i{margin:0 0 0 0.5em}
 
div.btn_here{ background: #1e2678;display:inline-block;text-align: center;padding:0.5em 1.25em;color:#fff;font-size:102%;font-family: 'Noto Sans JP', sans-serif;} 
div.btn_jirei i,div.btn_contact i,div.btn_here i{margin:0 0 0 0.5em} 
    
    
  
    
 /*top_solution*/  
#top_solution .inner{margin-top:2.5em;}
#top_solution .sitem{flex-basis: 25%;border-top:1px solid #c1bebc;border-bottom:1px solid #c1bebc;border-left:1px solid #c1bebc;  border-right:none;    display:flex; flex-wrap: wrap;   align-items: center; margin:0;}  
#top_solution .sitem:last-child{border-right:1px solid #c1bebc; }
#top_solution .sitem .soltt{height:84px;border-bottom:1px solid #c1bebc; font-size:111%;text-align: center;  display:flex;  align-items: center; justify-content:center;}   
#top_solution .sitem .soltt p{margin:0;}   
#top_solution .sitem .solimg{margin:0.5em;overflow: hidden;} 


    
/* top_news */
#top_news #article { padding:2em 1.25em 0.25em 1.25em; position: relative;font-size:90%;font-family: 'Noto Sans JP', sans-serif;}
#top_news #article dl.item{margin:0 0 0.5em 0;}
#top_news #article dl.item dt,
#top_news #article dl.item dd	{display:inline-block; vertical-align: top;font-weight:300;}
#top_news #article dl.item dt{width:23.5%;text-align:right;padding:0 1.5% 0 0;}
#top_news #article dl.item dd{width:74%;text-align:left;}   
#top_news .andmore{text-align:right;display:block;}
#top_news .andmore a{border:1px solid #c1bebc;color:#000;padding:0 0.75em;display:inline-block;font-size:small;}
#top_news span.new{display:inline-block;}

/*企業情報　採用情報*/
 #topbnr.btm_dash{ background: url("images/border_dash.png") repeat-x left bottom;}

/*Case Studies*/
#top_case .btn_smallbox {margin:0 0 2em 0;}  

    

/*
===下層===============================================================================================================    
*/ 
 
    
.section{margin:0; padding:2.5em 0;position:relative;}
.section p{line-height:195%;/* font-weight:500;*/margin:0 auto 1.5em auto} 
#pageupper{margin:5em 0 0 0;} 
 
    

    
 /* ぱんくずリスト*/  

#topicpath {
font-weight:300;
margin:0 auto 0 auto;
padding:0.75em 1em;
background: #f4f4f3;
font-size:small;
text-align:left;

}
#topicpath a{display:inherit;} 
    
    
    
 /*第２階層*/   
/*ソリューション*/   
.itemwrap{margin:0 0 4.625em 0;border:1px solid #1e2678;position: relative; padding:0;}  
.itemwrap .itembox{display: flex; justify-content: space-between;flex-wrap: nowrap; flex-direction: row;}  
.itemimg{flex-basis: 50%;padding:0.5em;border-right:1px solid #1e2678;  height:267px ;overflow: hidden;}
.itemimg .itemimginner{ height:267px ;overflow: hidden;}
.itemtext{flex-basis: 50%;padding:1.25em 1em;}  
.itemtext .itemtt{font-weight:500;margin:0 0 0.25em 0;text-align: center;}
.itemtext .itemattr{color:#1e2678;}
.itemtext .itemattr p{text-align: center;margin:0 0 1em 0;font-size:105%;font-weight:500;font-family: 'Noto Sans JP', sans-serif;line-height:150%;}
#content .itemtext .itemattr ul{margin:0 0 0 20%; list-style: none;font-size:90%;}
#content .itemtext .itemattr ul li{font-weight:400;line-height:100%;padding:0;text-indent: 0;margin:0 0 0.25em 0;}
#content .itemtext .itemattr ul li:before { 
display: inline-block;
position: relative;
margin:0 0.25em 0 0;
color:#1e2678;
font-size: 80%;
content: "\25B2";
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.detailhere{position: absolute;bottom:0;right:0; background:#1e2678;color:#fff; padding:0.5em 1em;font-weight:300;}    
.detailhere i{margin:0 0 0 0.5em;}

/*ソリューション導入の流れ部分の画像エリアを非表示
#solution .itemwrap:last-of-type .itemimg{display:none;}
*/   
   
   
/*モバイルアプリ*/    
.app_icon{width:25%;margin:auto auto 1em auto;}    
 
/*導入事例*/    
.caseitemwrap {display:flex;flex-wrap: wrap;flex-direction: row;width:95%;margin:0 auto;}
.caseitem{flex-basis: 40%;margin:0 5% 5em;text-align: center;display:flex;flex-direction: column;/*min-height:222px;*/}
.caseitem_tt   {font-size:150%;font-weight:500;color:#1e2678;margin:0 0 0.75em 0;} 
.case_app_img {margin:0 0 1em 0;}
.case_app_img img{width:auto;height:80px;}
.storewrap{display:flex;justify-content: space-between; flex-wrap: wrap;margin-top:auto;}
.storewrap .case_app_company  {flex-basis: 100%;margin:0 0 1em 0;font-weight:500;}
.storewrap a{flex-basis: 46%;margin:0;}
.caseitem a.btn_here{width:55%;margin:0 auto;}


#casebody p{font-family: 'Noto Sans JP', sans-serif;margin:0 0 2em 0;}      
    

    
 /*第3階層   taxonomy.php          */    
#taxwrap{text-align:center;margin:0 0 2.5em 0; }
/*最初のオレンジラインのないスタイル
#taxwrap #taxcopy{font-size:200%;color:#1e2678;font-weight:500;margin:0 0 0.65em 0;font-family: 'Noto Sans JP', sans-serif;}   
#taxwrap #taxtext{font-weight:500;padding:0 2em;position: relative;}   */
/*見出しの下にオレンジ罫のスタイル*/
#taxwrap #taxcopy{font-size:200%;color:#1e2678;font-weight:500;margin:-1em 0 0.25em 0;;font-family: 'Noto Sans JP', sans-serif;}   
#taxwrap .ttunder{width:100%;height:60px;font-size:140%;font-weight: 500;margin:0 0 1em 0;padding: 0; border:4px solid #f6ab00;border-bottom:none;text-align: center;}  
#taxwrap .ttunder p{line-height: 160%;margin:0;}
#taxwrap #taxtext{font-weight:500;padding:0 2em;position: relative;text-align: center;}  

.taxitembox{display:flex;flex-wrap: wrap;flex-direction: row;}
.taxitemwrap{flex-basis: 49%;text-align: center;margin:0 0 3em 0;}
.taxitemwrap:nth-child(odd){margin:0 2% 3em 0;}

.taxitem{border:3px double #1e2678;padding:1.5em 0.5em 1em 0.5em;margin:0 0 1.25em 0;display:flex;flex-direction: column;min-height:120px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.taxitem_rec{display:flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content:  center;  border:3px double #1e2678;padding:1.5em 0.5em 1em 0.5em;margin:0 0 1.25em 0;height:100px;}
.receipt .taxitem {min-height:235px;}
.ocr .taxitem {min-height:160px;} 

    
#app .taxitem{min-height:235px; }   


.taxitem.nobtm{min-height:inherit;}/*arc_textが空欄の場合*/

.text .taxitem{min-height:110px;}  

.campaign .taxitem.nobtm {min-height:158px;}    
.campaign .taxitem {min-height:150px;}      
.taxitem_upper{margin:0 0 0.5em 0;font-weight:500;} 
.taxitem_tt{font-size:150%;color:#1e2678;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}
.taxitembox .taxitem_tt span{display:block;}
.taxitembox.receipt .taxitem_tt span{display:block;font-size:60%;}
.taxitembox.campaign .taxitem_tt span{display:block;font-size:60%;}
.taxitembox.campaign .post1614 .taxitem_tt span{display:block;font-size:100%;} 
.taxitembox .taxitem_logo{margin:0.5em auto;width:35%;}   

.taxitem_bottom{margin-top:auto;font-size:80%;text-align: center;}  
#content .taxitem_bottom ul{display:inline-block;margin:0;}
#content .taxitem_bottom ul li{text-align: left;}
 
    

/*採用情報*/  
.recitem{margin:0 0 2em 0;}    
.recwrap{}    
.recwrap .rectr{display:flex;justify-content: space-between;flex-direction: row;margin:0;}
.recwrap .rectr > div{padding:1em;}
.recwrap .rectr .recth{flex-basis: 30%; background: #f6f6f6;border-bottom:1px solid #1e2678;font-family: 'Noto Sans JP', sans-serif;font-weight:500;}
.recwrap .rectr .rectd{flex-basis: 61%; background: #f9f9f9;border-bottom:1px solid #1e2678;}
.recwrap .rectr:last-child >div{border:none;}   
#btmimg{position: relative;top:-4em;margin:0 0 2em 0;}


/*会社概要*/  
.cowrap{margin:0 0 1em 0;}    
.cowrap .cotr{display:flex;justify-content: space-between;border-bottom:1px solid #1e2678;}
.cowrap .cotr > div{padding:1em;}
.cowrap .cotr .coth{flex-basis: 35%; }
.cowrap .cotr .cotd{flex-basis: 65%;}
.cowrap .cotr .cotd p{margin:0;}
.cowrap .cotr:last-child {border:none;}  


    

    
/*シングル　製品*/
#wrapper h1 {font-size:220%; color:#1e2678;}
#wrapper > h1{margin-bottom:0.5em;}   

#wrapper h2 {font-size:145%;color:#1e2678;border:3px solid #f6ab00;padding:0.5em 1em;font-weight:500;margin:2em 0;}
#wrapper #basicpage h2 {font-size:125%;color:#1e2678;border:none;padding:0;font-weight:500;margin:2em 0 0.75em 0;}
#wrapper #basicpage h2:first-child{margin-top:0;}
#wrapper #basicpage h2#contactpage {font-size:125%;color:#1e2678;border:none;padding:0.5em;font-weight:500;margin:0 0 0.75em 0;  background: #f9ebdd;}
#wrapper #news h2 {font-size:111%;color:#1e2678;border:3px double #f6ab00;padding:0;font-weight:500;margin:0 0 0.75em 0;padding:0.5em;}
#wrapper #casebody h2{margin:0 0 1em 0;}  

#wrapper h3 {font-size: 135%;font-weight:500;margin:0 0 2em 0;}
#wrapper h3.blueline{color:#1e2678;text-decoration: underline;font-family: 'Noto Serif JP', serif;}
#wrapper #casebody h3{margin:0 0 0.5em 0;color:#1e2678; }
#wrapper #corporate.data h3{font-size: 111%;font-weight:400;margin:0 0 0.25em 0;}
#wrapper #news h3{margin:0 0 0.5em 0;font-weight:500;font-family: 'Noto Sans JP', sans-serif;font-size:105%;}

#wrapper h4 {font-size: 125%;font-weight:600;font-family: 'Noto Serif JP', serif;}
#wrapper h4.rednsj{font-size:100%;color:#e60012;font-weight:500;font-family: 'Noto Sans JP', sans-serif;}  
#wrapper h4.rednsj:before{
    display: inline-block;
    font-size: 80%;
    content: "\25B2";
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    }
#wrapper h5 {font-size: 110%;}
#wrapper h6 {font-size: 110%;}
  
  /*オレンジ囲い数字のタイトルのスタイル*/  
.kakoiwrap   {display:flex;margin: 0 0 1em 0;}
.kakoi{font-size:333%; color:#1e2678;border:3px solid #f6ab00;line-height:100%;height:54px;width:54px;text-align: center;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";vertical-align: top; background: #fff;box-shadow:0.25em 0 #fff;}  
.kakoitt{font-size:140%;color:#1e2678; font-family: 'Noto Sans JP', sans-serif;vertical-align: top;font-weight:500;margin:0 0 0 0.5em;}   
.kakoitt.l2{font-size:111%;}   
.fboxtt{display:flex;align-items: center;margin:0 0 2em 0; background: #c1bebc;} 
#wrapper .fboxtt h3{margin:0 0 0 1.5em}   

   /*見出しH1*/ 
#upperwrap #upper_exp_tt{font-weight:500;font-size:140%;height:60px;border:3px solid #f6ab00;border-bottom:none;vertical-align: middle;    padding: 0;}    
#upperwrap{text-align:center;margin:-1em 0 2.5em 0; }
#upperwrap #uppertt{font-size:200%;color:#1e2678;font-weight:500;margin:0 0 0.25em 0;padding:0;}   
#upperwrap #upper_exp_text{font-weight:500;padding:0 2em;text-align: center;}  

    
 
    
 /*モバイルアプリ　＞　スクラップクリップ*/ 
.scrapimage {overflow: hidden;position: relative;}
.scrapimage img{width:135%;height:auto;position: absolute;top:0;right:0;z-index: 1;}
    
/*ニュース archive*/
#yeartt {font-size:145%;color:#1e2678;border:3px solid #f6ab00;padding:0.5em 1em;font-weight:500;margin:0 0 2em 0;}   
#newswrap{display:flex;justify-content: space-between;flex-direction: row;}   
#newsitembox{flex-basis: 64%; }    
#newsitembox dl.item{ display:flex;justify-content: space-between;flex-direction: row;border-bottom:1px solid #d2cecb;margin:0 0 1em 0;padding:0 0 1em 0;}  
#newsitembox dl.item dt{flex-basis: 20%; font-family: 'Noto Sans JP', sans-serif;font-weight:500;color:#f6ab00;}
#newsitembox dl.item dd{flex-basis: 70%; }

    
/*ニュース single*/  
#newstt{font-size:150%; margin:0 0 1.5em 0;}   
#newsday{color:#f6ab00;font-weight:500;font-size:125%;margin:0 0 1.25em 0;}  
#newsday span{border-bottom: 1px solid #f6ab00;}    

/*ページナビ*/
#pagenavi{margin:0 0 2em 0;font-family: 'Noto Sans JP', sans-serif; font-size:135%;font-weight:500; line-height:100%;}   
#pagenavi .wp-pagenavi{display:flex;justify-content: center;align-items: center;}
#pagenavi span.current {margin:0 0.5em;color:#c2bebb;}    
#pagenavi span.extend  { margin:0 0.5em;color:#c2bebb;position: relative;top:-0.25em;}      
#pagenavi .wp-pagenavi a{margin:0 0.5em}  
#pagenavi .nextpostslink,#pagenavi .previouspostslink {font-size:80%;padding:0.25em; background:#c2bebb;color:#fff; border-radius:0.25em} 
#pagenavi .wp-pagenavi a.last,#pagenavi .wp-pagenavi a.first    {font-size:125%;}   


    

/*段組*/
.fbox{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;} /*flex-wrap: wrap;なし*/
.fboxc{display:flex;justify-content:center;align-items: stretch;margin:0 0 2em 0;} /*flex-wrap: wrap;なし*/
.fboxw{display:flex;justify-content:space-between;align-items: stretch;margin:0 0 2em 0;flex-wrap: wrap;} /*flex-wrap: wrap;あり*/
.fboxnm{display:flex;justify-content:flex-start;align-items: center;margin: 0;} /*マージンなし、左よせ*/
.fboxnmw{display:flex;justify-content:flex-start;align-items: center;margin: 0;flex-wrap: wrap;} /*マージンなし、左よせflex-wrap: wrap;あり*/  
.fboxnmw_btm{display:flex;justify-content:flex-start;align-items: flex-end;margin: 0;flex-wrap: wrap;} /*マージンなし、左よせflex-wrap: wrap;あり*/      

.fbox .fitem,.fboxw .fitem{margin:0 0 1em 0;} 

    
/*.fboxのネスト時のマージン*/
.fboxw .fbox,.fboxw .fboxw,.fbox .fbox,   .fbox .fboxw   {margin:0;}   
  
    /*
.arrow{font-size:280%;margin:0.5em;color:#f6ab00;display:flex;align-items:center;justify-content: center;}
.arrownomargin{font-size:280%;color:#f6ab00;display:flex;align-items:center;}
.arrow.up{font-size:280%;margin:0.75em 0.5em;color:#f6ab00;display:flex;align-items:flex-start ;}
  */
    
   /* 
.arrow{flex-basis:20%;margin:2em;display:flex;align-items:center;justify-content: center;}
.arrownomargin{flex-basis:20%;display:flex;align-items:center;}
.arrow.up{flex-basis:20%;margin:2em;display:flex;align-items:flex-start ;}
  */
    
    
    
.arrow{margin:0.75em;color:#f6ab00;display:flex;align-items:center;justify-content: center;}
.arrow.narrow{margin:0.25em;color:#f6ab00;display:flex;align-items:center;}
.arrow.up{font-size:280%;margin:0.75em 0.5em;color:#f6ab00;display:flex;align-items:flex-start ;}   
 
    
.arrow.fb5{flex-basis: 5%;}     
.arrow.fb6{flex-basis: 6%;}    
.arrow.fb7{flex-basis: 7%;}    
.arrow.fb8{flex-basis: 8%;}  
.arrow.fb9{flex-basis: 9%;}  
.arrow.fb10{flex-basis: 10%;}    
.arrow.fb20{flex-basis: 20%;} 
.arrow.fb25{flex-basis: 25%;}  
.arrow.fb30{flex-basis: 30%;}  
.arrow.fb35{flex-basis: 35%;}     
.arrow.fb40{flex-basis: 40%;}       
    
    
.rt90 arrow,    
.rt90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}  
    
    
.pd0_025{padding:0 0.25em;}
.pd0_05{padding:0 0.5em;}
.pd0_1{padding:0 1em;}
.pd0_15{padding:0 1.5em;}   
 .pd0_2{padding:0 2em;}  

.pd025_0{padding:0.25em 0} 
.pd05_0{padding:0.5em 0}     
.pd1_0{padding:1em 0}
.pd15_0{padding:1.5em 0}    
.pd2_0{padding:2em 0}  
    

.fitem.fb5{flex-basis: 5%;}     
.fitem.fb6{flex-basis: 6%;}    
.fitem.fb7{flex-basis: 7%;}    
.fitem.fb8{flex-basis: 8%;}  
.fitem.fb9{flex-basis: 9%;}  
.fitem.fb15{flex-basis: 15%;} 
.fitem.fb10{flex-basis: 10%;}    
.fitem.fb20{flex-basis: 20%;} 
.fitem.fb25{flex-basis: 25%;}  
.fitem.fb30{flex-basis: 30%;} 
.fitem.fb32{flex-basis: 32%;}    
.fitem.fb35{flex-basis: 35%;}  
.fitem.fb40{flex-basis: 40%;}  
.fitem.fb45{flex-basis: 45%;} 
.fitem.fb48{flex-basis: 48%;} 
.fitem.fb50{flex-basis: 50%;}
.fitem.fb55{flex-basis: 55%;}
.fitem.fb60{flex-basis: 60%;}  
.fitem.fb65{flex-basis: 65%;}      
.fitem.fb70{flex-basis: 70%;} 
.fitem.fb75{flex-basis: 75%;}  
.fitem.fb80{flex-basis: 80%;}  
.fitem.fb90{flex-basis: 90%;}  

    
.w5{width:5%;margin:auto;} 
.w6{width:6%;margin:auto;}   
.w7{width:7%;margin:auto;}  
.w8{width:8%;margin:auto;} 
.w9{width:9%;margin:auto;} 
.w10{width:10%;margin:auto;} 
.w15{width:15%;margin:auto;}     
.w20{width:20%;margin:auto;} 
.w25{width:25%;margin:auto;}      
.w30{width:30%;margin:auto;} 
.w35{width:35%;margin:auto;}      
.w40{width:40%;margin:auto;}     
.w45{width:45%;margin:auto;}     
.w50{width:50%;margin:auto;} 
.w55{width:55%;margin:auto;} 
.w60{width:60%;margin:auto;}
.w65{width:65%;margin:auto;} 
.w70{width:70%;margin:auto;}
.w75{width:75%;margin:auto;}
.w80{width:80%;margin:auto;}
.w85{width:85%;margin:auto;}
.w90{width:90%;margin:auto;}
 
.w5l{width:5%;} 
.w6l{width:6%;}   
.w7l{width:7%;}  
.w8l{width:8%;} 
.w9l{width:9%;} 
.w10l{width:10%;} 
.w15l{width:15%;}     
.w20l{width:20%;} 
.w25l{width:25%;}      
.w30l{width:30%;} 
.w35l{width:35%;}      
.w40l{width:40%;}     
.w45l{width:45%;}     
.w50l{width:50%;} 
.w55l{width:55%;} 
.w60l{width:60%;}
.w65l{width:65%;} 
.w70l{width:70%;}
.w75l{width:75%;}
.w80l{width:80%;}
.w85l{width:85%;}
.w90l{width:90%;}
    

.fw200{font-weight:200;} 
.fw300{font-weight:300;} 
.fw400{font-weight:400;} 
.fw500{font-weight:500;} 
.fw600{font-weight:600;} 
.fw700{font-weight:700;} 
.fw900{font-weight:900;}     
p.fw200{font-weight:200;} 
p.fw300{font-weight:300;} 
p.fw400{font-weight:400;} 
p.fw500{font-weight:500;} 
p.fw600{font-weight:600;} 
p.fw700{font-weight:700;} 
p.fw900{font-weight:900;} 
    
  
p.mt05{margin-top:0.5em;}      
p.mt075{margin-top:0.75em;}     
p.mt1{margin-top:1em;}  
    
    
.mb0{margin-bottom:0;}       
.mb025{margin-bottom:0.25em;}      
.mb05{margin-bottom:0.5em;}      
.mb075{margin-bottom:0.75em;}      
.mb1{margin-bottom:1em;}
.mb15{margin-bottom:1.5em;}
.mb2{margin-bottom:2em;}
.mb25{margin-bottom:2.5em;} 
.mb3{margin-bottom:3em;}  
.mb35{margin-bottom:3.5em;} 
 
p.mb0{margin-bottom:0;}       
p.mb025{margin-bottom:0.25em;}      
p.mb05{margin-bottom:0.5em;}      
p.mb075{margin-bottom:0.75em;}    
p.mb1{margin-bottom:1em;}
p.mb15{margin-bottom:1.5em;}
p.mb2{margin-bottom:2em;}
p.mb25{margin-bottom:2.5em;} 
p.mb3{margin-bottom:3em;}  
p.mb35{margin-bottom:3.5em;}  
    
#content ul.mb1{margin-bottom:1em;}
#content ul.mb15{margin-bottom:1.5em;}
#content ul.mb2{margin-bottom:2em;}
#content ul.mb25{margin-bottom:2.5em;} 
#content ul.mb3{margin-bottom:3em;}  
#content ul.mb35{margin-bottom:3.5em;}  
    
    
    
/*導入までの流れ*/
.introflow{font-size:100%;width:75px;height:75px;border-radius:50%;border:3px solid #1e2678 ;text-align: center;display:flex;align-items: center;justify-content: center; font-weight:700;}	
.releaseafter{font-size:120%;width:80%;padding:0.5em;margin-top:1em;margin-left:auto;margin-right:auto;text-align: center; border-radius:5em;border:3px solid #1e2678 ;font-weight:700;}	
	

	
/*フォーム*/
.formbox .formtr .formdt {width:30%;height:auto;margin:0;padding:10px 4% 10px 0;text-align:right; }
.formbox .formtr .formdd {width:60%;height:auto;margin:0;padding:10px 0; }	
#formbtm .conf-text {	clear:both;	margin:1em 0 0 30%;	text-align:left;font-size:100%;}	
#formbtm .conf-text ul{margin:0 0 0 20px;}	

/*お知らせ*/	
dl.article{margin:0 0 2em 0;padding:0 0 1em 0;border-bottom:1px dashed #ccc;}	
dl.article dt{font-size:150%;margin:0 0 0.5em 0;}
dl.article dt .date{margin:0 0 0.25em 0; font-weight:200;font-size:70%;}

	

	
	
/*　--------------表--------------　*/
.sheet {margin:0 0 2em 0;}
.sheet .shtr {display: table;table-layout: fixed;font-size:110%;}
.sheet .shtr .shtd{display:table-cell;vertical-align: middle;padding:0.75em 0.5em;}


	
/*　--------------表--------------　*/
.table {margin:0 0 1em 0;border:1px solid #ccc;}	

	
	
.table.three .flex{display:flex; justify-content: space-between; flex-flow: row nowrap;border-bottom:1px solid #ccc;	}	
.table.three .flex .item{flex-basis: 32%; border-right:1px solid #ccc;padding:0.5em}
	
.table.two .flex{display:flex; justify-content: flex-start; flex-flow: row nowrap;border-bottom:1px solid #ccc;	}	
.table.two .flex .item:first-child{flex-basis: 32%; border-right:1px solid #ccc;padding:0.5em}
.table.two .flex .item:last-child{flex-basis: 64%; border-right:1px solid #ccc;padding:0.5em}
	

.table .flex:last-child{border:none;}	
.table.three .flex .item:last-child{border:none;}	
.table.two .flex .item:last-child{border:none;}	
	
	
	
	.pic3{display:flex; justify-content: space-between;}	
	
	.pic3 .item{flex-basis: 28%;}
	
	
	
	
/*-----------------------------
ギャラリー
------------------------------*/
.gallery-columns-1 .gallery-item { /** カラムなし **/ width: 100% ;      margin-right: 0;}
.gallery-columns-2 .gallery-item { /** 2カラム **/    width: 48%;	      margin: 0 1%;}
.gallery-columns-3 .gallery-item { /** 3カラム **/    width: 31.33333%;  margin: 0 1%;}
.gallery-columns-4 .gallery-item { /** 4カラム **/    width: 23%;        margin: 0 1%;}
.gallery-columns-5 .gallery-item { /** 5カラム **/    width: 18%;        margin: 0 1%;}

	
 }	
/* <----------@media screen and (min-width: 48em)  */








/*  /1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 64.1em) {
  
    
    
#header{position:fixed; left:0;right:0;top:0;margin:auto; 
z-index:10;
width:990px;background: #fff;
display:flex;
align-items: center;   
height:60px;    
}   

#header #site-logo{flex-basis:11.25%;padding:0 0.75%}    
    
.section_top{width:990px;margin:0 auto; padding:2.5em 0;position:relative;}    
    
.inner{width:990px;margin:auto;}   

 span.br{display:block}     
    
 /*ダークな背景*/
    #topslide .bgdark .capwrap{text-align: left!important; margin:0 auto;width:1000px;} 
    
/*ライトな背景*/
#topslide .bglight .uppercopy {font-size:255%;font-weight:700;margin:0 0 0.5em 0;display:block;font-family: 'Noto Sans JP', sans-serif;text-align: center;}
#topslide .bglight .btmcopy{font-size:135%;display:block;padding:0;text-align: center;}  
#topslide .slpic{width:444px;margin:auto;}   
    
  
    
    
    
    
.taxitem_rec{display:flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content:  center;  border:3px double #1e2678;padding:1.5em 0.5em 1em 0.5em;margin:0 0 1.25em 0;height:100px;}
    
/*.receipt .taxitem {min-height:190px;}*/
    
.taxitembox.receipt .taxitem_tt span{display:block;font-size:80%;}  
.taxitembox.campaign .taxitem_tt span{display:block;font-size:80%;}
.itemtext .itemtt{font-size:180%;}   
        
#gnavibox {position: fixed;width:850px;left:176px;right:0;top:0;margin:auto;z-index:100;}
#gnavibox .menu {  text-align: left; display: flex;justify-content: center;}
/* 第1階層 親メニュー */
#gnavibox .menu > .menu-item {font-weight:600;font-size:111%;padding:0;}
#gnavibox .menu-item {list-style-type: none;}
#gnavibox .menu-item-has-children {position: relative;}
#gnavibox .menu-item-has-children:hover {cursor: pointer;background: #1e2678;}
#gnavibox .menu > .menu-item a{padding:1em 1.15em}     
#gnavibox .menu > .menu-item a:hover{background: #1e2678;color:#fff;opacity: 1;}
#gnavibox .menu li.red a{color:#f00;}
#gnavibox .menu > .menu-item.red a:hover{color:#fff;}    

/*第2階層のサブメニュー*/
#gnavibox .sub-menu {
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
position: absolute;
top: 100%;
left: 0;
width: 260px;
background: #1e2678;
}

/*第3階層のサブメニュー*/
#gnavibox .sub-menu .sub-menu { 
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
position: absolute;
top: 0;
left: 100%;
width: 300px;
background: #1e2678;
}   


/*第２階層表示*/
#gnavibox .menu-item-has-children:hover .sub-menu {
display: block;
visibility: visible;
opacity: 1;
}     
/*第２階層表示のとき第３階層は非表示*/   
#gnavibox .menu-item-has-children:hover .sub-menu .sub-menu {
visibility: hidden;
opacity: 0;
}     

/*第3階層表示*/
#gnavibox .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
display: block;
visibility: visible;
opacity: 1;
}    
/*下線（適用せず）*/    
#gnavibox .sub-menu > .menu-item:not(:last-child) {
/* border-bottom: 1px solid #eee;*/
}

/* サブニューのリンクタグをmenu-itemの大きさと合わせ、クリックしやすいようにした */
#gnavibox .sub-menu > .menu-item a {
display: inline-block;
color:#fff;
font-size:80%;
padding:1em 1.5em;
}

 #gnavibox .sub-menu > .menu-item a:hover {
opacity:0.5;
}
   
#gnavibox .menu-item-has-children:hover a {color:#fff;}    
#gnavibox .menu-item a:hover {color:#fff;}    
#gnavibox .sub-menu > .menu-item a:hover {}   
    
    
    

    
/*#content */
#content{width:990px;margin:auto;text-align:left;}

			
 /*導入までの流れ*/
.introflow{font-size:111%;width:100px;height:100px;border-radius:50%;border:3px solid #1e2678 ;text-align: center;display:flex;align-items: center;justify-content: center; font-weight:700;}	
.releaseafter{font-size:135%;width:60%;padding:1em;margin-left:auto;margin-right:auto;text-align: center; border-radius:5em;border:3px solid #1e2678 ;font-weight:700;}	
	   
    
	
	
/*アコーディオン  Q&A  */
#content dl.accbox.qa{margin:auto;width:95%;}
#content .accbox.qa dt{ display:block;  cursor:pointer;  padding:0; margin:0 0 0.5em 0; font-size:120%; font-weight: 300;  padding-left: 1.3em;    text-indent: -1.3em;}
#content .accbox.qa dd{ display:block; background:#f0f0f0;	padding:1em;  margin:0 0 1.5em 1.6em;display:none;   border-radius:5px;}

/*アコーディオン  ご利用方法 */
#content dl.accbox.usage{margin:auto;width:100%;}
#content .accbox.usage dt{ display:block;  cursor:pointer;  padding:0; margin:0 0 0.5em 0; font-size:120%; font-weight: 300;padding-left: 1.3em;    text-indent: -1.3em;}
#content .accbox.usage dd{ display:block; background:#f9f9f9;	padding:1em;  margin:0 0 1.5em 1.6em;display:none;   border-radius:5px;}


    
/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*formの設定*/
#contact {width:80%;margin:auto;}
#entryform {width:80%;margin:auto;}

dl.form {
margin:0 auto 2em auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; 
    flex-direction: row;}
dl.form dt { flex-basis: 38%;padding:1%; }
dl.form dd {flex-basis: 58%;padding:1%;}
dl.form input { background:#f0f0f0;border:none;padding:0.25em;font-size:110%;}
dl.form input.spinput{width:inherit;}
dl.form dd.orderitem input{width:100%;}
dl.form dd.message textarea{width:90%;padding:1em;font-size:110%;border:1px solid #ccc;}

#submit{margin:2em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#submit input{
 color:#000;   
display:block;width:50%;margin:0 auto 1em auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;
background: #fceabb;
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );}

#submit input:hover{cursor:pointer;opacity:0.6;}

#submit input[type="button"]{width:30%;}

.wpcf7c-conf{    background-color: #f0f0f0!important;}

dl.form dt span.req {color:#f00;font-size:70%;margin:0 0 0 0.25em;display:inline-block}

#difadd{border:1px solid #ccc;margin:0 0 1em 0;padding:1em;}
#difadd h3{font-size:105%;}
input.kata{margin:0 0 0.25em 0}

.small {
	font-size: 12px;
}

/* 送信前の注意書きテキスト    */
div.conf-text {
	clear:both;
	margin:0 0 0 0;
	text-align:left;
}

/* 「上記内容で送信します」の設定 */
div.conf {
	text-align:center;
	margin:1.5em 0;
	font-size:120%;
	color:#c00;
}
div.conf label:hover{ cursor:pointer;display:block;}

span.wpcf7-list-item {
	display: block !important;
	margin: 0 0 0 0 !important;
}

    

	
}/* <----------@media screen and (min-width: 64em)  */

@media screen and (orientation: landscape) {
/*.inner{width:inherit;margin:auto;}   */
    
#footer .inner {width:990px;margin:auto;}   
    
    
}