@charset "utf-8";

.clear { margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; clear:both !important;}

.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.ml00 {margin-left:0 !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}

.mr00 {margin-right:0 !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}

.pt00 {padding-top:0 !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}

.pb00 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}

.pl00 {padding-left:0 !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}

.pr00 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}

.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}

th {font-weight:bold !important;}

.flR {float:right !important;}
.flL {float:left !important;}
.flN {float:none !important;}

.DN {display:none !important;}

.taL {text-align:left !important;}
.taC {text-align:center !important;}
.taR {text-align:right !important;}

.w100 {width:100% !important;}

/*** カラーリング ***/
a:visited { color: #00a0c6 !important;}
a:hover { color: #4dbcd8 !important;}
.red {color:#F00 !important;}
.blue {color:#222 !important; font-weight:bold !important; font-size:105% !important;}
/** .blue {color:#00a0c6 !important;} **/
/********************/

/*** H1用アイコン ***/
h1.h1Title span.icon {float:right; margin-top:2px;}
h1.h1Title span.icon img {margin-left:5px !important;}
/********************/

/*** table見出し用アイコン ***/
th span.icon_rec {float:right;}
th span.icon_rec img {margin-left:10px !important;}
/********************/

/*** 文字組関連 ***/
.fontBold {font-weight:bold !important;}
.fontNormal {font-weight:normal !important;}
.fontSizeMiddle { font-size:117% !important;}
.textCaution {margin-left:1em !important; text-indent:-1em !important;}
/******************/

/*** Footerお問い合わせ ***/
.convLong {text-align:center !important; margin-top:30px !important;}
/**************************/

/*** 製品機能説明FLASH用 ***/
div.detailFlashArea {width: 650px; height: 500px; margin:10px auto 10px auto; border:1px solid #CCC;}
div.detailFlashAreaLed {width: 650px; height: 520px; margin:20px auto 5px auto; border:1px solid #CCC;}
div.detailFlashAreaLedSub {width: 650px; height: 35px; margin:0 auto 10px auto; text-align:left;}
/***************************/



/*** 調整用（今後消す可能性大）***/
.adjustment {margin-left:15px !important; margin-right:15px !important;}
.textCautionAjust {margin-left:2em !important; text-indent:-1em !important;}
td {line-height:1.4 !important;}
/*********************************/

/*** 汎用性の高いもの ***/
.fnormal {font-weight:normal !important;}
.centering {margin:0 auto;}
/**************************/

/*** テーブル背景色汎用 ***/
.table_bk_A {background-color:#f8f9fb !important;}
.table_bk_B {background-color:#fafbfc !important;}
.table_bk_C {background-color:#fdfdfe !important;}
.table_bk_D {background-color:#f5f5f5 !important;}
/**************************/

/*** 採用ページ ***/
.entry_ttl_bk {background-color:#dfdfdf !important;}



/****　TOP　***/
div.headerCv {margin-right:5px; padding-top:10px; vertical-align:middle !important; float:right !important}
div.headerCv span {font-size:80%; color:#FFF !important; margin-right:10px;}
div.headerCv span a:link { color: #FFF !important; text-decoration: none;}
div.headerCv span a:visited { color: #FFF !important; text-decoration: none;}
div.headerCv span a:hover { color: #FFF !important; text-decoration: underline;}
div.headerCv span a:active { color: #FFF !important; text-decoration: none;}

div.top_sliderarea{
	margin-right:5px;
	width:967px;
}

div.top_newsarea{
	width:967px;
}
div.top_newsarea ul{
	margin-top:0 !important;	
}
div.news_area_list{
	display:block;
}

div.news_area_info,
div.news_area_pro{
height:200px !important;
overflow-y: scroll;
overflow-x:hidden;
}
div.news_area_info ul,
div.news_area_pro ul{
	width:100%;
	display:block;
	padding:0;
	margin:15px 0 !important;
	height:23px !important;
	left:10px !important;
}
div.news_area_info ul li,
div.news_area_pro ul li{
	width:448px !important;
	display:table;
	margin-top:8px !important;
	padding:0 0 5px 5px !important;
	text-align:left;
	list-style:none;
	line-height:1.1 !important;
	border-bottom:1px dashed #EEEEEE !important;
}

div.news_area_info ul li.infoDN,
div.news_area_pro ul li.infoDN{
	display:none !important;
}

div.news_area_info ul li span,
div.news_area_pro ul li span{
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-size:108% !important;
	vertical-align:middle;
}
div.news_area_info ul li span.date,
div.news_area_pro ul li span.date{
	padding:5px 10px 5px 0;
	display:block;
	float:left;
}
div.news_area_info ul li span.detail,
div.news_area_pro ul li span.detail{
	padding:5px 0 0 0;
	display:block;
	float:left;
	width:295px;
}

.news_bottom{
	display:block;
	width:100%;
	height:25px;
	text-align:right;
	padding-top:5px;
}
.news_bottom p{
	margin:10px 0 !important;
	padding-top:4px !important;
}

/*ソリューションのマイナンバーソリューション：アコーディオン*/
ul#menu, ul.sub_menu{
    list-style:none;
    margin:15px 0 0 0;
    padding:0;
		text-align:left;
}
#menu{
    width:710px;
    margin:0 0 0 15px;
}
.main_menu{
		color:#2B67C1;
		line-height:1.4;
}
.sub_menu li{     
    padding:15px !important;
    margin:5px 0 0 15px !important;
		color:#444444;
		line-height:1.4 !important;
		background-color:#FFE !important;
		width:690px;
}

.sub_menu li.productS{     
    padding:15px !important;
    margin:5px 0 0 15px !important;
		color:#444444;
		line-height:1.4 !important;
		background-color:#F0F0F0 !important;
		width:540px;
}

.sub_menu li.productL{     
    padding:15px !important;
    margin:5px 0 0 15px !important;
		color:#444444;
		line-height:1.4 !important;
		background-color:#F0F0F0 !important;
		width:690px;
}

.sub_menu li a{
        display:block;
		color:#444444;
}
.sub_menu li a:link {
	color:#444444;
	text-decoration: none;
}
.sub_menu li a:visited {
	text-decoration: none;
	color:#444444;
}
.sub_menu li a:hover {
	text-decoration: none;
	color:#444444;
}
.sub_menu li a:active {
	text-decoration: none;
	color:#444444;
}

/*エネルギー監視ソリューション*/
.en_solution_01{
	margin:0 auto;
	width:633px;
	height:152px;
	background-image:url(/ew/pewnw/solution/eco/energy/images/en_solution_01.jpg);
	background-repeat:no-repeat;
}
.en_solution_02{
	margin:0 auto;
	width:633px;
	height:152px;
	background-image:url(/ew/pewnw/solution/eco/energy/images/en_solution_02.jpg);
	background-repeat:no-repeat;
}
.en_solution_03{
	margin:0 auto;
	width:633px;
	height:152px;
	background-image:url(/ew/pewnw/solution/eco/energy/images/en_solution_03.jpg);
	background-repeat:no-repeat;
}

.en_solution_01 p,
.en_solution_02 p,
.en_solution_03 p{
	position:relative;
	left:20px;
	top:69px;	
}
.ene_03{
	margin:0 auto;
	width:633px;
	height:118px;	
	background-image:url(/ew/pewnw/solution/eco/energy/images/ene_03_back.jpg);
	background-repeat:no-repeat;
}
.ene_03 p{
	position:relative;
	top:70px;		
}

/*省エネ法への取組み*/
.law_con{
	display:inline-block;
	width:32%;
	margin-right:0.5%;	
}
.law_achieve{
	display:inline-block;
	text-align:center;
	width:74px;
	height:20px;
	line-height:20px !important;
	padding:0 9px;
	border:1px solid #eea5a5;
	background-color:#ffeeee;
	font-size:98%;
}
.law_icon{
	margin-top:4px !important;	
}

.law_icon img{
	margin-right:2px !important;	
}
.our_sw_btn_sp{
    display: none;
}

.btn_area{
    display: flex;
}
.br-sp{
    display: none;
}
.linkCookie{
    text-align: right;
    font-size: 80%;
    padding-top: 7px;
}
/*プロダクト*/
div.proMain { margin-bottom:20px;}
div.proMain .mainLeft {float:left; width:400px; height:182px; border:1px solid #CCC;}
div.proMain .mainLeft div.imageArea {height:145px; line-height:145px; text-align:center !important;}
div.proMain .mainLeft div.imageArea img { max-width:335px; max-height:90%; margin-top:10px !important; vertical-align:middle !important;}
div.proMain .mainLeft div.priceArea {text-align:center; font-weight:bold; color:#FFF; background-color:#000; padding:7px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
div.proMain .mainLeft div.priceArea span.priceBasic {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; color:#FFF;}
div.proMain .mainRight {float:right; background-image:url(../images/product/bg_product_btn.gif); border:1px solid #CCC; padding:0 0px 4px 8px; width:348px;}
div.proMain .mainRight ul { margin:8px 0 0 0 !important; padding:0 !important; display:block; clear:both;}
div.proMain .mainRight ul li {float:left;}
div.proMain .mainRight ul li img {margin:0 4px 4px 0 !important;}
.atten{
    margin-top: 1px !important;
    line-height: 2em;
    text-align: right;
    font-size: 94%;
}

/*プロダクト*/

@media screen and (max-width: 768px) {
	div.proMainEn { display: block; margin-bottom:10px;}
}
div.proMainEn .mainLeft div.imageArea {text-align:center !important;}
div.proMainEn .mainLeft div.imageArea img { margin-top:10px !important;}
div.proMainEn .mainLeft div.priceArea {text-align:center; font-weight:bold; color:#FFF; background-color:#000; padding:7px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
div.proMainEn .mainLeft div.priceArea span.priceBasic {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; color:#FFF;}
div.proMainEn .mainRight {margin: 0px;}
div.proMainEn .mainRight ul {display: flex;flex-wrap: nowrap;justify-content: space-around;}
div.proMainEn .mainRight ul li {width: 48%;}
div.proMainEn .mainRight ul li img {margin:0 4px 4px 0 !important;}

/** TOP動画エリア **/
#top_mv_img {
    height: 50vh;
    overflow: hidden;
    position: relative;
}

#top_mv_img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 37%);
    background-image: radial-gradient(#0000 50%, transparent 1%), radial-gradient(#00000030 50%, transparent 1%);
    background-size: 3px 3px;
    background-position: 0 0, 2px 2px;
}
#top_mv_img video.sp_movie {
    display: none;
}
.pc_movie{
    margin-top: -20%;
}
.top_midashi{
    font-family: 'Questrial', sans-serif;
    margin: 2em;
    font-size: 3em;
    text-align: center;
}
.top_3icon{ 
    display: flex;
    flex-wrap: wrap;
}
.top_3icon li{ 
    width: 29%;
    padding: 2% !important;
    margin-bottom: 30px !important;
}
.top_3icon p{
    font-family: 'Questrial', sans-serif;
    margin: 1em;
    font-size: 2.5em;
    text-align: center;
    color: #333;
    line-height: 1.1em !important;
    margin-bottom: 30px !important;
}
.top_3icon img{
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.top_3icon img:hover{
    -webkit-transform: scale(1.07,1.07);
	-moz-transform: scale(1.07,1.07);
	-o-transform: scale(1.07,1.07);
	-ms-transform: scale(1.07,1.07);
	transform: scale(1.07,1.07);
}
.our_sw_btn,.verify_btn{ 
    margin: 10px;
}
.banner_btn_img{ 
    border: 2px solid #c4c4c4 !important;
    border-radius: 10px;
    overflow: hidden;
    padding: 1px !important;
}

.our_sw_btn img:hover,.verify_btn img:hover{ 
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}

.fun_btn_icon{
    display: flex;
    margin:8% 3% !important;
}
.fun_btn_icon li{
    display: flex;
    padding: 3% !important;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.fun_btn_icon li:hover{
    -webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.15,1.15);
	-o-transform: scale(1.15,1.15);
	-ms-transform: scale(1.15,1.15);
	transform: scale(1.15,1.15);
}




/*--------------------------------------------------------------
# Open Close Menu
--------------------------------------------------------------*/

.page_main {
    position: relative;
}
.page_main > aside {
    background-color: rgba(76,84,130,0.8);
    width: 340px;
    height: 100%;
    top: 0;
    left: -350px;
    position: fixed;
}
.page_main > aside ul {
    margin: 0;
    padding: 0;
    top: 15%;
    left: 120px;
    position: absolute;
    font-size: 90%;
}
.page_main > aside li {
    margin: 0 0 12px;
    list-style: none;
}
.page_main > aside li a{
    color: #fff;
}
.page_main > aside button {
    background-color: rgba(76,84,130,0.8);;
    display: block;
    position: absolute;
    top: 300px;
    left: 340px;
    width: 52px;
    height: 132px;
    margin: 0;
    padding: 0;
    border-radius: 0 5px 5px 0;
}
aside li a { color:#fff;}
aside li a:hover { color:rgb(167, 167, 167);}
.page-footer {
    background-color: #656565;
}
.page-footer small {
    display: block;
    color: #fff;
    font-size: 11px;
    text-align: right;
    width: 976px;
    margin: 0 auto;
    height: 120px;
    line-height: 120px;
    letter-spacing: 0.15em;
}
.page-footer a {
    color: #fff;
    text-decoration: none;
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}


/*--------------------------------------------------------------
# Original
--------------------------------------------------------------*/

.title_logo{
    position: absolute;
    top: 25%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    width: 35%;
    text-align: center;
    vertical-align: middle;
    opacity: 0.9;
}
.side_oc_menu a{
    color: #fff !important;
}
.side_oc_menu a:hover{
    color: rgb(138, 174, 190) !important;
}
.side_oc_menutitle{
    font-weight: bold;
    color: #fff;
    font-size: 130%;
    padding-top: 15px;
}
.catch_03{width:48%;}
.smp_nav{display: none;}

#works{ 
  
}
.box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: -6px;
}
.point_text {
  width: 45%;
  padding: 7% 0 0 0;
  margin: 0 auto;
  text-align: center;
}
.m_read{
    font-family: 'Questrial';
    color: #0594cb;
    font-size: 2.5em;
}
.m_read a{
  font-family: 'Sawarabi Mincho';
    color: #fff;
    font-size: 1.3em;
}
.makerhp{ width: 40%;}

.m_bun {
    font-family: 'Questrial';
    color: rgb(96 95 95);
    font-size: 1.4em;
    padding: 4% 8%;
    line-height: 1.3em;
}
.pict {
  width: 50%;
}
.pict img {
  width: 100%;
  height:auto;
}
.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box:nth-child(even) .text {
  text-align: right;
}
.box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}
.rubi{
  color: #4c4c4c;
  font-size: 140%;
  font-family: "Sawarabi Mincho";
  letter-spacing: 1px;
}
.specific_area ul{
    display: flex;
}
.specific_area p{
    font-size: 72%;
    font-weight: normal;
    margin-top: 0 !important;
}
.specific_area li{
    width: 200px;
    border: 1px solid #585a5a !important;
    padding: 1% !important;
    margin: 2% 0% 2% 2% !important;
    text-align: center;
    font-size: 140%;
    background: #eee !important;
    font-weight: bold;
    color: #585a5a;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
}
.chart_area{
    margin: 25px 10px;
}

.intro-text{
    display: flex;
}
.intro-text li{
    width: 50px;
    border: 1px solid #00a0c6 !important;
    padding: 1% !important;
    margin: 1% 0% 2% 2% !important;
    text-align: center;
    font-size: 130%;
    color: #00a0c6;
} 

.f_point{
    font-size: 120% !important;
    font-weight: bold;
    color: #00a0c6 !important;
    margin-top: 10px !important;
    list-style: none;
    padding: 8px 13px !important;
}
.f_point p{
    font-size: 80% !important;
    font-weight: normal;
    color: #333333;
    margin-top: 3px !important;
}



@media only screen and (max-width: 640px) and (max-device-width: 1280px){
    .br-sp{
        display:block;
    }    
    div.proMainEn .mainRight ul {display: flex;flex-wrap: wrap;justify-content: space-around;}
    div.viewCookie {
        position: fixed;
        bottom: 0;
        font-size: 10px !important;
        background: #0000009c !important;
        color: #fff;
    }

    div#ga2012_mainContent{
        padding: 5%;
    }
    #top_mv_img {
        height: 40vh;
        overflow: hidden;
        position: relative;
    }
    #top_mv_img video.sp_movie {
        display:block;
    }
    #top_mv_img video.pc_movie {
        display:none;
    }

    .title_logo {
        position: absolute;
        top: 20%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: 2;
        width: 85%;
        text-align: center;
        vertical-align: middle;
        opacity: 0.9;
    }
    .top_midashi{
        font-family: 'Questrial', sans-serif;
        margin: 0.8em;
        font-size: 2em;
        text-align: center;
    }
    .top_3icon{ 
        display: flex;
        flex-wrap: wrap;
    }
    .top_3icon li{ 
        width: 29%;
        padding: 2% !important;
        margin-bottom: 30px !important;
    }
    .top_3icon p{
        font-family: 'Questrial', sans-serif;
        margin: 1em;
        font-size: 1.4em;
        text-align: center;
        color: #333;
        line-height: 1.1em !important;
        margin-bottom: 3px !important;
    }
    .point_text {
        width: 80%;
        padding: 7% 0 0 0;
        margin: 0 auto;
        text-align: center;
    }
    .m_bun {
        font-family: 'Questrial';
        color: rgb(96 95 95);
        font-size: 1em;
        padding: 4% 0% 25% 0%;
        line-height: 1.3em;
    }
    .m_read {
        font-family: 'Questrial';
        color: #0594cb;
        font-size: 2em;
        line-height: 1.2em;
    }
    div#ga2012_mainContent .h1Title {
        font-size: 2.4em;
        font-family: 'Questrial', sans-serif;
    }
    .btn_area{
        display: block;
    }
    .our_sw_btn_sp{
        display:block;
    }
  
    div.mainRight ul { margin:8px 0 0 0 !important; padding:0 !important; display:block; clear:both;}
    div.mainRight ul li {float:none; width:45%;}
    div.mainRight ul li img {margin:0 4px 4px 0 !important;}

    div#ga2012_mainContent .col3, div#ga2012_mainContent .col2AsymIndex .colB .col3{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    div#ga2012_mainContent .col3 .col, div#ga2012_mainContent .col2AsymIndex .colB .col3 .col{
        float: none;
        margin-right: 12px;
        width: 45%;
    }
    div#ga2012_mainContent .h2Title, div#ga2012_mainContent .h2TitleWithIcon{
    font-family: 'Questrial', sans-serif;
    background-repeat: repeat-x;
    background-position: left bottom;
    border-left: 3px solid #969696;
    margin-top: 1.5em;
    padding: 5px 13px 5px 10px;
    font-size: 2.2em;
    background: #eeeeeea3;
    }
    div#ga2012_mainContent .h4Title{
        margin-top: 1.5em;
    border: 1px solid #e5e5e5;
    padding: 5px 13px;
    font-size: 100%;
    font-weight: 600;
    }
    div#ga2012_mainContent .tabNavCol2 ul li a, div#ga2012_mainContent .tabNavCol3 ul li a, div#ga2012_mainContent .tabNavCol4 ul li a, div#ga2012_mainContent .tabNavCol5 ul li a{
        display: block;
    background-image: url(/ew/pewnw/pana_common2023/images/ga2012_tabnav_r_bg.gif);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0.5em 6px;
    font-size: 92%;
    }
/*--------------------------------------------------------------
# Open Close Menu
--------------------------------------------------------------*/

.page_main {
    position: relative;
}
.page_main > aside {
    background-color: rgba(76,84,130,0.8);
    width: 340px;
    height: 100%;
    top: 0;
    left: -350px;
    position: fixed;
}
.page_main > aside ul {
    margin: 0;
    padding: 0;
    top: 10%;
    left: 120px;
    position: absolute;
    font-size: 90%;
}
.page_main > aside li {
    margin: 0 0 12px;
    list-style: none;
}
.page_main > aside li a{
    color: #fff;
}
.page_main > aside button {
    background-color: rgba(76,84,130,0.8);
    display: block;
    position: absolute;
    top: 420px;
    left: 340px;
    width: 35px;
    height: 100px;
    margin: 0;
    padding: 0;
    border-radius: 0 5px 5px 0;
}
aside li a { color:#fff;}
aside li a:hover { color:rgb(167, 167, 167);}

}



@media (max-width:768px) {
  .box {
    flex-direction: column-reverse;
  }
  .box:nth-child(even) {
    flex-direction: column-reverse;
  }
  .text {
    text-align: center;
  }
  .box:nth-child(even) .text {
    text-align: center;
  }
  .pict {
    width:100%;
    margin-left: 0;
    text-align: center;
  }
  .box:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:100%;
    height:auto;
  }
}




/** 仕様アイコン **/
ul.listIcon {}
ul.listIcon li {}

/** option **/
p.opt{
	/* width:750px; */
	padding:10px;
	font-weight:normal;
	text-align:left ;
	margin:0 auto 5px auto !important;
}
p.opt span{	display:inline-block;}
p.opt span.item01{ width:250px;	text-align: center;}
p.opt span.item02{ width:300px;}
p.opt span.item02_2{
	width:450px;
	vertical-align:middle;
}
p.opt span.item03{
	width:120px;
	text-align: center;
}
p.opt span.item04{
	width:65px;
	text-align: center;
}
dl.docReq_menu dt p.opt span.item01 {
padding-left:20px;
background:url("../../product/hub_search/images/icon_plus_b.gif") no-repeat left center;
width:230px;
}

dl.docReq_menu dt.active p.opt span.item01 {
padding-left:20px;
background:url("../../product/hub_search/images/icon_minus_b.gif") no-repeat left center;
}
p.cap01{ background-color:#bfbfbf;}
p.cap02{ background-color:#d9d9d9;}
p.cap03{ background-color:#ccdaec;}
p.cap04{ background-color:#a9c1df;}
p.cap05{ background-color:#dbd3e5;}

/** faq **/

.faqall li img{
	vertical-align:top !important;
	margin-right:10px !important;
}

.faqall li a{
	display:inline !important;
}


.faqall .ic_mno{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_mno.gif") no-repeat left top !important;
}
.faqall .ic_zeq{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_zeq.gif") no-repeat left top !important;
}
.faqall .ic_zeq2{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_zeq2.gif") no-repeat left top !important;
}
.faqall .ic_zeq3{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_zeq3.gif") no-repeat left top !important;
}
.faqall .ic_zeq_all{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_zeq_all.gif") no-repeat left top !important;
}
.faqall .ic_app{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_app.gif") no-repeat left top !important;
}
.faqall .ic_faml{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_faml.gif") no-repeat left top !important;
}
.faqall .ic_gaml{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_gaml.gif") no-repeat left top !important;
}
.faqall .ic_ms{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_ms.gif") no-repeat left top !important;
}
.faqall .ic_all{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_all.gif") no-repeat left top !important;
}
.faqall .ic_oth{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_oth.gif") no-repeat left top !important;
}


.faqall .ic_mno_en{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_mno_en.gif") no-repeat left top !important;
}
.faqall .ic_zeq_en{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_zeq_en.gif") no-repeat left top !important;
}
.faqall .ic_app_en{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_app_en.gif") no-repeat left top !important;
}
.faqall .ic_all_en{
	padding: 2px 0 2px 100px !important;
	background:url("../../inquiry/faq/common/images/icon_all_en.gif") no-repeat left top !important;
}

/** setting **/
.enquete {
	clear: both;
	margin: 10px 0 10px 20px;
	width: 710px;
	font-size: 88%;
	text-align: left;
}

.enquete .innner_box {
	border:2px solid #D3D3D3;
	background-color: #FCFCFC;
	padding:5px 10px;
}

.enquete .innner_box .txt01 {
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom: 2px solid #16A5FA;
}

.enquete .innner_box .txt02 {
	list-style:disc none outside;
	margin:15px 0 10px 0;
	padding:0 0 0 15px;
	color: #16A5FA;
}

.enquete .innner_box .txt02 span {
	color: #444444;
}

.enquete .innner_box .enquete_area {
	width:568px;
	margin:4px 0 10px 0;
	padding:0 0 0 10px;
}

.enquete .innner_box .opinion_area {
	margin:4px 0;
	padding:0 0 0 10px;
}

.enquete .innner_box .enquete_area label {
	cursor:pointer;
}

.enquete .innner_box .button_area {
	text-align:center;
	margin:20px auto 7px auto;
	width:568px;
}

 .enquete .innner_box .button_area input {
	width:100px;
	height:30px;
	background-color: #1E5EC5;
	color: #FFFFFF;
	font-weight: bold;
}

/**バックナンバー**/
.backnumber li{
	display:table;
	width:100%;
	margin-bottom:10px !important;
	padding-bottom:5px !important;
	border-bottom:1px dashed #787878 !important;
}
.backnumber li span{
	display:table-cell;
}
.backnumber li span.date{
	width:12%;
}
.backnumber li span.icon{
	width:9%;
}
.backnumber li span.detail{
	width:79%;
}
.backnumber li span.detail > span + span{
	padding-left: 1em;
}
/* 【sp】20210607 --------------*/
@media only screen and (max-width: 640px) and (max-device-width: 1280px){
    .backnumber li{
        display:block;
    }
    .backnumber li span{
        display:block;
    }
    .backnumber li span.date,
    .backnumber li span.detail{
        width:100%;
        margin-bottom: .5em;
    }
    .backnumber li span.date + br{
        display: none;
    }
    .backnumber li span.detail > span + span{
        padding: 0;
    }

}

/**設定例**/
.listTable { width:967px !important; margin:20px auto !important; font-size:110% !important; border-collapse: collapse !important; border:1px solid #BBB !important;}
.listTable th { padding:5px !important; border:1px solid #BBB !important; font-weight:bold !important; text-align:center !important; background-color:#EEE !important;}
.listTable td { padding:5px !important; border:1px solid #BBB !important;}
.listTable td.icon { padding:5px !important; border:1px solid #BBB !important; width:89px !important; text-align:center !important;}

/**フォームボタン**/
div.cvArea {background-image:url(/ew/pewnw/common/images/cv/btnCvNew_bg.png); background-repeat:no-repeat; width:770px; height:129px; margin: 20px auto 0 ;}
div.cvArea div.inner {margin:0 0 0 265px !important;}
div.cvArea div.inner a img.btnA {margin-right:5px; margin-top:10px !important;}
div.cvArea div.inner a img.btnB {margin-top:10px !important;}
div.cvArea div.innerSec {margin:7px 0 0 265px !important;}
div.cvArea div.innerSec a img.btnA {margin-right:5px; margin-top:10px !important;}
div.cvArea div.innerSec a img.btnB {margin-top:10px !important;}

div.cvAreaE {background-image:url(/ew/pewnw/common/images/cv/bg_cv_all_e.png); background-repeat:no-repeat; width:770px; height:73px; margin-top:20px; text-align:center;}
div.cvAreaE div.inner {margin:0 !important;}
div.cvAreaE div.inner a img.btnA {margin-top:14px !important;}


/**フッター**/
#footer_cover dl{
	display:table;
	width:100%;
	vertical-align:top !important;
}

#footer_cover dl{
	margin-top:20px !important;	
}

#footer_cover dt,
#footer_cover dd{
	display:table-cell;	
}

#footer_cover dt{
	width:16%;	
}

#footer_cover dd{
	width:84%;	
}

#footer_cover dd ul li{
	display:inline-block;
	margin-right:30px;
	line-height:1.8;
}


/** 英語サイト **/
div.topMainE {width:957px; height:220px; border:1px solid #000; background-image:url(/ew/pewnw/english/images/bg_topMain_e.gif); padding:4px; }
div.topMainE div.leftImage {width:353px; float:left;}
div.topMainE div.rightImage {width:597px; float:right;}
div.topMainE div.rightImage ul.upperBtn {margin:0 0 4px 0 !important; padding:0 !important;}
div.topMainE div.rightImage ul.bottomBtn {margin:0 !important; padding:0 !important;}
div.topMainE div.rightImage ul.upperBtn li,
div.topMainE div.rightImage ul.bottomBtn li {float:left; margin:0 0 0 4px !important;}


ul.infoTopE_ex {
	/*margin-top:25px !important;
	width:943px !important;
	padding:10px !important;
	border:solid 1px #CCCCCC !important;*/
	margin-bottom:15px !important;
}
ul.infoTopE_ex li{
	display:table;
	width:100%;
	/*margin-bottom:10px !important;
	padding-bottom:5px !important;*/
}
ul.infoTopE_ex li span{
	display:table-cell;
}
/*ul.infoTopE_ex li span.topics{
	width:12%;
	font-weight:bold;
	font-size:16px !important;
	margin-bottom:5px;
}*/
ul.infoTopE_ex li span.date{
	width:10%;
}
ul.infoTopE_ex li span.detail{
	width:90%;
}
ul.infoTopE {
    margin-top: 0px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 96%;
    height: 280px;
    padding: 2% !important;
    background: #eeeeee45 !important;
    margin-bottom: 80px !important;
}
ul.infoTopE li{
	display:table;
	width:100%;
	margin-bottom:10px !important;
	padding-bottom:5px !important;
	border-bottom:1px dashed #787878 !important;
}
ul.infoTopE li span{
	display:table-cell;
}
ul.infoTopE li span.date{
	width:12%;
	padding-left:5px;
}
ul.infoTopE li span.detail{
	width:88%;
}

/** アイコン説明 **/

div#comment_over{
	max-width:600px !important;
	margin:0 auto !important;
	font-size:80%;
	line-height:1.3;
}

#icon_comment{
	max-width:600px;
	display:table;
	table-layout:fixed;
}

#icon_comment .iconover_01{
	width:48%;
	display:table-cell;
	vertical-align:top !important;
	padding-right:2%;
}

#icon_comment .iconover_02{
	width:48%;
	display:table-cell;
	vertical-align:top !important;
	padding-left:2%;
}

#icon_comment dl{
	width:100%;
	display:table;
	padding-bottom:10px;
	border-bottom:1px dashed #868686;
}


#icon_comment dt,
#icon_comment dd{
	display:table-cell;
	margin:0 !important;
	vertical-align:top !important;
}

#icon_comment dt{
	min-width:80%;
	padding-right:5%;
}

#icon_comment dd{
	min-width:20%;
	text-align:right;
}

.iconin_01 + .iconin_01{
	margin-top:100px;	
}

div#comment_over .h4Title {
	margin-top:1.5em;
  border: 1px solid #e5e5e5;
  padding: 5px 13px;
  font-size: 110%;
  font-weight: bold;
}

div#comment_over .closewin{
	text-align:center;
	margin:30px auto;
}

/**トップ検索枠**/
div.search_areaTop{
  width: 967px;
	padding:2px 0;
  background-color: #f7f7f7 !important;
  margin:10px auto !important;
}

div.headFormAreaTop{
  width: 922px;
	margin:10px auto !important;
  background-color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #CCC;
  padding: 10px 10px 10px 10px;
}
div.headFormAreaTop img {float:left; margin:6px 5px 0 0 !important;}
div.headFormAreaTop img.others {float:left; margin:0 5px 0 0 !important;}
div.headFormAreaTop .topForm {border:0; padding:3px 5px; color:#aaa; border:solid 1px #DDD; margin:0 5px 5px 0; width:525px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
vertical-align:top;
float:left;
height:21px !important;
}

/**製品トップ検索枠**/
div.search_area{
  width: 770px;
	padding:10px 0;
  background-color: #f7f7f7 !important;
}

div.headFormArea{
  width: 730px;
	margin:0 auto !important;
  background-color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #CCC;
  padding: 20px 10px 15px 10px;
}

img.proListThumb { max-width:155px; max-height:50px; min-height:50px;}
div.headFormArea img {float:left; margin:6px 5px 0 0 !important;}
div.headFormArea img.others {float:left; margin:0 5px 0 0 !important;}
div.headFormArea .topForm {border:0; padding:3px 5px; color:#aaa; border:solid 1px #DDD; margin:0 5px 5px 0; width:330px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
vertical-align:top;
float:left;
height:21px !important;
}
table img{vertical-align:0 !important;}

table th{vertical-align:top !important;}


/**SEO施策用テキストエリア**/
div.footerSeoText {border:1px solid #DDD; background-color:#FAFAFA; padding:5px; /* width:760px; */ margin-top:30px; line-height:1.3;}

/**製品詳細ページ追記**/
div#ga2012_mainContent table.tableA th{
	background-color:#f5f5f5 !important;	
}


p.productIcon { margin:8px 0 0 0 !important; padding:0;}
p.productIcon img { margin:0 2px 0 0 !important;}

/** 20170129 **/
	   span.typeSendG {display: block; float: left; width: 105px; background-color: #CCC; padding: 3px 0;}
	   span.typeSendB {display: block; float: left; width: 105px; background-color: #99d9e8; padding: 3px 0; margin-top: 4px;}
	   span.typeTxt {display: block; float: right; width: 235px;}
	   span.typeIcon {display: block; float: left; width: 105px; margin: 0 !important; padding: 0 !important;}
	   span.typeSendGmn {display: inline-block; width: 36px; background-color: #CCC; padding: 3px 0; margin-top: 4px; margin-right: 4px;}
	   span.typeSendBmn {display: inline-block; width: 50px; background-color: #99d9e8; padding: 3px 0; margin-top: 4px; margin-left: 4px;}

/** 20170424 **/
	div.top_sliderarea div.division div p.ttl a:link { color: #124d85 !important; text-decoration: none;}
	div.top_sliderarea div.division div p.ttl a:visited { color: #124d85 !important; text-decoration: none;}
	div.top_sliderarea div.division div p.ttl a:hover { color: #124d85 !important; text-decoration: none;}
	div.top_sliderarea div.division div p.ttl a:active { color: #124d85 !important; text-decoration: none;}

	div.top_sliderarea  { text-align: center; margin: 0 0 20px 0;}
	div.top_sliderarea div.division  {width: 33%; float: left;}
	div.top_sliderarea div.divMiddle  {margin: 0 4px;}
	div.top_sliderarea div.division img:hover { opacity: 0.8 !important;}
	div.top_sliderarea div.division div  {width: 304px; text-align: left; margin: 5px 7px;}
	div.top_sliderarea div.division div p { font-size:12px; line-height: 16px; color: #333333; margin: 5px 0 0 0 !important; }
	div.top_sliderarea div.division div p span { display: block; background-color: #EEEEEE; border: 1px solid #DDDDDD; padding: 2px; text-align: center; margin: 8px 0 0 0; }
	div.top_sliderarea div.division div p.ttl { font-size:18px; line-height: 22px; font-weight: bold; color: #124d85; margin: 10px 0 0 0 !important; }
	div.subBTN { margin: 0 0 20px 0;}
	div.subBTN ul {}
	div.subBTN ul li { width: 239px; height: 103px; display: block; float: left; margin: 1px !important;}
	div.subBTN ul li.new { background-image: url(/ew/pewnw/images/top/imgTopBTN01.png) !important; background-repeat: no-repeat;}
	div.subBTN ul li.sale { background-image: url(/ew/pewnw/images/top/imgTopBTN02.png) !important; background-repeat: no-repeat;}
	div.subBTN ul li.camp { background-image: url(/ew/pewnw/images/top/imgTopBTN03.png) !important; background-repeat: no-repeat;}
	div.subBTN ul li.new:hover, div.subBTN ul li.sale:hover, div.subBTN ul li.camp:hover { opacity: 0.8 !important;}
	div.subBTN ul li span { display: block; margin: 5px 14px 0 14px; color: #FFFFFF;}
	div.subBTN ul li span.ttl { font-size: 20px; font-weight: bold;}
	div.subBTN ul li span.txt { font-size: 12px; line-height: 14px; margin: 2px 14px 0 14px; height: 37px;}
	div.subBTN ul li span.date { font-size: 12px; line-height: 14px; width:111px; text-align: center; margin-left: 113px; font-weight: bold;}
	div.subBTN ul li.camp span.ttl { font-size: 20px; font-weight: bold; margin: 18px 0 15px 14px; line-height: 22px;}
	div.subBTN ul li.new span.date { color: #124d85;}
	div.subBTN ul li.sale span.date { color: #333333;}
	div.subBTN ul li.camp span.date { color: #174212;}


/** pps footer bottan **/
div#dlNavi {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #eeeeee;
    z-index: 5;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.7);
    text-align: center;
}
div#dlNavi p.bottan {
    width: 450px;
    margin: 10px auto 0 auto;
}
div#dlNavi p.bottan a img:hover {opacity:0.8;}

/** uni **/
#ga2012_mainContent .col3.uni .col {
	float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
}

#ga2012_mainContent .col3.uni .col ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#ga2012_mainContent .col3.uni .col ul:after {
	content: "";
	display: block;
	clear: both;
}

#ga2012_mainContent .col3.uni .col ul li {
	width: 32%;
	float: left;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #feffff; /* Old browsers */
	background: -moz-linear-gradient(top, #feffff 45%, #ccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #feffff 45%,#ccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #feffff 45%,#ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}

#ga2012_mainContent .col3.uni .col ul li img {
	width: 100%;
	height: auto;
	padding: 80px 0 60px;
}

#ga2012_mainContent .col3.uni .col ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

#ga2012_mainContent .col3.uni .col ul li a figure {
	position: relative;
	overflow: hidden;
	height: 100%;
	text-align: center;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption h3.s_fon {
	font-size: 22px !important;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption h3 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 5px 3px;
	/*background-color: #D6E5FB; */
	color: #333;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption h3 span {
	font-size: 13px;
	padding-left: 5px;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.txt {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	/*min-height: 70px;*/
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	padding: 3px 5px;
	color: #fff;
	box-sizing: border-box;
	text-align: left;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.txt span {
	font-size: 18px;
}

#ga2012_mainContent .col3.uni .col ul li a figure:hover figcaption p.txt {
	bottom: -120px;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	color: #fff;
	display: inline-block;
	background: #c00000;
	text-align: center;
	padding: 3px 5px;
	max-width: 80%;
	margin: auto 10%;
	border-radius: 5px;
	font-size: 18px;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit.blu {
	background-color: #0070c0 !important;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit.gr {
	background-color: #7058a3 !important;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit.mi {
	background-color: #eb6101 !important;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit.yellow {
	background-color: #b7aa00 !important;
}

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.tit.top60 {
	top: 65px;
}
#ga2012_mainContent .col3.uni .col ul li a figure figcaption h3.two_line > span {
    position: absolute;
    display: block;
    padding: 0;
    font-size: 20px;
    width: 150%;
    margin-top: -.2em;
    left: 3px;
}
#ga2012_mainContent .col3.uni .col ul li a figure figcaption h3.two_line > span > span {
    font-size: 13px;
    padding: 0;
    width: auto;
}

div#ga2012_spLink .col3.uni .col ul.listArrow li a , div#ga2012_mainContent .col3.uni .col ul.listArrow li a {
	background-image: none;
	padding-left: 0;
}

#ga2012_mainContent .col3.uni .col ul.ki li img {
	padding: 0;
}

#ga2012_mainContent .col3.uni .col ul.uni_bnr li {
	width: 100%;
	height: auto;
}

#ga2012_mainContent .col3.uni .col ul.uni_bnr li img {
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
}

div#ga2012_mainContent .uni_mainbox .adjustment li {
	padding: 0px !important;
    margin: 0 !important;
    color: #444444;
    line-height: 1.4 !important;
    background-color: #fff !important;
    width: auto;
 }

div#ga2012_mainContent .h2Title span.uni_un {
	background-image: url("/ew/pewnw/pana_common/images/un.png");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

div#ga2012_mainContent table.tableA tbody td .intable{
	margin:0;
}
div#ga2012_mainContent table.tableA tbody td .intable td{
	border:none;
	padding:3px;
	text-align:left;
	vertical-align:top;
}

/*山口修正20190603 START*/
#gaml_chart{
	position: relative;
	width:770px;
	height:630px;
}
#gaml_chart img{
	pointer-events:none;
}
#gaml_chart ul.result01{
	position:absolute;
	top:385px;
	left:47px;
}
#gaml_chart ul.result02{
	position:absolute;
	top:385px;
	left:192px;
}
#gaml_chart ul.result03{
	position:absolute;
	top:385px;
	left:336px;
}
#gaml_chart ul.result04{
	position:absolute;
	top:385px;
	left:486px;
}
#gaml_chart ul.result05{
	position:absolute;
	top:385px;
	left:627px;
}
#gaml_chart ul li{
	margin-bottom: 10px;
}
/*山口修正20190603 END*/

/* 学校ソリューション　20200117 --------------*/
.sch_sol strong.oran {
    font-weight: bold;
}
.sch_sol strong.oran span {
    color: #ff8401;
}
.sch_sol .sol_sch_r01 ,
.sch_sol .sol_sch_r01 + p {
    text-align: center;
}
.sch_sol .sol_sch_r01 > * {
    display: inline-block;
    padding-top: 1em;
}
.sch_sol .orig_point  {
    display: flex;
    flex-wrap: wrap;
}
.sch_sol .orig_point > li  {
    background-image: url("/ew/pewnw/solution/school/images/img_10_bg.png") !important ;
    width: 49%;
    margin-bottom: 18px !important;
    box-shadow:2px 2px 5px -2px #787878;
    border-radius:10px 0px 0px 0px ;
}
.sch_sol .orig_point > li:nth-child(odd)  {
    margin-right: 2% !important;
}
.sch_sol .orig_point > li > ul  {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 14px 30px !important;
}
.sch_sol a:hover  {
    opacity: 0.7 !important;
}
.sch_sol .orig_point > li:nth-child(3) > ul >li + li  {
    padding-left: 10px !important;
}
/* 学校ソリューション　20200117  end--------------*/

/* 英語product　20200207 --------------*/

div.proMainEn .mainLeft.e_pro div.imageArea{
    border: 1px solid #CCC;
}
@media screen and (max-width: 768px) {
	div.proMainEn .mainLeft.e_pro div.imageArea{
        border: 0px solid #CCC;
        width: 100%;
    }
}
div.proMainEn .mainLeft.e_pro div.imageArea.bg_img img{
    width: 100%;
    height: 100%;
    margin: 0 !important;
}
.mainLeft.e_pro a.datasheet_link {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.mainLeft.e_pro a.datasheet_link:hover {
    opacity: .7;
}


/* 英語product　20200207 end--------------*/

/* プロダクトトップページ　20200612 --------------*/

#ga2012_mainContent .col3.uni .col ul li a figure figcaption p.info {
	position: absolute;
    right: 10px;
    top: 0;
    color: #c00000;
    font-weight: bold;
}
/* プロダクトトップページ　20200612 End --------------*/

/* PPSページ　20210122 --------------*/
#ga2012_mainContent .pps_tit_set {
    background: #081518; /* Old browsers */
    background: -moz-linear-gradient(top, #081518 0%, #081518 95%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #081518 0%,#081518 95%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #081518 0%,#081518 95%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#081518', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    padding-bottom: 50px;
}
/* btn */
#ga2012_mainContent .pps_tit_set .pps_btn {
    margin: 3em auto 2em;
}
#ga2012_mainContent .pps_tit_set a.pps_dl_btn ,
#ga2012_mainContent .pps_style a.pps_dl_btn {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF;
    background: #000;
    border: 1px solid #FFF;
    border-radius: 8px;
    height: 70px;
    width: auto;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: bold;
}
#ga2012_mainContent .pps_tit_set a.pps_dl_btn:hover ,
#ga2012_mainContent .pps_style a.pps_dl_btn:hover {
    background: #666;
}
#ga2012_mainContent .pps_tit_set a.pps_dl_btn {
    margin: 0 3%;
}

#ga2012_mainContent .pps_tit_set .pps_btn2 {
    margin: 0 3%;
    display: flex;
}
#ga2012_mainContent .pps_tit_set .pps_btn2 > div {
    width: 100%;
}
#ga2012_mainContent .pps_tit_set .pps_btn2 > div + div {
    margin-left: 3%;
}
#ga2012_mainContent .pps_tit_set .pps_dl_btn02 {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #000;
    background: #999;
    border-radius: 8px;
    height: 50px;
    width: auto;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: bold;
}
#ga2012_mainContent .pps_tit_set .pps_dl_btn02:hover {
    color: #666;
    background: #ccc;
}

/* main */
#ga2012_mainContent .pps_style {
    margin-top: 2em;
}
#ga2012_mainContent .pps_style a img:hover {
    opacity: .7;
}
#ga2012_mainContent .pps_style .center {
    text-align: center;
    margin-bottom: 3em;
}
#ga2012_mainContent .pps_style .min {
    font-size: 80%;
}
#ga2012_mainContent .pps_style .pps_list {
    background: #ccc;
    display: flex;
    flex-wrap: wrap;
    padding: 1.5em 1.5em 1em;
}
#ga2012_mainContent .pps_style li {
    padding-bottom: 1.5em;
}
#ga2012_mainContent .pps_style .pps_list > li {
    width: 49%;
    text-align: center;
    padding-bottom: .8em;
}
#ga2012_mainContent .pps_style .pps_list > li:nth-child(even) {
    margin-left: 2%;
}
#ga2012_mainContent .pps_style .pps_list > li a {
    background: #FFF;
    display: block;
    padding: 1em 2em;
    color: #666;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
#ga2012_mainContent .pps_style .pps_list > li a:hover {
    opacity: .7;
}
#ga2012_mainContent .pps_style .pps_list > li a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -5px;
    left: 1em;
    width: 4px;
    height: 4px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#ga2012_mainContent .pps_style .pps_list > li a.out:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -4px;
    left: 1em;
    width: 6px;
    height: 6px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#ga2012_mainContent .pps_style .pps_list > li a.out:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -1px;
    left: 1em;
    width: 7px;
    height: 1px;
    background: #666;
}

div#ga2012_mainContent .pps_style h5 {
    margin: 30px auto 20px;
}
#ga2012_mainContent .pps_style .flex {
    display: flex;
    justify-content: space-between;
}
#ga2012_mainContent .pps_style p.image_set {
    margin: 0 auto;
    text-align: right;
}
#ga2012_mainContent .pps_style div.flex div:last-child {
    min-width: 344px;
    margin-left: 10px;
    text-align: right;
}
#ga2012_mainContent .pps_style .pps_ttl {
    padding-bottom: 7px;
    border-bottom: 1px solid #969696;
}
/* PPSページ　20210122 End --------------*/

/* プロダクトトップページ　20210126 --------------*/
div#ga2012_mainContent .main_product_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 1% 0 0;
    width: 100%;
    box-sizing: border-box;
}
div#ga2012_mainContent .main_product_menu > li {
    width: 32%;
    margin: 0 .33% 3em 1%;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
div#ga2012_mainContent .main_product_menu > li a {
    display: flex;
    height: 14em;
    padding-bottom: 4em;
        transition: all 300ms 0s ease;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: center;
}
div#ga2012_mainContent .main_product_menu > li span {
    display: flex;
    width: 100%;
    height: 4em;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    padding: 0 1em;
    box-sizing: border-box;
    transition: all 300ms 0s ease;
    position: absolute;
    left: 0;
    bottom: 0;
    background:rgb(239, 239, 239);
}
div#ga2012_mainContent .main_product_menu > li a:hover {
    text-decoration: none;
    
}
div#ga2012_mainContent .main_product_menu > li a:hover span {
    color: #FFF;
    background: rgb(119, 119, 119);
}
div#ga2012_mainContent .main_product_menu > li a img {
    transform: scale(0.8);
    transition-duration: .5s;
    margin-top: -1em;
}
div#ga2012_mainContent .main_product_menu > li.p_link06 a img {
    transform: scale(0.6);
}
div#ga2012_mainContent .main_product_menu > li.p_link01 a img {
    max-width: 220px;
}
div#ga2012_mainContent .main_product_menu > li.p_link04 a img {
    max-width: 246px;
}
div#ga2012_mainContent .main_product_menu > li.p_link05 a img {
    max-width: 220px;
    margin-top: 0;
}
div#ga2012_mainContent .main_product_menu > li.p_link06 a img {
    max-width: 220px;
}
div#ga2012_mainContent .main_product_menu > li.p_link07 a img {
    max-width: 246px;
    max-height: 42px;
}
/*
div#ga2012_mainContent .main_product_menu > li a:hover img {
    transform: scale(1);
}
div#ga2012_mainContent .main_product_menu > li.p_link03 a:hover img ,
div#ga2012_mainContent .main_product_menu > li.p_link04 a:hover img ,
div#ga2012_mainContent .main_product_menu > li.p_link05 a:hover img ,
div#ga2012_mainContent .main_product_menu > li.p_link07 a:hover img {
    transform: scale(0.9);
}
div#ga2012_mainContent .main_product_menu > li.p_link03 a:hover img ,
div#ga2012_mainContent .main_product_menu > li.p_link06 a:hover img {
    transform: scale(0.7);
}
*/
div#ga2012_spLink a.arrow, div#ga2012_mainContent a.arrow.sub_tit_link {
    display: block;
    position: absolute;
    right: 2em;
    top: 2em;
}
/* プロダクトトップページ　20210126 END --------------*/

/* 納入事例トップページ　20210607 --------------*/
div.searchAreaEx { width:auto; padding:10px; margin:20px 0 0 0; background-color:#FAFAFA; border:1px solid #EEE;}

div.searchAreaEx .topForm {border:0; padding:3px 5px; color:#888; border:solid 1px #DDD; margin:0 auto 5px; width:278px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
vertical-align:top;
    display: block;
}

div.searchAreaEx .topSelect {border:0; padding:3px 5px; color:#888; border:solid 1px #DDD; margin:0 auto 5px; width:290px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.1);
vertical-align:top;
    display: block;
}
div.searchAreaEx input[type=image] {display: block;
    margin: 0 auto;}
/* 納入事例トップページ　20210607 END --------------*/

/* 会社案内　20210607 --------------*/
.resume_add span + span {
    padding-left: 1em;
}
/* 会社案内　20210607 END --------------*/

/* 決算公告　20210608 --------------*/
div#ga2012_mainContent ul.kessan_line .list_date { display: inline-block; width: 10em; margin-left: 3em;}
div#ga2012_mainContent ul.kessan_line > li { padding: .5em 0 1.5em; border-top: 2px solid #e5e5e5}
div#ga2012_mainContent ul.kessan_line  { padding: 1.5em 0 0; border-bottom: 2px solid #e5e5e5}
/* 決算公告　20210608 END --------------*/

/* ベストソリューションパートナー様　20210608 --------------*/
div#ga2012_mainContent table.partner_table.tableB tbody td { vertical-align: top;}
/* ベストソリューションパートナー様　20210608 END --------------*/

/* 取得認定証　20210608 --------------*/
.certificate_table { /* width:453px; */}
.certificate_table .someBoxInner { display: flex; flex-wrap: wrap;}
.certificate_table .someBoxInner > p { width: 100%;}
.certificate_table .someBoxInner > div { width: 49%; box-sizing: border-box;}
.certificate_table .someBoxInner > div:nth-child(odd) { margin-left: 2%;}
/* 取得認定証　20210608 END --------------*/

/* データダウンロード（販売終了品）　20210622 --------------*/
div#ga2012_mainContent .farm_set.col4 { display: flex; flex-flow: wrap;}
div#ga2012_mainContent .col4.farm_set .col { display: flex; width: 19%; margin-right: 1%;}
div#ga2012_mainContent .col4.farm_set .col .spLink { display: flex; width: 100%; flex-flow: column; box-sizing: border-box;}
div#ga2012_mainContent .col4.farm_set ul.listArrow li a {font-size: 11px;}
/* データダウンロード（販売終了品）　20210622 END --------------*/

/* 納入事例　75　20210629 --------------*/
div#ga2012_mainContent .col2WithA.example75 .someWith:nth-child(2) img { padding-top: 112px;}
div#ga2012_mainContent p.blue.example_sub { background:#ededed; padding: 1em; }
div#ga2012_mainContent p.blue.example_sub span + span { padding-left: 1em; }
div#ga2012_mainContent .example_rayout { display: flex; max-width:100%}
div#ga2012_mainContent .example_rayout > * {box-sizing: border-box;}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, div#ga2012_mainContent .example_rayout > * {width: 100%;} /* IE11 */
  *::-ms-backdrop, div#ga2012_mainContent .example_rayout > *.example_img { width: auto !important;} /* IE11 */
}
div#ga2012_mainContent .example_rayout.col_set > * {max-width: 100%;}
div#ga2012_mainContent .example_rayout.col_set { flex-flow: column; justify-content: space-between; align-items: flex-end;}
div#ga2012_mainContent .someBoxInner + .example_rayout { margin-top: 2em;}
div#ga2012_mainContent .example_rayout > *:first-child { padding-right: 1.5em;}

div#ga2012_mainContent .col2.example_rayout > .col.w40 { width: 40%;}
div#ga2012_mainContent .col2.example_rayout > .col.w60 { width: 60%;}
div#ga2012_mainContent .example_line { box-sizing: border-box; padding: 10px; border: 1px dotted #333333; border-radius: 5px; line-height: 1.4; width: 70%;}
/* 納入事例　75　20210629 END --------------*/

/* cvエリア　20210716 ----------------------------------*/
div.cvArea.cvn {background-image:none;  width:auto; height:auto; margin: 0 auto ;}
.cvArea .contact-container {
    margin-top: 100px;
}
.cvArea .contact-inner {
    margin-top: 0.75em;
    margin-bottom: 0.5em;
    width: 100%;
}
.cvArea .contact-inner {
    display: flex;
    /*justify-content: space-between;*/
}
@media screen and (max-width:768px) {
    .cvArea .contact-inner {
        display: block;
    }
}
.cvArea .contact-inner-box {
    width: 100%;
    display: flex;
    border: solid #e5e5e5 1px;
    justify-content: space-around;
    padding: 25px;
    box-sizing: border-box;
}
.cvArea .contact-inner-box + .contact-inner-box {
    margin-left: .7em;
}
@media screen and (max-width:768px) {
    .cvArea .contact-inner-box {
        width: 95%;
        margin: 0 auto 0.5em;
        padding: 0;
    }
    .cvArea .contact-inner-box + .contact-inner-box {
        margin-left: auto;
    }
}

.cvArea .contact-content-image {
    min-width: 57px;
    padding: 0 1em 0 2em;
}
@media screen and (max-width:768px) {
    .cvArea .contact-content-image {
        padding: 1em;
    }
}
.cvArea .contact-content-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-sizing: border-box;
    padding: 0 2em;
}
@media screen and (max-width:768px) {
    .cvArea .contact-content-text {
        padding: 1em;
    }
}
.cvArea .contact-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
}
.cvArea .contact-inner-01 .contact-text + a {
    display: none;
}
@media screen and (max-width:768px) {
    .cvArea .contact-inner-01 .contact-text + a {
        display: inline;
    }
}

.cvArea .contact-text {
    font-size: 14px;
    margin-bottom: 1em;
    line-height: 1.5em;
}
.cvArea .contact-btn {
    color: #fff;
    font-weight: bold;
    background-color: #f0757e;
    width: 300px;
    text-align: center;
    padding: 1em;
    /*margin-bottom: 1em;*/
    font-size: 18px;
    box-sizing: border-box;
} 
.cvArea .contact-btn02 {
    color: #fff;
    font-weight: bold;
    background-color: #aaaaaa;
    max-width: 200px;
    text-align: center;
    padding: 1em;
    margin-bottom: 1em;
    font-size: 14px;
    width: auto;
}
.cvArea .emphasis_box01 .contact-btn02 ,
.cvArea .emphasis_box02 .contact-btn02 {
    background-color: #f0757e;
    font-size: 18px;
    line-height: 1.4;
}
div#ga2012_mainContent .cvArea  .contact-content-text a:link:hover {
    color: #fff;
}

.cvArea .contact-content-link {
    display: flex;
    align-items: center;
    padding-right: 2em;
    min-width: 300px;
}
@media screen and (max-width:768px) {
    .cvArea .contact-btn {
        margin-bottom: 1em;
        width: auto;
        font-size: 16px;
    } 
    .cvArea .contact-content-link {
        display: none;
    }
}

/* cvエリア　20210716 END----------------------------------*/
/* 商品詳細　2021026----------------------------------*/
.sp-display {
    display: none;
}
.pc-display {
    display: block;
}
@media screen and (max-width: 768px){
.sp-display {
    display: block;
}
.pc-display {
    display: none;
}
}
/* ファーストビュー（section_main）　20210727--*/
.section_main .flex {
    display: flex;
    width: 100%;
}
.section_main .flex .main_img {
    flex: 1;
    border: 1px solid #ccc;
    padding: 2em;
    box-sizing: border-box;
    
}
.section_main .flex .main_img img {

}
.section_main .flex .main_details {
    flex: 1;
    padding-left: 2em;
}
div#ga2012_mainContent .section_main .flex .main_details ul {
    background: #EDEDED;
    padding: 1.5em 1em;
    margin-top: 0;
}
div#ga2012_mainContent .section_main .flex .main_details ul li {
    padding-left: 1em;
    position: relative;
    font-weight: bold;
    font-size: 130%;
}
div#ga2012_mainContent .section_main .flex .main_details ul li + li {
    margin-top: .5em;

}
div#ga2012_mainContent .section_main .flex .main_details ul li:before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    background: #333;
    border-radius: 2px;
    position: absolute;
    left: .5em;
    top: .5em;
}
div#ga2012_mainContent .section_main .flex .main_details .price {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding: 0 1em;
}
div#ga2012_mainContent .section_main .main_btn {
    margin: 3em auto 4.5em;
}
div#ga2012_mainContent .section_main .main_btn ul {
    display: inline;
    padding-right: 3em;
}
div#ga2012_mainContent .section_main .main_btn ul + ul {
    display: inline-block;
    margin-top: 0;
}
div#ga2012_mainContent .section_main .main_btn li {
    display: inline-block;
    margin-bottom: 1em;
}
div#ga2012_mainContent .section_main .main_btn li a ,
div#ga2012_mainContent .section_main .main_btn li span {
    display: block;
    border: 1px solid #666;
    color: #666;
    padding: .8em 1.6em;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1em;
}
div#ga2012_mainContent .section_main .main_btn li a:hover {
    text-decoration: none;
    background: #ededed;
}
div#ga2012_mainContent .section_main .main_btn li span {
    background: #ccc;
    color: #999;
    border-color: #999;
}

/* ページ内リンク（section_link）　20210727--*/
div#ga2012_mainContent .section_link ul {
    background: #666;
    text-align: center;
    margin-bottom: 2.5em;
}
div#ga2012_mainContent .section_link ul li {
    display: inline-block;
}
div#ga2012_mainContent .section_link ul li a {
    display: block;
    padding: 1em .5em;
    color: #FFF;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}
div#ga2012_mainContent .section_link ul li a:before {
    content: "⇩";
}

/* 共通パーツ　20210727--*/
div#ga2012_mainContent .section_cont {
    margin-bottom: 8em;
}
div#ga2012_mainContent .section_cont .h2Title {
    font-size: 160%;
    padding: .8em .5em;
    line-height: 1em;
    background: #f4f4f4;
    border: none;
    color: #444;
    margin-bottom: 1em;
    
}
/* 特長（section01）　20210727--*/
div#ga2012_mainContent .section01 .h3Title ,
div#ga2012_mainContent .section01 .adjust-subtitle {
    margin-top: 1em;
    border-bottom: 0px solid #e5e5e5;
    padding: 5px 0 5px 1.4em;
    font-size: 20px;
    font-weight: bold;
    color: #00a0c6;
    position: relative;
    cursor: pointer;
    line-height: 1.4;
}
div#ga2012_mainContent .section01 .h3Title:before ,
div#ga2012_mainContent .section01 .adjust-subtitle:before {
    content: "";
    position: absolute;
    left: 0;
    top: .4em;
    width: 1em;
    height: 1em;
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_plus.png") no-repeat center center;
    background-size: 10px;
    border-radius: .5em;
}
div#ga2012_mainContent .section01 .adjust-subtitle.active:before ,
div#ga2012_mainContent .section01 .h3Title.active:before {
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_minus.png") no-repeat center center;
    background-size: 10px;
}
div#ga2012_mainContent .section01 .adjust-subtitle + div ,
div#ga2012_mainContent .section01 .h3Title + div {
    display: none;
}
div#ga2012_mainContent .section01 div p {
    font-size: 16px;
}
div#ga2012_mainContent .section01 .btn-image {
    margin-top: 25px;
    padding-bottom: 1em;
    /*text-align: center;*/
}
div#ga2012_mainContent .section01 ul.listNormal {
    margin-top: 0;
}
div#ga2012_mainContent .section01 iframe {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
}
div#ga2012_mainContent .section01 a.arrow01 {
    display: inline-block;
    background-image: url("/ew/pewnw/common/images/ga2012_icn_arrow3.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    padding-left: 10px;
    width: 100%;
    max-width: 250px;
    border: solid 1px;
    padding: 1em;
    margin: 1em auto;
    font-size: 16px;
}
div#ga2012_mainContent .section01 .audio-flex-container {
    display: flex;
    justify-content: space-between;
}
div#ga2012_mainContent .section01 .audio-flex-container .text {
    width: 70%;
}
div#ga2012_mainContent .section01 .audio-flex-container .image {
    max-width: 200px;
    width: 100%;
}
div#ga2012_mainContent .section01 .audio-flex-container .image img {
    width: 100%;
    height: auto;
}
/* 仕様（section03）table */
div#ga2012_mainContent .section_cont.section03 table.tableA {
    margin-top: 0
}
div#ga2012_mainContent .section_cont.section03 table.tableA + div {
    display: none;
}
div#ga2012_mainContent .section_cont.section03 table.tableA tbody th {
    cursor: pointer;
    display: block;
    position: relative;
}
div#ga2012_mainContent .section_cont.section03 table.tableA tbody th:after {
    content: "";
    position: absolute;
    display: flex;
    font-size: 1.48em;
    width: 1em;
    height: 1em;
    left: 1em;
    top: 50%;
    margin-top: -.5em;
    color: #FFF;
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_plus.png") no-repeat center center;
    background-size: 10px;
    border-radius: .5em;
    line-height: 1em;
}
div#ga2012_mainContent .section_cont.section03 table.tableA tbody th.active:after {
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_minus.png") no-repeat center center;
    background-size: 10px;
}
div#ga2012_mainContent .section_cont.section03 table.tableA tbody td {
    width: 60%;
}
div#ga2012_mainContent .section_cont.section03 table.tableA tbody td.table_bk_B {
    width: auto;
}
/* オプション品（section06）　20210727--*/
div#ga2012_mainContent .section_cont.section06 dl.docReq_menu dt {
    cursor: pointer;
}
div#ga2012_mainContent .section_cont.section06 dl.docReq_menu dt p.opt span.item01 ,
div#ga2012_mainContent .section_cont.section06 dl.docReq_menu dt.active p.opt span.item01 {
    position: relative;
    background: none;
    padding: 0;
}
div#ga2012_mainContent .section_cont.section06 dl.docReq_menu dt p.opt span.item01:after {
    content: "";
    position: absolute;
    display: flex;
    font-size: 1.48em;
    width: 1em;
    height: 1em;
    left: .3em;
    top: 50%;
    margin-top: -.5em;
    color: #FFF;
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_plus.png") no-repeat center center;
    background-size: 10px;
    border-radius: .5em;
    line-height: 1em;
}
div#ga2012_mainContent .section_cont.section06 dl.docReq_menu dt.active p.opt span.item01:after {
    background: #00a0c6 url("/ew/pewnw/common/images/cv/icon_minus.png") no-repeat center center;
    background-size: 10px;
}
div#ga2012_mainContent .section_cont.section06 p.opt span.item02 {
    width: auto;
    min-width: 300px;
}

/* ラインナップ（section09）　20210727--*/
#gaml_lineup {
    text-align: center;
    margin-top: 4.5em;
}
div#ga2012_mainContent img {

}

/* セクションcv（section_cv）　20210727--*/
div#ga2012_mainContent .section_cv {
    background: #edf3f9;
    padding: 3em;
}
div#ga2012_mainContent .section_cv .h2Title {
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #444;
    padding: .5em 1em .5em .5em;
    border-left: 5px solid #00a0c6;
    line-height: 1em;
    margin: 0 auto 1.5em;
}
div#ga2012_mainContent .section_cv .section_cv_btn ,
div#ga2012_mainContent .section_cv .cnts02_list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 8em 5px;
}
div#ga2012_mainContent .section_cv .section_cv_btn li  {
    width: 32%;
}
div#ga2012_mainContent .section_cv .section_cv_btn li a {
    display: block;
    text-align: center;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: left 20% center;
    border: 2px solid #00a0c6;
    color: #00A0C6;
    padding:1.5em 0 1.5em 10%;
    font-weight: bold;
    line-height: 1.6;
}
div#ga2012_mainContent .section_cv .section_cv_btn li a.icon01 {
    background-image: url("/ew/pewnw/common/images/cv/icon_pro_cv01.png");
    background-size: auto 3em;
}
div#ga2012_mainContent .section_cv .section_cv_btn li a.icon02 {
    background-image: url("/ew/pewnw/common/images/cv/icon_pro_cv02.png");
    background-size: auto 3em;
}
div#ga2012_mainContent .section_cv .section_cv_btn li a.icon03 {
    background-image: url("/ew/pewnw/common/images/cv/icon_pro_cv03.png");
    background-size: auto 3em;
}
div#ga2012_mainContent .section_cv .section_cv_btn li a span {
    display: block;
}

div#ga2012_mainContent .section_cv .cnts02_list {
    margin: 2em auto 2em 5px;
}
div#ga2012_mainContent .section_cv .cnts02_list li {
    background: #FFF;
    width: 30%;
}
div#ga2012_mainContent .section_cv .cnts02_list li img {
    width: 100%;
}
div#ga2012_mainContent .section_cv .cnts02_list li h3 {
    padding: 1em 1em 0;
}
div#ga2012_mainContent .section_cv .cnts02_list li h3 a {
    font-weight: bold;
    text-decoration: underline;
}
div#ga2012_mainContent .section_cv .cnts02_list li p {
    padding: 0 1em 2em;
    line-height: 1.8;
    color: initial;
    text-decoration: none;
}
div#ga2012_mainContent .section_cv .cnts02_list li a:hover p {
    color: initial;
    text-decoration: none;
}
div#ga2012_mainContent .section_cv .cnts02_list li p span {
    display: inline-block;
}
div#ga2012_mainContent .section_cv .cnts02_list + p {
    margin: 2em auto 0 5px;
}
div#ga2012_mainContent .section_cv .cnts02_list + p a {
    display: inline-block;
    background: #FFF;
    padding: 1em 2em;
    border: 2px solid #00a0c6;
}
/* 商品詳細　20210726 END----------------------------------*/

/* ZEQUO assist Plus　20210730 ----------------------------------*/
.z_assist_list {
    display: flex;
    flex-flow: wrap;
    margin-top: 2em;
}
.z_assist_list > p {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}
.app_table {
    width: 100%;
}
.z_assist_flex {
    display: flex;    
}
div#ga2012_mainContent .z_assist_flex > p + p {
    margin-left: 2em;  
}
/* ZEQUO assist Plus　20210730 END----------------------------------*/

/* メルマガ　20210819 ----------------------------------*/
div#ga2012_mainContent .melma_set p.main_text {
    background: #ededed;
    font-size: 16px;
    padding: 2.5em;
    margin: 20px 20px 0 20px;
    line-height: 2;
}
div#ga2012_mainContent .melma_set p.main_text + p {
    font-size: 16px;
    margin: 20px 40px;
}
div#ga2012_mainContent .melma_set .melma_btn_set {
    margin: 0 30%;
}
div#ga2012_mainContent .melma_set .melma_btn_set a.btn ,
div#ga2012_mainContent .melma_set .melma_btn_set a.btn:visited {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF;
    background: #0E1735;
    border: 1px solid #FFF;
    border-radius: 8px;
    height: 70px;
    width: auto;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: bold;
}
div#ga2012_mainContent .melma_set .melma_btn_set a.btn:hover {
    text-decoration: none;
    opacity: .7;
}
div#ga2012_mainContent .melma_set .melma_btn_set ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
div#ga2012_mainContent .melma_set .melma_btn_set ul li + li {
    margin-left: 2em;
}
/* メルマガ　20210819 END----------------------------------*/
/* 定期配送　20210819 ----------------------------------*/
div#ga2012_mainContent .catalogue_set p.main_text {
    background: #ededed;
    font-size: 16px;
    padding: 2.5em;
    margin: 20px 20px 0 20px;
    line-height: 2;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set {
    margin: 20px;
    border: 1px solid #ccc;
    padding: 1em 2em;
    display: flex;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set .image {
    flex: 4;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set .image img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 167px;
    border: 1px solid #ededed;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div {
    flex: 6;
    font-size: 14px;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div p:first-child {
    margin-top: 40px;
}
div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div a.btn {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #aaaaaa;
    max-width: 400px;
    text-align: center;
    padding: 1em;
    margin: 2em auto 1em 0;
    font-size: 14px;
}
div#ga2012_mainContent .catalogue_set .catalogue_btn_set {
    margin: 40px 30% 0;
}
div#ga2012_mainContent .catalogue_set .catalogue_btn_set a.btn ,
div#ga2012_mainContent .catalogue_set .catalogue_btn_set a.btn:visited {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF;
    background: #0E1735;
    border: 1px solid #FFF;
    border-radius: 8px;
    height: 70px;
    width: auto;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: bold;
}
div#ga2012_mainContent .catalogue_set .catalogue_btn_set a.btn:hover {
    text-decoration: none;
    opacity: .7;
}
div#ga2012_mainContent .catalogue_set .catalogue_btn_set ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
div#ga2012_mainContent .catalogue_set .catalogue_btn_set ul li + li {
    margin-left: 2em;
}
/* 定期配送　20210819 END----------------------------------*/

/* データダウンロード　20210914 ----------------------------------*/
div#ga2012_mainContent table.tableA.data_download th ,
div#ga2012_mainContent table.tableA.data_download tbody td {
    padding: 1em 5px;
}
.hanrei_data {
    margin-top: 2em;
}
.hanrei_data + div {
    display: none;
}
.hanrei_data + div .sp {
    display: none;
}
/* sort --*/
div#ga2012_mainContent .dd_sort_pc {
    display: block;
}
div#ga2012_mainContent .dd_sort_sp {
    display: none;
}
div#ga2012_mainContent .dd_sort_btn_all {
    background: #e5f6f9;
    padding: 1em 1em 1em 2em;
    margin: 2em auto 0;
}
div#ga2012_mainContent .dd_sort_btn_all h5 {
    font-weight: bold;
    margin: .5em auto;
    padding-left: 1em;
    position: relative;
}
div#ga2012_mainContent .dd_sort_btn_all h5:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background: #999;
    position: absolute;
    left: .5em;
    top: .5em;
    margin-left: -2px;
}
div#ga2012_mainContent .dd_sort_btn {
    margin-left: 1em;
}
div#ga2012_mainContent .dd_sort_btn li {
    display: inline-block;
    margin:0 .5em 1em 0;
}
div#ga2012_mainContent .dd_sort_btn li a {
    padding: .3em 1em;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #ededed;
    border-radius: 5px;
}
div#ga2012_mainContent .dd_sort_btn li.active a ,
div#ga2012_mainContent .dd_sort_btn li.active a:hover {
    background: #666;
    color: #FFF;
    opacity: 1;
}
div#ga2012_mainContent .dd_sort_btn li a:hover {
    opacity: .7;
    text-decoration: none;
    color: #222;
}
div#ga2012_mainContent .dd_sort_list {
    margin-bottom: 80px;
}
div#ga2012_mainContent .sp_dd_sort_btn {
    display: none;
}
/* データダウンロード　20210914 END----------------------------------*/

/* サイドバナー　20210916 ----------------------------------*/
#side_bannar {
    position: fixed;
    right: 0;
    top: 160px;
    width: 48px;
}
#side_bannar a {
    color: #FFF;
    display: inline-block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding: 3em 1em 1em;
    letter-spacing: .05em;
    background: url("/ew/pewnw/product/images/icon02_w.png") no-repeat center top 1em #f0757e;
    background-size: 2em auto;
    transition : all 300ms;
    font-weight: bold;
}
#side_bannar a:hover {
    opacity: .7;
}
#side_bannar a .sp {
    display: none;
}
#side_bannar a .pc {
    display: inline;
}
/* サイドバナー　20210916 END----------------------------------*/

/* 保守フォーム　20211001 ----------------------------------*/
div#ga2012_mainContent table.table_mainte {
    background: #f5f5f5;
    border: 1px solid #ccc;
    margin: 0 auto;
    max-width: 540px;
}
div#ga2012_mainContent table.table_mainte_top {
    margin: 0 auto;
    max-width: 540px;
}
div#ga2012_mainContent td.table_mainte_wrap {
    padding: 0px 15px 15px 15px;
}
div#ga2012_mainContent td.table_mainte_wrap td{
    padding: .3em 2px;
}
div#ga2012_mainContent td.table_mainte_title {
    background: #DDD;
    font-weight: bold;
    padding: .3em 2px;
}
div#ga2012_mainContent table.table_mainte_cv {
    border:1px solid #CCCCCC;
    text-align: center;
    background: #FFF;
    margin: 0 auto;
    padding: 2px;
}
div#ga2012_mainContent table.table_mainte_cv strong {
    font-weight: bold;
}
div#ga2012_mainContent table.table_mainte_cv table {
    margin: 0 auto;
}
/* form ---------------------*/
div#ga2012_mainContent div.mainte_form_info {
    max-width:630px;
    width: 100%;
    box-sizing: border-box;
    text-align:left;
    margin:5px auto;
    background-color:#f5f5f5;
    padding:5px;
    font-size:10px;
    line-height:1.8;
}
div#ga2012_mainContent table.table_mainte_form_info {
    max-width:630px;
    width: 100%;
    box-sizing: border-box;
    text-align:left;
    margin:5px auto;
    line-height:1.35;
}
div#ga2012_mainContent .mainte_form_sp_only {
    display: none;
}
/* conf ---------------------*/
div#ga2012_mainContent table.table_mainte_confmain {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
div#ga2012_mainContent table.table_mainte_conf_text {
    margin: 0 auto;
    max-width: 630px;
    width: 100%;
    box-sizing: border-box;
}
div#ga2012_mainContent .table_mainte_conf_title {
    width:630px;
    text-align:left;
    margin:10px auto 5px auto;
    background-color: #dcdcdc;
    padding:5px;
    font-size: 16px;
    box-sizing: border-box;
    word-wrap: break-word;
}
div#ga2012_mainContent .table_mainte_confmain td.conf_text {
    text-align:left; padding:5px;
    line-height:135%; font-size:12px;
    box-sizing: border-box;
    width: 80%;
}
div#ga2012_mainContent .table_mainte_confmain td.conf_tit {
    text-align:right; padding:5px;
    line-height:135%; font-size:12px;
    font-weight: bold;
    box-sizing: border-box;
    width: 20%;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableHeader {
background-color: #dcdcdc;
border: 1px solid #ffffff;
padding: 5px;
    line-height: 135%;
    font-size: 12px;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableCell01 {
text-align:right;
border:1px solid #ffffff;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableCell02 {
text-align:center;
border:1px solid #ffffff;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableCell03 {
text-align:left;
border:1px solid #ffffff;
padding: 3px 5px;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableCell03 span {
    line-height: 135%;
    font-size: 12px;
}
div#ga2012_mainContent table.table_mainte_confmain .serialTableCell03 span.center {
    text-align: center;
}

div#ga2012_mainContent table.table_mainte_conf_warning {
    border: 1px solid #e17ebb;
    margin: 30px auto 0;
}
div#ga2012_mainContent table.table_mainte_conf_warning td {
    padding: 10px;
}
div#ga2012_mainContent .table_mainte_conf_sp_text {
    display: none;
}
/* 保守フォーム　20211001 END----------------------------------*/

/* 【sp】20210422 --------------*/
@media only screen and (max-width: 640px) and (max-device-width: 1280px){

    /**製品トップ検索枠**　---------------------------*/
    div.headFormArea {
        width: auto;
    }
    div.headFormArea .topForm {
        width: 100%;
        box-sizing: border-box;
        height: 2em !important;
    }
    /* プロダクトトップページ　20210422 --------------*/
    div#ga2012_mainContent .main_product_menu > li {
        width: 49%;
        margin: .5%;
    }
    div#ga2012_mainContent .main_product_menu > li a {
        height: 9em;
    }
    div#ga2012_mainContent .main_product_menu > li span {
        font-size: 3vw;
    }
    div#ga2012_mainContent .main_product_menu > li a img {
        margin-top: 0;
    }
    
    
    div#ga2012_mainContent .main_product_menu > li.p_link06 a img {
        transform: scale(0.45);
    }
    div#ga2012_mainContent .main_product_menu > li.p_link01 a img ,
    div#ga2012_mainContent .main_product_menu > li.p_link04 a img ,
    div#ga2012_mainContent .main_product_menu > li.p_link05 a img {
        max-width: none;
        max-height: none;
        width: 100%;
        height: auto;
    }
    div#ga2012_mainContent .main_product_menu > li.p_link03 a img ,
    div#ga2012_mainContent .main_product_menu > li.p_link07 a img {
        max-width: none;
        max-height: none;
        width: 90%;
        height: auto;
    }
    div#ga2012_spLink a.arrow, div#ga2012_mainContent a.arrow.sub_tit_link {
        right: 1em;
        top: 18px;
        font-size: 3vw;
    }
    /* プロダクトトップページ　20210422 END --------------*/
    
    /* 納入事例トップページ　20210607 --------------*/
    div.searchAreaEx .topSelect , div.searchAreaEx .topForm {width:100%;
    box-sizing: border-box;
    }
    div.searchAreaEx input[type=image] {width: 100%;}
    /* 納入事例トップページ　20210607 END --------------*/
    
    /* 会社案内　20210607 --------------*/
    .resume_add span {
        display: inline-block;
    }
    .resume_add span + span {
        padding-left: 0;
    }
    table.resume_map td {
        display: block;
    }
    div#ga2012_mainContent table.tableB.resume_pro tbody td {
        vertical-align: top;
    }
    /* 会社案内　20210607 END --------------*/

    /* 決算公告　20210608 --------------*/
    div#ga2012_mainContent ul.kessan_line .list_date { width: auto; margin-left: 0;margin-right: 1em;}
    div#ga2012_mainContent ul.kessan_line > li .adjustment { margin-left: 0 !important; margin-right: 0 !important;}
    /* 決算公告　20210608 END --------------*/

    /* ベストソリューションパートナー様　20210608 --------------*/
    div#ga2012_mainContent table.partner_table.tableB tbody td { display: block; padding: 0; width: auto;}
    div#ga2012_mainContent table.partner_table.tableB tbody td .someBoxInner .col2WithA { display: flex; flex-flow: column;}
    div#ga2012_mainContent table.partner_table.tableB tbody td .someBoxInner .col2WithA .someWith { margin: .5em auto !important; text-align: center; float: none;}
    div#ga2012_mainContent table.partner_table.tableB tbody td .someBoxInner .col2WithA .someWith + p { margin-top: 0; text-align: center;}
    /* ベストソリューションパートナー様　20210608 END --------------*/

    /* 取得認定証　20210608 --------------*/
    .certificate_table { width:100%;}
    .certificate_table .someBoxInner { display: block;}
    .certificate_table .someBoxInner > p { width: 100%;}
    .certificate_table .someBoxInner > div { width: 100%;}
    .certificate_table .someBoxInner > div:nth-child(odd) { margin-left: 0;}
    
    .certificate_table .col2WithB { display: flex; flex-flow: column;}
    .certificate_table .col2WithB * { text-align: center;}
    div#ga2012_mainContent .certificate_table .col2WithB .someWith { float: none; margin-left: auto; margin-right: auto;}
    div#ga2012_mainContent .certificate_table .col2WithB .someWith + p ,
    div#ga2012_mainContent .certificate_table .col2WithB .someWith + p + p { margin-top: 0;}
    /* 取得認定証　20210608 END --------------*/

    /* データダウンロード（販売終了品）　20210622 --------------*/
    div#ga2012_mainContent .col4.farm_set .col { display: flex; width: 49%; margin-right: 1%;}
    /* データダウンロード（販売終了品）　20210622 END --------------*/
    
    /* 納入事例　75　20210629 --------------*/
    div#ga2012_mainContent .col2WithA.example75 .someWith:nth-child(2) img { padding-top: 0;}
    div#ga2012_mainContent p.blue.example_sub span + span { padding-left: 0; display: inline-block;}
    div#ga2012_mainContent .example_rayout { flex-flow: column;}
    div#ga2012_mainContent .someBoxInner + .example_rayout { margin-top: 0;}
    div#ga2012_mainContent .example_rayout > *:first-child { padding-right: 0; margin-bottom: 1em;}
    div#ga2012_mainContent .col2.example_rayout > .col.w40 , div#ga2012_mainContent .col2.example_rayout > .col.w60 { width: auto;}
    div#ga2012_mainContent .example_line { margin-bottom: 1em; width: 100%;}
    /* 納入事例　75　20210629 END --------------*/
    
    /* 商品詳細　2021026----------------------------------*/
    /* ファーストビュー（section_main）　20210727--*/
    .section_main .flex {
        flex-flow: column;
        margin-bottom: 2em;
    }
    .section_main .flex .main_details {
        padding-left: 0;
    }
    div#ga2012_mainContent .section_main .flex .main_details ul {
        margin-top: 1em;
        font-size: 100%;
    }
    div#ga2012_mainContent .section_main .flex .main_details .price {
        display: block;
        font-size: inherit;
        text-align: center;
    }
    div#ga2012_mainContent .section_main .main_btn {
        margin: 3em auto;
    }
    div#ga2012_mainContent .section_main .main_btn ul {
        display: block;
    }
    div#ga2012_mainContent .section_main .main_btn li {
        margin-bottom: .5em;
    }

    /* ページ内リンク（section_link）　20210727--*/
    div#ga2012_mainContent .section_link ul {
        padding: .5em 0;
    }
    div#ga2012_mainContent .section_link ul li {
        display: inline-block;
    }
    div#ga2012_mainContent .section_link ul li a {
        padding: .5em;
        font-size: 12px;
    }

    /* 共通パーツ　20210727--*/
    div#ga2012_mainContent .section_cont {
        margin-bottom: 4.5em;
    }
    div#ga2012_mainContent .section_cont table.tableA td{
        box-sizing: border-box;
    }
    /* 製品概要（section02）table */
    div#ga2012_mainContent .section_cont.section02 #ajax_summary ,
    div#ga2012_mainContent .section_cont.section02 table.tableA {
        margin: 0 auto !important;
    }
    /* 仕様（section03）table */
    div#ga2012_mainContent .section_cont.section03 div.sp_table_wrap + div {
        display: none;
    }
    div#ga2012_mainContent .section_cont.section03 table.tableA tbody td {
        width: 70%;
    }
    div#ga2012_mainContent .section_cont.section03 table.tableA tbody td.table_bk_B {
        width: auto;
    }
    div#ga2012_mainContent .section_cont.section03 .sp_table_wrap {
        padding-bottom: 0;
    }
    /* オプション品（section06）　20210727--*/
    div#ga2012_mainContent .section_cont.section06 p.opt {
        text-align: center;
    }
    div#ga2012_mainContent .section_cont.section06 p.opt span.item01 ,
    div#ga2012_mainContent .section_cont.section06 p.opt span.item02 {
        display: block;
        width: 100%;
        text-align: center;
    }
    div#ga2012_mainContent .section_cont.section06 p.opt span.item03 ,
    div#ga2012_mainContent .section_cont.section06 p.opt span.item04 {
        display: inline-block;
        margin-top: .5em;
    }

    /* 保守チケット（section04）　20210727--*/
    div#ga2012_mainContent .section_cont.section04 table.tableA th:nth-of-type(2) {
        min-width: 300px;
    }
    /* ラインナップ（section09）　20210727--*/
    #gaml_lineup {
        text-align: center;
        margin-top: 4.5em;
    }
    /* セクションcv（section_cv）　20210727--*/
    div#ga2012_mainContent .section_cv {
        padding: 5vw;
    }
    div#ga2012_mainContent .section_cv .h2Title {
        font-size: 16px;
    }
    div#ga2012_mainContent .section_cv .section_cv_btn ,
    div#ga2012_mainContent .section_cv .cnts02_list {
        display: flex;
        flex-flow: column;
        margin: 0 auto 4em 5px;
    }
    div#ga2012_mainContent .section_cv .section_cv_btn li  {
        width: 100%;
    }
    div#ga2012_mainContent .section_cv .section_cv_btn li + li  ,
    div#ga2012_mainContent .section_cv p + .cnts02_list ,
    div#ga2012_mainContent .section_cv p + .cnts02_list li + li {
        margin-top: 1em;
    }
    div#ga2012_mainContent .section_cv .cnts02_list li {
        width: 100%;
    }
    div#ga2012_mainContent .section_cv .cnts02_list + p a {
        display: block;
        text-align: center;
    }
    /* 商品詳細　20210726 END----------------------------------*/
    /* ZEQUO assist Plus　20210730 ----------------------------------*/
    .adjustment.z_assist_list {
        flex-flow:column;
        margin: 0 auto !important;
    }
    .z_assist_list > p {
        width: 100%;
        margin-bottom: 1em;
    }
    .app_table ,
    .app_table tr ,
    .app_table td {
        display: block;
    }
    .z_assist_flex {
        flex-flow: column;    
    }
    div#ga2012_mainContent .z_assist_flex > p + p {
        margin-left: 0;
        margin-top: 2em;
    }

    /* ZEQUO assist Plus　20210730 END----------------------------------*/
    /* メルマガ　20210819 ----------------------------------*/
    div#ga2012_mainContent .melma_set p.main_text {
        font-size: 14px;
        margin: 1em auto;
    }
    div#ga2012_mainContent .melma_set p.main_text br {
        display: none;
    }
    div#ga2012_mainContent .melma_set p.main_text + p {
        font-size: 14px;
        margin: 1em 1em 2em 1em;
    }
    div#ga2012_mainContent .melma_set .melma_btn_set {
        margin: 0 auto;
    }
    div#ga2012_mainContent .melma_set .melma_btn_set a.btn ,
    div#ga2012_mainContent .melma_set .melma_btn_set a.btn:visited {
        font-size: 16px;
        height: 60px;
    }
    div#ga2012_mainContent .melma_set .melma_btn_set ul {
        flex-flow: column;
        align-items: center;
        margin-top: 2em;
    }
    div#ga2012_mainContent .melma_set .melma_btn_set ul li + li {
        margin: 1em 0 0 0;
    }
    /* メルマガ　20210819 END----------------------------------*/
    /* 定期配送　20210819 ----------------------------------*/
    div#ga2012_mainContent .catalogue_set p.main_text {
        font-size: 14px;
        margin: 1em auto;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_link_set {
        margin: 20px auto;
        padding: 2em;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_link_set p.image {
        flex: 3;
        margin-top: 0;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div {
        margin-left: 1em;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div p:first-child {
        margin-top: 0;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_link_set .image + div a.btn {
        margin: 2em auto 0 0;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_btn_set {
        margin: 40px auto 0;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_btn_set a.btn ,
    div#ga2012_mainContent .catalogue_set .catalogue_btn_set a.btn:visited {
        font-size: 16px;
        height: 60px;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_btn_set ul {
        flex-flow: column;
        align-items: center;
        margin-top: 2em;
    }
    div#ga2012_mainContent .catalogue_set .catalogue_btn_set ul li + li {
        margin: 1em 0 0 0;
    }
    /* 定期配送　20210819 END----------------------------------*/
    
    /* データダウンロード　20210914 ----------------------------------*/
    .hanrei_data + div .sp {
        display: block;
        margin-top: 2em;
    }
    /* sort --*/
    div#ga2012_mainContent .dd_sort_pc {
        display: none;
    }
    div#ga2012_mainContent .dd_sort_sp {
        display: block;
    }
    div#ga2012_mainContent .dd_sort_btn_all {
        display: none !important;
    }
    div#ga2012_mainContent .sp_dd_sort_btn {
        display: block;
        margin: 1em auto;
        width: 90%;
        padding: .5em 1.5em .5em .5em;
        border: 1px solid #999;
    }
/* データダウンロード　20210914 END----------------------------------*/

    /* サイドバナー　20210916 ----------------------------------*/
    #side_bannar {
        top: auto;
        bottom: 110px;
        right: 30px;
        z-index: 10001;
        width: auto;
    }
    #side_bannar a {
        width: 60px;
        height: 60px;
        border-radius: 60px;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        padding: 2.3em .5em 1em;
        letter-spacing: 0em;
        background: url("/ew/pewnw/product/images/icon02_w.png") no-repeat center top .8em #f0757e;
        background-size: 1.8em auto;
        text-align: center;
        box-sizing: border-box;
        font-size: 11px;
        line-height: 1.2;
        filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.42));
    }
    #side_bannar a .sp {
        display: inline;
    }
    #side_bannar a .sp > span {
        font-size: 80%;
    }
    #side_bannar a .pc {
        display: none;
    }
    /* サイドバナー　20210916 END----------------------------------*/
    
    /* 保守フォーム　20211001 ----------------------------------*/
    div#ga2012_mainContent table.table_mainte ,
    div#ga2012_mainContent table.table_mainte_top {
        max-width: inherit;
        width: 100%;
    }
    /* form ---------------------*/
    div#ga2012_mainContent table.table_mainte_form_info tr ,
    div#ga2012_mainContent table.table_mainte_form_info td {
        display: block;
        width: 100%;
        text-align: left;
    }
    div#ga2012_mainContent table.table_mainte_form_info tr td:first-child {
        margin-top: 1em;
    }
    div#ga2012_mainContent table.table_mainte_form_info td.pc_only {
        display: none;
    }
    div#ga2012_mainContent table.table_mainte_form_info .rei ,
    div#ga2012_mainContent .mainte_form_sp_only {
        display: block;
        width: 100%;
    }
    div#ga2012_mainContent .mainte_form_sp_only {
        margin-bottom: 1em;
    }
    /* conf ---------------------*/
    div#ga2012_mainContent .table_mainte_conf_title {
        width:100%;
    }
    div#ga2012_mainContent .table_mainte_conf_sp {
        width: 100%;
        overflow: auto;
    }
    div#ga2012_mainContent .table_mainte_conf_sp_text {
        display: block;
        text-align: center;
    }
    div#ga2012_mainContent .table_mainte_conf_sp table.table_mainte_conf_text {
        margin: 0 auto;
        max-width: auto;
        width: 300%;
        max-width: 750px;
    }
    /* 保守フォーム　20211001 END----------------------------------*/

}
/* 【sp】20210422 END --------------*/
