@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,500|Noto+Serif+JP:300,600&subset=japanese');
@charset "utf-8";
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,
::before,
::after{
	background-repeat:no-repeat;
	box-sizing:inherit;
}
::before,
::after{
	text-decoration:inherit;
	vertical-align:inherit;
}
html{
	box-sizing:border-box;
	cursor:default;
	font-family:sans-serif;
	line-height:1.5;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
article,
aside,
footer,
header,
nav,
section{
	display:block;
}
body{
	margin:0;
}
h1{
	font-size:2em;
	margin:.67em 0;
}
figcaption,
figure,
main{
	display:block;
}
figure{
	margin:1em 40px;
}
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible;
}
nav ol,
nav ul{
	list-style:none;
}
pre{
	font-family:monospace, monospace;
	font-size:1em;
}
a{
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}
abbr[title]{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted;
}
b,
strong{
	font-weight:inherit;
	font-weight:bolder;
}
code,
kbd,
samp{
	font-family:monospace, monospace;
	font-size:1em;
}
dfn{
	font-style:italic;
}
mark{
	background-color:#ffff00;
	color:#000000;
}
small{
	font-size:80%;
}
sub,
sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sub{
	bottom:-.25em;
}
sup{
	top:-.5em;
}
::-moz-selection{
	background-color:#b3d4fc;
	color:#000000;
	text-shadow:none;
}
::selection{
	background-color:#b3d4fc;
	color:#000000;
	text-shadow:none;
}
audio,
canvas,
iframe,
img,
svg,
video{
	vertical-align:middle;
}
audio,
video{
	display:inline-block;
}
audio:not([controls]){
	display:none;
	height:0;
}
img{
	border-style:none;
}
svg{
	fill:currentColor;
}
svg:not(:root){
	overflow:hidden;
}
table{
	border-collapse:collapse;
}
button,
input,
optgroup,
select,
textarea{
	margin:0;
}
button,
input,
select,
textarea{
	background-color:transparent;
	color:inherit;
	font-size:inherit;
	line-height:inherit;
}
button,
input{
	overflow:visible;
}
button,
select{
	text-transform:none;
}
button, html [type="button"], [type="reset"], [type="submit"]{
	-webkit-appearance:button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
	border-style:none;
	padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
	outline:1px dotted ButtonText;
}
legend{
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}
progress{
	display:inline-block;
	vertical-align:baseline;
}
textarea{
	overflow:auto;
	resize:vertical;
}
[type="checkbox"],
[type="radio"]{
	box-sizing:border-box;
	padding:0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
	height:auto;
}
[type="search"]{
	-webkit-appearance:textfield;
	outline-offset:-2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none;
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit;
}
details, menu{
	display:block;
}
summary{
	display:list-item;
}
canvas{
	display:inline-block;
}
template{
	display:none;
}
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex]{
	-ms-touch-action:manipulation;
	touch-action:manipulation;
}
[hidden]{
	display:none;
}
[aria-busy="true"]{
	cursor:progress;
}
[aria-controls]{
	cursor:pointer;
}
[aria-hidden="false"][hidden]{
	clip:rect(0, 0, 0, 0);
	display:inherit;
	position:absolute;
}
[aria-hidden="false"][hidden]:focus{
	clip:auto;
}
[aria-disabled]{
	cursor:default;
}
/*!
* @license Copyright novita[Ryuta Uchida].
* @author novita[Ryuta Uchida].
* http://www.novita.jp/
*/
@keyframes fadein{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@keyframes moveFromBottom{
  0%{
    transform:translate3d(0, 200%, 0) scale(0.5);
    opacity:0;
  }
  100%{
    transform:translate3d(0, 0%, 0) scale(1);
    opacity:1;
  }
}
html,
body{
  position:relative;
  width:100%;
  font-family:"Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
  font-weight:300;
  font-feature-settings:"palt";
  text-align:justify;
  text-justify:inter-ideograph;
  color:#212121;
  line-height:1.5;
  word-break:break-all;
  font-size:12px;
}
@media screen and (min-width: 768px){
html,
body{
		font-size:16px
}
}
@media print{
html,
body{
		font-size:16px
}
}
h1{
  font-size:2rem;
  margin:.67rem 0;
}
code,
kbd,
pre,
samp{
  font-family:monospace, monospace;
  font-size:1rem;
}
button,
input,
select,
textarea{
  font-size:1rem;
}
a{
  text-decoration:none;
  display:inline;
  outline:none;
  border-bottom:none;
}
a,a:visited{
  color:#2121bc;
  }
a.hover{
    color:#2183bc;
  }
a.underlined,
  .underlined a,a.underlined-hover.hover,.underlined-hover a.hover{
      text-decoration:underline;
    }
a.nohref{
    pointer-events:none;
  }
a.btn_hover{
  transition:opacity 0.2s ease-out;
  opacity:1;
}
a.btn_hover.hover,a.btn_alpha{
    opacity:0.8;
}
a.btn_alpha{
  transition:opacity 0.2s ease-out;
}
a.btn_alpha.hover{
    opacity:1;
  }
.small,h6{
  font-size:0.83em;
}
.big{
  font-size:1.5em;
}
ol,
ul{
  padding-left:2em;
}
ol.listIndent,
ul.listIndent{
  margin-left:1.5em;
}
ol.noListMark,
ul.noListMark{
  list-style:none;
  padding-left:0;
}
h1,
h2,
h3,
h4,
h5{
  font-weight:600;
}
h6{
  font-weight:300;
}
.strong{
  color:#F4B200 !important;
}
.strong,.bold{
  font-weight:600 !important;
}
.normal{
  font-weight:300 !important;
}
.accent{
  color:#ff0500 !important;
}
.roman{
  font-family:'Lora', serif !important;
  font-weight:400 !important;
  font-size:1.05em;
  margin-left:0.1em;
  margin-right:0.1em;
}
body{
  overflow-x:hidden;
}
*{
  min-height:0;
  min-width:0;
}
.parallax-container{
  height:auto;
}
.parallax-container .parallax{
    z-index:0;
  }
.parallax-container .parallax img{
      width:100%;
    }
body.debug:before{
  position:fixed;
  right:10px;
  bottom:0;
  z-index:99999;
  font-size:40px;
  color:rgba(0,0,0,0.3);
  background:none;
  pointer-events:none;
  content:"スマホ";
}
@media screen and (min-width: 376px){
body.debug:before{
		content:"タブレット"
}
}
@media screen and (min-width: 768px){
body.debug:before{
		content:"タブレット(横)"
}
}
@media screen and (min-width: 1140px){
body.debug:before{
		content:"PC"
}
}
@media screen and (min-width: 1400px){
body.debug:before{
		content:"HD"
}
}
.debug-div{
  display:none;
  width:100%;
  height:20rem;
  background:#fff;
  margin-bottom:2rem;
  padding:1rem;
  overflow-y:scroll;
}
.debug-div pre{
    white-space:pre-wrap;
    font-size:0.75em;
  }
body.debug .debug-div{
    display:block;
  }
.forSP{
  display:inline !important;
  display:initial !important;
}
@media screen and (min-width: 768px){
.forSP{
		display:none !important
}
}
.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
.forPC{
		display:inline !important;
		display:initial !important
}
}
br.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
br.forSP{
		display:none !important
}
}
br.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
br.forPC{
		display:inline !important
}
}
img.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
img.forSP{
		display:none !important
}
}
img.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
img.forPC{
		display:inline !important
}
}
span.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
span.forSP{
		display:none !important
}
}
span.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
span.forPC{
		display:inline !important
}
}
.mx-auto{
  margin-left:auto !important;
  margin-right:auto !important;
}
.mt--10{
    margin-top:-10rem !important;
  }
.mb--10{
    margin-bottom:-10rem !important;
  }
.ml--10{
    margin-left:-10rem !important;
  }
.mr--10{
    margin-right:-10rem !important;
  }
.pt--10{
    padding-top:-10rem !important;
  }
.pb--10{
    padding-bottom:-10rem !important;
  }
.pl--10{
    padding-left:-10rem !important;
  }
.pr--10{
    padding-right:-10rem !important;
  }
.mt--9{
    margin-top:-9rem !important;
  }
.mb--9{
    margin-bottom:-9rem !important;
  }
.ml--9{
    margin-left:-9rem !important;
  }
.mr--9{
    margin-right:-9rem !important;
  }
.pt--9{
    padding-top:-9rem !important;
  }
.pb--9{
    padding-bottom:-9rem !important;
  }
.pl--9{
    padding-left:-9rem !important;
  }
.pr--9{
    padding-right:-9rem !important;
  }
.mt--8{
    margin-top:-8rem !important;
  }
.mb--8{
    margin-bottom:-8rem !important;
  }
.ml--8{
    margin-left:-8rem !important;
  }
.mr--8{
    margin-right:-8rem !important;
  }
.pt--8{
    padding-top:-8rem !important;
  }
.pb--8{
    padding-bottom:-8rem !important;
  }
.pl--8{
    padding-left:-8rem !important;
  }
.pr--8{
    padding-right:-8rem !important;
  }
.mt--7{
    margin-top:-7rem !important;
  }
.mb--7{
    margin-bottom:-7rem !important;
  }
.ml--7{
    margin-left:-7rem !important;
  }
.mr--7{
    margin-right:-7rem !important;
  }
.pt--7{
    padding-top:-7rem !important;
  }
.pb--7{
    padding-bottom:-7rem !important;
  }
.pl--7{
    padding-left:-7rem !important;
  }
.pr--7{
    padding-right:-7rem !important;
  }
.mt--6{
    margin-top:-6rem !important;
  }
.mb--6{
    margin-bottom:-6rem !important;
  }
.ml--6{
    margin-left:-6rem !important;
  }
.mr--6{
    margin-right:-6rem !important;
  }
.pt--6{
    padding-top:-6rem !important;
  }
.pb--6{
    padding-bottom:-6rem !important;
  }
.pl--6{
    padding-left:-6rem !important;
  }
.pr--6{
    padding-right:-6rem !important;
  }
.mt--5{
    margin-top:-5rem !important;
  }
.mb--5{
    margin-bottom:-5rem !important;
  }
.ml--5{
    margin-left:-5rem !important;
  }
.mr--5{
    margin-right:-5rem !important;
  }
.pt--5{
    padding-top:-5rem !important;
  }
.pb--5{
    padding-bottom:-5rem !important;
  }
.pl--5{
    padding-left:-5rem !important;
  }
.pr--5{
    padding-right:-5rem !important;
  }
.mt--4{
    margin-top:-4rem !important;
  }
.mb--4{
    margin-bottom:-4rem !important;
  }
.ml--4{
    margin-left:-4rem !important;
  }
.mr--4{
    margin-right:-4rem !important;
  }
.pt--4{
    padding-top:-4rem !important;
  }
.pb--4{
    padding-bottom:-4rem !important;
  }
.pl--4{
    padding-left:-4rem !important;
  }
.pr--4{
    padding-right:-4rem !important;
  }
.mt--3{
    margin-top:-3rem !important;
  }
.mb--3{
    margin-bottom:-3rem !important;
  }
.ml--3{
    margin-left:-3rem !important;
  }
.mr--3{
    margin-right:-3rem !important;
  }
.pt--3{
    padding-top:-3rem !important;
  }
.pb--3{
    padding-bottom:-3rem !important;
  }
.pl--3{
    padding-left:-3rem !important;
  }
.pr--3{
    padding-right:-3rem !important;
  }
.mt--2{
    margin-top:-2rem !important;
  }
.mb--2{
    margin-bottom:-2rem !important;
  }
.ml--2{
    margin-left:-2rem !important;
  }
.mr--2{
    margin-right:-2rem !important;
  }
.pt--2{
    padding-top:-2rem !important;
  }
.pb--2{
    padding-bottom:-2rem !important;
  }
.pl--2{
    padding-left:-2rem !important;
  }
.pr--2{
    padding-right:-2rem !important;
  }
.mt--1{
    margin-top:-1rem !important;
  }
.mb--1{
    margin-bottom:-1rem !important;
  }
.ml--1{
    margin-left:-1rem !important;
  }
.mr--1{
    margin-right:-1rem !important;
  }
.pt--1{
    padding-top:-1rem !important;
  }
.pb--1{
    padding-bottom:-1rem !important;
  }
.pl--1{
    padding-left:-1rem !important;
  }
.pr--1{
    padding-right:-1rem !important;
  }
.mt-0{
    margin-top:0rem !important;
  }
.mb-0{
    margin-bottom:0rem !important;
  }
.ml-0{
    margin-left:0rem !important;
  }
.mr-0{
    margin-right:0rem !important;
  }
.pt-0{
    padding-top:0rem !important;
  }
.pb-0{
    padding-bottom:0rem !important;
  }
.pl-0{
    padding-left:0rem !important;
  }
.pr-0{
    padding-right:0rem !important;
  }
.mt-1{
    margin-top:1rem !important;
  }
.mb-1{
    margin-bottom:1rem !important;
  }
.ml-1{
    margin-left:1rem !important;
  }
.mr-1{
    margin-right:1rem !important;
  }
.pt-1{
    padding-top:1rem !important;
  }
.pb-1{
    padding-bottom:1rem !important;
  }
.pl-1{
    padding-left:1rem !important;
  }
.pr-1{
    padding-right:1rem !important;
  }
.mt-2{
    margin-top:2rem !important;
  }
.mb-2{
    margin-bottom:2rem !important;
  }
.ml-2{
    margin-left:2rem !important;
  }
.mr-2{
    margin-right:2rem !important;
  }
.pt-2{
    padding-top:2rem !important;
  }
.pb-2{
    padding-bottom:2rem !important;
  }
.pl-2{
    padding-left:2rem !important;
  }
.pr-2{
    padding-right:2rem !important;
  }
.mt-3{
    margin-top:3rem !important;
  }
.mb-3{
    margin-bottom:3rem !important;
  }
.ml-3{
    margin-left:3rem !important;
  }
.mr-3{
    margin-right:3rem !important;
  }
.pt-3{
    padding-top:3rem !important;
  }
.pb-3{
    padding-bottom:3rem !important;
  }
.pl-3{
    padding-left:3rem !important;
  }
.pr-3{
    padding-right:3rem !important;
  }
.mt-4{
    margin-top:4rem !important;
  }
.mb-4{
    margin-bottom:4rem !important;
  }
.ml-4{
    margin-left:4rem !important;
  }
.mr-4{
    margin-right:4rem !important;
  }
.pt-4{
    padding-top:4rem !important;
  }
.pb-4{
    padding-bottom:4rem !important;
  }
.pl-4{
    padding-left:4rem !important;
  }
.pr-4{
    padding-right:4rem !important;
  }
.mt-5{
    margin-top:5rem !important;
  }
.mb-5{
    margin-bottom:5rem !important;
  }
.ml-5{
    margin-left:5rem !important;
  }
.mr-5{
    margin-right:5rem !important;
  }
.pt-5{
    padding-top:5rem !important;
  }
.pb-5{
    padding-bottom:5rem !important;
  }
.pl-5{
    padding-left:5rem !important;
  }
.pr-5{
    padding-right:5rem !important;
  }
.mt-6{
    margin-top:6rem !important;
  }
.mb-6{
    margin-bottom:6rem !important;
  }
.ml-6{
    margin-left:6rem !important;
  }
.mr-6{
    margin-right:6rem !important;
  }
.pt-6{
    padding-top:6rem !important;
  }
.pb-6{
    padding-bottom:6rem !important;
  }
.pl-6{
    padding-left:6rem !important;
  }
.pr-6{
    padding-right:6rem !important;
  }
.mt-7{
    margin-top:7rem !important;
  }
.mb-7{
    margin-bottom:7rem !important;
  }
.ml-7{
    margin-left:7rem !important;
  }
.mr-7{
    margin-right:7rem !important;
  }
.pt-7{
    padding-top:7rem !important;
  }
.pb-7{
    padding-bottom:7rem !important;
  }
.pl-7{
    padding-left:7rem !important;
  }
.pr-7{
    padding-right:7rem !important;
  }
.mt-8{
    margin-top:8rem !important;
  }
.mb-8{
    margin-bottom:8rem !important;
  }
.ml-8{
    margin-left:8rem !important;
  }
.mr-8{
    margin-right:8rem !important;
  }
.pt-8{
    padding-top:8rem !important;
  }
.pb-8{
    padding-bottom:8rem !important;
  }
.pl-8{
    padding-left:8rem !important;
  }
.pr-8{
    padding-right:8rem !important;
  }
.mt-9{
    margin-top:9rem !important;
  }
.mb-9{
    margin-bottom:9rem !important;
  }
.ml-9{
    margin-left:9rem !important;
  }
.mr-9{
    margin-right:9rem !important;
  }
.pt-9{
    padding-top:9rem !important;
  }
.pb-9{
    padding-bottom:9rem !important;
  }
.pl-9{
    padding-left:9rem !important;
  }
.pr-9{
    padding-right:9rem !important;
  }
.mt-10{
    margin-top:10rem !important;
  }
.mb-10{
    margin-bottom:10rem !important;
  }
.ml-10{
    margin-left:10rem !important;
  }
.mr-10{
    margin-right:10rem !important;
  }
.pt-10{
    padding-top:10rem !important;
  }
.pb-10{
    padding-bottom:10rem !important;
  }
.pl-10{
    padding-left:10rem !important;
  }
.pr-10{
    padding-right:10rem !important;
  }
.radius-0{
    border-radius:0rem !important;
  }
.radius-1{
    border-radius:0.25rem !important;
  }
.radius-2{
    border-radius:0.5rem !important;
  }
.radius-3{
    border-radius:0.75rem !important;
  }
.radius-4{
    border-radius:1rem !important;
  }
.radius-5{
    border-radius:1.25rem !important;
  }
.radius-6{
    border-radius:1.5rem !important;
  }
.radius-7{
    border-radius:1.75rem !important;
  }
.radius-8{
    border-radius:2rem !important;
  }
.radius-9{
    border-radius:2.25rem !important;
  }
.radius-10{
    border-radius:2.5rem !important;
  }
.radius-max{
  border-radius:9999px;
}
.radius-100{
  border-radius:100%;
}
.font-serif{
  font-family:"Noto Serif JP","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.font-serif,.font-serif.normal{
  font-weight:300;
  }
.font-serif.bold{
    font-weight:600;
  }
.font-sans-serif{
  font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.font-sans-serif,.font-sans-serif.normal{
  font-weight:300;
  }
.font-sans-serif.bold{
    font-weight:500;
  }
.ta-left{
    text-align:left !important;
  }
.ta-right{
    text-align:right !important;
  }
.ta-center{
    text-align:center !important;
  }
.responsive-img img,
  .responsive-img svg,
  .ri img,
  .ri svg,img.responsive-img,
img.ri,
svg.responsive-img,
svg.ri{
  width:100%;
  height:auto;
}
.responsive-img-maxWidth img,
  .responsive-img-maxWidth svg,
  .ri-mw img,
  .ri-mw svg,img.responsive-img-maxWidth,
img.ri-mw,
svg.responsive-img-maxWidth,
svg.ri-mw{
    max-width:100%;
    height:auto;
}
svg .origin{
  fill:none;
}
.hr{
  height:1px;
  width:100%;
  margin:1.5em 0;
  background:#bdbdbd;
}
h1.common-style{
  position:relative;
  text-align:center;
  letter-spacing:0.2em;
  font-weight:300;
  line-height:1.25;
  margin:4rem auto;
  font-size:1.4rem;
}
h1.common-style span{
    position:relative;
    display:inline-block;
  }
h1.common-style span:after{
      position:absolute;
      content:'';
      display:block;
      border-bottom:solid 2px #F4B200;
      bottom:-0.5em;
      left:15%;
      width:70%;
    }
@media screen and (min-width: 768px){
h1.common-style{
		font-size:2rem
}
}
@media print{
h1.common-style{
		font-size:2rem
}
}
h2.common-style{
  position:relative;
  display:block;
  margin-bottom:2rem;
  text-align:center;
  color:#F4B200;
  letter-spacing:0.2em;
}
h2.common-style:before{
    content:'';
    position:absolute;
    bottom:-0.5rem;
    display:block;
    width:3.75rem;
    height:0.2rem;
    left:50%;
    transform:translateX(-50%);
    background-color:#F4B200;
    border-radius:2px;
  }
h3.common-style{
  position:relative;
  text-align:center;
  display:block;
  line-height:1.25;
  font-size:0.875rem;
  letter-spacing:0.3em;
  margin:2rem 0;
}
h3.common-style span{
    z-index:1;
    position:relative;
    display:inline-block;
    padding:0 0.5em;
  }
h3.common-style span:after{
      z-index:-1;
      background:#fdfdfd;
      top:0;
      height:100%;
    }
h3.common-style span:after,h3.common-style:before{
      position:absolute;
      content:'';
      display:block;
      left:0;
      width:100%;
  }
h3.common-style:before{
    z-index:1;
    border-bottom:solid 1px #F4B200;
    bottom:50%;
  }
@media screen and (min-width: 1140px){
h3.common-style{
		margin:2rem 25%
}
}
.common-heading{
  color:#F4B200 !important;
  text-align:center;
  font-size:2rem;
}
.common-heading span{
    display:block;
    font-size:0.5em;
    font-weight:300;
  }
.common-heading span i{
      font-style:normal;
      background:#F4B200;
      border-radius:999px;
      color:#fff;
      padding:0.1em 1em;
    }
.marker{
  background:linear-gradient(transparent 50%, #F6E672 0%);
}
.marker-pink{
  background:linear-gradient(transparent 50%, #EAB3BA 0%);
}
.bgScrolled-title{
  position:relative;
  margin-top:8rem;
  background:rgb(146, 107, 0);
  height:70px;
}
.bgScrolled-title h2,.bgScrolled-title h3{
    text-align:center;
    color:#fff;
    margin:0;
    position:absolute;
    left:0;
    width:100%;
    display:block;
  }
.bgScrolled-title h3{
    font-size:1rem;
    letter-spacing:0.05em;
    top:23%;
  }
.bgScrolled-title h2{
    font-size:1.25rem;
    letter-spacing:0.1em;
    top:50%;
    transform:translateY(-50%);
  }
.bgScrolled-title h3+h2{
    transform:none;
  }
.bgScrolled-title .bgScrolled-slider{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
  }
.bgScrolled-title .bgScrolled-slider:after{
      content:'';
      position:absolute;
      display:block;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.3);
    }
.bgScrolled-title .bgScrolled-slider .slideGuide .slideCell{
      margin-right:0;
    }
.bgScrolled-title .bgScrolled-slider ul{
      padding:0;
      margin:0;
      height:100%;
    }
.bgScrolled-title .bgScrolled-slider li{
      margin:0;
      height:70px;
    }
.bgScrolled-title .bgScrolled-slider li img{
        height:100%;
        width:auto;
      }
@media screen and (min-width: 768px){
.bgScrolled-title .bgScrolled-slider li{
		height:100px
    }
}
@media print{
.bgScrolled-title .bgScrolled-slider li{
		height:100px
    }
}
@media screen and (min-width: 768px){
.bgScrolled-title{
		height:100px
}
}
@media print{
.bgScrolled-title{
		height:100px
}
}
h2.common-title{
  font-size:1.85rem;
  margin:0.875rem 0;
}
a.button{
  border-radius:0.2rem;
  font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:300;
  width:auto;
  background-color:#191818;
  color:white;
  cursor:pointer;
  display:inline-block;
  font-size:0.875rem;
  line-height:1;
  margin:0;
  outline:none;
  padding:10px 20px 11px;
  position:relative;
  text-align:center;
  text-decoration:none;
  transition:background-color 0.15s ease-in-out;
}
a.button.hover{
    background-color:#6b5757;
    color:#fdfdfd;
  }
ul.button-group{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-flow:row nowrap;
}
ul.button-group li{
    flex:1 1 auto;
  }
ul.button-group li a.button{
      width:100%;
      background-color:#e41f3a;
    }
ul.button-group li a.button.hover{
        background-color:#a82222;
        color:#fdfdfd;
      }
ul.button-group li:not(:last-child){
      padding-right:1px;
    }
ul.button-group li:first-child a.button{
        border-radius:0.2rem 0 0 0.2rem;
      }
ul.button-group li:last-child a.button{
        border-radius:0 0.2rem 0.2rem 0;
      }
.common-table{
  width:100%;
}
.common-table th,
  .common-table td{
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:300;
    font-size:0.85rem;
    vertical-align:top;
    padding:0.75em 1.25em;
    border-bottom:1px solid #D9D9D9;
  }
.common-table th{
    background:#E6E6E6;
    border-right:1px solid #D9D9D9;
    width:30%;
  }
.common-table td{
    background:#FFF;
    width:70%;
  }
.common-table ul{
    margin:0;
    padding:0;
    list-style:none;
  }
.common-note{
  text-align:right;
  margin:2em 0 0;
  font-size:0.875rem;
}
.common-container{
  width:90%;
  max-width:1140px;
  margin-left:auto;
  margin-right:auto;
}
header{
  padding:2.5rem 0;
  position:relative;
}
header .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
  }
#header-logo{
  position:relative;
  width:100%;
  padding:0;
}
#header-logo a{
    display:block;
    width:100%;
    height:100%;
  }
#header-logo a img{
      width:100%;
      height:auto;
    }
@media screen and (min-width: 768px){
#header-logo{
		width:30%
}
}
@media print{
#header-logo{
		width:30%
}
}
@media screen and (min-width: 768px){
#header-logo{
		padding:0 3rem 0 0
}
}
@media print{
#header-logo{
		padding:0 3rem 0 0
}
}
#header-lead-title{
  font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:300;
  font-size:0.8rem;
  text-align:center;
  margin:0.5rem 0 0;
}
#header-navi{
  position:relative;
  margin-top:1.5rem;
  width:100%;
}
#header-navi ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
  }
#header-navi ul li{
      margin:2px 4px;
      flex:0 0 100%;
    }
#header-navi ul li a{
        display:block;
        width:100%;
        border-radius:4px;
        font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        font-weight:500;
        color:#9DA0A4;
        padding:0.4rem 1rem;
        text-align:left;
        font-size:1.2rem;
        transition:all 0.2s ease-in;
      }
#header-navi ul li a.hover{
          background:#000;
          color:#fff;
        }
@media screen and (min-width: 768px){
#header-navi ul li a{
		padding:0.6rem 0.25rem
      }
}
@media print{
#header-navi ul li a{
		padding:0.6rem 0.25rem
      }
}
@media screen and (min-width: 768px){
#header-navi ul li a{
		text-align:center
      }
}
@media print{
#header-navi ul li a{
		text-align:center
      }
}
@media screen and (min-width: 768px){
#header-navi ul li a{
		font-size:0.85rem
      }
}
@media print{
#header-navi ul li a{
		font-size:0.85rem
      }
}
#header-navi ul li.active a{
        color:#fff;
        background:#E41F3A;
      }
#header-navi ul li.active a.hover{
          background:rgb(176, 31, 50);
        }
@media screen and (min-width: 768px){
#header-navi ul li{
		flex:1 1 auto
    }
}
@media print{
#header-navi ul li{
		flex:1 1 auto
    }
}
@media screen and (min-width: 768px){
#header-navi{
		width:70%
}
}
@media print{
#header-navi{
		width:70%
}
}
#footer-job{
  background:#c3d6ff;
  padding:2rem 0;
}
#footer-job .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
  }
#footer-job a{
    display:block;
    font-size:1.5rem;
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:500;
    letter-spacing:0.1em;
    padding:0.5em 1em;
    text-decoration:none;
    border-radius:4px;
    color:#ffffff;
    background-image:linear-gradient(#5696df 0%, #6da8c4 100%);
    box-shadow:0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom:solid 3px #5e7fca;
  }
#footer-job a.hover{
      color:#f7fcb0;
    }
footer{
  background:#191818;
  padding:2rem 0 1rem;
  font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:300;
}
#footer-container{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  color:#a5a5a5;
  line-height:2.2;
  font-size:1rem;
}
#footer-container a{
    color:#fff;
  }
#footer-container a.hover{
      color:#E41F3A;
    }
@media screen and (min-width: 768px){
#footer-container{
		font-size:0.75rem
}
}
@media print{
#footer-container{
		font-size:0.75rem
}
}
#footer-copyright,
#footer-address{
  padding:1rem 0;
}
#scrollUp{
  display:none;
  position:fixed;
  z-index:999;
  bottom:100px;
  right:0px;
  width:90px;
  transition:bottom 150ms linear;
}
#scrollUp a{
    display:block;
    padding:10px 5px;
    box-shadow:2px 2px 3px 3px rgba(0, 0, 0, 0.2);
    background-color:#fff;
    border-radius:4px 0 0 4px;
    color:#000;
    text-align:center;
  }
#scrollUp a > img{
      margin-bottom:8px;
    }
#scrollUp a > div{
      display:block;
      font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
      font-weight:300;
      font-size:12px;
      line-height:15px;
      text-align:center;
      text-decoration:none;
    }
#scrollUp a.hover{
      color:#E41F3A;
    }
@media screen and (min-width: 768px){
#scrollUp{
		display:block
}
}
@media print{
#scrollUp{
		display:block
}
}
#home-main{
  position:relative;
  background:#E41F3A;
  color:#fff;
  padding:5rem 0;
}
#home-main:before{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#fff transparent transparent transparent;
  }
#home-main:before,#home-main:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  }
#home-main:after{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    bottom:0;
    border-color:transparent transparent #0d5151 transparent;
  }
#home-main-texts{
  display:flex;
  flex-flow:column nowrap;
  align-items:center;
}
#home-main-texts h2{
    font-size:2.6rem;
    font-weight:300;
    line-height:1.25;
    margin:0;
  }
#home-main-texts p{
    margin:0.75rem 0 0;
    font-size:1.1rem;
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:300;
  }
#home-main-icons{
  margin-top:3rem;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  align-items:center;
}
#home-main-icons>figure{
    width:90%;
    margin:0;
    height:255px;
    margin:10px auto;
    border:10px solid #f6f6f6;
    overflow:hidden;
    position:relative;
    background:#fff;
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius:50%;
    transition:all 400ms linear;
  }
#home-main-icons>figure a{
      width:100%;
      height:100%;
      display:flex;
      flex-flow:column nowrap;
      justify-content:center;
      align-items:center;
      color:#181818;
      position:relative;
    }
#home-main-icons>figure a .home-main-icon{
        display:block;
        text-align:center;
        opacity:0.2;
      }
#home-main-icons>figure a>div{
        opacity:0.5;
        text-align:center;
        font-size:1.7rem;
        line-height:1.1;
        font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        font-weight:300;
        padding:1.3rem 0 1rem;
      }
#home-main-icons>figure.hover{
      border-color:#181818;
      z-index:999;
      transform:scale(1.1);
    }
#home-main-icons>figure.hover a .home-main-icon{
          animation:moveFromBottom 300ms ease forwards;
        }
#home-main-icons>figure.hover a>div{
          animation:moveFromBottom 500ms ease forwards;
        }
@media screen and (min-width: 768px){
#home-main-icons>figure{
		width:30%
  }
}
@media print{
#home-main-icons>figure{
		width:30%
  }
}
#home-youtube{
  background-color:#0d5151;
}
#home-youtube .-youtube{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;
  }
#home-youtube .-youtube iframe{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
#home-job{
  position:relative;
  background:#181818;
  color:#fff;
  padding:3.5rem 0;
}
#home-job .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
  }
#home-job:before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#0d5151 transparent transparent transparent;
  }
#home-job-1{
  width:100%;
}
#home-job-1 h4{
    position:relative;
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:300;
    text-align:center;
    font-size:1.5rem;
    margin:0 0 0.875rem;
  }
#home-job-1 h4:before{
      content:'';
      display:block;
      width:100%;
      height:1px;
      background:#3c3c3c;
      position:absolute;
      top:50%;
      left:0;
    }
#home-job-1 h4 strong{
      font-weight:500;
    }
#home-job-1 h4 span{
      position:relative;
      background:#181818;
      padding:0 1rem;
    }
#home-job-1 p{
    margin:0;
    color:#c9c9c9;
  }
#home-job-1 .button-group{
    margin-top:1rem;
  }
@media screen and (min-width: 768px){
#home-job-1{
		width:32%
}
}
@media print{
#home-job-1{
		width:32%
}
}
#home-job-2{
  position:relative;
  width:100%;
  padding:2rem 0 0;
}
#home-job-2 img{
    width:100%;
    height:auto;
  }
@media screen and (min-width: 768px){
#home-job-2{
		width:68%
}
}
@media print{
#home-job-2{
		width:68%
}
}
@media screen and (min-width: 768px){
#home-job-2{
		padding:0 0 0 2rem
}
}
@media print{
#home-job-2{
		padding:0 0 0 2rem
}
}
#home-forClient{
  position:relative;
  background:#3a4f64;
  color:#fff;
  padding:5rem 0;
}
#home-forClient:before{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#181818 transparent transparent transparent;
  }
#home-forClient:before,#home-forClient:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  }
#home-forClient:after{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    bottom:0;
    border-color:transparent transparent #fff transparent;
  }
#home-forClient .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
  }
#home-forClient-1{
  width:100%;
}
#home-forClient-1 h2{
    font-size:2.3rem;
    margin:0 0 0.875rem;
  }
#home-forClient-1 p{
    margin:0;
    color:#c9c9c9;
  }
#home-forClient-1 .button{
    margin-top:1rem;
    width:100%;
  }
@media screen and (min-width: 768px){
#home-forClient-1 .button{
		width:auto
  }
}
@media print{
#home-forClient-1 .button{
		width:auto
  }
}
@media screen and (min-width: 768px){
#home-forClient-1{
		width:32%
}
}
@media print{
#home-forClient-1{
		width:32%
}
}
#home-forClient-2{
  position:relative;
  width:100%;
  padding:2rem 0 0;
}
#home-forClient-2 img{
    width:100%;
    height:auto;
  }
@media screen and (min-width: 768px){
#home-forClient-2{
		width:68%
}
}
@media print{
#home-forClient-2{
		width:68%
}
}
@media screen and (min-width: 768px){
#home-forClient-2{
		padding:0 0 0 2rem
}
}
@media print{
#home-forClient-2{
		padding:0 0 0 2rem
}
}
#home-groupCompany{
  position:relative;
  background:#fff;
  padding:3.5rem 0;
}
#home-groupCompany .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:flex-start;
  }
#home-groupCompany-1{
  position:relative;
  width:100%;
}
#home-groupCompany-1 h2{
    font-size:2.3rem;
    margin:0.875rem 0;
  }
#home-groupCompany-1 p{
    margin:0;
  }
@media screen and (min-width: 768px){
#home-groupCompany-1{
		width:65%
}
}
@media print{
#home-groupCompany-1{
		width:65%
}
}
#home-groupCompany-2{
  position:relative;
  width:100%;
  padding:2rem 0 0;
}
#home-groupCompany-2 h2{
    font-size:2.3rem;
    margin:0.875rem 0;
    display:none;
  }
@media screen and (min-width: 768px){
#home-groupCompany-2 h2{
		display:inline;
		display:initial
  }
}
@media print{
#home-groupCompany-2 h2{
		display:inline;
		display:initial
  }
}
@media screen and (min-width: 768px){
#home-groupCompany-2{
		width:35%
}
}
@media print{
#home-groupCompany-2{
		width:35%
}
}
@media screen and (min-width: 768px){
#home-groupCompany-2{
		padding:0 0 0 2rem
}
}
@media print{
#home-groupCompany-2{
		padding:0 0 0 2rem
}
}
#groupCompany-slider{
  width:100%;
}
#groupCompany-slider img{
    width:100%;
    height:auto;
  }
#groupCompany-slider .slick-dots{
    bottom:-35px;
  }
.common-firstview{
  position:relative;
  background:#707070;
  color:#fff;
  padding:5rem 0;
}
.common-firstview .common-container{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    justify-content:center;
  }
.common-firstview .common-container>h2{
      font-size:2.6rem;
      font-weight:300;
      line-height:1.25;
      margin:0;
      width:100%;
      text-align:left;
    }
@media screen and (min-width: 768px){
.common-firstview .common-container>h2{
		text-align:center
    }
}
@media print{
.common-firstview .common-container>h2{
		text-align:center
    }
}
.common-firstview .common-container>p{
      width:100%;
      margin:0.75rem 0 0;
      font-size:1.1rem;
      font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
      font-weight:300;
      text-align:left;
    }
@media screen and (min-width: 768px){
.common-firstview .common-container>p{
		text-align:center
    }
}
@media print{
.common-firstview .common-container>p{
		text-align:center
    }
}
.common-firstview:before{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#fff transparent transparent transparent;
  }
.common-firstview:before,.common-firstview:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  }
.common-firstview:after{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    bottom:0;
    border-color:transparent transparent #4F5455 transparent;
  }
#profile-firstview{
  background:#A1BE9B;
}
#profile-firstview:after{
    border-color:transparent transparent #4F5455 transparent;
  }
#profile-table{
  position:relative;
  background:#4F5455;
  padding:3.5rem 0;
}
#profile-table h2.common-title{
    color:#fff;
  }
#profile-map{
  position:relative;
  background:#fff;
  padding:5rem 0 3rem;
}
#profile-map:before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#4F5455 transparent transparent transparent;
  }
#profile-gmap{
  width:100%;
  height:500px;
}
#about-firstview{
  background:#E41F3A;
}
#about-firstview:after{
    border-color:transparent transparent #fdfdfd transparent;
  }
#about-types{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
}
#about-types>div{
    width:100%;
    background:#fff;
    border-radius:0.375rem;
    padding:0.2rem 0.85rem;
    margin-top:1.25rem;
  }
#about-types>div h2{
      color:rgb(176, 31, 50);
      font-size:1.25rem;
      font-weight:600;
      text-align:center;
      padding-bottom:0.5em;
      border-bottom:1px dotted rgb(176, 31, 50);
    }
#about-types>div p{
      color:#000;
    }
#about-types>div ul{
      background-color:rgb(176, 31, 50);
      border-radius:0.25rem;
      padding:0.625rem;
      margin-top:1.5rem;
      display:block;
      position:relative;
    }
#about-types>div ul li{
        list-style:disc;
        margin-left:1.5em;
        color:#fff;
        line-height:1.4;
        margin-top:0.5em;
        font-size:0.85rem;
        font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        font-weight:300;
      }
#about-types>div ul:before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
        border:solid 10px;
        border-color:transparent transparent rgb(176, 31, 50) transparent;
        position:absolute;
        top:0;
        left:50%;
        transform:translate(-50%, -20px);
      }
@media screen and (min-width: 768px){
#about-types>div{
		width:31.5%
  }
}
#about-2{
  position:relative;
  background:#fdfdfd;
  padding:3.5rem 0;
}
#about-2 .common-container{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
  }
#about-2-figure{
  position:relative;
  width:100%;
  padding:0 0 2rem 0;
}
#about-2-figure img{
    width:100%;
    height:auto;
  }
@media screen and (min-width: 768px){
#about-2-figure{
		width:60%
}
}
@media print{
#about-2-figure{
		width:60%
}
}
@media screen and (min-width: 768px){
#about-2-figure{
		padding:0 3rem 0 0
}
}
#about-2-texts{
  position:relative;
  width:100%;
}
#about-2-texts h2{
    margin:0 0 1rem;
    font-size:1.5rem;
  }
#about-2-texts p{
    margin:0;
    font-size:0.85rem;
  }
#about-2-texts h4{
    color:#491448;
    font-size:1.125rem;
    line-height:1;
    padding-left:0.5em;
    border-left:3px solid #491448;
    margin:1.5rem 0 0.75rem;
  }
#about-2-texts ul{
    background-color:#AF98A5;
    border-radius:4px;
    margin-top:1.5rem;
    list-style:disc;
    padding:0.625rem 1.25rem;
    font-size:0.85rem;
  }
#about-2-texts ul li{
      color:#fff;
      margin-left:1em;
    }
@media screen and (min-width: 768px){
#about-2-texts{
		width:40%
}
}
@media print{
#about-2-texts{
		width:40%
}
}
#career-firstview{
  background:#00B0FF;
}
#career-firstview:after{
    border-color:transparent transparent #fff transparent;
  }
#career-frontpage{
  position:relative;
  background:#fff;
  padding:3.5rem 0;
}
#career-navi{
  width:100%;
  padding:0 10%;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:500;
  line-height:1.2;
}
#career-navi>h2{
    width:100%;
    position:relative;
    display:block;
    margin:0;
    text-align:center;
    color:#0071be;
    letter-spacing:0.2em;
  }
#career-navi>h2:before{
      content:'';
      position:absolute;
      bottom:-0.5rem;
      display:block;
      width:3.75rem;
      height:0.2rem;
      left:50%;
      transform:translateX(-50%);
      background-color:#00B0FF;
      border-radius:2px;
    }
#career-navi a.career-navi-thumb{
    position:relative;
    display:flex;
    width:100%;
    margin-top:2rem;
    color:#fff;
    flex-flow:row wrap;
    align-items:center;
  }
#career-navi a.career-navi-thumb .career-navi-photo{
      position:relative;
      width:100%;
      opacity:1;
      transition:opacity ease-out 0.15s;
    }
#career-navi a.career-navi-thumb .career-navi-photo img{
        width:100%;
        height:auto;
      }
#career-navi a.career-navi-thumb .career-navi-texts{
      z-index:2;
      background:#00B0FF;
      background:linear-gradient(135deg, #00B0FF 40%, #0071be 100%);
      width:90%;
      margin:-2rem 5% 0;
      padding:1.5em 2rem;
      display:flex;
      flex-flow:column nowrap;
      justify-content:center;
      align-items:center;
    }
#career-navi a.career-navi-thumb .career-navi-texts>h2{
        margin:0;
        font-size:1.2rem;
      }
#career-navi a.career-navi-thumb .career-navi-texts>p{
        margin:1.5em 0 0;
        color:#fff;
        background:#0071be;
        font-size:0.85rem;
        padding:0.5em 2em;
        border-radius:999px;
        transition:all ease-out 0.15s;
      }
#career-navi a.career-navi-thumb.hover .career-navi-photo{
        opacity:0.8;
      }
#career-navi a.career-navi-thumb.hover .career-navi-texts>p{
          color:#0071be;
          background:#fff;
        }
@media screen and (min-width: 768px){
#career-navi a.career-navi-thumb{
		width:48%
  }
}
@media print{
#career-navi a.career-navi-thumb{
		width:48%
  }
}
@media screen and (min-width: 768px){
#career-navi{
		padding:0 20%
}
}
@media print{
#career-navi{
		padding:0 20%
}
}
#career-navi-back{
  width:100%;
  margin-top:3rem;
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
}
#career-navi-back a{
    color:#fff;
    background:#0071be;
    padding:0.5em 2em;
    border-radius:999px;
    font-size:1.25rem;
    text-align:center;
    width:100%;
    transition:all ease-out 0.15s;
  }
#career-navi-back a.hover{
      background:#00B0FF;
    }
@media screen and (min-width: 768px){
#career-navi-back a{
		width:auto
  }
}
.career-staff-firstview{
  position:relative;
  background:#00B0FF;
}
.career-staff-firstview:before{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#fff transparent transparent transparent;
  }
.career-staff-firstview:before,.career-staff-firstview:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  }
.career-staff-firstview:after{
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    bottom:0;
    border-color:transparent transparent #d1dddc transparent;
  }
.career-staff-firstview>img{
    width:100%;
    height:auto;
  }
#career-staff-info{
  z-index:2;
  background:#00B0FF;
  background:linear-gradient(135deg, #00B0FF 40%, #0071be 100%);
  color:#fff;
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  position:relative;
  bottom:auto;
  right:auto;
  width:100%;
  padding:1.5em 2rem 4rem;
}
#career-staff-info>h2{
    margin:0;
    position:relative;
    font-size:2rem;
  }
#career-staff-info>h2:after{
      display:none;
      content:'';
      width:25%;
      height:2px;
      background:#fff;
      position:absolute;
      bottom:-0.5rem;
      left:0;
    }
@media screen and (min-width: 768px){
#career-staff-info>h2:after{
		display:block;
    }
}
@media print{
#career-staff-info>h2:after{
		display:block;
    }
}
@media screen and (min-width: 768px){
#career-staff-info>h2{
		font-size:1.6rem
  }
}
#career-staff-info>h3{
    margin:1rem 0;
    font-size:1.2rem;
    padding:0;
  }
@media screen and (min-width: 768px){
#career-staff-info>h3{
		padding:0.5em 0 0 1em
  }
}
@media print{
#career-staff-info>h3{
		padding:0.5em 0 0 1em
  }
}
#career-staff-info>p{
    margin:1rem 0 0;
    color:#fff;
    background:#0071be;
    padding:0.5em 1.5em;
    font-size:1rem;
  }
@media screen and (min-width: 768px){
#career-staff-info{
		align-items:flex-start
}
}
@media print{
#career-staff-info{
		align-items:flex-start
}
}
@media screen and (min-width: 768px){
#career-staff-info{
		position:absolute
}
}
@media print{
#career-staff-info{
		position:absolute
}
}
@media screen and (min-width: 768px){
#career-staff-info{
		bottom:2rem
}
}
@media print{
#career-staff-info{
		bottom:2rem
}
}
@media screen and (min-width: 768px){
#career-staff-info{
		right:0
}
}
@media print{
#career-staff-info{
		right:0
}
}
@media screen and (min-width: 768px){
#career-staff-info{
		width:auto;
		padding:1.5em 2em
}
}
@media screen and (min-width: 768px){}
@media print{
#career-staff-info{
		padding:1.5em 2em
}
}
#career-footnavi{
  position:relative;
  background:#fff;
  padding:5rem 0 3.5rem;
}
#career-footnavi:before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#d1dddc transparent transparent transparent;
  }
#career-interview{
  position:relative;
  background:#d1dddc;
  padding:3.5rem 0;
}
.career-interview-container{
  position:relative;
  width:100%;
  flex-flow:column nowrap;
  align-items:center;
  overflow:hidden;
  margin:3rem 0 0;
  display:flex;
  padding:0;
}
.reverse.career-interview-container{
    padding:0;
  }
@media screen and (min-width: 768px){
.reverse.career-interview-container{
		padding:10rem 45% 5rem 0
  }
}
@media print{
.reverse.career-interview-container{
		padding:10rem 45% 5rem 0
  }
}
.career-interview-container .career-interview-photo{
    position:relative;
    width:100%;
    position:relative;
    top:auto;
    left:auto;
    right:auto;
  }
.career-interview-container .career-interview-photo img{
      width:100%;
      height:auto;
    }
.reverse.career-interview-container .career-interview-photo{
      right:auto;
      left:auto;
    }
@media screen and (min-width: 768px){
.reverse.career-interview-container .career-interview-photo{
		right:0
    }
}
@media print{
.reverse.career-interview-container .career-interview-photo{
		right:0
    }
}
@media screen and (min-width: 768px){
.reverse.career-interview-container .career-interview-photo{
		left:auto
    }
}
@media print{
.reverse.career-interview-container .career-interview-photo{
		left:auto
    }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-photo{
		width:50%
  }
}
@media print{
.career-interview-container .career-interview-photo{
		width:50%
  }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-photo{
		position:absolute
  }
}
@media print{
.career-interview-container .career-interview-photo{
		position:absolute
  }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-photo{
		top:0
  }
}
@media print{
.career-interview-container .career-interview-photo{
		top:0
  }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-photo{
		left:0
  }
}
@media print{
.career-interview-container .career-interview-photo{
		left:0
  }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-photo{
		right:auto
  }
}
@media print{
.career-interview-container .career-interview-photo{
		right:auto
  }
}
.career-interview-container .career-interview-texts{
    position:relative;
    background:#00B0FF;
    background:linear-gradient(135deg, #00B0FF 40%, #0071be 100%);
    box-shadow:0 3px 10px 0 rgba(0,0,0,0.15), 0 5px 20px 0 rgba(0,0,0,0.15);
    padding:2rem;
    width:90%;
    margin:-5rem 0 0;
  }
.career-interview-container .career-interview-texts:before{
      position:relative;
      content:'';
      position:absolute;
      top:0.5rem;
      left:0.5rem;
      bottom:0.5rem;
      right:0.5rem;
      background:#fff;
    }
.career-interview-container .career-interview-texts>h2{
      position:relative;
      margin:0;
      font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
      font-weight:500;
      color:#333;
      font-size:1rem;
    }
.career-interview-container .career-interview-texts>h3{
      position:relative;
      margin:0.5rem 0 1rem;
      font-size:1.5rem;
      color:#0071be;
    }
.career-interview-container .career-interview-texts>p{
      position:relative;
      margin:0;
      line-height:1.75;
      font-size:1rem;
    }
@media screen and (min-width: 768px){
.career-interview-container .career-interview-texts>p{
		font-size:0.85rem
    }
}
@media print{
.career-interview-container .career-interview-texts>p{
		font-size:0.85rem
    }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-texts{
		width:100%
  }
}
@media print{
.career-interview-container .career-interview-texts{
		width:100%
  }
}
@media screen and (min-width: 768px){
.career-interview-container .career-interview-texts{
		margin:0
  }
}
@media print{
.career-interview-container .career-interview-texts{
		margin:0
  }
}
@media screen and (min-width: 768px){
.career-interview-container{
		margin:3rem 0 0
}
}
@media print{
.career-interview-container{
		margin:3rem 0 0
}
}
@media screen and (min-width: 768px){
.career-interview-container{
		display:block
}
}
@media print{
.career-interview-container{
		display:block
}
}
@media screen and (min-width: 768px){
.career-interview-container{
		padding:10rem 0 5rem 45%
}
}
@media print{
.career-interview-container{
		padding:10rem 0 5rem 45%
}
}
#outsource-firstview{
  background:#9ba9be;
  height:70vh;
}
#outsource-firstview:after{
    display:none;
  }
#contact-firstview{
  background:#B0A289;
}
#contact-firstview:after{
    border-color:transparent transparent #4F5455 transparent;
  }
#contact-firstview a{
    color:#E41F3A;
  }
#contact-firstview a.hover{
      color:rgb(176, 31, 50);
    }
#formsection{
  position:relative;
  background:#4F5455;
  padding:3.5rem 0;
  text-align:left;
}
#formsection .form-row{
    width:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
  }
#formsection .form-row .form-100,#formsection .form-row .form-1_2{
      width:100%;
    }
@media screen and (min-width: 768px){
#formsection .form-row .form-1_2{
		width:49%
    }
}
@media print{
#formsection .form-row .form-1_2{
		width:49%
    }
}
#formsection .form-row .form-1_4{
      width:100%;
    }
@media screen and (min-width: 768px){
#formsection .form-row .form-1_4{
		width:23.5%
    }
}
@media print{
#formsection .form-row .form-1_4{
		width:23.5%
    }
}
#formsection .form-row .form-zip{
      width:50%;
    }
@media screen and (min-width: 768px){
#formsection .form-row .form-zip{
		width:19%
    }
}
@media print{
#formsection .form-row .form-zip{
		width:19%
    }
}
#formsection .form-row .form-addr{
      width:100%;
    }
@media screen and (min-width: 768px){
#formsection .form-row .form-addr{
		width:79%
    }
}
@media print{
#formsection .form-row .form-addr{
		width:79%
    }
}
#formsection label{
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:300;
    color:#fff;
    margin:0.6rem 0 0.3em;
    display:block;
    line-height:1;
  }
#formsection label .hissu{
      background:#E41F3A;
      padding:0.0625rem 0.25rem 0.125rem;
      font-size:0.7rem;
      white-space:nowrap;
      border-radius:0.1875rem;
      margin-left:0.5em;
    }
#formsection input[type='text'],
  #formsection textarea{
    box-sizing:border-box;
    background:#fff;
    width:100%;
    padding:0.5em 1em;
    margin:0.3rem 0;
    transition:0.3s;
    letter-spacing:1px;
    color:#333;
    border:1px solid #1b2538;
    border-radius:4px;
    font-size:1rem;
  }
#formsection input[type='text']:focus,#formsection textarea:focus{
      border:1px solid #da3c41;
      outline:none;
      box-shadow:0 0 5px 1px rgba(218, 60, 65, .5);
    }
@media screen and (min-width: 768px){
#formsection input[type='text'],
  #formsection textarea{
		font-size:0.9rem
  }
}
@media print{
#formsection input[type='text'],
  #formsection textarea{
		font-size:0.9rem
  }
}
#formsection input[type='submit']{
    width:100%;
    background:#E41F3A;
    border:1px solid rgb(176, 31, 50);
    border-radius:0.1875rem;
    font-weight:500;
    padding:0.5em 1em;
    margin:0.3rem 0;
    cursor:pointer;
    transition:all ease-out 0.15s;
  }
#formsection input[type='submit'].hover{
      background:rgb(176, 31, 50);
      color:#fff;
    }
#formsection .form-radiobuttons{
    display:flex;
    flex-flow:row wrap;
    align-items:center;
    margin:0.5rem 0 1rem;
  }
#formsection .form-radiobuttons>label{
      width:50%;
      position:relative;
      padding-left:1.5em;
    }
#formsection .form-radiobuttons>label input[type="radio"]{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        margin:auto;
      }
#formsection .errortext,
  #formsection .form-error{
    display:none;
  }
#formsection .error input[type='text'],
    #formsection .error textarea{
      background:rgb(251, 221, 225);
      border:1px solid rgb(176, 31, 50);
    }
#formsection .error input[type='text']:focus,#formsection .error textarea:focus{
        border:1px solid #da3c41;
        outline:none;
        box-shadow:0 0 5px 1px rgba(218, 60, 65, .5);
      }
#formsection .error .errortext{
      display:block;
      font-size:0.85em;
      color:#E41F3A;
      margin:0.3rem 0;
    }
#formsection .error.form-error{
      display:flex;
      flex-flow:row wrap;
      justify-content:center;
      align-items:center;
      background:rgb(233, 76, 97);
      color:#fff;
      padding:2rem 1rem;
      border-radius:0.5rem;
      margin-bottom:2rem;
    }
#formsection .error.form-error h4{
        font-size:1.5rem;
        margin:0;
      }
#form-success{
  display:none;
}
#form-success.success{
    display:flex;
    flex-flow:row wrap;
    justify-content:center;
    align-items:center;
    background:#00B0FF;
    color:#fff;
    padding:6rem 1rem;
    border-radius:0.5rem;
    margin-bottom:2rem;
  }
#form-success.success h4{
      font-size:1.5rem;
      margin:0;
    }
#form-container{
  display:block;
}
#form-container.success{
    display:none;
  }
#privacypolicy-firstview{
  background:#A1BE9B;
}
#privacypolicy-firstview:after{
    border-color:transparent transparent #AF98A5 transparent;
  }
#privacypolicy-2{
  position:relative;
  background:#AF98A5;
  padding:3.5rem 0;
}
#privacypolicy-2-content{
  background-color:#fff;
  border-radius:0.5rem;
  padding:1.5rem 1rem;
}
#privacypolicy-2-content ol{
    list-style:decimal;
    padding:0;
    margin:0;
  }
#privacypolicy-2-content ol li{
      font-size:1rem;
      font-weight:600;
      margin-left:2em;
    }
#privacypolicy-2-content ol li p{
        font-size:0.875rem;
        font-weight:300;
      }
#privacypolicy-2-content ol li+li{
        margin-top:1.5em;
      }
#privacypolicy-note{
  text-align:right;
  margin:2em 0 0;
  font-size:0.875rem;
}
#privacypolicy-3{
  position:relative;
  background:#fdfdfd;
  padding:5rem 0 3rem;
}
#privacypolicy-3:before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border:solid 33px;
  border-color:transparent transparent #181818 transparent;
    top:0;
    border-color:#AF98A5 transparent transparent transparent;
  }
#privacypolicy-3-content{
  margin-top:3rem;
}
#privacypolicy-3-content h3{
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:500;
    font-size:1rem;
    margin:1.5em 0 0;
  }
#privacypolicy-3-content p{
    font-size:0.85rem;
    margin:0.5em 0;
    padding-left:0.5rem;
  }
#privacypolicy-3-content ul{
    font-size:0.85rem;
    margin:0.5em 0;
    padding-left:2.5rem;
  }
#privacypolicy-contact{
  border-radius:0.5rem;
  margin-top:1.25rem;
  display:inline-block;
  background:#f2f2f2;
  border:solid 1px #e6e6e6;
  margin:2rem 0 0;
  padding:1.25rem;
}
#privacypolicy-contact h3{
    font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight:500;
    font-size:1rem;
    margin:0;
  }
#privacypolicy-contact p{
    font-size:0.85rem;
    margin:0.5em 0;
    padding-left:0.5rem;
  }
#error-firstview{
  background:#707070;
}
#error-firstview:after{
    display:none;
  }

.uniform__potty {
  position: absolute;
  left: -9999px;
}

/*# sourceMappingURL=main.css.map */