/**
* Template Name: Appland - v4.7.0
* Template URL: https://bootstrapmade.com/free-bootstrap-app-landing-page-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { 
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	color: #333;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #7b94c9;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}	
.ps_re{position: relative;}
.swiper-slide img {
    padding: 0 1rem;
    width: 120px;
    height: auto;
}

@media only screen and (min-width: 769px){
.pc_view{display:block;}
.sp_view{display:none;}	
}


/*ーーーーーーーーーー
.header
ーーーーーーーーーーー*/

#head_wrap {
    top: 0;
    position: relative;
    width: 100%;
    margin: 0px auto 0;
    line-height: 1;
    z-index: 999;
    height: 0px;
    text-decoration: none;
}

#head_wrap a {
  text-decoration: none;
}

#head_wrap .inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 98%;
}
.pst5{position: relative;
	top: 5px;}	

.pst10{position: relative;
	top: 10px;}		
	
#head_wrap .inner:after {
  content: "";
  clear: both;
  display: block;
}

#head_wrap .logo {
    float: left;
    font-size: 36px;
    background-image: url(/wp-content/themes/precs/img/front/rpstlogo_wh.png);
    background-size: 150px;
    height: 40px;
    width: 150px;
    position: relative;
    top: 10px;
}
#global-nav {
  position: absolute;
  right: 0;
  top: 0;
}

#global-nav ul {
  list-style: none;
  font-size: 12px;
  margin-right: 10px;
  display: inline-flex;
}

@media (max-width: 768px) {
  #global-nav ul {
    display: block;
    margin-right: 0px;
  }
}
#global-nav ul li {
  padding: 15px 0 15px 10px;
}

#global-nav ul li:last-child {
  border-right: none;
}

@media (max-width: 768px) {
  #global-nav ul li {
    border-right: none;
  }
	
	#global-nav ul li ul li{border-bottom: 1px dashed #ccc;padding: 0.4rem 0 !important;
    margin: 0 auto;}	
}

#global-nav ul li a {
    transition: all .6s ease 0s;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
	padding: 15px 10px;
}

#global-nav ul li a:hover{color:#009da3;font-weight: bold;}

/* Fixed */
#head_wrap.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 70px;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
    z-index: 9999;
    background: rgba(255, 255, 255, 1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

#head_wrap.fixed .logo {
    font-size: 36px;
    color: #333;
    background-image: url(/wp-content/themes/precs/img/front/rpstlogo_bk.png);
    background-size: 150px;
    /* z-index: 999999; */
    position: relative;
    top: 1rem;
}
	
	
	
#head_wrap.fixed #global-nav ul li a {
  color: #333;
  padding: 0 10px;
}

#head_wrap.fixed #global-nav ul li a:hover {
  color: #009da3;
  padding: 0 10px;
}


#global-nav li ul.sub-menu,
#head_wrap.fixed #global-nav li ul.sub-menu{
    display: none;
    position: absolute;
    top: 70px;
    padding: 0;
    background: rgb(235, 235, 235);
    margin-top: 20px;
    width: 220px;
    margin: 0 10px 0 0;
    border-left: #009da3 solid 10px;
	border-radius:3px;
}

#global-nav li ul.sub-menu li,
#head_wrap.fixed #global-nav li ul.sub-menu li {
    float: none;
    width: 100%;
    text-align: left;
	padding: 0
}

#global-nav li ul.sub-menu a,
#head_wrap.fixed #global-nav li ul.sub-menu a {
    color: #333;
    line-height: 1.2;
    position: relative;
    display: block;
	padding: 15px;
	 width: 100%;
	
}

#global-nav li ul.sub-menu a::after,
#head_wrap.fixed #global-nav li ul.sub-menu a::after{
    /* 擬似要素で矢印アイコンをつくる */
    content: '';
    border: 0;
    border-top: solid 2px #009da3;
    border-right: solid 2px #009da3;
    display: inline-block;
    width: 7px;
    height: 7px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg); /* rotate(45deg)で矢印を回転（向きを変更）させる */
	justify-content:space-between;
}


#global-nav li:hover ul.sub-menu,
#head_wrap.fixed #global-nav li:hover ul.sub-menu {
    display: block;    /*マウスオーバー時にサブメニューを表示*/
}
#global-nav li ul.sub-menu a:hover {opacity:0.5;color: #009da3;border-bottom: 1px solid #009da3; line-height: 1.2; }
#head_wrap.fixed #global-nav li ul.sub-menu:hover {color: #009da3;border-bottom: 1px solid #009da3; line-height: 1.2; }



/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 34px;
  height: 36px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

@media (max-width: 768px) {
  #head_wrap {
    top: 0;
    position: fixed;
    margin-top: 0;
    width: 100%;
    padding: 0;
    /* Fixed reset */
  }
  #head_wrap .inner {
    width: 100%;
    padding: 0;
  }
  #head_wrap .fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    /*background: rgba(255, 255, 255, 0.9);*/
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
  }
  #head_wrap.fixed .logo,
  #head_wrap .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
  }
	
 #global-nav {
    position: absolute;
    top: -500px;
    background: rgba(245, 245, 245, 1);
    width: 100%;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin-top: 20px;
  }
  #global-nav ul li {
    float: none;
	    padding: 10px;  
    position: static;
  }
	
#global-nav li ul.sub-menu, #head_wrap.fixed #global-nav li ul.sub-menu {
    display: none;
    position: unset !important;
    padding: 0;
    background:#fff !important;;
    margin-top: 20px;
    width: 100% !important;;
    margin: 0 10px 0 0;
    border-left:none !important;;
    border-radius:0;
}	
	
  #head_wrap #global-nav ul li a,
  #head_wrap.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 5px 0;
	      color: #333;
  }
  #head_wrap #global-nav ul li a:hover,
  #head_wrap.fixed #global-nav ul li a:hover {

  }	

	
	
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
}

#menu1, #menu2, #menu3, #menu4, #menu5 {
  margin-top: 500px;
  padding-top: 130px;
}

#menu5 {
  padding-bottom: 100vh;
}
	
#global-nav .headbtn1{
	}	
	
#global-nav .headbtn1 a {
    line-height: 40px;
    color: #333;
    height: 40px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
	display:block;
	border: solid 1px #333;
	border-radius:30px;
	background: #fff;
	padding: 0 1rem !important;
}
#global-nav .headbtn1 a:hover{opacity:0.6;}	
	
#global-nav .headbtn2 {
    line-height: 40px;
    background: #009da3;
    height: 40px;
    color: #fff;
    border: 1px solid #009da3;
    border-radius: 30px;
    padding: 0 1rem;
}
#global-nav .headbtn2 a {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
}

#global-nav .shiny-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009da3;
    width: 200px;
    height: 2.5rem;
    border-radius: 5.5rem;
    font-size: 1.1rem;
    font-weight: 900;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
#global-nav .shiny-btn::before {
    content: '';
    display: block;
    width: 5rem;
    height: 300%;
    top: 50%;
    position: absolute;
    background-color: #fff;
    transform: translate(-500%,-50%) rotate(-45deg);
    transition: transform .5s ease;
}
#global-nav .shiny-btn:hover::before {
  transform: translate(500%, -50%) rotate(-45deg);
}

#global-nav .shiny-btn a {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
    display: block;
}
	
/* common */
.big_ttl {
    font-size: 2rem;
    font-weight: bold;
	color:#333;
}
.big_ttl span{font-size:1rem;display:block; color: #aaa;}	
.subtxt{font-size: 1rem;line-height: 1.8rem;}
	.subtxt dl{display:flex;justify-content: space-between;}
	.subtxt dl dt{width:85%;}
	subtxt dl dd img {
    text-align: center;
    width: 200px;
}
	
	.bg_beige{
	background: #ecf2f3;	
    height: 550px;
}	

	.bg_wh{
		/*height: 600px;*/
		height: auto;
}	

.main {
    margin-top: 60px;
    width: 1040px;
    margin: 100px auto;
}



/*fv*/
#fv {/*position: relative;*/margin:0 auto;text-align: center;    height: 600px;}
#fv .ovflow{overflow: hidden;}
#fv .content01 {
    margin: 0 auto;
    background-image: url(/wp-content/themes/precs/img/front/fv_bg.png);
    height: 490px;
    /*background-position: bottom;*/
	background-position: top;
   background-size: cover;
    background-repeat: no-repeat;
}
	
#fv .psr{position:relative;}	
#fv .fv_block {
    width: 1080px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    top: -135px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#fv .fv_block h2 {
    font-weight: bold;
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
}
#fv .fv_block p {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.5rem 0 0 0;
}
#fv .s_memo{font-size: 10px;
    color: #fff;
	margin-top: 10px;
}

#fv .fv_ttl {
    height: auto;
    width: 61%;
    padding: 0;
}
#fv .fv_contact {
    width: 31%;
    background: #f1f0ef;
    margin: 0;
    height: 500px;
    border-radius: 5px;
    padding: 1rem;
	overflow:hidden;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

#fv .fv_contact .fm_bd {
    padding: 2px;
    margin:0 0 10px 0;
    border-radius: 5px;
	text-align: left;
}
#fv .fv_contact .fm_bd ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#fv .fv_contact .fm_bd ul li{width:50%;}
#fv .fv_contact .fm_bd ul li label {
    font-size: 12px;
}

#fv .fv_contact placeholder{color:#ddd;}

#fv .fv_contact label {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 3px 0;
}
#fv .fv_contact label .req {
    background: #ee6868;
    color: #fff;
    font-weight: normal;
    border-radius: 2px;
    margin-left: 5px;
    /* padding: 2px 4px; */
    /* font-size: 10px; */
    padding: 3px;
    font-size: 8px;
    vertical-align: top;
   
}

#fv .fv_contact label .any {
    background: #aaa;
    color: #fff;
    font-weight: normal;
    border-radius: 2px;
    margin-left: 5px;
    padding: 3px;
    font-size: 8px;
	
}

#fv .fv_contact .fm_bd ul li input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    height: 18px;
    width: 20px;
    position: relative;
    top: 5px;
}

#fv .fv_contact .w96{width: 96%;}
#fv .fv_contact .w75{width:75%;}
#fv .fv_contact .w65{width:65%;}

#fv .fv_contact input[type="text"] {
    padding: 1px 5px;
    height: 25px;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 4px;
}

#fv .fv_contact input::-webkit-input-placeholder {
   color: #aaa;
	font-size:16px;
    
}
#fv .fv_contact input:-moz-placeholder {
    color: #aaa;
    font-size:16px;
}
#fv .fv_contact input::-moz-placeholder {
   color: #aaa;
   font-size:16px;
}
#fv .fv_contact input:-ms-input-placeholder {
    color: #aaa;
    font-size:16px;
}

#fv .fv_contact textarea::-webkit-input-placeholder{
	color: #aaa;
    font-size:16px;
}

#fv .fv_contact textarea::-moz-placeholder{
	color: #aaa;
    font-size:16px;
}

#fv .fv_contact textarea:-ms-input-placeholder{
	  color: #aaa;
    font-size:16px;
}
#fv .fv_contact textarea::-webkit-input-placeholder{
	  color: #aaa;
    font-size:16px;
}

#fv .fv_contact textarea {	
	width: 96%;
    border-radius: 5px;
    border: 1px solid #fff;	
	height: 40px;
	}
	
#fv .fv_contact .kiyaku {
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
#fv .fv_contact .kiyaku ul {
    display: flex;
    justify-content: center;
}
#fv .fv_contact .kiyaku ul li{}
#fv .fv_contact .kiyaku ul li a{color:#4289f3;text-decoration: underline;font-weight: normal;}
#fv .fv_contact .kiyaku label {
    display: block;
    text-align: left;
    margin-left: 10px;
    padding: 5px 0 0 0;
    font-size: 13px;
}
#fv .fv_contact .kiyaku input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;height: 20px;width: 20px;
}
	
#fv .fv_contact .formrun-system-show{color:red;}
#fv .fv_contact button[type="submit" i] {
    margin: 10px auto 0 auto;
    border-radius: 30px;
    border: 1px solid #aaa;
    background: #333;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 1rem;
    padding: 0 2.2rem;
}

#fv .fv_contact input[type="text"] placeholder{color:#ccc;}
	
#fv .fv_btarea ul {
		display: flex;
		margin: 0 auto;
		width: 560px;
	}

#fv .fv_btarea ul li {
    width: calc(50% - 0px / 2);
}
	
#fv .fv_btarea {
    position: absolute;
    bottom: 20px;
    left: 7%;
}

#fv .fv_btarea ul li span {
    color: #009da3;
    font-size: 1rem;
    font-weight: bold;
}
#fv .btn1 {
	height: 60px;
    line-height: 60px;
	padding: 0;
    color: #333;
    margin-right: 10px;
    margin-top: 1.5rem;
}

#fv .btn1 a {
    border: solid 1px #aaa;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
    display: block;
    border-radius: 60px;
}
#fv .btn2 {
    height: 60px;
    line-height: 60px;
	padding: 0;
    color: #fff;
}
#fv .btn2 a {
	    background: #009da3;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
    display: block;
    border-radius: 60px;
}
#fv .btn1 a:hover{border: 1px solid #009da3;color:#009da3;}
#fv .btn2 a:hover{opacity:0.5;}


#front_main {
    margin: 0 auto;
    width: 100%;
    padding: 4rem 0 0 0;
}
	#front_main .front_inner{margin:0 auto;width:1000px;padding: 3rem 0;}
	
	/*about*/
	.about {
    background-image: url(/wp-content/themes/precs/img/front/graph_bg.png);
    background-position: bottom;
    background-size: cover;
    padding: 0;
    background-repeat: no-repeat;
    margin: 0;
    border-top: 1px solid #ccc;
}
	.about h3{text-align:center;font-weight: bold;color:#333;text-align: center;font-size:1.6rem;    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;}
	
	.about h3 span{color:#ee6868;}
.about img{margin-top:3rem;}

/*パララックス*/
.parallax_content {
    min-height: 100px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;}

.parallax_content2 {
    min-height: 200px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;}


.front_content{
  padding:0;
  background-color: #fff;
}
.parallax_content.img_bg_01{
  background-image: url(/wp-content/themes/precs/img/front/parallax_bg1.png);
}
.parallax_content.img_bg_02{
  background-image: url(/wp-content/themes/precs/img/front/parallax_bg1.png);
}
.parallax_content.img_bg_03{
  background-image: url(/wp-content/themes/precs/img/front/parallax_bg2.png);
}
@media screen and (max-width: 768px){
  .parallax_content{
    height: 50px;
    background-image: none;
  }
  .parallax::before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    min-hieght: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
  }
  .parallax_content.img_bg_01::before{
    background-image: url(/wp-content/themes/precs/img/front/parallax_bg1.png);
  }
  .parallax_content.img_bg_02::before{
  background-image: url(/wp-content/themes/precs/img/front/parallax_bg1.png);
  }
  .parallax_content.img_bg_03::before{
 background-image: url(/wp-content/themes/precs/img/front/parallax_bg2.png);
  }
}


	/*product*/
.product{ }
	.product .pd_listall {border: 5px solid #eee;border-radius: 5px;padding: 2rem;margin: 2rem 0 0 0;}
	.product .pd_list {
		padding: 0 3rem 0 3rem;
		/*padding: 0 3rem 3rem 3rem;*/
		margin: 0 auto;
	}
	.product ul {
		list-style: none;
		display: flex;
		justify-content: space-between;
		/*border-bottom: 3px solid #eee;*/
		/*padding: 0 0 3rem 0;*/
	}
	.product ul li {
    width: calc(33.3333333% - 10px / 3);
    position: relative;
}
	.product .pd_logo {
    /* background: #ccc; */
    padding-right: 2rem;
}
.product .pd_logo img {
    width: 300px;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.pd_txt {
    font-weight: bold;
    font-size: 1.3rem;
    margin: 2rem 0 2rem 0rem;
	line-height: 1.8rem;
}
	.pd_txt p {font-size: 1rem;font-weight: normal; padding: 1rem 0;}
	
	.pd_list .more {
    position: absolute;
    top: 40%;
    left: 20%;
}
	.pd_list .more a {
    background: #333;
    padding: 1rem 3rem;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    text-decoration: none;
		display: block;
}
	.pd_list .more a:hover{opacity:0.6;}
	
	/*case*/
.case{ background: rgba(255, 255, 255, 0.9);}
	.case_bt {
    
    font-weight: bold;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #333;
    width: 240px;
    margin: 0 auto;
}
	
	.case_bt a{color:#333;text-decoration: none;font-size: 1rem;display:block;border: 2px solid #333;
    border-radius: 30px;}
	.case_bt a:hover{background:#333;color:#fff;}	

	/*features*/
	.features{margin-top:0;border-top:1px solid #eee;}
	.features ul {
    background: #fff;
}
	.features ul li {
    background: #333;
    color: #fff;
    padding: 3rem 0;
}
	.features ul li:nth-child(1){background-image: url(/wp-content/themes/precs/img/front/feature_bg1.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;color:#fff;}
	.features ul li:nth-child(2){background:#fff;color:#333;}
	.features ul li:nth-child(3){background-image: url(/wp-content/themes/precs/img/front/feature_bg2.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;color:#fff;}
	.features dl {display:flex;justify-content: space-between;}
	.features dl dt {
    width: calc(70% - 50px / 2);
}
	.features dl dt h3 {
    font-size: 1.6rem;
		font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
	.features dl dt h3 span {
    display: block;
    font-size: 1rem;
    margin: 0.5rem 0;
}
	.features dl dt p {padding-top: 2rem;font-size: 1.2rem;}
	.features dl dd img{width:350px;}
	
	/*お役立ち情報*/
	.usefulinfo{}
	.usefulinfo h4{display:flex;justify-content: space-between;font-size: 1.2rem;}
	.usefulinfo h4 span {
    font-size: 1rem;
    font-weight: normal;
}

.knowhowblog{padding: 0 0 3rem 0;}

	.seminar{padding: 0 0 3rem 0;}
.media{ padding: 0 0 2rem 0;}
	.newslist ul{display:inline;}
	.newslist ul li {
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
	width:100% !important;
}
	.newslist ul li a{text-decoration: none;color:#333; position: relative;}
	.newslist ul li a:hover{text-decoration:underline;opacity: 0.6;}
.newslist .tmdate {
    width: 13%;
    color: #666;
    margin-bottom: 5px;
}
	
.newslist ul li a::after {
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: solid 2px #aaa;
    border-right: solid 2px #aaa;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
}
.archive_post .title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: left;
}
	
.archive_post .title h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: left;
}
	
	.archive_post ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:space-between}
	
	.archive_post li {
    width: calc(33% - 50px / 3);
}
	.archive_post li a .des{margin:1rem auto;}
	.archive_post li a{color:#333;text-align: left;text-decoration: none;}
	
.newslist h3 {
    width: 65%;
    font-size: 1rem;
    font-weight: normal;
    text-align: left;
}
	
	
.single_title h1{font-size: 2rem;
    border-bottom: 1px solid #333;
    text-align: left;
	line-height: 200%;}
	
	
.single_title .date{border-bottom: 2px solid #333;
    padding: 0 0.5rem 1rem 0.5rem;
    display: block;
    margin: 1rem 0;
    text-align: left;
    font-size: 1rem;
}
	
.entry-content {
    text-align: left;
    line-height: 160%;
    font-size: 1rem;
    padding: 1rem 0 2rem 0;
}
.new_post {
    margin: 2rem auto;
    text-align: left;
}
.single .content .title h2 {
    font-size: 1.5rem;
    text-align: left;
	margin:0 0 3rem o;
}
.new_post .title h2 {
    font-size: 1.4rem;
    margin: 0 0 2rem 0;
	color:#333;
}
.new_post .title span:nth-child(1) {
    margin-right: 8px;
}
.new_post .title span:nth-child(2) {
    color: #333;
	font-size: 1rem;
	    font-weight: normal;}
	
.new_post .row, .front_inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
}
.new_post .row .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 300px;
    flex: 0 1 300px;
    margin-bottom: 3rem;
}	
	
.new_post .row .col:not(:nth-child(3n)) {
    margin-right: 15px;
}


.new_post .row .col a .image {
    width: 100%;
    max-width: 300px;
    height: 200px;
    margin-right: 0;
    margin-bottom: 0.6875rem;
	overflow:hidden;
}	
@media screen and (min-width: 769px){
.new_post .row .col {
    max-width: 19rem;
	}

.new_post .row .col a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

.new_post .row .col a .image img {
  width: 100%;
    margin-right: 0;
    max-width: 100%;
}

.new_post .row .col a .des {
    padding: 0 0.5rem;
}
.new_post .row .col a .des p {
    margin-bottom: 9px;
    font-size: 1rem;
}

ul.post-categories{display: flex;
    justify-content: left;}	
ul.post-categories li {
    color: #fff;
    border: 2px solid #009da3;
    padding: 3px;
    width: 30%;
    margin-right: 10px;
    text-align: center;
}
	
ul.post-categories li a {
    color: #009da3 !important;
}

	.voise_list{}	
	.voise_list ul{
	-webkit-box-flex: 0;
    -ms-flex: 0 1 300px;
    flex: 0 1 300px;
    margin-bottom: 1rem;
	display:flex;
		justify-content: space-between;
	}
	.voise_list ul li {
        width: calc(33% - 50px / 3);
}
.voise_list ul li img{
	margin-bottom: 1rem;}

.voise_list ul li h3 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 150%;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
.voise_list ul li .tag {display: flex;}
.voise_list ul li .tag span {
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
}	
.voise_list ul li a {
padding:1rem;
    text-decoration: none;
    color: #333;
    display: block;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.voise_list ul li a:hover{color:#333;background:#f6f6f6;padding:1rem;}
	
	.voise_list ul li .des{margin-top:2rem;font-size: 1rem;}

.swiper2, .swiper3,.swiper4,{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}	
	
	
	
/* SNS */
.social_network {
  display: flex;
  align-items: center;

}
	
/*ボタン*/
.morebt {
    
}
	.morebt a{
	color:#333;text-decoration: none;
	display:block;
	/*border: 2px solid #ccc;*/
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1rem;
    border-radius: 30px;
    width: 200px;
    float: right;
	background:#fff;font-weight: bold;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

	.morebt a:hover{border: 2px solid #333;background:#333;color:#fff;text-decoration: none;display:block;}	


.social_network a {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100px;
  height: 35px;
  background-color: #faba32;
  margin-left: 1em;
  color: #fff !important;
  text-decoration: none !important;
	font-size: 1em;

}



@media screen and (max-width: 640px) {
  .social_network {
    width: 100%;
    justify-content: space-evenly;
  }


  .social_network a {
    margin-left: 0;

  }

}



.social_network a svg {
  height: 24px !important;

}



.social_network a.tweet {
  background-color: #55acee;

}



.social_network a.fb {
  background-color: #305097;

}	
	
	@media only screen and (max-width: 768px) {
		.main {width:100%;margin:0 auto;}
		#front_main .front_inner {
    margin: 0 auto;
    width: 90%;
}
#fv {
    /* position: relative; */
    margin: 0 auto;
    text-align: center;
    height: 800px;
}
		
#fv .fv_block {
    width: 100%;
    display: unset;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
		
#fv .fv_btarea {
    position: unset;
    bottom: 0;
    left: 5%;
    width: 80%;
    margin: 0 auto;
}
		
#fv .fv_btarea ul {
    display: flex;
    margin: 1rem auto;
    width: 100%;
    justify-content: center;
}	
		
#fv .fv_btarea ul li {
    width: 100%;
}		
		
#fv .fv_ttl {
    height: auto;
    width: 90%;
    padding: 0;
    margin: 0 auto;
}		
	
#fv .fv_block h2 {
    font-weight: bold;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
}		
		
#fv .fv_block p {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 1rem 0;
}
#fv .fv_contact {
    width: 80%;
    background: #f1f0ef;
    margin: 2rem auto;
    height: auto;
    border-radius: 10px;
    padding: 2rem 1rem;
}
#fv .fv_contact .fm_bd ul li label {
    font-size: 11px;
}		
		
		.about h3 {
    font-size: 1.2rem;
}
.big_ttl {
    font-size: 1.6rem;
    line-height: 2rem;
}
		.subtxt dl {
    display: unset;

}
.product ul {
    display: unset;
}
.product ul li {
    width: 100%;
}
	
.product .pd_list {
    padding: 0 1rem 3rem 1rem;
    margin: 0 auto;
}
		
.product .pd_logo img {
    width: 300px;
    position: relative;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}		
		
.pd_list .more {
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    margin: 2rem auto 0 auto;
    text-align: center;
}		
		
.pd_list .more a {
    display: block;
}
.voise_list ul {
    display: unset;

		}
		
.voise_list ul li {
    width: 100%;
    margin-bottom: 2rem;
}		
	
.voise_list img{width:100%;}
		
.features dl {
    display: unset;
}
.features dl dt {
    width: 90%;
    padding: 2rem 0;
    margin: 0 auto;
}
.features dl dd {
    width: calc(100% - 50px / 1);
    padding: 0;
	margin:0 auto;
}	
.features ul li:nth-child(1) {
    background-position: top right;
}
.features ul li:nth-child(3) {
        background-position: top left;
}		
				
.bg_beige {
    background: #f1f0ef;
    height: auto;
    padding: 1rem 0;
}
		
.bg_wh {
    height: auto;
    padding: 0 0 1rem 0;
}
.new_post .title span:nth-child(2) {
    color: #333;
    font-size: 1rem;
    display: block;
    font-weight: normal;
}
.new_post .row .col a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}	
		
.new_post .row .col a .image {
	width:30%;
    margin-right: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	height: auto;
}
		
.new_post .row .col a .image img {
   max-width: 100%;
    margin-right: 10px;
}	
		.new_post .row .col a .des{
-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;		
	}	
	
.new_post .row .col {
    margin: 20px 0;
    padding: 0 0 1rem 0;
	    border-bottom: 1px solid #ccc;
}
.new_post .row .col:not(:nth-child(3n)) {
    margin-right: 0;
}		
		
.new_post .row, .front_inner .row {
display: block;
    margin-bottom: 3rem;

}
		
.newslist h3 {
    width: 90%;
}
		
.morebt a {
float: none;
 margin: 0 auto;
}	
	}


@media (max-width: 768px) {
	

.pc_view{display:none;}
.sp_view{display:block;}
#fv .content01 {
    margin: 0 auto;
    background-image: url(/wp-content/themes/precs/img/front/fv_bg.png);
    height: 490px;
    /*background-position: bottom;*/
	background-position: top;
   background-size:none !important;
    background-repeat: no-repeat;
}	
#front_main .front_inner {
    margin: 0 auto;
    width: 90%;
    padding: 3rem 0;
}

#fv .fv_btarea ul li span {
    display: none;
}
#fv {
    margin: 0 auto;
    text-align: center;
    height: auto !important;
}
#fv .btn1 {
    line-height: 50px!important;
    color: #333;
    padding: 0;
    height: 50px!important;
    margin-right: 10px;
    margin-top: 0 !important;
}
	
#fv .btn2 {
    background: #009da3;
    height: 50px !important;
    line-height: 50px !important;
    color: #fff;
    border-radius: 60px;
}
	
#front_main {
    margin: 0 auto;
    width: 100%;
    padding: 1rem 0 0 0 !important;
}
	
.subtxt dl dt{width:100%;}	
	
.front_content {
    padding: 0 !important;
    background-color:none;
}
	
.parallax_content {
    min-height: 50px !important;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}	
	
#global-nav .shiny-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009da3;
    width: 100% !important;
    height: 2.5rem;
    border-radius: 5.5rem;
    font-size: 1.1rem;
    font-weight: 900;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    margin: 0 auto !important;
}	
	
	global-nav .headbtn1 a {
    line-height: 40px;
    color: #333;
    height: 40px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1rem;
    display: block;
    border: solid 1px #333;
    border-radius: 30px;
    background: #fff;
    padding: 0 1rem !important;
    width: 90% !important;
    margin: 0 auto !important;
}
	
	
		

}



@media screen and (min-width: 768px) and (max-width: 979px) {
    /* 768px - 979px用（タブレット用）の記述 */
	
#head_wrap {
    top: 0;
    position: fixed;
    margin-top: 0;
    width: 100%;
    padding: 0;
    /* Fixed reset */
  }
  #head_wrap .inner {
    width: 100%;
    padding: 0;
  }
  #head_wrap .fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    /*background: rgba(255, 255, 255, 0.9);*/
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
  }
  #head_wrap.fixed .logo,
  #head_wrap .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
  }
	
 #global-nav {
    position: absolute;
    top: -500px;
    background: rgba(245, 245, 245, 1);
    width: 100%;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin-top: 20px;
    display: unset;
}
  #global-nav ul li {
    float: none;
	    padding: 10px;  
    position: static;
  }
  #head_wrap #global-nav ul li a,
  #head_wrap.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 5px 0;
	      color: #333;
  }
  #head_wrap #global-nav ul li a:hover,
  #head_wrap.fixed #global-nav ul li a:hover {

  }	
	
#global-nav .headbtn1 a {
    width: 50% !important;
    margin: 0 auto;
}	
#global-nav .shiny-btn {
    width: 50%;
    margin: 0 auto;
}
	
	
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }	
#fv .fv_block {
    width: 96%;
}
	
#fv .fv_btarea ul {
    display: flex;
    margin: 0 auto;
    width: 420px;
}	
#fv .fv_btarea ul li span {
    color: #009da3;
    font-size: 14px;
    font-weight: bold;
}

#fv .btn1 {
    margin-top: 1.4rem;
}	
	
#fv .fv_block h2 {
    font-weight: bold;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}		
	
	
#fv .fv_block p {
    padding: 1rem 0;
}	
#fv .content01 {
    margin: 0 auto;
    background-image: url(/wp-content/themes/precs/img/front/fv_bg.png);
    height: 490px;
    /* background-position: bottom; */
    background-position: top;
    background-size:unset;
    background-repeat: no-repeat;
}	
	

#fv .s_memo {
    width: 300px;
    font-size: 10px;
    color: #fff;
    margin: 1rem auto;
    word-break: break-all;
}	
#fv .fv_contact {
    width: 35%;
    background: #f1f0ef;
    margin: 0;
    height: auto;
    border-radius: 10px;
    padding: 1rem;
    overflow: hidden;
}	
#front_main{width:100%;}
#front_main .front_inner {
    margin: 0 auto;
    width: 90%;
    padding: 3rem 0;
}


.new_post .row .col {
    -webkit-box-flex:unset;
    -ms-flex:unset;
    flex: unset;
    width: calc(33% - 50px / 3);
}
	
ul.post-categories li {
    color: #fff;
    border: 2px solid #009da3;
    padding: 3px;
    width: 35%;
    margin-right: 10px;
    text-align: center;
    font-size: 10px;
    margin-bottom: 1rem;
}
}

@media screen and (min-width: 980px) and (max-width:1079px) {
#fv .fv_block {
    width: 96%;
    margin: 0 auto;
}
	
#front_main .front_inner {
    margin: 0 auto;
    width: 90%;
    padding: 3rem 0;
}
	
.new_post .row .col {
    margin-bottom: 3rem;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: calc(33% - 50px / 3);
}	
	
	
	
}