@charset "UTF-8";
/*
Theme Name: 株式会社トライズ
Theme URI: https://trs-co.jp/
Description: 「人生の3分の1を費やす睡眠。」快適な寝具で素晴らしい人生を。
Author:  株式会社トライズ
Author URI: https://trs-co.jp/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
width:100%;
height:100%;

}
body {
	line-height: 1;
	height: 100%;
	width: 100%;
	position:relative;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	font-feature-settings : "palt 1";
	overflow-wrap: break-word;
	word-wrap: break-word;
	color: #3c3c3c;
}

ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
body {
	-webkit-print-color-adjust: exact;
}
/* img markup -------------------------------------------------------------------------------------------------------*/
img {
	border: none;
	object-fit: cover;
	object-position: 50% 50%;
	line-height: 0;
	vertical-align: middle;
	width: 100%;
}
/*ie,edge用*/
.object-fit-img {
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}
img:hover{
	opacity: 1;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}
figure{
display: block;
margin: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}	
.page-template-default .widget-area{
	display: none;
}	
figure.wp-block-image{
	margin-bottom: 50px;
}

/* =Fonts
-------------------------------------------------------------- */
@font-face{
	font-family: 'YuGo';
	src: url('fonts/YuGothic-Medium.otf'),
		url('fonts/YuGothic-Medium.eot?#iefix') format('eot'),
		url('fonts/YuGothic-Medium.woff') format('woff');
		font-display: swap;
}
@font-face{
	font-family: 'YuGobold';
	src: url('fonts/YuGothic-Bold.otf'),
		url('fonts/YuGothic-Bold.eot?#iefix') format('eot'),
		url('fonts/YuGothic-Bold.woff') format('woff');
		font-display: swap;
}
body {
	font-family:YakuHanJP,Helvetica,'YuGo','YuGobold',sans-serif;
	font-weight: normal;
	font-display: swap;
}
.bold{
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
	font-display: swap;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

/* =Global Elements
-------------------------------------------------------------- */
body {
	background: #fff;/*---クロームは必要---*/
}
body,
input,
textarea {
	font-size: 14px;
	line-height: 2;
}
hr {
	background-color: #333;
	border: 0;
	clear: both;
	height: 1px;
}

/* Text elements */
p {
	margin-bottom:0;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
	margin: 0
}
ol ol {
	list-style: none;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0;
}
strong {}
cite,i {}
b{font-weight: bold;}
blockquote {
	font-style: italic;
	padding: 0;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
/*---input[type="text"],---*/
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea {
	background: #333;
	border: none;
	/*box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);*/
}

/*----------------------------aカラー-----------------------------*/
a,
a:link,
a:visited,
a:hover,
a:active {
color:#3B3B3B;
text-decoration:none;
	-webkit-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
a:hover {color: #60B6D6;}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}
/* =costom プリセット
-------------------------------------------------------------- */
span.red{color: #c6000b;}
.pc,#pc {display:block;}
.pc-in{
	display: inline-block;
}
.tb {display:none;}
.sp,#sp {display:none;}
.br-sp{display: none;}
.br-pc{display: block;}
.pctb,.pcsp{
	display: block;
}
.br-tb,.tbsp{
		display: none;
	}
.post-edit-link{display: none;}
.fff{color: #fff !important;}
.m0{margin-bottom: 0px !important;}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt120{margin-top: 120px;}
.mt150{margin-top: 150px;}
.line-1{line-height: 1 !important;}
.line-2{padding-left: 1em;text-indent: -1em;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.relative{position: relative;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.justify{text-align:justify; text-justify: inter-ideograph;font-feature-settings: "swsh" 1;}
.mt-5{margin-top: -0.5em;}
.mt25{margin-top: 25px;}
.bl{display: block;}
.hidden{
	overflow: hidden;
}
/* =Content
-------------------------------------------------------------- */
#main {
	clear: both;
	overflow: hidden;
	padding: 0;
	position: relative;
}
#content {
	
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
	margin: auto;
}
.widget-title {
	color: #333;
	font-weight: bold;
	background: #F2F2F2;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	font-size: 1.5rem;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: none;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #333;
}
.widget_rss a.rsswidget:hover {
	color: #c6000b;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 0 0 0;
}
#main .widget-area ul ul {
	border: none;
	padding: 0;
	margin-bottom: 20px;
}

#main .widget-area ul ul li{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
#primary {
	width: 220px;
	float: right;
}


/* =Pagetop
-------------------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 80px;
    right: 50px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .5s;
    transition: all .5s
}
#pagetop a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    transition: all 2s ease;
    -webkit-transition: all 2s ease;
}
#pagetop.show {
    z-index: 50;
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}


/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    color: #fff; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #bebebe; }

/* Firefox 18- */
:-moz-placeholder {
    color: #c6c6c6; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #c6c6c6; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #c6c6c6; }
    
    

/*Print CSS 
---------------------------------------*/
@media print {
      #header{
	      position: static;
      }
    }


/* breadcrumbs
-------------------------------------------------------------- */
.bread{
	margin: 50px 0;
}
ul.breadcrumbs {
	float: left;
	width: 100%;
	height: 1.4em;
}
ul.breadcrumbs li {
	float: left;
	padding-right: 0.5em;
	position: relative;
	font-size: 13px;
	font-size: 1.3rem;
}
ul.breadcrumbs li a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
}
ul.breadcrumbs li:before{
	font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
	font-weight: 900;
	content:"\f101";
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #c8c8c8;
}
ul.breadcrumbs li:nth-child(1):before{
	font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
	font-weight: 900;
	content:"\f015";
	display: none;
	margin-right: 0;
	font-size: 17px;
	font-size: 1.7rem;
	color: #c8c8c8;
}

/* =IE10&11 iii
-------------------------------------------------------------- */
@media all and (-ms-high-contrast:none){
  	body{ line-height: 2;}
  	.contact li:nth-of-type(1) a, .contact li:nth-of-type(2) a{line-height: 85px;}
  	::placeholder{color: #b3b3b3;}
  	.wpcf7-list-item input{min-height: 0;}
  	.wpcf7 th span{line-height: 35px;}
  }
  


/*------reCAPTACHA v3---------*/
.grecaptcha-badge { visibility: hidden; }
.hide,.hide a{color: #fff;line-height: 0;pointer-events: none;opacity: 0;}


/*pager
----------------------------*/
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	clear: both;
	text-align: center;
	padding: 50px 0 100px;
}
a.page-numbers,
.current.page-numbers{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	width: 50px;
	height: 50px;
	color: #61C1E5;
	border: 1px solid #61C1E5;
	box-sizing: border-box;
	margin-left: 10px;
	font-size: 16px;
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
}
a.page-numbers:hover,
.current.page-numbers{
	color: #fff;
	background: #61C1E5;
}
.next{
	background: none;
}
a.next,
a.prev{
	display: none;
}


 /* =aaaaa241115
-------------------------------------------------------------- */
.fuwafuwa {
  animation-name: floating;
  animation-duration: 5000ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.fuwafuwa2 {
  animation-name: floating2;
  animation-duration: 5000ms;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

@keyframes floating {
   0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floating2 {
   0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

/* =Structure
-------------------------------------------------------------- */
.wrap {
	animation: fadein 3s forwards;
}
@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

.inner {
	/*合算1000px-------------*/
	width: 1020px;
	padding: 0;	
	margin: 0 auto;
	display: block;
	clear: both;
	position: relative;
}
.inner:after{content:""; overflow: hidden; clear: both; visibility: hidden; height: 0; display: block;}

.w1080{
	width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
}
.w900{
	width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
}
.w860{
	width: 860px;
	margin: 0 auto;
	box-sizing: border-box;
}
.w820{
	width: 820px;
	margin: 0 auto;
	box-sizing: border-box;
}
.w800{
	width: 800px;
	margin: 0 auto;
	box-sizing: border-box;
}
.w660{
	width: 660px;
	margin-left: auto;
		margin-right: auto;
	box-sizing: border-box;
}


/* =Header
-------------------------------------------------------------- */
body p{
	font-size: 18px;
	line-height: 2;
	margin-bottom: -9px;
}
.main-c{
	color: #2760a8;
}
.sub-c{
	color: #92cbd7;
}
.fff-c{
	color: #fff;
}

.gradation{
	width: 100%;
	height: 15px;
	 background : -moz-linear-gradient(0% 50% 0deg,rgba(39, 96, 168, 1) 0%,rgba(146, 203, 215, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(39, 96, 168, 1) 0%, rgba(146, 203, 215, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(39, 96, 168, 1) ),color-stop(1,rgba(146, 203, 215, 1) ));
  background : -o-linear-gradient(0deg, rgba(39, 96, 168, 1) 0%, rgba(146, 203, 215, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(39, 96, 168, 1) 0%, rgba(146, 203, 215, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2760A8', endColorstr='#92CBD7' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(39, 96, 168, 1) 0%, rgba(146, 203, 215, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2760A8',endColorstr='#92CBD7' , GradientType=1);
}
#header {
	width: 100%;
	box-sizing: border-box;
	padding: 0 50px;
	z-index: 1;
}
#site-title {
	float: left;
	display: flex;
	align-items: center;
	padding-top: 30px;
}


#accsess{
	float: right;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 88px;
}
.nav-area{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.nav-area ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-area li{
	height: 100%;
	margin-left: 2em;
}
.nav-area li a{
	display: flex;
	align-items: center;	
	justify-content: center;
	height: 100%;
	font-size: 16px;
	color: #3B3B3B;
	line-height: 1;
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
	position: relative;
	text-shadow: -1px -1px 8px #fff, 1px -1px 8px #fff, -1px 1px 8px #fff, 1px 1px 8px #fff;
}
.nav-area li a:hover{
	color: #92cbd7;
}
.to-contact a{
	display: flex;
	align-items: center;	
	justify-content: center;
	width: 170px;
	height: 50px;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
	background: #60B6D6;
	border: 3px solid #60B6D6;
	border-radius: 25px;
	margin-left: 30px;
	box-sizing: border-box;
	
}
.to-contact a:hover{
	color: #60B6D6;
	background: #fff;
}
.menu-item-117{
	position: relative;
}
.nav-area ul .sub-menu{
	display: block;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition:0.3s ease-in-out;
}
.nav-area ul .sub-menu{
	position: absolute;
	padding: 15px;
	background: #60B6D6;
	border-radius: 15px;
	min-width: 200px;
	left: 50%;
	margin-left: -85px;
	top: 20px;
}
.nav-area ul li:hover > .sub-menu{
	opacity: 1;
	transform: scaleY(1);
}
.nav-area ul .sub-menu li{
	text-align: center;
}
.nav-area ul .sub-menu li a:hover{
	text-decoration: underline;
}
.nav-area li .sub-menu li{
	margin-left: 0;	
}
.nav-area li .sub-menu li a{
	text-align: left;
	display: inline-block;
	text-align: left;
	padding-top: 10px;
	color: #fff;
}

/* =frontpage fff
-------------------------------------------------------------- */	
.mainvisual{
	width: 100%;
	height:auto;
	padding: 0;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}
#maincatch{
	vertical-align: middle;
	position: absolute;
	top: 35%;
	padding: 0 50px;
}
#maincatch h2{
	font-size: 50px;
	line-height: 1;
	display: flex;
	align-items: center;
	text-shadow: -1px -1px 8px #fff, 1px -1px 8px #fff, -1px 1px 8px #fff, 1px 1px 8px #fff;
}
#maincatch h2 span{
	font-size: 64px;
	line-height: 1;
	margin-left: 10px;
}
#maincatch p{
	margin-top: 40px;
	text-shadow: -1px -1px 8px #fff, 1px -1px 8px #fff, -1px 1px 8px #fff, 1px 1px 8px #fff;
}
.f-content{
	padding: 80px 0;
}
/*------------deco------------------------------------------*/
#deco-01{
	width: 300px;
	height: 252px;
	position: absolute;
	top: -230px;
}
#deco-02{
	width: 200px;
	height: 150px;
	position: absolute;
	right: -200px;
	top: 0;
}
#deco-03{
	width: 126px;
	height: 126px;
	position: absolute;
	left: -100px;
	top: -10px;
}

.f-content a h3{
	transition: all .3s ease 0s;
}
.f-content a:hover h3{
	color: #ffda42;
	opacity: 0.5;
}
.f-content h3{
	font-size: 108px;
	letter-spacing : 10.8px;
	line-height: 0.8;
	font-weight: 100;
}
.f-content h3 span{
	font-size: 18px;
	letter-spacing : 0;
	line-height: 1;
	display: block;
}
.f-content h4{
	font-size: 28px;
	line-height: 1;
}
.t-contents{
	width: 50%;
}
.t-contents_01{
	width: 450px;
	height: 500px;
	margin-top: -20px;
}
.t-contents_02{
	width: 430px;
	height: 465px;
	margin-top: -20px;
}
.t-contents.right{
	text-align: right;
}
#f-flow{
	background: #2760a8;
	padding: 50px 0;
}
#f-company{
	background: #92cbd7;
	padding: 50px 0;
}
#f-flow .f-content,
#f-company .f-content{
	padding: 30px 0;
}
.t-contents_03{
	width: 490px;
	height: 395px;
	margin-top: -20px;
}
.t-contents_04{
	width: 475px;
	height: 397px;
	margin-top: -20px;
}
#f-flow .f-content h3,
#f-company .f-content h3{
	font-size: 108px;
	letter-spacing : 2.5px;
	line-height: 0.8;
	font-weight: 100;
}
#f-flow .f-content h3 span,
#f-company .f-content h3 span{
	margin-top: 40px;
}
.f-links{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 70px 0;
}
.f-links a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 200px;
	text-align: center;
}
.f-links a:last-of-type{
	border-left: 2px solid #2760a8;
}
.f-links h3{
	font-weight: 100;
	font-size: 48px;
	letter-spacing: 0;
}

/* =Footer
-------------------------------------------------------------- */
.toTop {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 80px;
}
#footer {
	overflow: hidden;
	position: relative;
	text-align: center;
		background: #e9f5f7;
}
#colophon{
	padding: 100px 0 0;
}
.f-contact{
	text-align: center;
	background: #2760a8;
	box-sizing: border-box;
	padding: 50px;
	border-radius: 20px;
	width: 800px;
	margin: 0 auto;
}
.f-contact h3{
	font-size: 28px;
	line-height: 1;
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
	color: #fff;
}
.f-contact p.f-tel{
	font-size: 54px;
	line-height: 1;
	margin-top: 20px;
	color: #fff;
}
.copyright{
	font-size: 13px;
	background: #2760a8;
	color: #fff;
}
.f-title h3{
	width: 185px;
	height: 65px;
	display: block;
	margin: 0 auto 30px;
}
.f-title h3 a{
	width: 100%;
	height: 100%;
	display: block;
}
.f-title h3 a img{
	width: 100%;
}

.f-nav{
	padding: 50px 0 75px;
	text-align: center;
}
.f-nav ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.f-nav li{
	padding-right: 2em;
	font-size: 16px;
	line-height: 1;
	box-sizing: border-box;
	float: left;
	position: relative;
	text-align: left;
	font-family: YakuHanJP,'Helvetica-bold',Helvetica,'YuGobold';
	font-weight: normal;
}
.f-nav li:last-of-type{
	padding-right: 0;
}

/* =header structure
-------------------------------------------------------------- */
.page-template-page-job-temp #site-title img,
.page-template-page-staff-temp #site-title img,
.page-template-default #site-title img{
	width: 143px;
}
.page-template-page-job-temp #site-title,
.page-template-page-staff-temp #site-title,
.page-template-default #site-title{
	padding-top: 15px;
}
.home #site-title img{
	width: 300px;
}
.page-template-default #header{
	position: static;
}
.home #header{
	position: fixed;
	transition: 1s;
}
.is-animation{
	background: rgba(255,255,255,.85);
	top: -10px;
}
.is-animation #site-title img{
	width: 150px;
}

/* =Page
-------------------------------------------------------------- */


.page_title{
	width: 100%;
	max-height: 200px;
	position: relative;
	margin: 0 auto 0;
	background: #92cbd7;
}
.thum_img{
	left: 50%;
	width: 750px;
    height: 200px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thum_img img{
	width: 100%;
	height: 100%;
	line-height: 0;
}
h2.entry-title{
	position: absolute;
	font-size: 64px;
	font-weight: 100;
	line-height: 1;
	color: #fff;
	top: 50%;
	margin-top: -28px;
	left: 50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
h2.entry-title span{
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	margin-left: 20px;
}

#page-content{
	padding: 100px 0 150px;
}

/*------------page-company------------------------------------------*/
#deco-04{
	width: 190px;
	height: 160px;
	position: absolute;
	top: -60px;
	left: -100px;
}
#deco-05{
	width: 300px;
	height: 252px;
	position: absolute;
	top: 350px;
	right: -200px;
}
#deco-06{
	width: 200px;
	height: 150px;
	position: absolute;
	top: -150px;
	left: -100px;
}
#deco-07{
	width: 200px;
	height: 200px;
	position: absolute;
	top: -50px;
	right: -200px;
}
#deco-08{
	width: 150px;
	height: 125px;
	position: absolute;
	bottom: -80px;
	left: -200px;
}
.f-intro,
.f-rinen,
.f-gaiyo{
	position: relative;
}
.page-company{
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.page-company h3{
	width: 500px;
	height: 500px;
	margin: 0 auto;
}
.f-intro h4,
.f-rinen h4,
.f-gaiyo h4,
.f-service h4{
	text-align: center;
	font-size: 32px;
	line-height: 1;
}
.f-intro p{
	text-align: center;
	font-size: 16px;
	line-height: 2.8;
}
.f-intro h5{	
	text-align: right;
}
.f-intro h5 img{
	width: 325px;
}
.f-rinen li{
	font-size: 15px;
	line-height: 1.8;
	text-align: left;
	margin-bottom: 1.25em;
	position: relative;
}
.f-rinen ul{
	width: 375px;
	margin-left: auto;
	margin-right: auto;
}
.f-rinen li:before{
	content: '●';
	color: #2760a8;
	font-size: 32px;
	line-height: .7;
	position: absolute;
	top: 0;
	left: -1em;
}
.f-rinen li:lat-of-type{
	margin-bottom: 0;
}
.f-gaiyo dl{
	display: flex;
	align-items: center;
	border-top: 1px solid #3c3c3c;
	padding: 35px 25px;
}
.f-gaiyo dl:last-of-type{
	border-bottom: 1px solid #3c3c3c;
}
.f-gaiyo dt{
	width: 200px;
}
.f-gaiyo dd{
	line-height: 1.5;
}
/*------------page-service------------------------------------------*/

.page-service{
	width: 800px;
	margin: 0 auto;
}
.f-service ul{
	display: flex;
	justify-content: space-between;
}
.f-service ul li{
	width: 385px;
}
.f-service ul li h5{
	width: 100%;
	height: 50px;
	border-radius: 6px;
	background: #2760a8;
	display: flex;
	align-items: center;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 22px;
	color: #fff;
	margin-bottom: 10px;
}
.f-service ul:nth-of-type(2) li h5,
.f-service ul:nth-of-type(5) li h5,
.f-service ul:nth-of-type(8) li h5,
.f-service ul:nth-of-type(11) li h5,
.f-service ul:nth-of-type(14) li h5{
	background: #92cbd7;
}
.f-service ul:nth-of-type(3) li h5,
.f-service ul:nth-of-type(6) li h5,
.f-service ul:nth-of-type(9) li h5,
.f-service ul:nth-of-type(12) li h5{
	background: #3c3c3c;
}
.f-service ul:nth-of-type(4) li h5,
.f-service ul:nth-of-type(7) li h5,
.f-service ul:nth-of-type(10) li h5,
.f-service ul:nth-of-type(13) li h5{
	background: #2760a8;
}
.f-service dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
	font-size: 16px;
	margin-top: 10px;
}
.sub{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sub img{
	width: 190px;
}
.mt45{
	margin-top: 45px;
}
/*------------page-faq------------------------------------------*/

.page-faq{
	width: 800px;
	margin: 0 auto;
}
.page-faq h3{
	text-align: center;
    font-size: 28px;
    line-height: 1;
}
.accordion{
	margin-bottom: 50px;
}
dl.accordion dt {
	width: 100%;
	height: 80px;
	    font-size : 22px;    	
	    color : #fff;
	    background:  #2760a8;	   
	    box-sizing: border-box;
	    position: relative;
	    border-radius: 30px;
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    padding: 0 30px;
}
dl.accordion dt span,
dl.accordion dd span{
	font-size: 40px;
	margin-right: 30px;
}
dl.accordion dd{ 
	box-sizing: border-box;
	
	display:none;
	margin: 0;	
	padding: 0 0 0 30px;
	margin-top: 25px;
	font-size: 16px;
	text-align: justify;
}
dl.accordion dd div{
	display: flex;
	    align-items: center;
	    justify-content: flex-start;
}

dl.accordion dt.open{
	margin-bottom: 0;
}
   dl.accordion dt:hover {
	 opacity: 0.8;
   }
   dl.accordion dt:before {
    	content: '';
	position: absolute;
	top:25px;
	right: 25px;
	background:url(images/osi-open.svg) no-repeat center center;
	background-size: cover;
	width: 30px;
	height: 30px;	
	transition:0.3s ease-in-out;
    }    
dl.accordion dt.open:before {
	content: '';
	transform: rotate(45deg);
   }

/*------------page-expertise------------------------------------------*/
.page-expertise h3{
	font-size: 28px;
	text-align: center;
}

.page-expertise td{
	padding: 30px 0px 30px 30px;
	height: auto;
	text-align: justify;
}
.page-expertise th{
	width: 255px;
	height: auto;
	font-size: 21px;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
}
.page-expertise.area01 tr{
	border-top: 2px solid #2760a8;
}
.page-expertise.area01 tr:last-of-type{
	border-bottom: 2px solid #2760a8;
}
.page-expertise.area01 th{
	background: #e9f5f7;
}
.page-expertise.area02 th{
	background: #2760a8;
}
.page-expertise.area02 tr{
	border-top: 2px solid #92cbd7;
}
.page-expertise.area02 tr:last-of-type{
	border-bottom: 2px solid #92cbd7;
}

.page-expertise dt{
	font-size: 24px;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 2px solid #2760a8;
}
.page-expertise dd{
	text-align: justify;
	font-size: 16px;
}
/*------------page-staff------------------------------------------*/
.page-staff{
	width: 800px;
	margin: 0 auto;
}
.page-staff h3{
	font-size: 28px;
	text-align: center;
}
.page-staff ul li a{
	width: 100%;
	border: 2px solid #92cbd7;
	padding: 25px;
	box-sizing: border-box;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-staff ul li:nth-of-type(even) a{
	border: 2px solid #2760a8;
}
.page-staff ul li a:hover{
	opacity: .6;
}
.staff-i{
	width: 250px;	
}
.staff-c{
	width: 435px;
}
.staff-c p{
	line-height: 1.5;
}
.page-staff h4{
	font-size: 26px;
	line-height: 1;
}
.page-staff h5{
	font-size: 20px;
	line-height: 1;
}
.page-staff h6{
	font-size: 16px;
	line-height: 1;
}
.page-staff ul p{
	font-size: 15px;
	line-height: 1.5;
}
.staff-c ul{
	box-sizing: border-box;
}
.staff-c ul li{
	border: 1px solid #dd0000;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 0;
	color: #dd0000;
	font-size: 20px;
	line-height: 1;
}
/*------------page-staff-temp------------------------------------------*/
.page-staff-temp{
	width: 800px;
	margin: 0 auto;
}
.page-staff-temp .staff-c{
	text-align: center;
	width: 100%;
	margin: 50px auto 0;
}
.page-staff-temp .staff-i{
	width: 375px;
	height: 375px;
	margin: 0 auto;
}
.page-staff-temp h4{
	font-size: 32px;
	line-height: 1;
	text-align: center;
}
.page-staff-temp h5{
	font-size: 22px;
	line-height: 1;
	text-align: center;
}
.page-staff-temp h6{
	font-size: 18px;
	line-height: 1;
	text-align: center;
}
.page-staff-temp ul p{
	font-size: 15px;
	text-align: center;
}
.page-staff-temp h3{
	text-align: center;
    font-size: 28px;
    line-height: 1;
    }
    .text-j{
	    text-align: justify;
	    line-height: 1.5;
    }
    .ls-5{letter-spacing: -0.5px}
    .ls-10{letter-spacing: -1px}
   .sub-img {
	   width: 380px;
   }
   .sub-cont{
	   width: 380px;
	   line-height: 1.48;
   }
   /*------------page-job------------------------------------------*/
.page-job{
	width: 800px;
	margin: 0 auto;
}
.page-job h3{
	text-align: center;
    font-size: 48px;
    line-height: 1;
 }
 .page-job h4{
	text-align: center;
    font-size: 28px;
    line-height: 1;
 }
 .joblist ul{
	 border: 3px solid #2760a8;
	 border-radius: 20px;
	 padding: 25px;
	 box-sizing: border-box;
	 display: flex;
	 justify-content: space-around;
 }
  .timer ul{
	  border: 3px solid #92cbd7;
  }
  .joblist h5{
	  width: 250px;
	  height: 100px;
	display: flex;
	 align-items: center;
	 justify-content: center;
	 background: #2760a8;
	 font-size: 24px;
}
.timer h5{
	background: #92cbd7;
}
.joblist dl{
	    display: flex;
		 justify-content: flex-start;
		 margin-left: 25px;
		 font-size: 16px;
 }
 .joblist dt{
	 background: #e9f5f7;
	 width: 85px;
	 height: 28px;
	 color: #2760a8;
	 text-align: center;	 
 } 
.joblist dd{
	width: 380px;
	text-align: justify;
	margin-left: 10px;
	line-height: 1.25;
}
.joblist a:hover{
	opacity: 0.6;
}
.jobimg{
	width: 100%;
	display: flex;
	 align-items: center;
	 justify-content: space-between;
}
.jobimg img{
	width: 330px;
}    
.page-job-temp{
	width: 800px;
	margin: 0 auto;
}
.page-job-temp h3{
	background: #2760a8;
	height: 60px;
	border-radius: 30px;
	padding: 0 25px;
	display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 font-size: 28px;
}
.page-job-temp h4{
	 font-size: 24px;
}
.page-job-temp h5{
	background: #e9f5f7;
	height: 50px;
	border-radius: 5px;
	padding: 0 25px;
	display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 font-size: 22px;
}
.page-job-temp p{
	line-height: 1.5;
	text-align: justify;
}
.pl25{
	padding-left: 25px;
}

.f-job dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #3c3c3c;
	padding: 35px 25px;
}
.f-job dl:last-of-type{
	border-bottom: 1px solid #3c3c3c;
}
.f-job dt{
	width: 200px;
}
.f-job dd{
	line-height: 1.5;
	width: 550px;
}
a.toindeed{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 80px;
	border-radius: 40px;
	border: 2px solid #92cbd7;
	background: #2760a8;
	margin: 50px auto 0;
	color: #fff;
	font-size: 18px;
}
a.toindeed i{
	padding-left: 0.5em;
}
a.toindeed:hover{
	color: #2760a8;
	background: #fff;
}
.detail p{
	font-size: 13px;
	line-height: 1.5;
	padding-left: 0.6em;text-indent: -0.6em;
	margin-bottom: 2px;
}


/* @media screen  ttt
-------------------------------------------------------------- */
@media (max-width: 1060px) {/*------タブレットサイト---------*/
		.inner {
		width:100%;
		box-sizing: border-box;
		padding: 0 20px;
	}	
	.table {display:block;}	
	.pc {display:none;}
	#accsess{display:none;}
	.tb {display:block;}
	.sp {display:none;}		
	.br-sp{display: none;}
	.br-tb{display: block;}
	.br-pc{display: none;}
	.pctb{display: block;}
	.tbsp{display: block;}
	.pcsp{	display: none;}
	.pc-in{display: none;}
	#access{display: none;}
	
	body p{
		font-size: 16px;
		margin-bottom: -8px;
	}
	#header{
		padding: 0 20px;
		box-sizing: border-box;
	}
	#site-title{
		padding-top: 20px;
	}
	#site-title img{
		width: 185px;
	}
	.page_title{
		margin-top: 20px;
		max-height: 125px;
	}
	.thum_img{
		max-height: 125px;
	}
	h2.entry-title{
		font-size: 40px;
		margin-top: -20px;
	}
	
	/*********** トグルメニュー*********/
	#t-navi {
		display: block;
	}
	.is-animation{
		background: none;
		top: 0;
	}
	.navi-toggle {
		display: block;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border: 0;
		color: transparent;
		background-color: #fff;
		padding: 5px 5px;
		box-sizing: border-box;
		outline: 0;
		position: fixed;
		right: 20px;
		top:40px;
		z-index: 201;
	}
	.navi-toggle:hover {
		cursor: pointer;
	}
	.is-animation .navi-toggle {
		top: 25px;
	}

	.navi-toggle span {
		position: relative;
		display: block;
		width: 100%;
		height: 3px;
		margin-top: 0;
		border-radius: 1px;
		background-color: #2760a8;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.navi-toggle span:before,
	.navi-toggle span:after {
		position: absolute;
		content: "";
		top: -10px;
		left: 0;
		width: 100%;
		height: 3px;
		border-radius: 1px;
		background-color: #2760a8;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.navi-toggle span:after {
		top: 10px;
	}
	.navi-toggle.active span {
		background-color: transparent;
	}
	.navi-toggle.active span:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
		background-color: #2760a8;
	}
	.navi-toggle.active span:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 0;
		background-color: #2760a8;
	}	
	.nav-area{
	    width: 100%;
	    height: 100%;
	    padding: 80px 50px 100px;
	    transition: all 0.5s;
	    transform: translate(100%);
	    position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			background : rgba(255, 255,255, .9);
			z-index: 200;
			box-sizing: border-box;
			overflow-y: auto;
	   }
	 .nav-area nav{
		   width: 100%;
		   height: 100%;
	   }
	 .nav-area.open {
	    transform: translate(0); 
	 }
	 .nav-area h4{
		 font-size: 16px;
		margin-bottom: 10px;
	 }
	 .nav-area ul{
		 display: block;
		 height: auto;
		 width: 100%;
		 padding-bottom: 50px;
	 }
	.nav-area ul li {
		position: relative;
		width: 100%;
		float: none;
		text-align: center;
		border-bottom: 1px solid #2760a8;
		margin-left: 0;
	}
	.nav-area ul li a{
		display: block;
		font-size: 20px;
		margin: 30px 0;
		width: 100%;
		color: #2760a8;
	}	
	.nav-area li:last-of-type a{
		margin: 40px 0;
	}
	.nav-area li a:after{
		border: none;
	}	
	.nav-area li:nth-of-type(n+2) a:before{
		content: '';
		padding-right: 0;
	}		
	
	.mainvisual{
		height: auto;
	}
	#maincatch{
		width: 100%;
		padding: 0 25px;
	}	
	#maincatch h2 {
		font-size: 24px;
		top:40%;
	}
	.f-content h3,
	#f-flow .f-content h3, #f-company .f-content h3{
		font-size: 9vw;
	}
	.t-contents_01,
	.t-contents_02,
	.t-contents_03,
	.t-contents_04{
		width: 48%;
		height: auto;
		margin-top: 0;
	}
	.f-content{
		padding: 0;
	}
	#f-content{
		padding: 50px 0 0;
	}
	#deco-01{
		width: 150px;
		height: 126px;
		top: -170px;
	}
	#deco-02{
		right: 0;
		top: -100px;
	}
	#deco-03{
		top: -100px;
		left: 70px;
	}
	.f-links h3{
		font-size: 6vw;
	}
	.f-contact{
		width: 100%;
	}
	#colophon{
		padding: 50px 20px 0;
	}
	.page-template-page-job-temp #site-title img, .page-template-page-staff-temp #site-title img, .page-template-default #site-title img{
		width: 150px;
	}
	
	.mt100{margin-top: 50px;}
	.mt150{margin-top: 100px;}
	
	#page-content{
		padding: 50px 20px;
		box-sizing: border-box;
	}
	.page-faq,
	.page-job,
	.page-job-temp,
	.page-staff,
	.page-company,
	.page-service{
		width: 100%;
	}
	.f-service ul li{
		width: 49%;
	}
	.sub img{
		width: 50%;
	}
	.f-service ul li h5{
		font-size: 20px;
	}
	.mt45{
		margin-top: 4vw;
	}
	.f-intro p{
		font-size: 14px;
	}
	.f-rinen li{
		font-size: 16px;
	}
	.page-staff ul li a{
		padding: 15px;
	}
	.staff-i{
		width: 32%;
		height: auto;
	}
	.staff-c{
		width: 66%;
		height: auto;
	}
	.sub-img,
	.sub-cont{
		width: 48%;
	}
	dl.accordion dt span, dl.accordion dd span{
		font-size: 32px;
		margin-right: 15px;
	}
	dl.accordion dt{
		font-size: 20px;
		padding: 0 0 0 15px;
	}
	dl.accordion dd{
		padding: 0 15px 0 15px;
		margin-top: 15px;
	}
	.page-job h3{
		font-size: 40px;
	}
	.joblist ul{
		display: block;
	}
	.joblist h5{
		width: 100%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.joblist dl{
		margin-left: 0;
		margin-top: 20px;
		align-items: center;
	}
	.joblist dd{
		width: 100%;
	}
	.jobimg img{
		width: 30%;
	}

}

/*------スマホ縦対応  sss---------*/
@media (max-width: 500px) {
	.table {display:block;}	
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}		
	.br-sp{display: block;}
	.br-tb{display: none;}
	.br-pc{display: none;}
	.pctb{display: none;}
	.tbsp{display: block;}
	.pcsp{display: block;}	
	.pc-in{display: none;}	

	.mt100{
		margin-top: 50px;
	}
	.mt60{
		margin-top: 30px;
	}
	.mt50{
		margin-top: 20px;
	}
	.mt30{
		margin-top: 15px;
	}
	
	#pagetop{
		display: none;
	}
	
	.mainvisual{
		margin-top: 100px;
	}
	#maincatch{
		position: static;
		box-sizing: border-box;
	}
	#maincatch h2{
		display: block;
		margin-top: 20px;
		font-size: 6vw;
	}
	#maincatch h2 span{
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}
	.t-contents{
		width: 100%;
	}
	.f-content h3, #f-flow .f-content h3, #f-company .f-content h3{
		font-size: 16vw;
	}
	#f-content{
		padding: 100px 0 0;
	}
	.f-content h4{
		font-size: 4.8vw;
		line-height: 1.25;
	}
	#deco-02{
		display: none;
	}
	#deco-03{
		left: 2vw;
	}
	.t-contents_01, .t-contents_02, .t-contents_03, .t-contents_04{
		width: 75%;
	}
	.f-links{
		display: block;
		padding: 0;
	}
	.f-links a{
		width: 100%;
	}
	.f-links a:last-of-type{
		    border-top: 2px solid #2760a8;
		        border-left: none;
	}
	.f-nav{
		display: none;
	}
	.f-contact{
		padding: 30px 20px;
		margin-bottom: 30px;
	}
	.f-contact h3{
		font-size: 5vw;
	}
	.f-contact p.f-tel {
		font-size: 9vw;
		margin-top: 10px;
	}
	.navi-toggle {
		top: 40px;
	}
	h2.entry-title span{
		display: block;
	}
	.thum_img img{
		display: none;
	}
	h2.entry-title{
		display: block;
		text-align: center;
		margin-top: -30px;
		left: 0;
		right: 0;
		width: 100%;
	}
	h2.entry-title span{
		margin-left: 0;
	}
	.page-faq h3{
		font-size: 22px;
	}
	dl.accordion dt span, dl.accordion dd span{
		font-size: 24px;
	}
	dl.accordion dt{
		font-size: 16px;
		line-height: 1.25;
		padding: 15px 60px 15px 15px;
		height: auto;
	}
	dl.accordion dd{
		line-height: 1.25;
	}
	.page-job h3{
		font-size: 32px;
		line-height: 1.25;
	}
	.joblist dl{
		display: block;
	}
	.joblist dt{
		width: 100%;
		margin-bottom: 15px;
	}
	.page-job h4{
		font-size: 22px;
	}
	.joblist h5{
		font-size: 20px;
	}
	.joblist dd{
		margin-left: 0;
	}
	.jobimg{
		display: block;
	}
	.jobimg img{
		width: 100%;
		margin-bottom: 15px;
	}
	.page-job-temp h3{
		font-size: 22px;
	}
	.page-job-temp h4{
		font-size: 20px;
		line-height: 1.25;
		text-align: justify;
	}
	.pl25{
		padding-left: 0;
	}
	.page-job-temp h5{
		font-size: 18px;
		height: auto;
	}
	.f-job dl,
	.f-gaiyo dl{
		padding: 15px 0;
		display: block;
	}
	.f-job dd{
		width: 100%;
		margin-top: 5px;
		text-align: justify;
	}
	.page-staff ul li a{
		display: block;
	}
	.staff-i{
		width: 200px;
		margin: 0 auto 15px;
	}
	.staff-c{
		width: 100%;
		text-align: center;
	}
	.staff-c ul{
		height: auto;
	}
	.staff-c ul li{
		line-height: 1.25;
	}
	.left,
	.right{
		float: none;
	}
	.page-expertise h3,
	.page-staff-temp h3{
		font-size: 22px;
		line-height: 1;
	}
	.sub-img, .sub-cont{
		width: 100%;
	}
	.page-company h3{
		width: 100%;
		height: auto;
	}
	
	.f-intro h4, .f-rinen h4, .f-gaiyo h4, .f-service h4{
		font-size: 24px;
	}
	.f-intro p{
		text-align: justify;
		line-height: 2;
	}
	.f-intro h5 img{
		width: 285px;
	}
	.page-id-13 .inner{
		padding: 0;
	}
	.page-expertise th,
	.page-expertise td{
		display: block;
	}
	.page-expertise th{
		width: 100%;
		padding: 10px 0;
		font-size: 18px;
	}
	.page-expertise td{
		padding: 15px 0 20px;
	}
	.page-expertise dt{
		font-size: 18px;
		padding-bottom: 15px;
		line-height: 1.5;
		padding-top: 15px;
	}
	.page-expertise dd{
		font-size: 14px;
	}
	.f-service ul{
		display: block;
	}
	.f-service ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.page-staff-temp .staff-i{
		width: 250px;
		height: 250px;
	}
	.text-j{
		line-height: 1.5;
		margin-top: 25px;
	}
	#colophon{
		padding-top: 25px;
	}
	#page-content{
		padding: 75px 20px;
	}
	.f-rinen ul{
		width: calc(100% - 1.7em);
	}
	    .f-rinen li {
		    font-size: 13px;
		    letter-spacing: -0.5px;
		}
		.f-rinen li:before{
			font-size: 26px;
			line-height: 0.8;
			    left: -0.8em;
		}
		#f-content p,
		#f-flow p,
		#f-company p{
			font-size: 14px;
			line-height: 1.7;
		}
		.t-contents_01, .t-contents_02, .t-contents_03, .t-contents_04{
			margin-top: 30px;
		}
		.f-content a h3{
			letter-spacing: 0;
		}
		#f-flow,#f-company{
			padding: 25px 0;
		}
		.f-service dl {
			font-size: 14px;
		}
		    .f-service ul li h5 {
			    font-size: 17px;
			    padding-left: 10px;
			    line-height: 1.2;
			}
		.page-job h4{
			line-height: 1.25;
		}
	
}