@charset "utf-8";

.cont960{max-width:1100px;/* background-color: aquamarine; */}


#content #rightblock{ float:right; width:225px; position:relative; top:0; right:0; z-index:7777; background-color:#FFF;}

#pager{ margin-bottom:20px;}
#pager li{ padding-bottom:1px;}

#content #leftblock{
  /*min-height: 800px;*/
  height: auto !important;
  /*height: 800px;*/
  position: relative;
}





/*パンくず*/
#breadcrumb{color:#333; letter-spacing:1px; height:26px; font-size:10px; margin-bottom:20px;}
#breadcrumb a{color:#1a3d96; text-decoration:underline;}
#breadcrumb li{font-size:10px !important; float:left; height:26px;background:url(../imgs/temp/bg_breadcrumb_left.gif);}
#breadcrumb li.end{background:url(../imgs/temp/bg_breadcrumb.gif) right 0 no-repeat; height:26px; padding-right:60px;}
*:first-child+html div#breadcrumb li.end{padding-right:0;}/*ie7 60px*/
* html div#breadcrumb li.end{padding-right:0;}/*ie6 60px*/

#breadcrumb span{font-size:10px !important;}

#breadcrumb2{color:#333; height:60px; letter-spacing:1px; padding-top:1px;}

#leftblock h1{font-size : 26px; padding:15px; border:#333333 solid 5px; font-weight:600; margin:0 0 30px 0; background:#1A3D96; color:#ffffff;}
#leftblock p{line-height:1.5;}

h2{
	/* font-size: 18px; */
	padding: 15px 5px 10px 15px;
	/* font-weight: bold; */
	/* color: #1A3D96; */
	border-left: 5px solid #1A3D96;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	border-bottom: 1px solid #1A3D96;
	margin-bottom: 20px;
	/* clear: both; */
}

h3{
	clear: both;
	padding:10px 5px 10px 10px;
	border:1px solid #1a3d96;
    color: #1a3d96;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

h4{position: relative; font-weight: bold; padding-left: 25px; padding-top: 6px; margin-bottom: 10px;}

h4:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 6px solid #F2AE18;
    left: 0;
    top: 3px;
}

.mds1{clear:both;width:588px; height:32px; background:url(../imgs/temp/bg_midashi01.gif) no-repeat; color:#1a3d96; font-size:16px; font-weight:bold; line-height:32px; padding-left:12px; margin-bottom:18px; letter-spacing:1px;}
.mds2{ height:29px; padding-left:40px; font-size:18px; font-weight:bold; line-height:29px; margin-bottom:18px; margin-left:12px; letter-spacing:1px;}
.n1{ background:url(../imgs/temp/icon1.gif) 0 0 no-repeat;}
.n2{ background:url(../imgs/temp/icon2.gif) 0 0 no-repeat;}
.n3{ background:url(../imgs/temp/icon3.gif) 0 0 no-repeat;}
.n4{ background:url(../imgs/temp/icon4.gif) 0 0 no-repeat;}
.n5{ background:url(../imgs/temp/icon5.gif) 0 0 no-repeat;}
.n6{ background:url(../imgs/temp/icon6.gif) 0 0 no-repeat;}
.n7{ background:url(../imgs/temp/icon7.gif) 0 0 no-repeat;}
.mds3{ font-size:17px; margin:0 0 8px 12px; font-weight:normal; letter-spacing:1px;}
.mds4{clear:both;width:588px; height:23px; background:url(../imgs/temp/bg_midashi02.gif) no-repeat; color:#1a3d96; font-size:15px; font-weight:bold; padding-left:12px; padding-top:3px; margin-bottom:18px; letter-spacing:1px;}
.mds5{font-size:15px; font-weight:bold; padding-left:12px; padding-top:3px; margin-bottom:18px;}


/*ページトップへのリンク*/
#subnavi.aside {margin:0;padding:700px 0 0 0;width:224px;position:absolute;right:0;top:150px; z-index:50;}

/*リスト*/
.list01{ margin:0 0 20px 12px;}
.list02{ margin:0 0 40px 24px;}
.list01 li,.list02 li{ padding-left:17px; background:url(../imgs/dot03.gif) 2px 6px no-repeat; font-size:14px; line-height:24px;} 
.list02 li b{ display:block;}

/*タイトル内のページャー*/
.subtitle{ position:relative; width:600px; height:34px;}
.subtitle2{ position:relative; width:600px; height:55px;}
.titlepager{ position:absolute; right:2px; bottom:6px;}
.pagebottom{width:100%; border-top:2px solid #1a3d96; padding:15px 2px 0 0; display: flex; position: relative;margin-bottom: 50px;}
.pagebottom2{width:598px; height:100px; border-top:2px solid #1a3d96; padding:5px 2px 0 0;}
.pbContact{ margin:3% 0;  text-align:center; clear: both;}
.pbContact2{ height:80px; width:600px; text-align:center;}


/*表組み*/
.hyo01{ margin-left:12px; width:588px; font-size:14px; line-height:22px; margin-bottom:20px;}
.hyo01.mb30{ margin-bottom:30px;}
.hyo01.mb50{ margin-bottom:50px;}
.hyo01 td{ padding:3px 0;}
.hyo01 td.hmds1{ background:url(../imgs/dot03.gif) 3px 7px no-repeat; padding-left:20px; width:105px;}


/*通常リンク*/
.normal_link {position: relative;}

a.normal_link{
	font-size: 12px;
	padding:5px 5px 5px 10px;
	display: inline-block;
	text-decoration: none!important;
	display: table;
	margin-top: 10px;
	float: right;
	margin-bottom: 40px;
	color: #1B2CA8!important;
}

a.normal_link:hover {text-decoration: underline!important;}

/*ページ送り*/
.back{
    text-align: left;
    padding-left: 10px;
}


.next,.back{
	font-size: 14px;
    display: inline-block;
    position: relative;
}

.next{
	padding-right: 10px;
	position: absolute;
	right: 0;
}

/*関連リンク*/
.serv_link{
	margin-bottom: 20px;
	background-color: #eee;
	width: 100%;
	border-radius: 10px;
	padding:10px;
	font-size: 12px;
	display: block;
}

.serv_link span {
	display: block;
	color: #1B2CA8;
	font-weight: bold;
}
.serv_link a{
	display: inline-block;
	margin: 5px 10px;
	position: relative;
	padding-left: 10px;
}

/*ページ内リンク*/
a.page_link {background-color: #1A3D96; display: inline-table; width: 48%; margin: 5px; padding: 5px; box-sizing: border-box; font-size: 12px; border-radius: 4px; position: relative; color: #fff; padding-left: 30px;}

.at_bg_glay{background:#F5F5F5}

/*menu*/
/*
.sp_none,.pc_none{
background: #000;
}*/

.menu_bg {background: #000;    border-top: 2px solid #fff;}

.menu,.submenu {
    position: relative;
    width: 1100px;
    height: 50px;
    max-width: 1100px;
    margin: 0 auto;
    background-color: #000;
}

.submenu{border: 3px solid #000;border-right:none;overflow:hidden;margin-top:30px;margin-bottom: 50px;width: 100%;background: #fff;display: flex;flex-wrap: wrap;}

.menu_none{
background:#F8AF30!important;
}


.center{margin:auto 0;text-align:center;}

.menu3 > li {
    float: left;
    width : 33.3%!important; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 3)!important;
    width : calc(100% / 3)!important;
    height: 50px;
    line-height: 50px;
    z-index: 100;
}


.menu > li {
    float: left;
    width : 25%; /* 未対応ブラウザ用フォールバック */
    width : -webkit-calc(100% / 4);
    width : calc(100% / 4);
    height: 50px;
    line-height: 50px;
    z-index: 100;
}


.submenu > li{
    float: left;
    width: 25%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height:45px;
    background: #fff;
text-align:center;
border-right:3px solid #000;
}

.submenu > li a {
    display: block;
    color: #000;
text-decoration:none;
}

.submenu > li a:hover {
    color: #fff;
/*background:#DA8600;*/
background: #F2AE18;
}

.pc_none{display: none;}
.menu > li a {
    display: block;
    color: #fff;
    text-decoration:none;
    padding-left:30px;
    z-index: 100;
}

.menu > li a:hover {
    color: #333;
    background: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #333;
    /* color: #333!important; */
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu_none a{padding-left: 0!important;}

.menu__second-level li {
    border-top: 1px solid #111;
    /* color: #333; */
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #F8AF30;
    color: #333;

}

.menu__third-level li a:hover {
    /*background: #2a1f1f;*/
}

.menu__fourth-level li a:hover {
    /*background: #1d0f0f;*/
        background: red;
}

.init-bottom{
text-align:center;
}

/* 下矢印 */
.init-bottom:after,.init-bottom_black:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
position: relative;
    top: -3px;
}

.featurebg .init-bottom:after,.featurebg .init-bottom_black:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
position: absolute;
    top: 40%;
    right: 10%;
}


.init-bottom:after{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.init-bottom_black:after{
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}



.init-bottom:hover:after {
    border-right:2px solid #000;
    border-bottom: 2px solid #000;
}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 40px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background: #333;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 100;
}

li.menu__mega:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
    z-index: 10;
}

li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
    z-index: 10;
}

.menu > li.menu__multi {
    position: relative;
}

li.menu__multi ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
   /* background: #072A24;*/
   background: red;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
    /*background: #111;*/
    background: red;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    /*background: #111;*/
    background: red;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
   /* background: #2a1f1f;*/
   background: red;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    /*background: #2a1f1f;*/
    background: red;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
    visibility: visible;
    opacity: 1;
}

.init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    color: #333;
    width: 100%;
    /*background: #072A24;*/
    /* background: red; */
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 10;
    background: #333333;
    /* border: 2px solid yellow; */
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

.menu_none{text-align:center;/* padding-left: 0; */}


#mainWrap{/*background:url("../imgs/bg.png") ;*/background:#fff; padding-bottom: 0;}

/*矢印*/
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 3%;
  margin-top: -4px;
}

.modaal-container{
border-radius:10px!important;
}

.modaal-content-container{
padding:0!important;
}

.modaal-content-container .arrow::before{
  border-top: solid 2px #666;
  border-right: solid 2px #666;

}

.modaal-content-container li{
list-style: none;
display:block;

}

.modaal-content-container li a{
padding:20px;
display:block;
border-bottom:1px solid #999;
padding-left:40px;
text-decoration:none;
}

.modaal-content-container li:last-of-type a{
border-bottom:none;
}


/*関連する調査項目*/
.relNav{
padding:10px;
overflow:hidden;
margin-top:10px;
}

.relNav dd{
display:grid;
float:left;
 width : 25% ;
  width : -webkit-calc(100% / 4) ;
  width : calc(100% / 4) ;
margin-bottom:0px;
}


.relNav dd a{
padding:20px 0;
}

.relNav dt{
margin-bottom:0px;
}





.fixed {
position:fixed;top:0;
}

.reserach_main{padding:20px;}

/*.reserach_main dl {display:flex;margin-bottom:20px; flex-wrap:multiple;}*/

.block_menu{
    border: 3px solid #000;
width: 31.4%;
/*width: calc(100%/3);*/
margin-right:15px;flex-wrap:multiple;
}

a.arrow05:hover {text-decoration: none!important; opacity: 0.8;}
.arrow05,.arrow06,.arrow07 {
     position: relative;
     padding-left: 15px;

}
.arrow05::before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #333333;
     border-right: solid 2px #333333;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 10%;
     margin-top: -4px;
}


.arrow06::before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #000;
     border-right: solid 2px #000;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 10%;
     margin-top: -4px;
}

.arrow07::before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 10%;
     margin-top: -4px;
}


.arrow07:hover:before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #000!important;
     border-right: solid 2px #000!important;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 10%;
     margin-top: -4px;
}


/*detail*/

.i-re article {line-height: 0;}
.i-re section p{line-height: 2;padding-top: 5px;margin-bottom: 10px;z-index: 10;}
#net,#gi,#clt,#hut,#aca,#asp,#eye,#rec,#other,#mcall,#oversea,#shop,#post,#results_kan,#results_min,#results,#price,#original,#di,#monitor2,#feature,#visit{
 height: 200px;
 background-size: cover!important;
 position: relative;
 box-sizing: border-box;
 }

#net{background:url("../imgs/service/net.jpg") no-repeat; background-position-y: 60%;}
#gi{background:url("../imgs/service/gi.jpg") no-repeat; background-position-y: 40%;}
#clt{background:url("../imgs/service/clt.jpg") no-repeat; background-position-y: 60%;}
#hut{background:url("../imgs/service/hut.jpg") no-repeat; background-position-y: 80%;}
#aca{background:url("../imgs/service/aca.jpg") no-repeat;     background-position-y: 90%;}

#asp{background:url("./../imgs/service/asp.jpg") no-repeat; background-position-y: 75%;}
#eye{background:url("./../imgs/service/eye.jpg") no-repeat; background-position-y: 60%;}
#rec{background:url("./../imgs/service/rec.jpg") no-repeat; background-position-y: 40%;}
#other{background:url("./../imgs/service/other.jpg") no-repeat; background-position-y: 40%;}
#mcall{background:url("./../imgs/service/mcall.jpg") no-repeat; background-position-y: 10%;}
#oversea{background:url("./../imgs/service/oversea.jpg") no-repeat; background-position-y: 60%;}
#shop{background:url("./../imgs/service/shop.jpg") no-repeat; background-position-y: 50%;}
#post{background:url("./../imgs/service/post.jpg") no-repeat; background-position-y: 40%;}
#results_kan{background:url("./../imgs/service/kan.jpg") no-repeat; background-position-y: 60%;}
#results_min{background:url("./../imgs/service/min.jpg") no-repeat; background-position-y: 40%;}
#results{background:url("./../imgs/service/results.jpg") no-repeat; background-position-y: 40%;}
#price{background:url("./../imgs/service/price.jpg") no-repeat; background-position-y: 40%;}
#original{background:url("./../imgs/service/original.jpg") no-repeat; background-position-y: 40%;}
#di{background:url("./../imgs/service/di.jpg") no-repeat; background-position-y: 40%;}
#monitor2{background:url("./../imgs/service/moni.jpg") no-repeat; background-position-y: 43%;}
#feature{background:url("./../imgs/service/feature.jpg") no-repeat; background-position-y: 40%;}
#visit{background:url("./../imgs/service/visit.jpg") no-repeat; background-position-y: 65%;}







.parallelogram_box{
  position: relative;
    max-width: 960px;
    margin: 0 auto;
  }
.parallelogram{    width: 400px;
    height: 200px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    position: absolute;
    right: -58px;
    /* background: #81C7D4; */
    background-color: rgb(255,255,255,0.5);
  }

.parallelogram2{
    position: absolute;
    top: 0;
    right: 0;
    /* background: red; */
    width: 0;
    height: 0;
    border-left: 400px solid transparent;
    border-top: 500px solid #e8e8e8;
}


.ttlWrap{margin-bottom:0px;}
.detail_main {
 /* background: rgba(255,255,255,0.7);*/
  padding: 30px 30px 0 30px;
  line-height: 1;
  display: grid;
  /* overflow: hidden; */
  position: relative;
  /* -webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31); */
  -moz-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31);
  /* box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31); */
/*  border-left:1px solid #ddd;
  border-right:1px solid #ddd;*/
}

.case_st .detail_main{border: none;}
.bkRGBA {
  height: 100%;
  width: 100%;
  background: rgba(000,000,000,0.5);
  padding: 20px 0;
  }

.top a{
    position: absolute;
    top: -30%;
    right: 60px;
    padding: 30px 10px 25px 10px;
    width: 27%;
    display: inline-table;
    text-align: center;
    background: rebeccapurple;
    text-decoration: none;
    background: #ffffff;
    border: 2px solid #333;
    text-decoration: none;
    color: #333333;
    }

    .top a:hover{opacity: 0.5}
.top{
    /* width: 100%; */
    /* margin: 0 auto; */
    position: relative;
    top: 40%;
    }
.top h1{font-size: 4rem;color:#fff;font-weight: bold;margin-bottom: 2%;display: inline-table;}
.top p{line-height: 2;color:#fff;/* padding: 10px; */}

/*.detail_main h1{background: #FDF0D3;position: relative;left: -50px;display: table;padding: 20px;line-height: 0.2;width: 50%;font-size: 2rem;margin: 30px 0 20px 0;text-align: center;font-weight: bold;}*/

.detail_main h2{/* z-index: 10000; */ border-left: 3px solid #F2AE18;font-size:2.2rem; margin:20px 0;padding-left: 10px; background: none;border-bottom:none;line-height:1.5; }
/*
.detail_main h1:before{
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border: 2px solid #666;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
    */

.detail_main h1{
  font-weight: bold;
text-align: center;
    padding: 20px;
    /* display: inline-block; */
    background: none;
    /* margin: 10px; */
    font-size: 2rem;
    border: none;
    margin: 0 auto;
    /* margin-top: 10px; */
    clear: both;
    border-bottom: 2px solid #F2AE18;
  /*  border-top: 1px solid #666;*/
    margin-bottom: 50px;
    margin-top: 50px;
    font-size: 2.8rem;
    }

.detail_main h1 span {display: block;font-size: 1.2rem; margin-top:20px; font-weight: normal; color: #999;}

.right_link{
    background: #F8AF30;
    padding: 10px 20px 10px 50px;
    display: flex;
    text-decoration: none;
    /* float: right; */
    margin: 10px;
    color: #fff!important;
    width: 200px;
    text-align: center;
    border-radius: 30px;
    margin: 0 0 0 auto;
    margin-top: 20px;
    /* text-align: right; */
    }


.right_link:hover{
    opacity: 0.5;
}
    .items,.items6 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.half{flex-wrap:wrap;}
.half .item {
  width: 48%!important;
  margin-top: 20px;
  position:relative;
margin-bottom:20px;
border:1px solid #999;
}


.half .long_img{width:100%!important;}



.half .item span{    position: absolute;
    top: 0%;
    background-color: #333333;
    padding: 10px;
    width: 30%;
    color: #fff;
    text-align: center;
}

.half .item-img,.thirty .item-img{box-shadow:none!important;}
.half img {width:100%;object-fit: cover; }

.thirty .item-img{text-align:center;display:flex;}
.thirty .item-img img{    border-radius: 300px;
    width: 300px;
    height: 300px;
    border: 2px solid red;object-fit: cover;
}

.thirty .item{  position:relative;}
.thirty .item span{background:#333; top:100%;padding:10px; width:90%; margin:auto 0; text-align:center;display:inline-block;margin-top:20px; color:#fff;}

.items .item {
  width: 30%;
  margin-top: 20px;
}

.items .item-img,.shop .item-img img{    box-shadow: 9px 9px 0px 0px #999;}
.items .item-img img,.shop .item-img img{border:2px solid #fff;}

.items4 .item-title{margin-top:0;}


.items4 .arrow05::before,.item .arrow05::before {    border-top: solid 2px #fff;border-right: solid 2px #fff;}

.item > .arrow05{margin:0 auto;}

.item {
  width: 100%;
}
.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}
.item-body ul{margin-top:10px;margin-left:20px;}
.item-body li{line-height:1.8;list-style-type : disc; }



.item-title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #f8af30;
}
.item-body p {

  font-weight: 400;
  color: #333;
}

.item_right .item-img {  padding-left: 20px;}

.items4,.items5,.items7{margin-top: 20px;z-index:1;}

.items4{margin-bottom:40px;}

.items4 .item,.items5 .item,.items7 .item {
  display: flex;
  margin: 0 0 40px;
}

.items7 .item{width: 33%;/* background-color: rebeccapurple; flex-wrap: wrap; /* flex-wrap: wrap; *//* justify-content: space-between; */}
.items4 .item_right,.items5 .item_right {
   flex-direction: row-reverse;
}
.items4 .item-img {
  width: 40%;
  padding-right: 20px;
}
.items4 .item-body {width: 60%;}
/*.items4 .item_right .item-title{text-align:right;}*/

.items7 {display: flex;/* justify-content: space-between; */flex-wrap: wrap;}
.items7 a{text-decoration: none;}
.items7 a:hover{opacity: 0.5;}
.items7 .item-title{margin:0;line-height: 1.2;font-size: 16px;color: #666;/* margin: auto 0; */}
.items7 .item-img {
  width: 45%;
  padding: 4px;
}
.items7 .item-body {
    width: 55%;
    margin: auto;
}

.items8 {display: flex;/* justify-content: space-between; */flex-wrap: wrap;}
.items8 a { width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
padding:15px;}
.items8 .item-img img{width:100%;height:150px;border: 3px solid #000;}
/*.items8 .item-img:hover{opacity:0.5;}*/
.items8 .item-img {position:relative;}
.items8 .item-img span {    color: white;
    position: absolute;
    top: 40%;
    left: 0;
    background: #000;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-size: 20px;}



.items5 .item-img {
  width: 20%;
  padding: 0 12px;
  margin: auto 0;
  /* vertical-align: middle; */
}
.items5 .item-body {
    width: 80%;

}


.items4 .item-balloon1  {
  width: 40%;
  padding: 0 10px 0 0;
}

.items4 .item-balloon1-body {
    width: 60%;

}

.items6 .item {
    flex-direction: row;
    /* flex-wrap: wrap; */
    justify-content: flex-start;
}


.items6 .item:hover {text-decoration: underline;}

.items6{background: #efefef;margin: 20px 0;margin-bottom: 40px;/* overflow: hidden; */}

.items6 .item-title{color: #333; font-size: 14px;} 

.items4 .item-img img {display: block;!important;    margin: 0 auto;}

.at_bg_glay .balloon1{background:#fff;}

.at_bg_glay .balloon1:before{    border-top: 15px solid #fff;}

.balloon1 {
    width: 100%;
    position: relative;
    display: inline-block;
    /* margin: 1.5em 0; */
    padding: 7px 10px;
    /* min-width: 120px; */
    /* max-width: 100%; */
    color: #555;
    font-size: 16px;
    background: #efefef;
    /* text-align: center; */
    /* text-indent: 10px; */
}

.balloon1:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #efefef;
}

.balloon1-last:before{
border: none;
}
.balloon1 p,.balloon1-top p {
    margin: 0;
    padding: 0;
    /* padding-left: 10px; */
}

.balloon1 span {
    background: #333333;
    padding: 10px 15px;
    /* width: 20px; */
    /* height: 20px; */
    display: inline-block;
    float: left;
    color: #fff;
    margin-right: 20px;
}


.balloon2-left,.balloon2-right {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5em 15px;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    border: 1px solid #999;
    background: #ffffff;
}

.balloon2-left:before{
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #ffffff;
  z-index: 2;
}

.balloon2-left:after{
  content: "";
  position: absolute;
  top: 50%;
  left: -28px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #555;
  z-index: 1;
}



.balloon2-right:after{
  content: "";
  position: absolute;
  top: 50%;
  right: -32px;
  margin-top: -16px;
  border: 16px solid transparent;
  border-left: 16px solid #555;
  z-index: 1;
}

.balloon2-right:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #ffffff;
    z-index: 2;
}

.balloon2-left p,.balloon2-right p {
    margin: 0;
    padding: 0;
}

.balloon2-left span,.balloon2-right span {
    display: block; font-size: 12px;margin-top: 10px;
}

.balloon1-top {
    position: relative;
    /* display: inline-block; */
    /* margin: 1.5em 0; */
    /* padding: 7px 10px; */
    /* min-width: 120px; */
    /* max-width: 100%; */
    padding-top: 10px;
    color: #555;
    font-size: 16px;
    background: #fcf0d3;
}

.balloon1-top:before{
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fcf0d3;
}

.balloon1-last{background:#FBF0D1!important; }



.detail_box{
    border: 3px solid #333;
    margin-bottom: 30px;
    padding: 30px 20px 20px 20px;
    position: relative;
    margin-top: 20px;
background:#fff;
    /* overflow: hidden; */
    }
.detail_box h3{
        background-color: #333;
        display: inline-block;
        border: 2px solid #333;
        border-radius: 0;
        position: absolute;
        top: -20px;
        left: -3px;
        width: 30%;
        color: #fff;
}

.detail_box .h3_p{font-weight: bold;margin: 10px 0 20px 0;line-height: 1.5;} 

.detail_box dt{float: left;clear: left;background-color: #bbb;color: #fff;padding: 10px;margin-right: 10px;margin-bottom: 15px;width: 10%;}

.detail_box dd{padding: 5px;float: left;line-height: 1.5;/* width: 100%; */}

.detail_box dt.solution {clear: both;display: block;border-bottom: 1px solid #F8AF30;background: none;color: #333;color: #F8AF30;font-weight: bold;width: 30%;}

.detail_box dd.solution {clear: both;display: block;background-color: #fff0d5;line-height: 1.5;padding:10px;width: 100%;}

.detail_box .price_txt{    display: inline-block;
    text-align: center;
    width: 100%;
}

.detail_box .solution_img{
    position: absolute;
    left: 25%;
    top: -70px;
z-index:100;
    }
.detail_box .price_list{display: flex;}

.detail_box .price_list .h3_p{width: 60%;}

.detail_box .price_list span{font-size: 5rem;
    line-height: 1;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 40%;
    letter-spacing: 1px;
}

.detail_box .price_dl dd{ float: left; }

summary img{position: absolute;top:-20px;left: 25%;}
details[open] summary img {display: none;}
details {
  /* margin: 14px; */
  /* padding: 10px; */
  background: #FDF0D3;
  clear: both;
  cursor: pointer;
  /* color: #fff; */
  border-bottom: 4px solid #ffcb81;
  position: relative;
}

details summary{position: relative;padding: 10px;}

details[open] {
  background: #FDF0D3;
  overflow: hidden;
  padding: 10px;
}

details summary .close{display:none;}
details[open] summary .close{display:block; margin-top:20px;}

details[open]  .close ul>li{width:100%;}

details[open] summary {color: #333;margin-bottom: 20px;}

details[open]>ul{display: flex;}

details[open] ul>li {width: 50%;display:}

details[open] .price_detail {display: flex;/* background: greenyellow; */border-bottom: 1px solid #999;/* padding:10px; */width: 100%;margin-bottom: 2%;}
details[open] .price_detail li {padding: 15px 10px;}]
details[open] .price_detail li:first-child{background:green; padding: 20px 10px;}
details[open] .price_detail li:nth-child(odd){display: grid; */color: #333333;width: 65%;background: #bbb;color: #fff;margin: auto 0;margin-bottom: 0;/* display: flex; *//* vertical-align: middle; */}
details[open] .price_detail li:nth-child(even) {color: #333333;width: 35%;font-weight: bold;margin: auto 0;padding: 0 10px;/* vertical-align: middle; */}

.price_detail li span {font-size: 3rem;margin-right: 10px;/*line-height: 0.4;*/letter-spacing: 1px;    margin-top: 5px;}
.price_detail li{position:relative;}

details[open] .price_detail li.price_sub {font-size:1.8rem;}
details[open] .price_detail li.price_sub span{font-size:12px;margin-top:5px;line-height: 1.3;}



.close ul.work_list{margin-bottom:0px;}

ul.work_list {border: solid 2px #ffb03f;padding: 1em 1em 0em 2em;position: relative;background: #fff;margin-top: 3em;display: flex;flex-wrap: wrap;margin-bottom: 50px;}
ul.work_list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
  margin-bottom: 2%;
  width: 50%!important;
  display: flex;
}
ul.work_list li:before {/*リストのアイコン*/
  content: "";
  background: no-repeat url("/research-service/imgs/ch.png");
  width: 20px;
}
ul.work_list li:after {/*タブ*/
  background: #ffb03f;
  color: #fff;
  /* font-family: "Font Awesome 5 Free",'Avenir','Arial',sans-serif; */
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 10px 50px;
  content: '業務対応範囲';
  letter-spacing: 0.05em;/*字間*/
  }

/* ポップアップウインドウの設定 */
.popup {
  background-color: #ffffff;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 60vw;
  height: 45vw;
  overflow-y: scroll;
}
/* チェックボックスの初期設定 */
#popup-on,#popup-on2,#popup-on3,#popup-on4,#popup-on5,#popup-on6,#popup-on7,#popup-on8,#popup-on9,#popup-on10,#popup-on11,#popup-on12{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup,
#popup-on2:checked + .popup,
#popup-on3:checked + .popup,
#popup-on4:checked + .popup,
#popup-on5:checked + .popup,
#popup-on6:checked + .popup,
#popup-on7:checked + .popup,
#popup-on8:checked + .popup,
#popup-on9:checked + .popup,
#popup-on10:checked + .popup,
#popup-on11:checked + .popup,
#popup-on12:checked + .popup{
  display: block;
  z-index: 1000000;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{
  /* background: #fff; */
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  /* margin: 10px auto; */
  /* width: 95%; */
  text-align: center;
}

/* ポップアップの内容 */
.popup-content{
  margin: 20px auto 20px auto;
  width: 90%;
  z-index: 10000;
}

.popup-content img{margin: 0 auto;display: block;margin-top: 20px;}

.shopimg img {width: 95%;
    margin: 0 auto;
    padding-top: 10px;padding-left: 20px;}

.shopimg .item-title{text-align:center;padding-bottom: 20px;
}
.shopimg:hover{text-decoration: none!important;}

/*料金*/

.baseprice h3{/* position:relative; */left: 35%;text-align: center;}
.baseprice ul{display: flex;  justify-content:space-between; margin-top: 10px;}
.baseprice ul li{padding: 15px;background-color: #ccc;font-size: 16px;width: 25%;color: #fff;text-align: center;}
.baseprice ul li:nth-child(even){background: none;width: 5%;text-align: center;color: #000;}
.price_table {width: 100%;margin: 0 auto 30px auto;border-right: #bbb solid 1px;margin-top: 20px!important;border-collapse: collapse;border-spacing: 0;z-index:2}


.price_table thead th{background: #333;/* padding: 0; */}
.price_table th{background: #666;
    color: #fff;
    padding: 15px 10px;
    text-align: center;
    border-bottom: #bbb solid 1px;
    border-left: #bbb solid 1px;
}

.price_table td{
    border-top: #bbb solid 1px;
    padding: 10px;
    color: #E44405;
    font-weight: 600;
    text-align: right;
    border-bottom: #bbb solid 1px;
    border-top: #bbb solid 1px;
    border-left: #bbb solid 1px;
    background: #fff;
}

.other_r img {width:125px; height:60px;height: 60px;object-fit: cover;}

.price_detail p{left: 45%;
    position: absolute;
    top: 0px;}

/*リクルート*/

table #rec_table,#rec_table td,#rec_table th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
#rec_table td, #rec_table th {
	padding: 10px;
	width: 33%;
	height: 25px;
}
#rec_table tr:first-child {
	background: #ddd;
}

.item-body #rec_table{width:100%; background:#fff;}



/*事例　料金　リンク*/
.case_st{background:#000 url(/research-service/imgs/link_bg.jpg) no-repeat; background-size: cover;}
.case_box,.link_box {display: flex;justify-content:space-between;flex-wrap: wrap;}
.link_box{justify-content: flex-end;}
.link_box_net{justify-content: space-between;}
.link_box a{border: 2px solid #000;padding: 20px;width: 40%;text-align: center;text-decoration: none;font-size: 18px;color: #fff;}

.link_box a.bl_bt{border: 2px solid #000;padding: 20px;width: 45%;text-align: center;text-decoration: none;font-size: 18px;color: #fff!important;    background: #000!important;}
a.bl_bt:hover {color: #000!important;    background: #fff!important;}



.case_box a{border: 2px solid #fff;padding: 20px;width: 40%;text-align: center;text-decoration: none;font-size: 18px;color: #000;background:#fff;margin:auto;}
.case_box a:hover{background-color: #fff;color: #000;}
.link_box a:hover{background-color: #000;color: #fff;}
.case_box a:hover:before{border-top: solid 2px #000;border-right: solid 2px #000;}
.link_box a:hover:before{border-top: solid 2px #fff;border-right: solid 2px #fff;}
.case_st section{padding-bottom: 40px;background: none;}
.case_st h2{color: #fff;}
.link_main{padding:0 30px 50px 30px;}
.link_main .link_box a{color:#000; background:#fff;}
.link_main .link_box a:hover{color:#fff; background:#000;}

ul.price_link{display:flex;width:100%;margin-top:5%;}
ul.price_link li {width:50%;text-align:center;border-left:1px solid #999;}
ul.price_link li a{width:100%;padding:20px;text-align:center;display:block;border-bottom:1px solid #999;background: antiquewhite;text-decoration:none;}
.case_title {padding:20px;border-top:1px solid #999;}
ul.price_link .arrow::before{border-top: solid 2px #333;border-right: solid 2px #333;left:10%!important;}
ul.price_link .arrow:hover:before{border-top: solid 2px #F2AE18;border-right: solid 2px #F2AE18;}


dl.price_detail_table{display:flex;flex-wrap: wrap;}
dl.price_detail_table dd,dl.price_detail_table dt {border:1px solid #666;width:24%;margin-bottom:2%;    padding: 15px;}
dl.price_detail_table dd {margin-right:20px;border-left:none;}
dl.price_detail_table dt{background:#eee;}

/*実績*/
.results{display:flex;/*justify-content: space-between;*/flex-wrap:wrap;margin-bottom:5%;position:relative;}
.results li{width:20%;box-sizing: border-box;position: relative;}
.results a{padding:20px;background:#000; color:#fff;display:block;border:1px solid #fff;text-decoration: none;text-align: center;}
.results_list {margin-bottom:20px;}
.results_list li{border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    line-height: 1.5;
    width: 95%;
    margin-left: 20px;list-style-type:disc;}
.min li{width:45%; float:left;}
.min li:nth-child(even){ margin-left:80px;}
.min_list li{   float:left;width: 24%!important;}
.min_list{display:block;}
.results li a:hover{border:1px solid #000;color:#333;background:#fff;box-sizing: border-box;}

.results li .arrow:hover:before {
    border-top: solid 2px #333;
    border-right: solid 2px #333;
}


.results .init-bottom:after{
position:absolute;
right:15px;
    top: 20px;
}

/*アカデミック*/
ul.ac_list {display:flex;flex-wrap:wrap;}
ul.ac_list li{  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3)!important ;
}

.aca_span span {display:none;}

/*オリジナル*/
.original .item-img img{border:none; height:auto;}
.original .item-img span{top:100%; font-size:14px; text-align:left;    line-height: 1.4;}
.original a{margin-bottom: 5%;}


/*特徴*/
#plan{background:url(../imgs/service/plan.png)no-repeat;background-size: cover;padding-bottom: 10%;}
#quality{background:url(../imgs/service/quality.png)no-repeat;background-size: cover;padding-bottom: 10%;}
#cost{background:url(../imgs/service/cost.png)no-repeat;background-size: cover;padding-bottom: 10%;}
#facility{background:url(../imgs/service/facility.png)no-repeat;background-size: cover;padding-bottom: 10%;}

#speed{background:url(../imgs/service/speed.png)no-repeat;background-size: cover;padding-bottom: 10%;}



.feature_box .item-title{    position: relative;
    left: 0;
    text-align: left;
    /* background-color: antiquewhite; */
    /* padding: 20px; */
    width: 55%;
    /* height: 30px; */
    border-right: 40px solid transparent;
    border-top: 60px solid #f8af30;
    color: #fff;
    border-bottom: none;}

.feature_box .item-title_right{ 
position: relative;
    left:45%;
    text-align: right;
    /* background-color: antiquewhite; */
    /* padding: 20px; */
    width:55%;
    /* height: 30px; */
    border-left: 40px solid transparent;
    border-top: 60px solid #f8af30;
    color: #fff;
    border-bottom: none;
font-size: 20px;
    font-weight: 700;
}



.feature_box .item{padding:0px;}

.feature_box .item-body{position: relative;
    width: 100%;}


.feature_box .item-title span{position: absolute;
    top: -40px;
    left: 20px;}

.feature_box .item-title_right span{position: absolute;
    top: -40px;
    right: 20px;}



.feature_box p{
background: #ffffff;
    padding: 30px!important;
    opacity: 0.95;
    margin: 0 auto;
    margin-top: 50px;
    line-height: 2.5!important;
    /* left: 50%; */
    width: 90%;
    color: #000;
box-shadow: 9px 9px 0px 0px #999;
}


.feature_link a{
    width: 30%;
    margin-bottom: 40px;
position:relative;
}

.feature_link a:hover{opacity:0.5;}

.featurebg {
    background: #000 url(/research-service/imgs/neobg.jpg) no-repeat;
    background-size: cover;
    background-position-y: -200px;
}


.company .item-img{box-shadow:none!important;}

.company .item{width: 24%;
    margin-top: 20px;}


.company .item-title{margin-top:10px; font-size:18px;}

.company {margin-bottom:80px;}

.prof{margin-bottom:0px!important;}
.prof .item-img{width:36%;}

.prof .item-img img{border:2px solid #fff; margin:0;}

/*訪問調査*/
.visit .items6 .item{display:flex;}


/*index*/
#index{    background: url(/research-service/imgs/index.jpg) no-repeat;background-size:cover;}


.re_all{display: flex;
    flex-wrap: wrap;
margin-bottom:2%!important;}


.re_all > li:nth-of-type(1) {width:100%;}
.re_all .re_three {width:100%;}
.re_all .re_three ul{ display:flex; justify-content: space-between;}
.re_all .re_three li{  width : 32% ; /* 未対応ブラウザ用フォールバック */justify-content: space-evenly;}

.index_net{background: url(/research-service/imgs/index01.jpg) no-repeat;height:300px;position:relative; background-size:90%;margin-bottom:3%!important;}
.index_di{background: url(/research-service/imgs/service/di.jpg) no-repeat;height:500px;position:relative; background-size:cover;    background-position-x: -230px;}
.index_fgi{background: url(/research-service/imgs/service/gi.jpg) no-repeat;height:500px;position:relative;background-size:cover;    background-position-x: -200px;}
.read{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 40px;
	right:0;
    bottom: 40px;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 0;
    padding: 0 5.9%;
    z-index: 2;
	background:#fff;
    width: 50%;
}

.re_all a{    width: 100%;
    /* height: 100px; */
    display: block;
    height: 100%;
text-decoration: none;
}

.re_all a:hover{text-decoration: none; background: rgba(255,255,255,0.5);}
.re_all a:hover h3,.re_all a:hover span,.items8 a:hover span {background:#F2AE17;opacity:1!important;}


.read span {display:block;font-size:20px;}
.detail_main h3{background:#000;padding:10px;color:#fff;border:none;border-radius: 0px!important;font-size:20px;}
.index_di .read,.index_fgi .read{    width: 80%;height: 40%;    top: 270px;}
.re_all .re_three ul .index_other{flex-wrap: wrap;}
.index_other li{width: 100%!important;
margin-bottom:25px;
  height :150px;
}

.index_other li:nth-of-type(3){margin-bottom:0;}
.index_other .clt{background: url(/research-service/imgs/service/clt.jpg) no-repeat;background-size:150%;background-position-y: -50px;}
.index_other .hut{background: url(/research-service/imgs/service/hut.jpg) no-repeat;background-size: 150%;background-position-y: -100px;}
.index_other .aca{background: url(/research-service/imgs/service/aca.jpg) no-repeat;background-size:cover;   }
.index_other li span{
    background-color: #000;
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    position: relative;
    top: 40%;

    font-size: 20px;
    text-align: center;}

#index .items8 a{padding:0;padding-right:20px;margin-bottom:20px;}

#index .items8 a:nth-of-type(3),#index .items8 a:nth-of-type(6){padding-right:0px;}


#index .items8 .item-img img{border:none;}



.items8 a:hover .item-img > img{opacity:0.5;}




/*リサーチページのみ*/
#navi-left,#navi-right{display:none;}
#headNav{margin-top:0;}



















@media screen and (max-width: 767px) {
  .top h1{font-size: 2.4rem;}
  .items {flex-direction: column;}
  .items .item {width: 100%;}

.menu{width: auto;display: flex;justify-content: space-between;display: -webkit-flex; /* Safari */display: flex;-webkit-justify-content: space-between; /* Safari */justify-content:         space-between;}
.detail_main h1{margin:15px 0;/*left: -20px;width: 80%;*/font-size:2.4rem;}
.detail_main{padding: 15px 15px 0 15px;}


.items4 .item-balloon1,.items4 .item-balloon1-body  {width: 100%;}
.item-balloon1-body{margin-top:10px;}


.balloon1 p {line-height: 1.5!important;}

.detail_box h3{width: 80%;}
.detail_box dt{float: none;margin:0;margin-bottom: 10px;width: 100%;margin-top: 10px;display: inline-block;}
.detail_box dt.solution{margin-bottom: 10px;margin-top: 20px;width: 100%;}
.solution_img{display: none;}
.detail_box .price_list{display: block!important;}
.detail_box .price_list .h3_p,.detail_box .price_list span,details[open] ul>li,ul.work_list li{width: 100%!important;}
ul.work_list{padding: 0.5em 1em;}
.items6{  flex-wrap: wrap;}
.items6 .item{width: 50% }
.popup{max-height: 60%;min-height: 50%;}
.detail_box .h3_p{margin-bottom: 10px;}
.right_link{width: 5;}
.baseprice ul li{font-size: 14px;width: 100%;flex-wrap: wrap;/* display: flex; *//* flex-wrap: wrap; */}
.baseprice ul{flex-wrap: wrap;}
.baseprice ul li:nth-child(even){width: 100%;}
.baseprice h3{left: 25%;}
.case_box{flex-wrap: wrap;}
.case_box a {width: 100%;font-size:16px!important;}
.case_box a:nth-child(odd) {margin-bottom: 30px;}
.items7 .item{width: 50%;}
.price_table td,.price_table th{padding: 10px  0px;font-size:12px;}

.item_right .item-body{width: 100%;}
.items4 .item{/* margin:0; */}
.link_box a{width: 100%; margin-bottom: 20px;}
.items7 .item-title {font-size: 14px;}
.parallelogram_box,.top a,.sp_none,.parallelogram2{display:none;}


.menu > li {  width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
text-align:center;
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;}

.menu > li a{padding-left:0;}

.pbContact a{width:80%!important;margin-bottom: 20px;}

.ttlWrap{display:none;}

.i-re{margin:0;}


.relNav dd {
 width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;}

#net,#gi,#clt,#hut,#aca,#eye,#asp,#rec,#other,#mcall,#oversea,#shop,#post,#results_kan,#results_min,#results,#price,#original,#di,#feature,#monitor2,#visit{height: 100px;}
.pc_none{display: block;}
.items .item-img{box-shadow:none;}
.woman .item-img{display: block;}
.woman .item-body{width: 80%;}
.i-re section p{font-size: 14px;}
summary img{/* right: 0!important; */left: 70%;}
.items4 .item{flex-wrap: wrap;}
.items4 .item-img,.items4 .item-body {width:100%;    padding: 0px;}
.items4 .item-title{margin-top:10px;line-height:1.5;}
details[open] .price_detail{flex-wrap :wrap;}
details[open] .price_detail li.price_sub {font-size:1.6rem;width:100%;}
details[open] .price_detail li:nth-child(even),.price_detail li span{width:100%;display:block;}
details[open] .price_detail li:nth-child(even){padding:20px;}
details[open] summary{padding:0;}
.price_detail li span{display:inline-block;width: auto;}
.results li{width:33%;position:relative;}
.min_list li{width:50%!important;}
.min li{width:100%;margin-left:10px;!important;}
.min li:nth-child(even){margin-left:10px;!important;}
.min_list li:first-child{margin-top:14px;}
.items8 a{width:100%;}
.baseprice h3{left:10%;}
.original .item-img span{font-size:12px;}
.original a{margin-bottom:7%;}
dl.price_detail_table dd,dl.price_detail_table dt {width:48%;margin-bottom:2%;margin-right:0px;}
.half .item{width:100%!important;}
.half img{height:auto;}
#plan,#cost,#facility{background-position-x: -600px;}
#quality,#speed{background-position-x: -400px;}
.feature_box .item-title,.feature_box .item-title_right{width:100%;font-size:16px;}
.feature_box .item-title_right{left:0%;}
.feature_box p{width:100%;}
.featurebg{background-size:inherit;}
#index .items8 a{padding-right:0;}
.re_all .re_three .index_fgi,.re_all .re_three .index_di{width:100%;height: 250px;}
.re_all .re_three ul{flex-wrap: wrap;}
.re_all .re_three li:nth-child(3){width:100%;}
.index_di .read, .index_fgi .read{
 top: 150px;
    width: 100%;
    padding-top: 20px;
    display: inline-table;border:1px solid #666;}
.index_fgi,.index_di{    background-position-x: 0px;margin-bottom:28%;}
.index_net{background-position-x: -300px;background-size: cover;margin-bottom: 30%;background-position-y: -80px;}
.index_net .read{width: 100%;
    top: 180px;
    display: inline-table;
    padding: 20px;border:1px solid #666;}
.read p{line-height:1.5!important;}
.detail_main h1{padding:15px 0;}
.submenu > li{width:50%; height:100%;}
.menu, .submenu{height:auto;}
.submenu > li:nth-of-type(2),.submenu > li:nth-of-type(1){border-bottom:3px solid #000;}
.case_st section{padding-bottom:0;}
#breadCrumbWrap{margin-top: -10px;height: 0;display:none;}
.items4{margin-top: 0px;}
#gnavi{    position: fixed;
    width: 100%;
    z-index: 100;
    top: 68px;}
#contWrap{margin-top: -30px;}
.price_detail p{    left: 60%; top: 30%;}
.link_box a.bl_bt{    font-size: 14px;}
.popup{    width: 90vw;
    height: 90vw;
    max-height: 90%;
    min-height: 90%;}
.popup-content{margin-top:40px!important;}
.index_other .aca{
    background-position-x: 0;}
}