@charset "UTF-8";
 /* Theme Name: JspChina_BS4
  memo
  Logo
002881
  <table class="table table-striped">
  */

/* CSS Document */


/* All Page */
html {
	overflow: auto;
}
body{
color: #333;	overflow: hidden;
  font-family: Microsoft YaHei,PingFangSC-Light,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
	font-size: 0.9rem;
}
	.navbar-brand img{
}

a {
    color: #0081c2;
    text-decoration: none;
}


/* header */

.menu-mainmenu-container,.menu-mainmanu-en-container,.menu-mainmanu-jp-container{
	width: 100%;
}


.navi li{
	margin-left: 40px;
	
}
.navi li li {
    margin-left: 0px;
}
.navi li:first-child {
}
.navbar .sub-menu li{

		margin-right: auto;

}
.navi li a {
	position: relative;
	display: inline-block;
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding-top: 19px;
	padding-bottom: 17px;
	padding-left: 5px;
padding-right: 5px;
}
.navi li a:before,.sub-menu a:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #e5007f;
    width: 0;
    height: 4px;
    bottom: 0px;
    left: 0;
    -webkit-transition: .4s ease 0s;
    transition: .4s ease 0s;
}
.navi li a:hover {
    text-decoration: none;
}
.navi li a:hover:before {
    width: 100%;
}
.navi .current-menu-item a:before {
    width: 100%;
}
.navi .current-menu-item .sub-menu a:before {
    width: auto;
}
.navi .current-menu-item .sub-menu a:hover:before {
    width: 100%;
}
.more{
	font-size: 30px;
	color: #ef5282;
	padding: 30px;
	border: 6px solid #ef5282;
	display: block;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
		border-radius: 10px;         /* CSS3 */

	-moz-border-radius: 10px;    /* Firefox */

	-webkit-border-radius: 10px;
}
p {
    margin-bottom: 0.3rem;
	line-height: 1.6;
	text-align: justify;
}
h2 {
	    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;

}
h3{
	width: 30%;
background-image: url(images/ico-jiantou6.png);
font-size: 1.25rem;
border-bottom: 1px solid #dee2e6;
  background-repeat: no-repeat;
  background-position: left center;

  padding-left: 26px;


}
h4{
font-size: 1rem;
  color: #fff;
  background-color: #5587c4;
  padding: 8px 15px;
  margin-bottom: 20px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  letter-spacing: .2rem;
	display: table;
}
h4 img{margin-right: .3rem;
margin-left: .3rem;}
h5{
	font-weight: normal;
	font-size: 1em;
color: #002881;
}

.headline_line_css{
  border-bottom: solid 3px #c1dbed;
  position: relative;
    font-size: 1rem;
}
.headline_line_css::after {
position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f8b62b;
  bottom: -3px;
  width: 30%;

}
.headline_line{

    font-size: 1rem;
}
.p_headline_line{
	font-weight: bold;


	text-transform: uppercase;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}
.home_content{
	text-align: center;
}
.bk_content{
	text-align: center;
	background-color: #ecedef;
	padding-top: 40px;
	padding-bottom: 40px;	
}

.bk_point{
	background: linear-gradient(180deg,#f6f6f6 0%,#f6f6f6 70%,#ffedbd 70%,#ffedbd 100%);
	padding-bottom: 70px;
	padding-top: 120px;
}




.bk_point02 p {
	font-size: 26px;
	color: #666464;
	line-height: 1.2em;
}
.bk_point02 img {
	height: auto;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}
.bk_point02 .haba_40{
	width: 39%;
	margin-right: 1%;
}.bk_point02 .haba_20{
	width: 19%;
		margin-right: 1%;

}


.alert_box{
	font-size: 30px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #721c24;
	border-right-color: #721c24;
	border-bottom-color: #721c24;
	border-left-color: #721c24;
	text-shadow: white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;
	background-color: #efc3d0;
	padding-top: 40px;
	padding-bottom: 30px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
	margin-bottom: 40px;
}

.in_boxline::after {

    content: "";
    border: solid 3px white;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
	border-radius: 10px;         /* CSS3 */

	-moz-border-radius: 10px;    /* Firefox */

	-webkit-border-radius: 10px;
}

.bk_contact{
	color: #4d4d4d;
	padding-bottom: 80px;
}.bk_contact .row{
	margin: 0px;
}
.bk_contact .col-md-6{
	padding: 2px;
flex: 0 0 48%;
	margin-right: 1%;}
.add_btn{
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
	padding: 35px;
	border: 4px solid #fff;
	display: block;
	text-align: left;
	
	

}.add_btn::after {

    content: "";
    border: solid 3px #333;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
	border-radius: 10px;         /* CSS3 */

	-moz-border-radius: 10px;    /* Firefox */

	-webkit-border-radius: 10px;
}
.add_btn a{
}
.text_big{
	font-size: 1.2rem;
	font-weight: bold;
}
.bk_contact a{
	color: #4d4d4d;
}
.bk_contact .tel{
	line-height: normal;
}
.bk_contact .tel a{
	font-size: 65px;
}
/*------------------index.php------------------*/
.pagemain{
	position: relative;
}
.pagemain p{
	color: #fff;
font-size: xx-large;	font-weight: bold;
	line-height: 3rem;
	letter-spacing: 0.2em;
	position: absolute;
	left: 4rem;
	bottom: 2rem;
	text-shadow: 1px 1px 2px #999;
}
h1 {
	font-weight: bold;
	text-align: center;	
}



/* form cf7 */
.wpcf7{	
    margin: auto!important;}
.wpcf7-submit {
    text-align: center;
    margin: 4rem 0;
}
.wpcf7-submit {
    text-align: center;
	border: none;
    background-image: linear-gradient(90deg, rgb(12, 119, 195), rgb(34, 186, 214));
    color: #fff !important;
    font-size: .8rem;


	cursor: pointer;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 70%;
    margin: auto;
display: block;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wpcf7-submit:hover{
 background-image: linear-gradient(90deg, rgba(255, 0, 165, 1), rgba(149, 5, 85, 1));
  border-color: #e5007f;
}
form.sent .table-responsive{
display:none;
}
.wpcf7 .wpcf7-text,
.wpcf7 textarea{    width: 100%;}

/* change bootstrp css */
.navbar{
	padding: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
}

.oi {
    width: 20px;
    text-align: center;
    margin-right: 5px;

}
/* 全サイト共通class */
.logo{
	
}.tel{
	font-size: large;
}.post .tel{
	font-size: x-large;
}
	.formmust {
    color: #a6250f;;
}
.formmust_m {
    font-size: 12px;
    color: #FFF;
    background-color: #fd0012;
    padding: 2px;
}
  .white_line {
	text-shadow: white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
} 
 .black_line {
	text-shadow: black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
} 
.line_hover{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	position: relative;
	display: inline-block;
	transition: .3s;
	
}
.line_hover::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 3px;
    background-color: #28a0e4;
    transition: .3s;
}
.line_hover:hover::after {
  width: 100%;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
.dropdown-menu{
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0;
	min-width: 2rem;
}
.dropdown-menu li{
	width: auto;
	margin-right: 0px;
}
.dropdown-menu li a {
	color: #333!important;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;   
}
/* background-imageはcssアニメーションできない */


.white_text{
	border-radius: .0;
	color: #000;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 80px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-image: url(images/btn_arrow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
filter: invert(100%);

	font-size: x-large;
	font-weight: bold;
	}

/* animation.cssに追加 */
.animated:hover{
animation: pulse 2s infinite;
-webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.plus-animation{

  /* ５秒かけてアニメーションする
  -webkit-animation-duration: 5s;
  animation-duration: 5s; */
  /* 4秒待ってからアニメーションする
  -webkit-animation-duration: 4s;
  animation-delay:4s; */
  /* 5回繰り返す
  -webkit-animation-iteration-count: 5;
  animation-iteration-count: 5; */
}

.breadcrumbs{
	clear: both;
	background: #fafafa;
	padding: 1% 2%;
	font-weight: normal;
	margin-bottom: 3rem;
	border-bottom: 1px solid #cdc5bc;
	font-size: 0.6rem;
}
/* headline_style*/


.headline_style01 {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e6e7;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
}
.btm_space{
	margin-bottom: 60px;
}.btm_space_double {
    margin-bottom: 120px;
}
.top_space{
	margin-top: 60px;
}
.no_btm_space{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.minus_top_space{
	margin-top: -160px;
}

/* class*/

.img_line img{
	border-radius: 50%;
	box-shadow: 0 0 0 10px #cce6f3 inset;

}
.img_max{
	height: auto;
	width: 100%;
}

/*------------------jsp STYLE------------------*/
/*jsp STYLE　header */

.lcp_catlist li{
	list-style-type: none;
	
}
.lcp_catlist li a{
	float: left;
	width: 32%;
	margin-right: 1%;
	background-color: #CCC;
	height: 200px;
	margin-bottom: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding: 1%;	

}
.lcp_catlist {
	zoom: 1; /* float解除 for IE6/7  */
	padding: 0px;
}
.lcp_catlist:after{
 content: "";
    clear: both;
    display: block;}
.lcp_catlist li a{
}
.service {
	
}

.service .inner {

}
.widget_homefoot li{
	float: left;
	list-style-type: none;
	margin-right: 1%;
}
.left_align{
	text-align: left;
	padding-left: 6rem;
	padding-top: 3rem;
}
.left_align .headline_line::after {
	
	margin-left: 0;


}

.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
}
.bk_ornge{
	background-color: #ef6500;
}
.bk_navyblue{
	background-color: #04012a;
}
th {

    background-color: #ECEFF1;
}
.entry{
	margin-bottom: 30px;
	
}
.page .page{
	margin-top: -1.2rem;
}

.speech_word li {
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 1.7em;
	font-family: AdobeFangsongStd-Regular, 'Adobe Fangsong Std R', 'Adobe Fangsong Std', FangSong, STFangsong, 'STFangsong レギュラー', AdobeSongStd-Light, 'Adobe Song Std L', 'Adobe Song Std', STSong, 'STSong レギュラー', LiSongPro, 'LiSong Pro ライト', MingLiU, Ming-Lt-HKSCS-UNI-H, MingLiU_HKSCS, Ming-Lt-HKSCS-ExtB, MingLiU_HKSCS-ExtB, MingLiU-ExtB, NSimSun, PMingLiU, PMingLiU-ExtB, SimSun, SimSun-ExtB, New-Gulim, DFKai-SB, ArialUnicodeMS, 'Arial Unicode MS', Arial, serif !important;
	font-weight: bold;
		margin-bottom: 12px;

}
.speech_word {
	font-size: 20px;
	letter-spacing: 0.2em;
	line-height: 1.7em;
	font-family: AdobeFangsongStd-Regular, 'Adobe Fangsong Std R', 'Adobe Fangsong Std', FangSong, STFangsong, 'STFangsong レギュラー', AdobeSongStd-Light, 'Adobe Song Std L', 'Adobe Song Std', STSong, 'STSong レギュラー', LiSongPro, 'LiSong Pro ライト', MingLiU, Ming-Lt-HKSCS-UNI-H, MingLiU_HKSCS, Ming-Lt-HKSCS-ExtB, MingLiU_HKSCS-ExtB, MingLiU-ExtB, NSimSun, PMingLiU, PMingLiU-ExtB, SimSun, SimSun-ExtB, New-Gulim, DFKai-SB, ArialUnicodeMS, 'Arial Unicode MS', Arial, serif !important;
	font-weight: bold;
	margin-bottom: 12px;
	text-align: left;
}

/*アンカーポイント異動後少し上に */
.anchor,
#service01,
#service02,
#service03,
#company01,
#company02,
#global01,
#global02{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
/* jsp STYLE　ここまで */



/* pc */
@media screen and (min-width: 896px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
	@media screen and (min-width: 780px) {
		.mt-lg-n5{margin-top: -8rem;}
.header_transparent{background-color: rgba( 255, 255, 255, 0.6 );}
}
	@media screen and (min-width: 480px) {
/*ここにpc用スタイルを記述　pc用の大きい文字集合*/



	
	}
.balloon2 {
	position: relative;
	display: inline-block;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #555;
	background: #FFF;
	box-sizing: border-box;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #555;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-top: 14px;
	padding-bottom: 14px;
}
.balloon2::before {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 12px;
    border-top: 12px solid #FFF;
    z-index: 2;
}
.balloon2::after {
    content: "";
    position: absolute;
    bottom: -29px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
        border-top-color: transparent;
        border-top-style: solid;
        border-top-width: 14px;
    border-top: 14px solid #555;
    z-index: 1;
}
.border-2{
    border-width:2px !important;
}
/* 見出しデザイン　jsp */
.headline_line_top{
	    font-size: 1rem;
	font-weight: normal;
}
.titlebig{
    font-size: 1rem;
    color: #002881;
	margin: 1rem;
    text-align: center;
}
.xian-bottom {
    border-bottom: 2px solid #666465;
    display: inline-block;
    margin: 10px auto;
    padding-bottom: 10px;
	font-weight: bold;
}
/* サイトカラー　jsp */
.indexyongtuimg{border: 2px solid #028ae4;}
.text_jsp {
    color: #002881;
}
.text_jsp_2 {
    color: #0e6eb8;
}
.bg-jsp {
	background-color: #002881;}
.btn-jspbtn {
background-image: linear-gradient(90deg, rgb(12, 119, 195), rgb(34, 186, 214));
color: #fff !important;
    font-size: .8rem;}

.btn-outline-jsp{
  color: #002881;
  background-color: transparent;
  background-image: none;
  border-color: #002881;
	font-size: .8rem;
}
.btn-jspbtn:hover,
.indexyongtuimg:hover{
  color: #fff;
 background-image: linear-gradient(90deg, rgba(255, 0, 165, 1), rgba(149, 5, 85, 1));
  border-color: #e5007f;
}
.btn_jspbtn_hover{
  color: #fff;
opacity: 0.8;
 background-image: linear-gradient(90deg, rgba(255, 0, 165, 1), rgba(149, 5, 85, 1));
	text-align: center;
	padding: 1rem;
	    margin-top: -2rem;
}
.btn-outline-jsp:hover{  color: #e5007f;
  border-color: #e5007f;}
.icatch_btn_group{
    position: absolute;
	bottom: 3rem;
}
.icatch_btn{
background-color: #FFF;
  color: #1f7dbd;
	opacity: 0.9;
	border-radius: 0rem;
}
.icatch_btn_current{
	  color: #fff;
background-color: #1f7dbd;
}
.bg-jsp_gra {
 background-image: linear-gradient(180deg, rgba(12, 119, 195, 1), rgba(0, 40, 129, 1));
}
.en_jsp{color: #438ac2;
  font-size: 1.5rem;
  font-weight: bold;
	  margin-top: 2rem;
  margin-bottom: 2rem;}
.border_jsp{border: 2px solid #29a6e6;}
.border_sitemap_jsp{
	color: #122a8a;

border: 0px;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #8894c4;
  clear: both;
  display: block;
  float: none;
  background: url(images/ico-jiantou3.png) no-repeat right;
text-align: left;}
.prosmtitle_jsp{background-color: #53b9e7;
	padding: .25rem .5rem;
	text-align: center;
    line-height: 1.5;
    border-radius: .2rem;
    color: #fff !important;
        padding: .5rem;}

.bg_title_img{
    background-image: url(images/1-1.png);
    background-repeat: no-repeat;
    padding-top: 2.6em;
    padding-right: 2em;
    padding-left: 7em;
    padding-bottom: 2em;
	    position: relative;
}
.bg_title_1_2img{    background-image: url(images/1-2.png);}
.bg_title_1_3img{    background-image: url(images/1-3.png);}
.bg_title_1_4img{    background-image: url(images/1-4.png);}
.bg_title_2_2img{    background-image: url(images/2-2.png);}
.bg_title_2_3img{    background-image: url(images/2-3.png);}
.bg_title_2_4img{    background-image: url(images/2-4.png);}
.bg_title_2_5img{    background-image: url(images/2-5.png);}
.bg_title_2_6img{    background-image: url(images/2-6.png);}
.bg_title_3_2img{    background-image: url(images/3-2.png);}
.bg_title_3_3img{    background-image: url(images/3-3.png);}
.bg_title_3_4img{    background-image: url(images/3-4.png);}
.bg_title_3_5img{    background-image: url(images/3-5.png);}
.bg_title_3_6img{    background-image: url(images/3-6.png);}
.bg_title_3_6img{    background-image: url(images/3-7.png);}
.bg_title_4_1img{    background-image: url(images/4-1.png);}
.bg_title_4_2img{    background-image: url(images/4-2.png);}
.bg_title_4_3img{    background-image: url(images/4-3.png);}
.bg_title_4_4img{    background-image: url(images/4-4.png);}
.bg_title_5_2img{    background-image: url(images/5-2.png);}
.bg_title_5_3img{    background-image: url(images/5-3.png);}
.bg_title_5_4img{    background-image: url(images/5-4.png);}
.bg_bottom{ background-image: linear-gradient(0deg, rgba(178, 217, 230, 1), rgba(255, 255, 255, 1) 5%);}
.post {
    background: url(images/yejiao.png) top right no-repeat #f7f7f7;
    margin-top: -3.5rem;
    padding: 2rem;
    padding-top: 8rem;
}
.jumbotron-none::after {
	content:"";
	background: url(images/ico-xian.png) bottom no-repeat;
    width: 96%;
    height: 6px;
    bottom: 0;
    position: absolute;
}
.post_top {
	background: url(images/yejiao.png) top right no-repeat #f7f7f7;

	padding: 3rem;
	    border-bottom: solid 1px #999;

}
/* デザイン　jsp */
 .two_maru{
	font-size: xx-large;
	font-weight: bold;
	color: #94e29c;
}
 .maru{
	font-size: large;
	font-weight: bold;
	color: #94e29c;
}
 .sankaku{
	font-size: xxx-large;
	font-weight: bold;
	color: #3b4a6e;
}
.batsu{
	font-size: xx-large;
	font-weight: bold;
	color: #F00;
}
.no1table td{vertical-align:middle}
.col-md-20 {

        width: 20%;
	position: relative;

    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    }
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	
/* 全サイト共通*/
.footer .menu li{
	width: 50%;
}
/* jsp STYLE　max-width : 992px */
/*------------------navi　トグルメニュー代替え------------------*/
.navbar-nav {
-ms-flex-direction: row;
flex-direction: row}
	
/*------------------スマホ調整------------------*/
.col-md-20 {

  width: 100%;

    }
.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
	    width: 100%;

}
.bk_contact .col-md-6 {
    flex: auto;
}
.bk_contact .tel a {
	font-size: xx-large;
}
.bk_contact .col-md-6{
	margin-bottom: 5px;
}
.alert_box p{
	
	background-repeat: repeat-x;
	display: inline;
	padding: 0 2px 4px;
}.bk_point02 .haba_40 {
    width: 100%;
    margin-right: 0%;
}.bk_point02 .haba_20 {
	width: 51%;
	margin-right: auto;
	margin-left: auto;
}

.container {

    max-width: none;

}
.bg-topproduct{
	background-image: none;}
	.h1, h1 {
    font-size: 1.5rem;
}
	.h3, h3 {
    font-size: 1.1rem;
}
h2 {
    font-size: 1.6rem;}
	.title-en {
    font-size: 1.8rem;
}


	


.justify-content-end{
	justify-content: space-around !important;
	margin-bottom: 5px;
}

	
.headnavi {
    margin-bottom: 0px;

}.servise_box a{
	margin-bottom: 10px;
}.minus_top_space{    margin-top: 0px;
}
/*------------------スマホ調整------------------*/

.navi li{    width: 100%;
    border-bottom: black;
    border-block-style: solid;
    border-block-width: 1px;
	margin: auto;
}
.left_align {
    padding-left: 2rem;
	    padding-right: 2rem;
		padding-bottom: 2rem;

}
	 .sankaku{
	font-size: xx-large;

}
}


@media only screen and (max-width : 767px) {
		.w-md-50{width: 50% !important;}
	.btn-jspbtn {
    margin-bottom: .8rem;}
	.icatch_btn_group{
 display: none;
}

}

@media only screen and (max-width : 479px) {
.navbar-brand {
	width: 50%;
	margin-right: 0px;
}

	.h3, h3 {
    font-size: 1.4rem;
}

.company_content .col-md-6 img {

display: block;    margin-bottom: 20px;
    margin-top: 20px;

    margin-right: auto;
    margin-left: auto;
}
h3{
	width: 50%;
}
	
}
/*------------------スムーズスクロール追加------------------*/
html {
  scroll-behavior: smooth;
}
.page_top {
    bottom: 20px;
    right: 20px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
    display: block;
}
/*このクラスが付与されると表示*/
.active{
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width : 992px) {
.d-none {
    display: block !important;
}
}

	/*クローズボタンなし -WechatQR表示調整*/

.follow_QR {
  position: fixed;
top: 8%;
  right: 1%;
  transform: translateY(-50%);
  z-index: 20;
width: 8%;
font-size: .8vw;
background: white;
padding: .5vw;
  padding-bottom: 0.5vw;
}
.follow_QR h4 {color: #09B83E;}
.follow_QR .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}


	/*TopNews*/
.newspart {
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.05);
    padding: 1em;
    margin-top: -2rem;
    z-index: 9999;
    position: relative;
    background-color: white;
	height: 60px;
	background-image: url("images/new.gif");
	    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 60px;
	background-size: auto 50%;
}
.slick-prev, .slick-next{
    display: none!important;
}
.postList__title {
    width: 100%;
    height: 60px;
    color: #333;
    font-size: 1.125rem;
    padding: 0 15px 0 40px;
    justify-content: flex-start;
    align-items: center;
    position: relative;
background-image: url(images/ico-jiantou.png);
	    background-repeat: no-repeat;
    background-position: center left;
    font-size: 1rem;
    white-space: nowrap;
margin-left: 1rem;

}
.newsMoreBox{
line-height: 26px;}
.newsMoreBox a{
   background-image: url(images/arrow.svg);
  background-repeat: no-repeat;
  background-position: right 40px center;
	padding-left: 40px;
  transition: 0.3s;
	border-left: 1px solid #dee2e6 !important;
align-items: center ;

    display: flex;
}
.newsMoreBox a:hover {
  color: #000;
  background-position: right 15px center;
}
.newspart a{

	color: black;


}
/* スマホでは非表示にとか大きくとか */
@media screen and (max-width: 766px) {
  .follow_QR {
/*     display: none; */
	          width: 20%;
	}
.newsMoreBox a{
        border: 1px solid #dee2e6 !important;
        width: 70%;
        padding: .6rem;
        display: block;
        text-align: center;
	        margin-top: 1rem;

        margin-right: auto;
margin-left: 1.8rem;
	}
.newspart{

		        margin-bottom: 1rem;

	}
	.post {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
}
}

/* 
.postList__meta {
    font-size: .6rem;
    margin-right: .3rem;
}
.postList__meta:before {
	  content: '';
  width: 16px;
  height: 16px;
  background: url(images/clock.svg);
  margin-right: 10px;
  display: inline-block;
  transform: translateY(5px);
margin-right: .25em;
} */