/*!
Theme Name: for-agents
Theme URI: https://for-agents.co.jp/
Author: for Agents株式会社
Author URI: https://for-agents.co.jp/
*/

/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */
html{overflow-y:scroll}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,address,pre,caption,cite,code,dfn,var,article,aside,dialog,figure,footer,header,hgroup,menu,nav,small,section,time,mark,audio,video{font-size:100%;font-style:normal;font-weight:400;margin:0;padding:0;text-decoration:none;color:#333}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}img{border:0;vertical-align:bottom}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}fieldset{border:0}hr{border:0;margin:0}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym{border:0}em{font-style:normal}input[type=text]:focus,textarea:focus{outline:none}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden="until-found"])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role="button"],[role="option"]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem);}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}img{border:0;vertical-align:bottom;max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}


/* ****************************************************
Title: base.css
***************************************************** */
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: underline;}
a:active  {text-decoration: none;}

/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:700;}.fw8{font-weight:800;}.fw9{font-weight:900;}.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }.lh135{line-height:1.35 !important;}
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.ltxt{font-size: 150%;}.mtxt{font-size: 125%;}.mstxt{font-size: 110%;}.stxt{font-size: 90%;}.sstxt{font-size: 80%;}.bn { border:none; }.bbn { border-bottom: none; }
.marker{background: linear-gradient(transparent 60%, #FCE800 60%);}
.marker2{background: linear-gradient(transparent 60%, #4EEDDD 60%);}


/* -- width  --*/
.w500{width:500px; margin: 0 auto;}.w510{width:510px; margin: 0 auto;}.w520{width:520px; margin: 0 auto;}.w530{width:530px; margin: 0 auto;}.w540{width:540px; margin: 0 auto;}.w550{width:550px; margin: 0 auto;}.w560{width:560px; margin: 0 auto;}.w570{width:570px; margin: 0 auto;}.w580{width:580px; margin: 0 auto;}.w590{width:590px; margin: 0 auto;}
.w600{width:600px; margin: 0 auto;}.w610{width:610px; margin: 0 auto;}.w620{width:620px; margin: 0 auto;}.w630{width:630px; margin: 0 auto;}.w640{width:640px; margin: 0 auto;}.w650{width:650px; margin: 0 auto;}.w660{width:660px; margin: 0 auto;}.w670{width:670px; margin: 0 auto;}.w680{width:680px; margin: 0 auto;}.w690{width:690px; margin: 0 auto;}
.w700{width:700px; margin: 0 auto;}.w710{width:710px; margin: 0 auto;}.w720{width:720px; margin: 0 auto;}.w730{width:730px; margin: 0 auto;}.w740{width:740px; margin: 0 auto;}.w750{width:750px; margin: 0 auto;}.w760{width:760px; margin: 0 auto;}.w770{width:770px; margin: 0 auto;}.w780{width:780px; margin: 0 auto;}.w790{width:790px; margin: 0 auto;}
.w800{width:800px; margin: 0 auto;}.w810{width:810px; margin: 0 auto;}.w820{width:820px; margin: 0 auto;}.w830{width:830px; margin: 0 auto;}.w840{width:840px; margin: 0 auto;}.w850{width:850px; margin: 0 auto;}.w860{width:860px; margin: 0 auto;}.w870{width:870px; margin: 0 auto;}.w880{width:880px; margin: 0 auto;}.w890{width:890px; margin: 0 auto;}
.w900{width:900px; margin: 0 auto;}.w910{width:910px; margin: 0 auto;}.w920{width:920px; margin: 0 auto;}.w930{width:930px; margin: 0 auto;}.w940{width:940px; margin: 0 auto;}.w950{width:950px; margin: 0 auto;}.w960{width:960px; margin: 0 auto;}.w970{width:970px; margin: 0 auto;}.w980{width:980px; margin: 0 auto;}.w990{width:990px; margin: 0 auto;}
.w1000{width:1000px; margin: 0 auto;}.w1010{width:1010px; margin: 0 auto;}.w1020{width:1020px; margin: 0 auto;}.w1030{width:1030px; margin: 0 auto;}.w1040{width:1040px; margin: 0 auto;}.w1050{width:1050px; margin: 0 auto;}.w1060{width:1060px; margin: 0 auto;}.w1070{width:1070px; margin: 0 auto;}.w1080{width:1080px; margin: 0 auto;}.w1090{width:1090px; margin: 0 auto;}
.w1100{width:1100px; margin: 0 auto;}.w1110{width:1110px; margin: 0 auto;}.w1120{width:1120px; margin: 0 auto;}.w1130{width:1130px; margin: 0 auto;}.w1140{width:1140px; margin: 0 auto;}.w1150{width:1150px; margin: 0 auto;}.w1160{width:1160px; margin: 0 auto;}.w1170{width:1170px; margin: 0 auto;}.w1180{width:1180px; margin: 0 auto;}.w1190{width:1190px; margin: 0 auto;}
.w1200{width:1200px; margin: 0 auto;}.w1210{width:1210px; margin: 0 auto;}.w1220{width:1220px; margin: 0 auto;}.w1230{width:1230px; margin: 0 auto;}.w1240{width:1240px; margin: 0 auto;}.w1250{width:1250px; margin: 0 auto;}.w1260{width:1260px; margin: 0 auto;}.w1270{width:1270px; margin: 0 auto;}.w1280{width:1280px; margin: 0 auto;}.w1290{width:1290px; margin: 0 auto;}
.w1300{width:1300px; margin: 0 auto;}.w1310{width:1310px; margin: 0 auto;}.w1320{width:1320px; margin: 0 auto;}.w1330{width:1330px; margin: 0 auto;}.w1340{width:1340px; margin: 0 auto;}.w1350{width:1350px; margin: 0 auto;}.w1360{width:1360px; margin: 0 auto;}.w1370{width:1370px; margin: 0 auto;}.w1380{width:1380px; margin: 0 auto;}.w1390{width:1390px; margin: 0 auto;}
.w1400{width:1400px; margin: 0 auto;}
.w100{width:100%;}.w99{width:99%;}.w98{width:98%;}.w97{width:97%;}.w96{width:96%;}.w95{width:95%;}.w94{width:94%;}.w93{width:93%;}.w92{width:92%;}.w91{width:91%;}.w90{width:90%;}
.w89{width:89%;}.w88{width:88%;}.w87{width:87%;}.w86{width:86%;}.w85{width:85%;}.w84{width:84%;}.w83{width:83%;}.w82{width:82%;}.w81{width:81%;}.w80{width:80%;}
.w79{width:79%;}.w78{width:78%;}.w77{width:77%;}.w76{width:76%;}.w75{width:75%;}.w74{width:74%;}.w73{width:73%;}.w72{width:72%;}.w71{width:71%;}.w70{width:70%;}
.w69{width:69%;}.w68{width:68%;}.w67{width:67%;}.w66{width:66%;}.w65{width:65%;}.w64{width:64%;}.w63{width:63%;}.w62{width:62%;}.w61{width:61%;}.w60{width:60%;}
.w59{width:59%;}.w58{width:58%;}.w57{width:57%;}.w56{width:56%;}.w55{width:55%;}.w54{width:54%;}.w53{width:53%;}.w52{width:52%;}.w51{width:51%;}.w50{width:50%;}
.w49{width:49%;}.w48{width:48%;}.w47{width:47%;}.w46{width:46%;}.w45{width:45%;}.w44{width:44%;}.w43{width:43%;}.w42{width:42%;}.w41{width:41%;}.w40{width:40%;}
.w39{width:39%;}.w38{width:38%;}.w37{width:37%;}.w36{width:36%;}.w35{width:35%;}.w34{width:34%;}.w33{width:33%;}.w32{width:32%;}.w31{width:31%;}.w30{width:30%;}
.w29{width:29%;}.w28{width:28%;}.w27{width:27%;}.w26{width:26%;}.w25{width:25%;}.w24{width:24%;}.w23{width:23%;}.w22{width:22%;}.w21{width:21%;}.w20{width:20%;}
.w19{width:19%;}.w18{width:18%;}.w17{width:17%;}.w16{width:16%;}.w15{width:15%;}.w14{width:14%;}.w13{width:13%;}.w12{width:12%;}.w11{width:11%;}.w10{width:10%;}
.w9{width:9%;}.w8{width:8%;}.w7{width:7%;}.w6{width:6%;}.w5{width:5%;}.w4{width:4%;}.w3{width:3%;}.w2{width:2%;}.w1{width:1%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}.bl{display:block;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sb {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_ce{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_cl{flex-direction: column;}.fd_cr{flex-direction: column-reverse;}.grid{display: grid;}
.grid2f-40{grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}.grid2f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid3f-40{grid-template-columns: repeat(3, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(4, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(4, 1fr);column-gap: 30px;row-gap: 30px;}

/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}.mb120{margin-bottom:120px !important;}
/* -- clearfix  --*/
.cf:before, .cf:after {content:' '; display:table;}.cf:after {clear:both;}

/* # body
---------------------------------------------------------------------------- */
body {font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 400;}

/* # header
---------------------------------------------------------------------------- */
header{
position: relative;
width: 100%;
    z-index: 5;
}

header #fv_navi.headnav {
	position: absolute;

	padding: 0 0 0 60px;
box-sizing: border-box;
}

#second header #fv_navi.headnav {
  position: inherit;
}

header #logonavi.headnav {
display: none;
}

header.fixed{
position: fixed;
top: 0;
left: 0;
z-index: 10;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
}

header.fixed #fv_navi.headnav {
display: none;
}

header.fixed #logonavi.headnav {
	display: flex;
	padding: 0 0 0 50px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

#second header.fixed #logonavi.headnav {
    padding: 0 0 0 50px;
}

header .headnav{
width: 100%;
}

header .headnav li{
display: inline-block;
}

header .headnav #logo {
	width: 10%;
	margin-right: 65px;
}


/* # gNavi
---------------------------------------------------------------------------- */
#header nav ul li a:link    {text-decoration: none;}
#header nav ul li a:visited {text-decoration: none;}
#header nav ul li a:hover   {text-decoration: none;}
#header nav ul li a:active  {text-decoration: none;}

#header ul li {
	margin-right: 60px;
	font-size: 18px;
	    font-weight: 900;
}

#header ul li:last-child {
	margin-right: 0;
}


#nav ul li > a,
#navi ul li > a{
	font-family: 'gill_sanssemibold';
} 


#header nav ul#header-menu li:last-child {
  margin-left: auto;
}

#header nav ul#header-menu li:last-child a {
  padding: 20px 16px;
    display: flex;
    flex-direction: column;
    background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  color: #fff;
	position:relative;
    transition: all 0.5s 1s ease-in-out;
}

#header nav ul#header-menu li:last-child a:hover {
    background: linear-gradient(90deg, #4EEDDD, #0131F7);
}

#second #header nav ul#header-menu li:last-child a {
    margin-top: auto;
  }

#header nav ul#header-menu li:last-child a:before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f0e0';
  margin: 0 auto 5px;
	display:block;
	font-size:30px;
	color:#fff;
	line-height:1;
}


#header nav ul#header-menu li:last-child a i {
  display: block;
    text-align: center;
    font-size: 230%;
    margin-right: 0;
    margin-bottom: 5px;
}

#header nav ul li:last-child a span {
  display: block;
}


div.sns{
	position: absolute;
    top: 480px;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
writing-mode: vertical-lr;
}

.sns p.en {
	font-weight: 900;
	font-size: 12px;
	letter-spacing: 0.15em;
	margin-bottom: 30px;
	color:#303030;
  height: max-content;
}

.sns span:before {
 font-family:FontAwesome;
 font-size:19px
}

.sns span.fa-facebook-official{
	margin:30px 0;
}

.sns span{
	width: 20px;
	display: unset;
}

.sns a:link    {color: #303030;text-decoration: none;}
.sns a:visited {color: #303030;text-decoration: none;}
.sns a:hover   {color: #303030;text-decoration: none;}
.sns a:active  {color: #303030;text-decoration: none;}


@media screen and (max-width: 1100px) {
header #fv_navi.headnav {
    padding: 0 0 0 40px;
}

header .headnav #logo {
    width: 14.5%;
    margin-right: 40px;
}

#header ul li {
	margin-right: 40px;
	font-size: 16px;
}
}



@media screen and (min-width:640px) and ( max-width: 1090px) {
  #header nav ul li:last-child a i {
    display: none;
  }
}

#second #va{
  position: relative;
  height: 590px;
}

#second #va .vaarea {
  position: absolute;
  height: 700px;
  width: 100%;
  top: -115px;
  left: 0;
  overflow: hidden;
  background-size: 100%;
}

#second #va .vaarea .pagetitle{
  width: 92%;
  margin: 150px auto 0;
}

#second #va .vaarea .pagetitle .en{
    display: inline-block;
    background: linear-gradient(90deg, #0131F7, #4EEDDD);
    background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
    font-size: 590%;
    line-height: 1.3;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

#second #va .vaarea .pagetitle .ja{
  color:#333;
  font-size: 200%;
}


div#n2-ss-2 .n2-ss-slide-limiter {
    max-width: inherit !important;
}

/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
	padding-top: 100px;
}

.bars{
	margin-bottom: 50px;
}

.bar .en {
	font-size: 100px;
}

.bar .ja {
	font-size: 18px;
	display: block;
}

.bar .icon {
	padding: 2px 0 2px 30px;
	background: url(img/common/logomark.svg) no-repeat 0 50%;
	background-size: 22px;
  font-weight: 900;
}

.bar .fw9 {display: inline-block;
  background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  font-size: 300%;line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.bars .fw9 {display: inline-block;
  background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  font-size: 590%;line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.a_circle {
	  background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  padding: 10px;
  position: relative;
      padding: 3px 13px 3px 13px;
    position: relative;
    border-radius: 50%;
    margin-left: 10px;
    transition: padding .1s;
}

.dli-chevron-round-right {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  position: relative;
  width:4px;
  height: 4px;
  transform: translateX(-25%) rotate(45deg);
}

.dli-chevron-round-right::before, .dli-chevron-round-right::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 0.1em;
}

.dli-chevron-round-right::before {
  top: -3px;
  left: -4px;
  right: 0;
  height: 0.1em;
}

.dli-chevron-round-right::after {
  top: -2px;
  right: 0;
  bottom: -1px;
  width: 0.1em;
}



.barlink a {
  position: relative;
  color: #333;
  padding-bottom: 20px;
}

.barlink a:after {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  transform: scaleX(0);
  height: 2px;
  bottom: 15px;
  left: 0;
  background-color: #333;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}


.barlink a:hover{
		text-decoration: none;
}

.barlink a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


.barlink a:hover .a_circle {
	padding: 3px 11px 3px 15px;

}

.pcnav .headnav #nav #header-menu li.manulist:not(:last-child) a,
.pcnav .headnav #navi #header-menu li.manulist:not(:last-child) a,
.bllk a {
  position: relative;
  padding-bottom: 20px;
}

.pcnav .headnav #nav #header-menu li.manulist:not(:last-child) a:after,
.pcnav .headnav #navi #header-menu li.manulist:not(:last-child) a:after,
.bllk a:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 15px;
  left: 0;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.newslist .iconlink.bllk a:after,
.bars .bllk a:after{
	width:calc(100% - 40px);
}

.pcnav .headnav #nav #header-menu li.manulist:not(:last-child) a:hover,
.pcnav .headnav #navi #header-menu li.manulist:not(:last-child) a:hover,
.bllk a:hover{
    text-decoration: none;
}

.pcnav .headnav #nav #header-menu li.manulist:not(:last-child) a:hover:after,
.pcnav .headnav #navi #header-menu li.manulist:not(:last-child) a:hover:after,
.bllk a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.pcnav .headnav #nav #header-menu li.manulist:not(:last-child) a:after,
.pcnav .headnav #navi #header-menu li.manulist:not(:last-child) a:after,
.blcklk a:after {
  background-color: #666;
}

.whlk a:after {
  background-color: #fff;
}


/* # content
---------------------------------------------------------------------------- */
#contents {
  margin-bottom: 100px;
}

#contents .dtxt p{
	line-height: 2;
	font-size: 16px;
}

#contents .sbar {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}

.fcontact {
  background: #F7F7F7;
  padding: 70px 50px;
  box-sizing: border-box;
  border-radius: 35px;
}

.fcontact h2 .cja{
  display: block;
}

.fcontact h2 .cen {
  font-weight: 900;
  font-size: 50px;
  color:#333;
  line-height: 1;
}

.fcontact .fcontact_btn a {
    padding: 30px 0;
    width: 700px;
    display: block;
  text-align: center;
background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border-radius:70px;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  border:solid 3px #f7f7f7;
}

.fcontact .fcontact_btn a span{
   background: linear-gradient(90deg, #fff, #fff);
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.fcontact .fcontact_btn a i {
  position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 28px;
    padding: 14px 16px 14px;
    border: solid 1px #fff;
    border-radius: 50%;
    line-height: 1;
    height: 45px;
    font-size: 16px;
    transition: transform 0.25s ease-out;
}

.fcontact .fcontact_btn a:hover {
  text-decoration: none;
  border:solid 3px #0131F7;
  background: #fff;
}

.fcontact .fcontact_btn a:hover span {
   background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fcontact .fcontact_btn a:hover i {
  color: #0131F7;
    border: solid 1px #0131F7;
}


/* # footer
---------------------------------------------------------------------------- */
#footer {
  background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
padding: 70px 0 40px;
}

#footer .flogo {
  width: 220px;
}

#footer #f_navi ul li{
  margin: 0 20px;
}

#footer #f_navi ul li:first-child {
  margin: 0 20px 0 0;
}

#footer #f_navi ul li:last-child {
  margin: 0 0 0 20px ;
}


#footer #f_navi ul li a{
  color: #fff;
}

#footer #f_cont .fcatchcopy {
  font-size: 100px;
  color: #fff;
  line-height: 1;
}

#footer #f_cont .jacc {
  font-size: 40px;
  color: #fff;
}

#footer .copyright .address {
  color: #fff;
}

#footer .copyright .fsns ul li a{
  color: #fff;
}


#footer .copyright .fsns ul {
  width: 220px;
}

#footer .copyright .fsns ul li.note a {
  width: 90px;
  display: block;
}


@media screen and (max-width: 639px) {
body .pc {display: none;}
body .sp {display: block;}

.w500,.w510,.w520,.w530,.w540,.w550,.w560,.w570,.w580,.w590,.w600,.w610,.w620,.w630,.w640,.w650,.w660,.w670,.w680,.w690,.w700,.w710,.w720,.w730,.w740,.w750,.w760,.w770,.w780,.w790,.w800,.w810,.w820,.w830,.w840,.w850,.w860,.w870,.w880,.w890,.w900,.w910,.w920,.w930,.w940,.w950,.w960,.w970,.w980,.w990,.w1000,.w1010,.w1020,.w1030,.w1040,.w1050,.w1060,.w1070,.w1080,.w1090,.w1100,.w1110,.w1120,.w1130,.w1140,.w1150,.w1160,.w1170,.w1180,.w1190,.w1200,.w1210,.w1220,.w1230,.w1240,.w1250,.w1260,.w1270,.w1280,.w1290,.w1300,.w1310,.w1320,.w1330,.w1340,.w1350,.w1360,.w1370,.w1380,.w1390,.w1400{width: 100%;}
.w99s{width:99%;}.w98s{width:98%;}.w97s{width:97%;}.w96s{width:96%;}.w95s{width:95%;}.w94s{width:94%;}.w93s{width:93%;}.w92s{width:92%;}.w91s{width:91%;}.w90s{width:90%;}
.w89s{width:89%;}.w88s{width:88%;}.w87s{width:87%;}.w86s{width:86%;}.w85s{width:85%;}.w84s{width:84%;}.w83s{width:83%;}.w82s{width:82%;}.w81s{width:81%;}.w80s{width:80%;}
.w79s{width:79%;}.w78s{width:78%;}.w77s{width:77%;}.w76s{width:76%;}.w75s{width:75%;}.w74s{width:74%;}.w73s{width:73%;}.w72s{width:72%;}.w71s{width:71%;}.w70s{width:70%;}
.w69s{width:69%;}.w68s{width:68%;}.w67s{width:67%;}.w66s{width:66%;}.w65s{width:65%;}.w64s{width:64%;}.w63s{width:63%;}.w62s{width:62%;}.w61s{width:61%;}.w60s{width:60%;}
.w59s{width:59%;}.w58s{width:58%;}.w57s{width:57%;}.w56s{width:56%;}.w55s{width:55%;}.w54s{width:54%;}.w53s{width:53%;}.w52s{width:52%;}.w51s{width:51%;}.w50s{width:50%;}
.w49s{width:49%;}.w48s{width:48%;}.w47s{width:47%;}.w46s{width:46%;}.w45s{width:45%;}.w44s{width:44%;}.w43s{width:43%;}.w42s{width:42%;}.w41s{width:41%;}.w40s{width:40%;}
.w39s{width:39%;}.w38s{width:38%;}.w37s{width:37%;}.w36s{width:36%;}.w35s{width:35%;}.w34s{width:34%;}.w33s{width:33%;}.w32s{width:32%;}.w31s{width:31%;}.w30s{width:30%;}
.w29s{width:29%;}.w28s{width:28%;}.w27s{width:27%;}.w26s{width:26%;}.w25s{width:25%;}.w24s{width:24%;}.w23s{width:23%;}.w22s{width:22%;}.w21s{width:21%;}.w20s{width:20%;}
.w19s{width:19%;}.w18s{width:18%;}.w17s{width:17%;}.w16s{width:16%;}.w15s{width:15%;}.w14s{width:14%;}.w13s{width:13%;}.w12s{width:12%;}.w11s{width:11%;}.w10s{width:10%;}
.w9s{width:9%;}.w8s{width:8%;}.w7s{width:7%;}.w6s{width:6%;}.w5s{width:5%;}.w4s{width:4%;}.w3s{width:3%;}.w2s{width:2%;}.w1s{width:1%;}
.w100s{width:100%;}

.tls{text-align: left;}

.flexsp {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sbsp {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sasp {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_cesp {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wpsp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_cesp {-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_clsp{flex-direction: column;}.fd_crsp{flex-direction: column-reverse;}.grid{display: grid;}
.prl5p {padding: 0 5%;box-sizing: border-box;}
.fs20p{font-size: 18px;}.fs25p{font-size: 20px;}.fs28p{font-size: 22px;}.fs30p{font-size: 24px;}.fs35p{font-size: 28px;}.fs40p{font-size: 32px;}.fs50p{font-size: 38px;}.fs60p{font-size: 58px;}

/* -- margin  --*/
.mas{margin-right: auto;margin-left: auto;}
.mb0s{margin-bottom:0px !important;}.mb5s{margin-bottom:5px !important;}.mb10s{margin-bottom:10px !important;}.mb15s{margin-bottom:15px !important;}
.mb20s{margin-bottom:20px !important;}.mb25s{margin-bottom:25px !important;}.mb30s{margin-bottom:30px !important;}.mb35s{margin-bottom:35px !important;}
.mb40s{margin-bottom:40px !important;}.mb45s{margin-bottom:45px !important;}.mb50s{margin-bottom:50px !important;}.mb55s{margin-bottom:55px !important;}
.mb60s{margin-bottom:60px !important;}.mb65s{margin-bottom:65px !important;}.mb70s{margin-bottom:70px !important;}.mb75s{margin-bottom:75px !important;}
.mb80s{margin-bottom:80px !important;}.mb85s{margin-bottom:85px !important;}.mb90s{margin-bottom:90px !important;}.mb95s{margin-bottom:95px !important;}.mb100s{margin-bottom:100px !important;}

.grid2f-40{grid-template-columns: repeat(1, 1fr);column-gap: 40px;row-gap: 40px;}.grid2f-30{grid-template-columns: repeat(1, 1fr);column-gap: 30px;row-gap: 30px;}
.grid3f-40{grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(2, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid1f-0{grid-template-columns: repeat(2, 1fr);column-gap: 0;row-gap: 0;}.grid1f-0{grid-template-columns: repeat(1, 1fr);column-gap: 0;row-gap: 0;}


/* # body
---------------------------------------------------------------------------- */
.spnav{
  position: relative;
}

.spnav #splogo {
  width: 30%;
position: absolute;
top: 15px;
left: 15px;
}

.fixed .spnav #splogo {
  display: none;
}


/* nav */
#header nav ul li a:link {
    color: #fff;
    text-decoration: none;
}


#nav-toggle {
  position: fixed;
  top: 25px;
  right: 25px;
  height: 32px;
  cursor: pointer;
}
#nav-toggle > div {
  position: relative;
  width: 36px;
}
#nav-toggle span {
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #333;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 14px;
}
#nav-toggle span:nth-child(3) {
  top: 28px;
}
#nav-toggle:hover span:nth-child(1) {
  top: 4px;
}
#nav-toggle:hover span:nth-child(3) {
  top: 23px;
}

.open #nav-toggle span {
  background: #fff;
}
.open #nav-toggle span:nth-child(1) {
  top: 15px;
  transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 15px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 15px;
  transform: rotate(-45deg);
}

/* z-index */
#nav-toggle {
  z-index: 1000;
}

#container {
  z-index: 900;
}

#gloval-nav {
  background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 29px;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#gloval-nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  transition: color 0.6s ease;
}
#gloval-nav ul {
  list-style: none;
}
#gloval-nav ul li {
  opacity: 0;
  transform: translateX(200px);
  transition: transform 0.6s ease, opacity 0.2s ease;
  margin-right: auto;
}
#gloval-nav ul li:nth-child(2) {
  transition-delay: 0.1s;
}
#gloval-nav ul li:nth-child(3) {
  transition-delay: 0.2s;
}
#gloval-nav ul li:nth-child(4) {
  transition-delay: 0.3s;
}
#gloval-nav ul li:nth-child(5) {
  transition-delay: 0.4s;
}
#gloval-nav ul li:nth-child(6) {
  transition-delay: 0.5s;
}
#gloval-nav ul li:nth-child(7) {
  transition-delay: 0.6s;
}

#gloval-nav ul li.sns {
  margin-top: 20px;
padding-top: 20px;
border-top: dashed 1px #fff;
}

#gloval-nav ul li.sns h3 {
  width: 100%;
  margin-bottom: 20px;
          color: #fff;
}


/* open */
.open {
  overflow: hidden;
}
.open #gloval-nav {
  visibility: visible;
  opacity: 1;
}
.open #gloval-nav li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity 0.9s ease;
}

/* nav */

#second #va {
    height: 350px;
}

#second #va .vaarea {
  height: 460px;
}



/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
    padding-top: 50px;
}
#second #va .vaarea .pagetitle {
    margin: 210px auto 0;
}

#second #va .vaarea .pagetitle .en {
  font-size: 350%;
  margin-bottom: 15px;
}
#second #va .vaarea .pagetitle .ja {
    font-size: 150%;
}

/* # content
---------------------------------------------------------------------------- */
.bars .fw9{
  font-size: 300%;
}


.fcontact {
    padding: 30px 25px;
    border-radius: 15px;
  }

.fcontact h2.cbar {
  margin-bottom: 20px;
}

.fcontact .fcontact_btn {
  width: 100%;
}

.fcontact .fcontact_btn a {
  width: 100%;
  padding: 15px 0 15px 25px;
  font-size: 20px;
  text-align: left;
}

.fcontact .fcontact_btn a i {
    right: 12px;
    padding: 12px 14px;
    height: 40px;
    font-size: 14px;
}




.pagelink .pl_btn a {
    display: block;
background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border-radius:70px;
  font-weight: bold;
  position: relative;
  border:solid 3px #f7f7f7;
    width: 100%;
  padding: 15px 0 15px 25px;
  font-size: 20px;
  text-align: left;
}

.pagelink .pl_btn a span{
   background: linear-gradient(90deg, #fff, #fff);
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.pagelink .pl_btn a i {
  position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    padding: 12px 14px;
    height: 40px;
    font-size: 14px;
    margin: auto 0;
    border: solid 1px #fff;
    border-radius: 50%;
    line-height: 1;
    transition: transform 0.25s ease-out;

}

.pagelink .pl_btn a:hover {
  text-decoration: none;
  border:solid 3px #0131F7;
  background: #fff;
}

.pagelink .pl_btn a:hover span {
   background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pagelink .pl_btn a:hover i {
  color: #0131F7;
    border: solid 1px #0131F7;
}


/* # footer
---------------------------------------------------------------------------- */
#footer {
      padding: 50px 0;
}

#footer .fnavwrap{
      justify-content: center;
}

#footer .flogo{
  width: 30%;
    margin-bottom: 20px;
}

#footer #f_navi ul{
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
}

#footer #f_navi ul li {
    margin: 0 20px 10px 0;
}

#footer #f_cont .fcatchcopy {
    font-size: 65px;
  }

#footer #f_cont .jacc {
    font-size: 30px;
}


}



/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */
body.home #slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/* =============================
 index .section1
==============================*/
 @media screen and (max-width: 639px) {
body.home #contents .sec01 .dtxt p {
 	font-size: 16px;
 }
}

/* =============================
index  .section2
==============================*/

body.home .sec02 .reasontxt {flex-direction: column;}
body.home .sec02 .reasontxt .sbar .num {font-size: 18px;
	color: #2B39F6;
	margin-right: 20px;
	font-weight: normal;
}
body.home .sec02 .reasontxt dl{padding-left: 42px;}
body.home .sec02 .reasontxt dl dt {font-size: 25px;}

/* =============================
index  .section3
==============================*/
body.home .sec03 .newslist li {padding: 0 0 30px 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #BEBEBE;
	width: 100%;
	box-sizing: border-box;
}
body.home .sec03 .newslist li:last-child {margin-bottom: 0;}
body.home .sec03 .newslist li .datacate {width: 100%;
	margin-bottom: 10px;
}
body.home .sec03 .newslist li .datacate .data {font-size: 16px;
	margin-right: 40px;
}
body.home .sec03 .newslist li .cate{font-size: 14px;
	color: #fff;
	background: #333;
	padding: 6px 24px;
	line-height: 1;
}
body.home .sec03 .newslist li .link a{font-weight: bold;}
body.home .sec03 .newslist li .nl-icon {display: block;
    margin-left: auto;
    color: #2B39F6;
    font-weight: bold;
    font-size: 18px;
}
/* =============================
index .section4
==============================*/
body.home .sec04 .bars {margin-bottom: 80px;}
body.home .sec04 .notelogo {width: 177px;}
body.home .sec04 .newslist li {padding: 0 0 30px 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #BEBEBE;
	width: 100%;
	box-sizing: border-box;
}
body.home .sec04 .newslist li:last-child {margin-bottom: 0;}
body.home .sec04 .newslist li.ntdatalink {align-items: center;}
body.home .sec04 .newslist li.ntdatalink .data {font-size: 16px;
	margin-right: 40px;
}
body.home .sec04 .newslist li .link a{font-weight: bold;}
body.home .sec04 .newslist li .nl-icon {display: block;
    margin-left: auto;
    color: #2B39F6;
    font-weight: bold;
    font-size: 18px;
}
body.home .sec04 .snsnav ul {justify-content: center;}
body.home .sec04 .snsnav ul li {width: 300px;
	margin: 0 20px;
}
body.home .sec04 .snsnav ul li a{display: block;
	padding: 5px 10px 5px 15px;
    color: #fff;
    border-radius: 20px;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    font-weight: bold;
}
body.home .sec04 .snsnav ul li a i {color: #fff;
	margin-right: 20px;
}
body.home .sec04 .snsnav ul li.facebook a{
	background: #325DFE;
	border:solid 2px #325DFE;
}
body.home .sec04 .snsnav ul li.linkedin a{background: #2962BF;
	border:solid 2px #2962BF;
}
body.home .sec04 .snsnav ul li.twitter a{background: #000000;
	border:solid 2px #000000;
}
body.home .sec04 .snsnav ul li a:hover {text-decoration: none;}
body.home .sec04 .snsnav ul li.facebook a:hover{background: #fff;
	color: #325DFE;
}
body.home .sec04 .snsnav ul li.facebook a:hover i {color: #325DFE;}
body.home .sec04 .snsnav ul li.linkedin a:hover{background: #fff;
	color: #2962BF;
}
body.home .sec04 .snsnav ul li.linkedin a:hover i {color: #2962BF;}
body.home .sec04 .snsnav ul li.twitter a:hover{background: #fff;
	color: #000;
}
body.home .sec04 .snsnav ul li.twitter a:hover i {color: #000;}

@media screen and (max-width: 639px) {
body.home .sec04 .bars {margin-bottom: 50px;}
body.home .sec04 .notelogo {margin-bottom: 30px;}
body.home .sec04 .newslist li.ntdatalink {flex-wrap: wrap;
    padding: 0 0 20px 20px;
    margin-bottom: 20px;
}
body.home .sec04 .newslist li.ntdatalink .data {
    width: 100%;
}
body.home .sec04 .snsnav ul{justify-content: space-between;}
body.home .sec04 .snsnav ul li {width: 48%;
    margin: 0 0 20px;
}
body.home .sec04 .snsnav ul li.spnote a{background: #000000;
	border:solid 2px #000000;
}
body.home .sec04 .snsnav ul li.spnote a img {width: 20px;
	display: inline-block;
	margin-right: 20px;
}
body.home .sec04 .snsnav ul li.spnote a:hover{background: #fff;
	color: #000;
}
body.home .sec04 .snsnav ul li.spnote a:hover i {color: #000;}

}


/* ****************************************************
Title: aboutus.css
---------------------------------------------------------------------------- */
body.aboutus#second #va .vaarea {background: url(img/aboutus/va.jpg) no-repeat center center;
background-size:100%;}

body.aboutus#second .missiontxt {
	font-size:30px;
}

body.aboutus#second .sec02 .vlwr{
	border-bottom: solid 1px #efefef;
    padding: 0 0 40px;
}

body.aboutus#second .sec02 .vlwr .num {
	color:#fff;
	background:#0131F7;
	padding:3px 5px;
	text-align:center;
	margin-right:10px;
	display:block;
	font-weight:bold;
}

body.aboutus#second .sec02 .vlwr h2 {
	font-weight:bold;
	font-size:110%;
}

body.aboutus#second .sec03 h2.cname{
	font-family:serif;
		font-size:80px;
}

body.aboutus#second .sec03 .namewrap {
	background:#f6f6f6;
	padding:100px 0;
	border-radius:10px;
	box-sizing:border-box;
	
}

@media screen and (max-width: 639px) {
body.aboutus#second .sec03 .namewrap {
	padding:100px 20px;
}
}



/* ****************************************************
Title: business.css
---------------------------------------------------------------------------- */
body.business#second #va .vaarea {background: url(img/company/va.jpg) no-repeat center center;
background-size:100%;}

/* ****************************************************
Title: company.css
---------------------------------------------------------------------------- */

body.company#second #va .vaarea {background: url(img/company/va.jpg) no-repeat center center;
background-size:100%;}

/*==============
company sec01 
==============*/
body.company .sec01 .bar .en {line-height: 1.3;}
body.company .sec01 .company_info {padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #aeaeae;
}
body.company .sec01 .company_info:last-child {border-bottom: none;
	margin-bottom: 0;
}

body.company .sec01 .company_info dt {text-align: left;
    width: 18%;
    padding-left: 10px;
    font-weight: bold;
}

body.company .sec01 .company_info dd {width: 82%;
    line-height: 2;
    font-size: 93%;
    text-align: left;
    padding-left: 40px;
    box-sizing: border-box;
}

@media screen and (max-width: 639px) {
body.company .sec01 .company_info dt {width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
}

body.company .sec01 .company_info dd {width: 100%;
    line-height: 2;
    padding-left: 0;
}

body.company .sec01 .company_info dt {width: 100%;}
}
/* =============================
.company  .section2
==============================*/

body.company .sec02 .tslide_wrap .barss {font-size: 30px;
	line-height: 1.8;
}

body.company .two_slide_img {width: 50%;
  align-self: flex-end;
}

body.company .tslide_wrap {width: 55%;
	box-sizing: border-box;
}

body.company .sec02 .ceo {width: 42%;
  margin-bottom: 20px;
}

@media screen and (max-width: 639px) {
body.company .sec02 {padding: 80px 0 0;
    box-sizing: border-box;
}

body.company .sec02 .company_info dt {width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
}
	
body.company .sec02 .company_info dd {
	width: 100%;
    line-height: 2;
    padding-left: 0;
}

body.company .sec12 .company_info dt {width: 100%;}

body.company .sec02 .tslide_wrap .barss{font-size: ;}

body.company .tslide_wrap {width: 100%;}

body.company .sec02 .ceo {width: 100%;}
}


/* 追加 →　aboutusより */

body.company .missiontxt {
	font-size:30px;
}


body.company#second .sec03 h2.cname{
	font-family:serif;
		font-size:80px;
}

body.company#second .sec03 .namewrap {
	background:#f6f6f6;
	padding:100px 0;
	border-radius:10px;
	box-sizing:border-box;
	
}


@media screen and (max-width: 639px) {
body.company .sec03 .namewrap {
	padding:100px 20px;
}
}


/* ****************************************************
Title: contact.css
---------------------------------------------------------------------------- */
body.contact#second #va .vaarea {background: url(img/contact/va.jpg) no-repeat center center;
	background-size:100%;}

/*==============
contact sec01 
==============*/
body.contact .sec01 form dl {
    width: 900px;
    padding:0 0 10px;
    margin: 0 auto 30px;
}

body.contact .sec01 form dl.last{margin: 0 auto 30px;}

body.contact .sec01 form dl.flex dt {
    font-weight:bold;
    width:25%;
    padding-top:0.3em;
}

body.contact .sec01 form dt em {padding-left: 0.5em;}

body.contact .sec01 form dl.flex dd {width:75%;}

body.contact .sec01 form dl.flex dd.rtitle{flex-wrap: wrap;}

body.contact .sec01 form em {color:#C00;}

body.contact .sec01 form dd input {
    width: 430px;
    height:35px;
    font-size:1.2em;
    color:#333;
    padding-left: 0.5em;
}

body.contact .sec01 form dd input[type=radio]  {
    width: 15px !important;
    height:15px;;
    color:#333;
    padding-left: 0.5em;
        margin: 6px 5px 0;
}

.wpcf7-list-item:nth-child(2n-1){
	margin:0;
}

body.contact :placeholder-shown {color: #ccc; }

body.contact ::-webkit-input-placeholder {color: #ccc; }

body.contact :-moz-placeholder {color: #ccc; opacity: 1; }

body.contact ::-moz-placeholder {color: #ccc; opacity: 1; }

body.contact :-ms-input-placeholder {color: #ccc; }

body.contact input[type=checkbox] {display: none;}
body.contact .check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6em;
  vertical-align: middle;
  cursor: pointer;
}

body.contact .check_css:nth-child(1),
body.contact .check_css:nth-child(2) {margin-bottom: 0.5em;}

body.contact .mr2 {margin-right:2em;}

body.contact #text { width:480px;
padding: 0.5em;
background: #efefef;
font-size:80%;}

body.contact .check_css:hover:after {border-color: #0171bd;}
body.contact .check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
body.contact .check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.contact input[type=checkbox]:checked + body.contact .check_css:before {opacity: 1;}

body.contact .sec01 textarea {
    width: 78%;
    height: 200px;
    font-size: 1.2em;
}
body.contact .desc {color:#0131F7;}

body.contact .sec01 span.ERR {
    font-weight: bold;
    color:#F00;
}

body.contact .sec01 input.confirm {
background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  border-radius:40px;
    border: none;
    cursor: pointer;
    display: block;
    height: 70px;
    text-align:center;
    font-size:125%;
    font-weight: bold;
    color:#fff;
    width: 400px;
    margin: 0 auto 20px;
}

body.contact .sec01 input.confirm:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;

}

body.contact .sec01 input.reset {
    background-color: #CCCCCC;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    text-align:center;
    font-size:110%;
    color:#fff;
    width: 170px;
    margin: 0 auto;
}

body.contact .sec01 input.confirm:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;
}

body.contact .submit {width:1000px; margin:0 auto;}

body.contact .btn_wrap {padding-left:70px;}

body.contact .sec01 input#submit {
background:#5670db;
  border-radius:40px;
    border: none;
    cursor: pointer;
    display: block;
    height: 70px;
    text-align:center;
    font-size:125%;
    color:#fff;
    width: 400px;
    margin: 0 auto;
}

body.contact .sec01 input#submit:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;
}
body.contact .sec01 input#back{
    background-color: #CCCCCC;
    border: none;
    cursor: pointer;
    display: block;
    height: 40px;
    text-align:center;
    color:#fff;
    width: 200px;
    margin: 0 auto 20px;
    border-radius: 40px;
font-size: 95%;
}

body.contact .sec01 input#back:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;

}

body.contact .sec01 .privacy {
    background-color: #f5f5f5;
    height: 200px;
    overflow-y: scroll;
    padding: 30px 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

body.contact .sec01 .privacy dl {width: 100%}
body.contact .sec01 .privacy dl dt {font-weight: bold;
    margin: 0 0 8px 0;
}

body.contact .sec01 .privacy dl dd {
    margin: 0 0 30px 0;
    font-size: 90%;
}

@media screen and (max-width: 639px) {
body.contact .sec01 form dl.flex dt {width: 100%;}

body.contact .sec01 form dl.flex dd {width: 100%;}

body.contact .sec01 form dl {width: 100%;}

body.contact .sec01 form dl.flex dd {width: 100%;}

body.contact .sec01 form dl.flex dd.rtitle p input{
	display: inline-block;
        width: 20px;
}

body.contact .sec01 form dl.flex dd.rtitle p label {display: inline-block;}

body.contact .sec01 form dl.flex dd input,
body.contact .sec01 form dl.flex dd textarea {
	width: 100%;
}

body.contact .btn_wrap {padding-left: 0;}

body.contact .sec01 input.confirm{width: 100%;}

}

/* ****************************************************
Title: news.css
---------------------------------------------------------------------------- */
body.archive#second #va .vaarea,
body.single-post#second #va .vaarea,
body.blog#second #va .vaarea {
	background: url(img/news/va.jpg) no-repeat center center;
	background-size:100%;
}

/*==============
news sec01 
==============*/

body.blog .sec01 .archive {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

body.blog .sec01 .archive .newsblog {position: relative;}

body.blog .sec01 .archive .newsblog .txtwrap {
	background: #F7F7F7;
	padding: 25px 20px;
}

body.blog .sec01 .archive .newsblog .txtwrap .category {
	padding: 5px 10px;
	color: #fff;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	    font-size: 14px;
}

body.blog .sec01 .archive .newsblog .txtwrap .excerpt{
	font-size:14px;
}

body.blog .sec01 .archive .newsblog .eyecatch a {
	overflow:hidden;
	width:100%;
	display:block;
}

body.blog .sec01 .archive .newsblog .eyecatch a img:hover{
	transform:scale(1.3);
	transition: all 1s ease;
}

body.single main#primary h1 {
	letter-spacing: .04em;
    background: linear-gradient(90deg, #0131F7, #4EEDDD);
    background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 1.5;
    font-size: 28px;
	margin-top: 5px;
}


body.single main#primary .entry-content h2 {
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 2;
    font-size: 26px;
	margin-top: 40px;
	color:#0131F7;
}

body.single main#primary .entry-content h3 {
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 2;
    font-size: 20px;
	margin-top: 30px;
		color:#0131F7;
}

body.single main#primary .category {
    padding: 5px 15px;
    color: #fff;
    background: #333;
    font-size: 12px;
	margin-left:15px;
		letter-spacing: .15em;
}

body.single main#primary .entry-content{
	margin-bottom:100px;
}

body.single main#primary .entry-content p{
	margin-top: 20px;
    margin-bottom: 20px;
	line-height:2;
}

body.single main#primary .entry-content ul{
	padding-left: 20px;
	margin-top: 20px;
   margin-bottom: 20px;
}
body.single main#primary .entry-content ul li{
	    list-style-type: disc;
	    margin-top: 9px;
    margin-bottom: 9px;
    overflow: initial;
}

body.single main#primary .entry-content blockquote{
	padding: 20px 30px 10px;
    background: #f4f4f4;
	margin-bottom:30px;
}

body.single main#primary .entry-content blockquote h1,
body.single main#primary .entry-content blockquote h2,
body.single main#primary .entry-content blockquote h3 {
	margin-top:0;
}


@media screen and (max-width: 639px) {
	body.single main#primary{
		padding:0 5%;
	}
body.blog .sec01 .archive {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

body.blog .sec01 .archive .newsblog .txtwrap {
	padding: 15px;
}

body.blog .sec01 .archive .newsblog .txtwrap .category {
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 5px;
    position: inherit;
}
}
/* ****************************************************
Title: archive.css
---------------------------------------------------------------------------- */

/*==============
news sec01 
==============*/

body.archive .sec01 .archive {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

body.archive .sec01 .archive .newsblog {position: relative;}

body.archive .sec01 .archive .newsblog .txtwrap {
	background: #F7F7F7;
	padding: 25px 20px;
}

body.archive .sec01 .archive .newsblog .txtwrap .category {
	padding: 5px 10px;
	color: #fff;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	    font-size: 14px;
}

body.archive .sec01 .archive .newsblog .txtwrap .excerpt{
	font-size:14px;
}

body.archive .sec01 .archive .newsblog .eyecatch a {
	overflow:hidden;
	width:100%;
	display:block;
}

body.archive .sec01 .archive .newsblog .eyecatch a img:hover{
	transform:scale(1.1);
	transition: all 1s ease;
}


@media screen and (max-width: 639px) {
body.archive .sec01 .archive {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

body.archive .sec01 .archive .newsblog .txtwrap {padding: 15px;}

body.archive .sec01 .archive .newsblog .txtwrap .category {
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 5px;
    position: inherit;
}
}


/* ****************************************************
Title: privacypolicy.css
---------------------------------------------------------------------------- */
body.privacypolicy#second #va .vaarea {
	background: url(img/privacypolicy/va.jpg) no-repeat center center;
	background-size:100%;
}
/*==============
privacypolicy sec01 
==============*/
body.privacypolicy h3.headline{font-size: 20px;}

body.privacypolicy section ol{
    list-style: decimal;
    margin-left: 1.5em;
}

/* ****************************************************
Title: 404.css
---------------------------------------------------------------------------- */
body.error404#second #va .vaarea {
	background: url(img/404/va.jpg) no-repeat center center;
}

/*==============
sec01 
==============*/
body.error404 .nf .nfbtn a {
    padding: 24px 0;
    width: 400px;
    display: block;
  text-align: center;
background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  color: #fff;
  border-radius:70px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border:solid 3px #fff;
}

body.error404 .nf .nfbtn a i{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 18px;
    padding: 14px 16px 14px;
    border: solid 1px #fff;
    border-radius: 50%;
    line-height: 1;
    height: 45px;
    font-size: 16px;
}

body.error404 .nf .nfbtn a span{
   background: linear-gradient(90deg, #fff, #fff);
  background: -webkit-linear-gradient(0deg, #fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.error404 .nf .nfbtn a:hover {
  text-decoration: none;
  border:solid 3px #0131F7;
  background: #fff;
}

body.error404 .nf .nfbtn a:hover span {
   background: linear-gradient(90deg, #0131F7, #4EEDDD);
  background: -webkit-linear-gradient(0deg, #0131F7, #4EEDDD);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.error404 .nf .nfbtn a:hover i {
  color: #0131F7;
    border: solid 1px #0131F7;
}


@media screen and (max-width: 639px) {
body.error404#second #va .vaarea {
    background-position: right bottom;
    background-size: contain;
}

body.error404 .nf .nfbtn a {
  width: 100%;
  padding: 15px 0 15px 25px;
  font-size: 20px;
  text-align: left;
}
body.error404 .nf .nfbtn a i {
    right: 12px;
    padding: 12px 14px;
    height: 40px;
    font-size: 14px;
}
}


/* ****************************************************
Title: ブログ　ページナビゲーション
---------------------------------------------------------------------------- */
nav.navigation *, nav.navigation *:after, nav.navigation *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
nav.navigation a {
	text-decoration: none;
}
nav.navigation {
	margin: 2em 0;
	text-align: center;
}
.navigation .nav-links {
	display: inline-block;
	height: 70px;
	margin-top: 2em;
	padding: 0 25px;
	border-radius: 35px;
	background-color: #eeeeee;
}
.navigation .page-numbers {
	font-size: 1.2em;
	line-height: 70px;
	display: block;
	float: left;
	padding: 0 25px;
	transition: 400ms ease;
	letter-spacing: 0.1em;
	color: #595959;
}
.navigation .page-numbers:hover,
.navigation .page-numbers.current {
	color: #ffffff;
	background-color: #0131F7;
}
.navigation .page-numbers.prev:hover,
.navigation .page-numbers.next:hover {
	color: #00BCD4;
	background-color: transparent;
}
@media only screen and (max-width: 960px) {
	.navigation .nav-links {
		height: 50px;
		margin-top: 50px;
		padding: 0 10px;
		border-radius: 25px;
	}
	.navigation .page-numbers {
	font-size: 0.8em;
	line-height: 50px;
	padding: 0 15px;
	}
	.navigation .page-numbers.prev,
	.navigation .page-numbers.next {
		padding: 0 10px;
	}
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
	.navigation .page-numbers {
	display: none;
	padding: 0 14px;
	}
	.navigation .page-numbers:nth-of-type(2) {
	position: relative;
	padding-right: 50px;
	}
	.navigation .page-numbers:nth-of-type(2)::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	left: 45px;
	content: '...';
	}
	.navigation .page-numbers:nth-child(-n+3),
	.navigation .page-numbers:nth-last-child(-n+3) {
		display: block;
	}
	.navigation .page-numbers:nth-last-child(-n+4) {
		padding-right: 14px;
	}
	.navigation .page-numbers:nth-last-child(-n+4)::after {
		content: none;
	}
	.navigation .page-numbers.prev,
	.navigation .page-numbers.next {
		padding: 0 5px;
	}
}


/* ****************************************************
Title: Service
---------------------------------------------------------------------------- */
body.service#second #va .vaarea {background: url(img/business/va.jpg) no-repeat center center;
background-size:100%;}

body.service .des_txt{
	line-height:2;
}
body.service .sec01 .bocont .bodes {
	align-items: flex-end;
	background-position:top right;
	background-repeat:no-repeat;
	background-size:100px;
}

body.service .sec01 .bocont .bodes.bo01 {
	background-image:url(img/business/bo_1.png);
}
body.service .sec01 .bocont .bodes.bo02 {
	background-image:url(img/business/bo_2.png);
}
body.service .sec01 .bocont .bodes.bo03 {
	background-image:url(img/business/bo_3.png);
}

body.service .sec01 .bocont .bodes .boimg {
	width:50%;
}
body.service .sec01 .bocont .bodes .botxt {
	width:46.875%;
}
body.service .sec01 .bocont .bodes .botxt dl dt {
	font-size:28px;
}
body.service .sec01 .bocont .bodes .botxt dl dd {
	font-size:16px;
	line-height:2;
}

body.service .sec02 .flowcont{
	position:relative;
	z-index:1;
}

body.service .sec02 .flowcont:before{
	content:"";
	width:5px;
	position:absolute;
	height:98%;
	z-index:-1;
	left:100px;
	top:10px;
	background-color:#4DE1DF;
}


body.service .sec02 .flowcont .flowdes .flowimg {
	width:25%;
}

body.service .sec02 .flowcont .flowdes .flowtxt {
	width:71.875%;
}

body.service .sec02 .flowcont .flowdes .flowtxt dl dt {
	font-size:24px;
}

body.service .sec02 .flowcont .flowdes .flowtxt dl dt img {
	margin-right:10px;
	width:40px;
}

body.service .sec02 .flowcont .flowdes .flowtxt dl dd{
	line-height:2;
}

body.service .sec03 .achivement {
	width:600px;
	box-sizing:border-box;
	padding:15px;
	background-color:#FAFAFA;
	margin: 0 20px;
}

body.service .sec03 .achivement .person {
	width:120px;
	position:relative;
}

body.service .sec03 .achivement .profile{
	margin-bottom:20px;
}

body.service .sec03 .achivement .profile .person .age {
	padding:5px 3px;
	font-weight:bold;
	display:block;
	background:#fff;
	font-size:14px;
	position: absolute;
	bottom:0;
    left: 50%;
    line-height: 1;
    width: 100%;
	text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

body.service .sec03 .achivement .profile .job {
	width:calc(100% - 130px)
}

body.service .sec03 .achivement .profile .job p{
	font-size:14px;
}

body.service .sec03 .achivement .profile .job .arrow {
	margin:0 10px;
}

body.service .sec03 .achivement .profile .job .after {
	font-weight:bold;
	text-align:center;
	padding:2px 15px;
	background: -moz-linear-gradient(left, #0131F7 0%, #4EEDDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0131F7 0%,#4EEDDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0131F7 0%,#4EEDDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0131F7', endColorstr='#4EEDDD',GradientType=0 ); /* IE6-9 */
  color: #fff;
}

body.service .sec03 .achivement .jctxt{
	line-height:2;
}

.slick-prev {
    left: -10px;
	z-index: 10;
}
.slick-next {
    right: -10px;
}

.slick-prev:before,
.slick-next:before
{
    color: #000;
}
@media only screen and (max-width: 960px) {
	body.service .sec01 .bocont .bodes .boimg {
    width: 100%;
		    margin-bottom: 20px;
}
	body.service .sec01 .bocont .bodes .botxt{
		width:100%;
	}
	
	body.service .sec02 .flowcont .flowdes {
		padding:15px;
		box-sizing:border-box;
		background:#fafafa;
		border-radius:20px;
	}

body.service .sec03 .achivement .profile .job .after {
	text-align:left;
	}
	
body.service .sec02 .flowcont:before{
	left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
	
	body.service .sec02 .flowcont .flowdes .flowimg {
      width: 80%;
      margin: 0 auto 20px;
}
	body.service .sec02 .flowcont .flowdes .flowtxt {
    width: 100%;
}

	
body.service .sec03 .achivement {
	width:340px;
    margin: 0 10px;
	}
	
}