html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,select,textarea{
margin: 0;
padding: 0;
border: 0;
outline:0;
font-size:100%;
font-style:normal;
font-weight:400;
vertical-align:bottom;
background:transparent;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{
display:block;
}
html{
font-size:62.5%;
}
body{
font-family:sans-serif;
line-height:1;
}
ul,ol{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}
a{
margin:0;
padding:0;
vertical-align:bottom;
background:transparent;
outline:none;
}
img{
vertical-align:bottom;
}
ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark{
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
width:100%;
}
th,td{
text-align:left;
vertical-align:top;
}
input,select,textarea{
font-family:inherit;
}
input[type="submit"]{
cursor: pointer;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin: 1em 0;
padding:0;
}
html{
overflow:auto;
}
body{
min-width: 320px;
padding-top :60px;
font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
color:#4d5a6b;
font-size:1.4rem;
line-height :1.8;
letter-spacing:.1em;
overflow:hidden;
}
@media all and (min-width: 600px) {
body{
min-width:1200px;
padding-top:0;
font-size: 1.5rem;
}
}
body.sg {
height:auto;
}
a{
color:inherit;
text-decoration:none;
}
.u-alpha{
display:block;
text-decoration:none;
}
@media all and (min-width: 600px) {
.u-alpha {
-webkit-transition:all .3s ease;
transition:all .3s ease;
}
.u-alpha:hover{
opacity:.7;
}
}
img{
width:100%;
height:auto;
}
.u-media-query{
display:none;
font-family:'sp'
}
@media all and (min-width: 600px){
.u-media-query{
font-family:'pc'
}
}
@media all and (max-width: 599px){
.u-view-pc {
display:none !important
}
}
@media all and (min-width: 600px){
.u-view-sp {
display:none !important
}
}
.u-sortsmill {
font-family:"Sorts Mill Goudy", sans-serif;
letter-spacing: .05em;
}
.u-mincho{
font-family: "Noto Serif JP", "ヒラギノ角ゴ ProN W3", Meiryo, serif;
}
::selection{
background:#e9ebf2
}
::-moz-selection{
background:#e9ebf2
}
.u-cf:before{
content:"";
display:block;
clear:both
}
.u-inner {
box-sizing: border-box
}
@media all and (max-width: 599px){
.u-inner{
padding-left:25px;
padding-right:25px
}
}
@media all and (min-width: 600px){
.u-inner{
width:1200px;
max-width:100%;
margin:auto
}
}
.l-wrapper{
position:relative
}
@media all and (min-width: 600px){
.l-container{
position:relative
}
}
.l-contents{
position:relative
}
@media all and (min-width: 600px){
.l-contents:after{
position:absolute;
content:"";
z-index:-1;
display:block;
top:0;
right:96px;
width:1px;
height:100%;
background:#f1f1f1
}
#home .l-contents:after{
top:90px;
height:calc(100% - 90px)
}
}
@-webkit-keyframes frameIn{
0%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(0);
transform:translateX(0);
}
50%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
50.01%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform:translateX(-150%);
transform:translateX(-150%)
}
52%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(-150%);
transform:translateX(-150%)
}
100%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes frameIn{
0%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(0);
transform:translateX(0)
}
50%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
50.01%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform:translateX(-150%);
transform:translateX(-150%)
}
52%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(-150%);
transform:translateX(-150%)
}
100%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes lineLeftIn{
0%{
-webkit-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
50%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
60%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:right top;
transform-origin:right top
}
100%{
-webkit-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:right top;
transform-origin:right top
}
}
@keyframes lineLeftIn{
0%{
-webkit-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
50%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
60%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:right top;
transform-origin:right top
}
100%{
-webkit-transform:scale(0, 1);
transform:scale(0, 1);
-webkit-transform-origin:right top;
transform-origin:right top
}
}
@-webkit-keyframes lineBottomIn{
0%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
30%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
40%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
70%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left top;
transform-origin:left top
}
100%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left top;
transform-origin:left top
}
}
@keyframes lineBottomIn{
0%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
30%{
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left bottom;
transform-origin:left bottom
}
40%{
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transform-origin:left top;
transform-origin:left top
}
70%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left top;
transform-origin:left top
}
100%{
-webkit-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-transform-origin:left top;
transform-origin:left top
}
}
.l-breadcrumb{
position:relative;
z-index:1
}
.l-breadcrumb .breadcrumb-list{
width:1200px;
margin:auto;
height:60px;
display:-webkit-box;
display:-ms-flexbox;display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.l-breadcrumb .breadcrumb-list__item{
display:inline-block;
font-size:1.2rem;
color:#9C9C9C;
}
.l-breadcrumb .breadcrumb-list__item+.breadcrumb-list__item{
padding-left:5px
}
.l-breadcrumb .breadcrumb-list__item+.breadcrumb-list__item:before{
content:"－";
color:#000000;
margin-right:4px
}
.l-breadcrumb .breadcrumb-list__link{
color:#000000;
}
@media all and (min-width: 600px){
.l-breadcrumb .breadcrumb-list__link:hover{
text-decoration:underline
}
}
.l-footer{position:relative;margin-top:85px;padding:25px 0 50px;border-top:solid 1px #f1f1f1}
@media all and (min-width: 600px){
.l-footer{display:-webkit-box;
display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;
flex-wrap:wrap;-webkit-box-pack:justify;
-ms-flex-pack:justify;justify-content:space-between;
margin:0;padding:160px 96px 80px;border:0}}
.ft-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 15px
}
@media all and (min-width: 600px){
.ft-nav{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
margin:0;
padding-bottom:25px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-bottom:solid 1px #CBCBCB;
}
}
.ft-nav-item{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%;border-bottom:solid 1px #f1f1f1}
@media all and (min-width: 600px){
.ft-nav-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border:0}
.ft-nav-item+.ft-nav-item{margin-left:40px}}
.ft-nav-item__link{position:relative;display:block;padding:11px 5px;color:#1b87c5;font-size:1rem
}@media all and (min-width: 600px){
.ft-nav-item__link{font-size:1.2rem;padding:0 20px 0 0}
.ft-nav-item__link:hover{text-decoration:underline}}
.ft-nav-item__ico{position:absolute;top:4px;right:0;height:0;display:inline-block;pointer-events:none;font-size:1.8rem}
@media all and (min-width: 600px){
.ft-nav-item__ico{top:-4px}}
.ft-logo{
margin:40px auto 0;
width: 80%;
}
@media all and (min-width: 600px){
.ft-logo{
margin:40px 0 auto;
padding-left: 40px;
width: 380px;
}
}
.ft-info{margin-top:40px}
.ft-info__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ft-info-item{line-height:.8}
.ft-info-item+.ft-info-item{margin-left:10px;padding-left:10px;border-left:solid 1px #c4c6ce}
.ft-info-item__link{font-size:1.1rem;color:#c4c6ce;line-height:1}
@media all and (min-width: 600px){
.ft-info-item__link{font-size:1.2rem}
.ft-info-item__link:hover{text-decoration:underline}}
.ft-info .ft-cr{
margin-top:17px;
color:#000000;
text-align:center;
font-size:1.4rem;
font-family: "Times New Roman", Times, "serif"
}
@media all and (min-width: 600px){
.ft-info .ft-cr{
text-align:right
}
}
@media all and (min-width: 600px){
.ft-pagetop{
position:absolute;
z-index:1;
right:0;
top:-320px;
width:97px;
height:170px
}
.ft-pagetop__link{position:relative;display:block;height:100%;overflow:hidden}
.ft-pagetop__link:hover
.ft-pagetop__txt{margin-left:7px}
.ft-pagetop__txt{
-webkit-writing-mode:vertical-lr;
-ms-writing-mode:tb-lr;
writing-mode:vertical-lr;
font-size:1.2rem;
margin-left:12px;
-webkit-transition:all .3s ease;
transition:all .3s ease}
.ft-pagetop__line{position:absolute;left:0;top:0;width:1px;height:100%;overflow:hidden;background:#f1f1f1}
.ft-pagetop__line span{
position:absolute;
z-index:1;
left:0;
top:0;
width:1px;
height:100%;
background:#4d5a6b;
-webkit-transform:scale(1, 0);
-ms-transform:scale(1, 0);
transform:scale(1, 0);
-webkit-animation:lineBottomIn 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite;
animation:lineBottomIn 1.7s cubic-bezier(0.9, 0.1, 0.3, 0.9) infinite}}
@media all and (min-width: 600px){
#recruit .ft-pagetop,#contact .ft-pagetop{top:0px}}
.l-header{position:fixed;top:0;left:0;width:100%;min-width:320px;z-index:2000;height:60px}
@media all and (min-width: 600px){
.l-header{
left:0;
width:100%;
min-width:1200px;
height:96px
}
}
.l-header .hd-info{
position:relative;
z-index:3;
height:60px
}
@media all and (max-width: 599px){
.l-header .hd-info{
background:#fff;
opacity: 0.8;
}
}
@media all and (min-width: 600px){
.l-header .hd-info{
height:96px;
background:#fff;
opacity: 0.8;
}
}
.l-header .hd-info__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;height:100%
}
.l-header .hd-info-logo{
margin-left:15px
}
@media all and (min-width: 600px){
.l-header .hd-info-logo{
margin:5px 0 0 30px
}
}
.l-header .hd-info-logo__link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end}
@media all and (min-width: 600px){
.l-header .hd-info-logo__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
.l-header .hd-info-logo__img{display:block;-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px}
@media all and (min-width: 600px){
.l-header .hd-info-logo__img{-webkit-box-flex:0;-ms-flex:0 0 376px;flex:0 0 376px}}
.l-header .hd-info-logo__txt{display:block;margin-left:11px}
@media all and (min-width: 600px){
.l-header .hd-info-logo__txt{margin-left:16px}}
.l-header .hd-info-logo__txt span{display:block;line-height:1;letter-spacing:.025em}
.l-header .hd-info-logo__txt span:nth-of-type(1){
font-size:1rem;
color:#999;
-webkit-transform-origin:0 0;-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(0.7, 0.7);
-ms-transform:scale(0.7, 0.7);
transform:scale(0.7, 0.7)}
@media all and (min-width: 600px){
.l-header
.hd-info-logo__txt span:nth-of-type(1){
font-size:1.4rem;
font-weight:700;
-webkit-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1);
margin-left:2px}}
.l-header .hd-info-logo__txt span:nth-of-type(2){font-size:1.2rem;color:#454b4d}
@media all and (min-width: 600px){
.l-header .hd-info-logo__txt span:nth-of-type(2){margin-top:5px;font-size:2.2rem}}
.l-header .nav-btn{position:absolute;top:0;right:0;width:60px;height:60px;cursor:pointer}
@media all and (max-width: 599px){
.l-header .nav-btn:before{position:absolute;content:"";display:block;top:50%;left:0;width:1px;height:40px;background:#e2e8ea;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}
@media all and (min-width: 600px){
.l-header .nav-btn{width:90px;height:90px}}
.l-header .nav-btn__line{position:absolute;left:18px;width:23px;height:2px;content:'';background:#4d5a6b;-webkit-transition:all .3s ease;transition:all .3s ease}
@media all and (min-width: 600px){
.l-header .nav-btn__line{left:31px;width:30px;height:2px}}
.l-header .nav-btn__line:nth-child(1){top:16px}
.l-header .nav-btn__line:nth-child(2){top:23px}
.l-header .nav-btn__line:nth-child(3){top:30px}
@media all and (min-width: 600px){
.l-header .nav-btn__line:nth-child(1){top:32px}
.l-header .nav-btn__line:nth-child(2){top:42px}
.l-header .nav-btn__line:nth-child(3){top:52px}}
.l-header .nav-btn__chara{position:absolute;left:0;bottom:14px;width:100%;font-size:1rem;line-height:1;text-align:center}
.l-header .nav-btn.is-open
.nav-btn__line:nth-child(1){top:24px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.l-header .nav-btn.is-open
.nav-btn__line:nth-child(2){opacity:0}
.l-header .nav-btn.is-open
.nav-btn__line:nth-child(3){top:24px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
@media all and (min-width: 600px){
.l-header
.nav-btn.is-open
.nav-btn__line:nth-child(1),
.l-header .nav-btn.is-open
.nav-btn__line:nth-child(3){top:42px}}
.l-header
.nav-btn.is-close
.nav-btn__line{-webkit-transition-delay:.5s;transition-delay:.5s}
.l-nav{position:absolute;top:60px;left:0;z-index:2;width:100%;height:calc(100vh - 60px);min-width:320px;padding:50px 0;background:rgba(255,255,255,0.9);box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease;transition:all .3s ease}
@media all and (max-width: 599px){
.l-nav{overflow:auto;-webkit-transform:translateX(120%);-ms-transform:translateX(120%);transform:translateX(120%)}
.l-nav::-webkit-scrollbar{display:none}}
@media all and (min-width: 600px){
.l-nav{
overflow:auto;
top:0;
left:auto;
right:0;
width:700px;
height:100vh;
-webkit-transform:translateX(120%);
-ms-transform:translateX(120%);
transform:translateX(120%);
padding:135px 80px 80px
}
.l-nav::-webkit-scrollbar{
display:none
}
}
.l-nav.is-open{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.l-nav.is-open .nav-list__item .nav-list__link{
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
.l-nav.is-open .nav-list__item:nth-of-type(1)
.nav-list__link{-webkit-transition-delay:0s;transition-delay:0s}
.l-nav.is-open .nav-list__item:nth-of-type(2)
.nav-list__link{-webkit-transition-delay:0.1s;transition-delay:0.1s}
.l-nav.is-open .nav-list__item:nth-of-type(3)
.nav-list__link{-webkit-transition-delay:0.2s;transition-delay:0.2s}
.l-nav.is-open .nav-list__item:nth-of-type(4)
.nav-list__link{-webkit-transition-delay:0.3s;transition-delay:0.3s}
.l-nav.is-open .nav-list__item:nth-of-type(5)
.nav-list__link{-webkit-transition-delay:0.4s;transition-delay:0.4s}
.l-nav.is-open .nav-list__item:nth-of-type(6)
.nav-list__link{-webkit-transition-delay:0.5s;transition-delay:0.5s}
.l-nav.is-open .nav-list-sub__item
.nav-list-sub__link{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.l-nav.is-open .nav-list-sub__item:nth-of-type(1)
.nav-list-sub__link{-webkit-transition-delay:0.6s;transition-delay:0.6s}
.l-nav.is-open .nav-list-sub__item:nth-of-type(2)
.nav-list-sub__link{-webkit-transition-delay:0.7s;transition-delay:0.7s}
.l-nav.is-open .nav-list-sub__item:nth-of-type(3)
.nav-list-sub__link{-webkit-transition-delay:0.8s;transition-delay:0.8s}
.l-nav.is-open .nav-list-sub__item:nth-of-type(4)
.nav-list-sub__link{-webkit-transition-delay:0.9s;transition-delay:0.9s}
.l-nav.is-close{-webkit-transform:translateX(120%);-ms-transform:translateX(120%);transform:translateX(120%);-webkit-transition-duration:.5s;transition-duration:.5s}
.l-nav.is-close .nav-list__item:nth-of-type(1)
.nav-list__link{-webkit-transition-delay:0.45s;transition-delay:0.45s}
.l-nav.is-close .nav-list__item:nth-of-type(2)
.nav-list__link{-webkit-transition-delay:0.4s;transition-delay:0.4s}
.l-nav.is-close .nav-list__item:nth-of-type(3)
.nav-list__link{-webkit-transition-delay:0.35s;transition-delay:0.35s}
.l-nav.is-close .nav-list__item:nth-of-type(4)
.nav-list__link{-webkit-transition-delay:0.3s;transition-delay:0.3s}
.l-nav.is-close .nav-list__item:nth-of-type(5)
.nav-list__link{-webkit-transition-delay:0.25s;transition-delay:0.25s}
.l-nav.is-close .nav-list__item:nth-of-type(6)
.nav-list__link{-webkit-transition-delay:0.2s;transition-delay:0.2s}
.l-nav.is-close .nav-list-sub__item:nth-of-type(1)
.nav-list-sub__link{-webkit-transition-delay:0.15s;transition-delay:0.15s}
.l-nav.is-close .nav-list-sub__item:nth-of-type(2)
.nav-list-sub__link{-webkit-transition-delay:0.1s;transition-delay:0.1s}
.l-nav.is-close .nav-list-sub__item:nth-of-type(3)
.nav-list-sub__link{-webkit-transition-delay:0.05s;transition-delay:0.05s}
.l-nav.is-close .nav-list-sub__item:nth-of-type(4)
.nav-list-sub__link{-webkit-transition-delay:0s;transition-delay:0s}
.l-nav .nav-list{margin:0 25px;border-top:solid 1px #e2e8ea}
@media all and (min-width: 600px){
.l-nav .nav-list{
margin:0;
border-top:0
}
}
.l-nav .nav-list__item{
border-bottom:solid 1px #e2e8ea
}
.l-nav .nav-list__link{
position:relative;
display:block;
padding:12px 15px;
opacity:0;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px);
-webkit-transition:opacity 1s ease,
-webkit-transform 1s ease;
transition:opacity 1s ease,
-webkit-transform 1s ease;
transition:opacity 1s ease,
transform 1s ease;
transition:opacity 1s ease,
transform 1s ease,
-webkit-transform 1s ease
}
@media all and (min-width: 600px){
.l-nav .nav-list__link{
font-size:1.8rem;
padding:23px 40px;
-webkit-transition:opacity 2.5s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease;
transition:opacity 2.5s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease;
transition:opacity 2.5s ease,
transform 1s ease,
color .3s ease,
padding .3s ease;
transition:opacity 2.5s ease,
transform 1s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease
}
.l-nav .nav-list__link:hover .nav-list__txt{
padding-left:10px;
color:#a6a8af
}
.l-nav .nav-list__link:hover .nav-list__arw{
margin-right:-10px;
color:#a6a8af
}
}
@media all and (min-width: 600px){
.l-nav .nav-list__txt{
-webkit-transition:all .3s ease;
transition:all .3s ease
}
}
.l-nav .nav-list__arw{
position:absolute;
top:50%;
right:15px;
display:block;width:20px;
height:5px;
-webkit-transform:translateY(-31px);
-ms-transform:translateY(-31px);
transform:translateY(-31px);
pointer-events:none;
font-size:3.5rem
}
@media all and (min-width: 600px){
.l-nav .nav-list__arw{
-webkit-transition:all .3s ease;
transition:all .3s ease
}
}
.l-nav .nav-list-sub{
margin:0px 25px 0
}
@media all and (min-width: 600px){
.l-nav .nav-list-sub{
margin-top:0px;
}
}
.l-nav .nav-list-sub__link{
position:relative;
display:block;
padding:7px 10px 7px 25px;
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
-webkit-transition:opacity 2.5s ease,-webkit-transform 1s ease;
transition:opacity 2.5s ease,-webkit-transform 1s ease;
transition:opacity 2.5s ease,transform 1s ease;
transition:opacity 2.5s ease,transform 1s ease,-webkit-transform 1s ease
}
@media all and (min-width: 600px){
.l-nav .nav-list-sub__link{
font-size:1.6rem;
padding:10px 0 10px 40px;
-webkit-transition:opacity 2.5s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease;
transition:opacity 2.5s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease;transition:opacity 2.5s ease,
transform 1s ease,
color .3s ease,
padding .3s ease;
transition:opacity 2.5s ease,
transform 1s ease,
color .3s ease,
padding .3s ease,
-webkit-transform 1s ease}
.l-nav .nav-list-sub__link:hover:before{margin-left:10px;border-left-color:#a6a8af}
.l-nav .nav-list-sub__link:hover .nav-list-sub__txt{padding-left:10px;color:#a6a8af}}
.l-nav .nav-list-sub__link:before{position:absolute;content:"";display:block;top:50%;left:10px;width:0;height:0;border:solid 3px transparent;border-left-color:#4d5a6b;margin-top:-1px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media all and (min-width: 600px){
.l-nav .nav-list-sub__link:before{left:20px;-webkit-transition:all .3s ease;transition:all .3s ease}}
@media all and (min-width: 600px){
.l-nav .nav-list-sub__txt{-webkit-transition:all .3s ease;transition:all .3s ease}}
.nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:1000}
.l-main-img{margin:0 25px}
@media all and (min-width: 600px){
.l-main-img{margin:0}}
.l-main-img__inner{
position:relative;
width:100%;
padding-top:calc(100vh - 70px - 85px);
background:url(../img/bg_mv01_sp.jpg);
background-size:cover
}
@media all and (min-width: 600px){
.l-main-img__inner{
margin:0 96px;
width:auto;
background-image:url(../img/bg_mv01_pc.jpg);
padding-top:0;
height:calc(100vh - 90px)
}
}
.l-main-img-copy{position:absolute;width:100%;top:26.5%}
@media all and (min-width: 600px){
.l-main-img-copy{display:inline-block;width:auto;top:50%;left:175px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}
.l-main-img-copy__ja{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:1;width:128px;margin:auto}
@media all and (min-width: 600px){
.l-main-img-copy__ja{width:400px}}
.l-main-img-copy__ja svg{width:32px;height:28px;opacity:0;filter:url('data:image/svg+xml;charset=utf-8,#filter');filter:blur(50px);-webkit-transition:all 1s ease;transition:all 1s ease}
@media all and (max-width: 599px){
.l-main-img-copy__ja svg:nth-of-type(n+5){margin-top:18px}
.l-main-img-copy__ja svg:nth-of-type(9){position:relative;right:-35px;margin-left:-35px}}
@media all and (min-width: 600px){
.l-main-img-copy__ja svg{width:43px;height:38px}}
.l-main-img-copy__en{position:relative;z-index:0;width:234px;margin:-20px auto 0;-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
@media all and (min-width: 600px){
.l-main-img-copy__en{width:324px}}
.l-main-img-copy__en svg{display:block;width:234px;height:72px}
@media all and (min-width: 600px){
.l-main-img-copy__en svg{width:324px;height:94px}}
.l-main-img.is-active
.l-main-img-copy__ja svg{filter:url('data:image/svg+xml;charset=utf-8,#filter');filter:blur(0);opacity:1}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(1){-webkit-transition-delay:.3s;transition-delay:.3s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(2){-webkit-transition-delay:.5s;transition-delay:.5s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(3){-webkit-transition-delay:.6s;transition-delay:.6s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(4){-webkit-transition-delay:.7s;transition-delay:.7s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(5){-webkit-transition-delay:.2s;transition-delay:.2s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(6){-webkit-transition-delay:1.0s;transition-delay:1.0s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(7){-webkit-transition-delay:.8s;transition-delay:.8s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.l-main-img.is-active .l-main-img-copy__ja svg:nth-of-type(9){-webkit-transition-delay:.6s;transition-delay:.6s}
.l-sub-img{
position:relative;
z-index:0;
margin:0 25px 25px;
padding-top:51.47%
}
@media all and (min-width: 600px){
.l-sub-img{
margin:130px 96px 0;
padding-top:386px
}
}
.l-sub-img:before{
position:absolute;
z-index:-1;
content:"";
display:block;
bottom:-25px;
left:-25px;
width:calc(100% + 50px);
height:78px;
background-image:url(../img/l-sub_bk.jpg)
}
@media all and (min-width: 600px){
.l-sub-img:before{
width:calc(100% + 192px);
bottom:-60px;
left:-96px;
height:200px
}
}
.l-sub-img__group{
position:absolute;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
left:0;
top:0;
width:100%;
height:100%;
background:#000000
}
@media all and (min-width: 600px){
.l-sub-img__group{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
}
.l-sub-img-head{
position:relative;
z-index:1;
text-align:center;
color: #F05A24;
}
.l-sub-img-head__ja{
display:block;
font-size:2.5rem;
letter-spacing:.16em;
color:#F05A24;
line-height:1.6
}
@media all and (min-width: 600px){
.l-sub-img-head__ja{
padding-left:100px;
text-align:left;
font-size:3.4rem
}
}
.l-sub-img-head__en{
position:absolute;
z-index:1;
right:-30px;
bottom:-45px;
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:scale(0.55, 0.55);
-ms-transform:scale(0.55, 0.55);
transform:scale(0.55, 0.55)
}
@media all and (min-width: 600px){
.l-sub-img-head__en{
right:0;
bottom:-50px;
-webkit-transform:scale(0.65, 0.65) translate(60%);
-ms-transform:scale(0.65, 0.65) translate(60%);
transform:scale(0.65, 0.65) translate(60%)
}
}
.l-sub-img__bg{
position:absolute;
z-index:0;
top:0;
left:0;
width:100%;
height:100%;
background-position:50% 50%;
background-size:cover;
opacity:.5;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transition-duration:1s;
transition-duration:1s
}
.l-sub-img.is-active .l-sub-img__bg{
opacity:1
}
#about .l-sub-img__bg{background-image:url(../img/bg_mainimg02.jpg)}
#service .l-sub-img__bg{background-image:url(../img/bg_mainimg03.jpg)}
#contact .l-sub-img__bg{background-image:url(../img/bg_mainimg04.jpg)}
#thanks .l-sub-img__bg{background-image:url(../img/contact/bg_mainimg01.jpg)}
@media all and (max-width: 599px){
#office .l-sub-img__bg{background-position:37% 50%}}
#contact .l-sub-img-head__ja,#thanks .l-sub-img-head__ja{color:#F05A24}
#error .l-sub-img__group{background:#f4f5fb}
#error .l-sub-img-head__ja{color:#395780}
.secSidebar{margin-bottom:20px;padding:0 15px}
@media all and (min-width: 600px){
.secSidebar{margin-bottom:25px;padding:0}}
@font-face{font-family:"iconfont";src:url("../font/iconfont.eot");
src:url("../font/iconfont.eot?#iefix")
format("eot"),url("../font/iconfont.woff2")
format("woff2"),url("../font/iconfont.woff")
format("woff"),url("../font/iconfont.ttf")
format("truetype"),url("../font/iconfont.svg#iconfont")
format("svg")}[class*=c-icon]:before{
font-family:"iconfont";
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-style:normal;
font-variant:normal;
font-weight:normal;
speak:none;
text-decoration:none;
text-transform:none}
.c-icon-arw01:before{content:"\E001";}
.c-icon-arw02:before{content:"\E002"}
.c-icon-arw03:before{content:"\E003"}
.c-icon-arw04:before{content:"\E004"}
.c-icon-service01:before{content:"\E005"}
.c-icon-service02:before{content:"\E006"}
.c-icon-service03:before{content:"\E007"}
.c-icon-service04:before{content:"\E008"}
.c-icon-service05:before{content:"\E009"}
.c-icon-service06:before{content:"\E00A"}
.c-icon-service07:before{content:"\E00B"}
.c-icon-service08:before{content:"\E00C"}
.c-icon-service09:before{content:"\E00D"}
.c-icon-service10:before{content:"\E00E"}
.c-icon-service11:before{content:"\E00F"}
.c-icon-service12:before{content:"\E010"}
.c-icon-svg01:before{content:"\E011"}
.c-icon-svg02:before{content:"\E012"}
.c-icon-svg03:before{content:"\E013"}
.c-icon-window01:before{content:"\E014"}
.c-archive01{position:relative}
.c-archive01__item{border-bottom:solid 1px #f1f1f1}
.c-archive01__link{position:relative;display:block;padding:17px 40px 17px 0}
@media all and (min-width: 600px){
.c-archive01__link{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:28px 105px 28px 30px}
.c-archive01__link:hover
.c-archive01__head{text-decoration:underline}
.c-archive01__link:hover
.c-archive01__ico{margin-right:-4px}}
.c-archive01__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media all and (min-width: 600px){
.c-archive01__meta{-webkit-box-flex:0;-ms-flex:0 0 230px;flex:0 0 230px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}
.c-archive01__date{font-weight:700;color:#999;line-height:1}
@media all and (min-width: 600px){
.c-archive01__date{font-size:1.5rem}}
.c-archive01__cat{margin-left:10px;padding-left:10px;font-size:1.2rem;color:#999;border-left:solid 1px #f1f1f1;line-height:1}
@media all and (min-width: 600px){
.c-archive01__cat{font-size:1.3rem}}
.c-archive01__head{margin-top:12px;color:#1b87c5;line-height:1.6}
@media all and (min-width: 600px){
.c-archive01__head{-webkit-box-flex:2;-ms-flex:2 0 50%;flex:2 0 50%;margin-top:-4px;font-size:1.5rem}}
.c-archive01__ico{position:absolute;top:30px;right:0;font-size:2.9rem}
@media all and (min-width: 600px){
.c-archive01__ico{position:absolute;top:50%;right:22px;font-size:3.5rem;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all .3s ease;transition:all .3s ease}}
.c-cv01{
position:relative;
z-index:1;
background:url(../img/bg_cv01_sp.jpg);
background-size:cover
}
@media all and (min-width: 600px){
.c-cv01{
background-image:url(../img/bg_cv01_pc.jpg)
}
}
.c-cv01__head{
position:relative;
padding-bottom:62px;
margin-bottom:-20px;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
@media all and (min-width: 600px){
.c-cv01__head{
padding-bottom:80px;margin-bottom:-30px;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}}
.c-cv01__head:after{position:absolute;content:"";display:block;left:50%;bottom:0;width:1px;height:40px;background:#4d5a6b;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.c-cv01-btn{margin:5px 25px 0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
@media all and (min-width: 600px){
.c-cv01-btn{width:596px;margin:-50px auto 0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}}
.c-cv01-btn__link{display:block;padding:17px 0;background:rgba(255,255,255,0.8);text-align:center}
@media all and (min-width: 600px){
.c-cv01-btn__link{padding:36px 0;font-size:1.6rem;-webkit-transition:all .3s ease;transition:all .3s ease}
.c-cv01-btn__link:hover{background:#fff}
.c-cv01-btn__link:hover
.c-cv01-btn__arw{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-animation:frameIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);animation:frameIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
.c-cv01-btn__txt{
color:#000000;
}
.c-cv01-btn__ico{
position:absolute;
font-size:3.5rem;
color:#000000;
top:0;
right:8px;
pointer-events:none;
overflow:hidden
}
@media all and (min-width: 600px){
.c-cv01-btn__ico{top:50%;right:20px;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
.c-cv01-btn__ico:before{-webkit-transition:all 1.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:all 1.3s cubic-bezier(0.6, 0.04, 0.98, 0.335)}}
.c-cv01-btn__arw{display:inline-block}
@media all and (min-width: 600px){
.c-cv01-btn__arw{
-webkit-transition:all .3s ease;
transition:all .3s ease
}
}
.c-cv01-btn__line{
position:absolute;
background:#000000;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.c-cv01-btn__line.line-top,.c-cv01-btn__line.line-bottom{width:0;height:1px}
.c-cv01-btn__line.line-right,.c-cv01-btn__line.line-left{width:1px;height:0}
.c-cv01-btn__line.line-top{top:0;left:0;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:.2s;transition-duration:.2s}
.c-cv01-btn__line.line-right{right:0;top:0;-webkit-transition-delay:.7s;transition-delay:.7s}
.c-cv01-btn__line.line-bottom{bottom:0;right:0;-webkit-transition-delay:1.0s;transition-delay:1.0s;-webkit-transition-duration:.2s;transition-duration:.2s}
.c-cv01-btn__line.line-left{left:0;bottom:0;-webkit-transition-delay:1.2s;transition-delay:1.2s}
.c-cv01.is-active
.c-cv01-btn__line.line-top,
.c-cv01.is-active
.c-cv01-btn__line.line-bottom{width:100%}
.c-cv01.is-active
.c-cv01-btn__line.line-right,.c-cv01.is-active
.c-cv01-btn__line.line-left{height:100%}
.c-form01 table {
border-bottom: solid 1px #f1f1f1
}
@media all and (max-width: 599px) {
.c-form01 table,.c-form01 thead,.c-form01 tbody,.c-form01 tr,.c-form01 th,.c-form01 td {
display:block
}
.c-form01 th {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
border-top: 1px solid #f1f1f1
}
.c-form01 td {
padding: 5px 0 25px
}
}
@media all and (min-width: 600px) {
.c-form01 th,.c-form01 td {
padding:20px 30px;
border-top: 1px solid #f1f1f1
}
.c-form01 th {
padding-top: 30px;
width: 300px
}
}
@media all and (min-width: 600px) {
.c-form01__item {
display:inline-block
}
}
.c-form01__ico {
margin: 0 0 0 auto;
padding: 3px 6px;
font-size: 1rem;
color: #fff;
line-height: 1
}
@media all and (min-width: 600px) {
.c-form01__ico {
position:relative;
top: 2px;
float: right;
padding: 4px 9px 6px;
font-size: 1.3rem
}
}
.c-form01__ico.ico-required {
background: #F6921E
}
.c-form01__ico.ico-any {
background: #a6a8af
}
.c-form01__notes {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 1rem;
color: #a6a8af
}
@media all and (min-width: 600px) {
.c-form01__notes {
display:block
}
}
.c-form01 input[type="text"],.c-form01 input[type="email"],.c-form01 input[type="tel"],.c-form01 input[type="number"],.c-form01 textarea,.c-form01 select {
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 5px;
background: #fff;
border-radius: 0;
font-size: 1.6rem;
border: solid 1px #a6a8af
}
@media all and (min-width: 600px) {
.c-form01 input[type="text"],.c-form01 input[type="email"],.c-form01 input[type="tel"],.c-form01 input[type="number"],.c-form01 textarea,.c-form01 select {
height:50px
}
}
.c-form01 textarea {
height: 320px
}
.c-form01-zip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.c-form01-zip__prefix {
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px
}
@media all and (min-width: 600px) {
.c-form01-zip__prefix {
-webkit-box-flex:0;
-ms-flex: 0 0 25px;
flex: 0 0 25px
}
}
.c-form01-zip__postcode {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
margin-right: 10px
}
@media all and (min-width: 600px) {
.c-form01-zip__postcode {
-webkit-box-flex:0;
-ms-flex: 0 0 160px;
flex: 0 0 160px
}
}
.c-form01-zip__pref {
-webkit-box-flex: 2;
-ms-flex: 2 0 135px;
flex: 2 0 135px
}
@media all and (min-width: 600px) {
.c-form01-zip__pref {
-webkit-box-flex:0;
-ms-flex: 0 0 160px;
flex: 0 0 160px
}
}
.c-form01__address {
margin-top: 10px
}
@media all and (min-width: 600px) {
.c-form01__radio {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 12px 0
}
}
@media all and (min-width: 600px) {
.c-form01__checkbox {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 12px 0
}
}
.c-form01-btn {
margin: 40px 15px 0
}
@media all and (min-width: 600px) {
.c-form01-btn {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 100px auto 0;
width: 620px
}
}
.c-form01-btn button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 70px;
width: 100%;
border: 0;
background-image: -webkit-gradient(linear, left top, right top, from(#F05A24), to(#F6921E));
background-image: linear-gradient(90deg, #F05A24 0%, #F6921E 100%);
color: #fff;
text-align: center;
font-size: 1.3rem;
letter-spacing: .16em
}
@media all and (min-width: 600px) {
.c-form01-btn button {
width:300px;
height: 90px;
font-size: 1.6rem;
cursor: pointer
}
.c-form01-btn button:hover:before {
margin-right: -4px
}
}
.c-form01-btn button+button {
margin-top: 10px
}
@media all and (min-width: 600px) {
.c-form01-btn button+button {
margin:0 0 0 20px
}
}
.c-form01-btn button:before {
position: absolute;
display: block;
top: 50%;
right: 10px;
width: 35px;
content: "\E001";
font-family: "iconfont";
font-size: 3.5rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media all and (min-width: 600px) {
.c-form01-btn button:before {
right:20px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
}
.c-form01-btn .c-form01__btn-return {
background-image: -webkit-gradient(linear, left top, right top, from(#a6a8af), to(#a6a8af));
background-image: linear-gradient(90deg, #a6a8af 0%, #a6a8af 100%)
}
.c-form01-btn .c-form01__btn-return:before {
right: auto;
left: 12px;
-webkit-transform: translateY(-50%) scale(-1, -1);
-ms-transform: translateY(-50%) scale(-1, -1);
transform: translateY(-50%) scale(-1, -1)
}
@media all and (min-width: 600px) {
.c-form01-btn .c-form01__btn-return:before {
left:20px
}
}
@media all and (min-width: 600px) {
.c-form01-btn .c-form01__btn-return:hover:before {
margin-left:-4px
}
}
.mw_wp_form .c-form01 .mwform-radio-field {
display: block;
margin: 0;
line-height: 1.5
}
@media all and (max-width: 599px) {
.mw_wp_form .c-form01 .mwform-radio-field+.mwform-radio-field {
margin-top:5px
}
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-radio-field {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
cursor: pointer
}
.mw_wp_form .c-form01 .mwform-radio-field:nth-of-type(n+3) {
margin-top: 15px
}
}
.mw_wp_form .c-form01 .mwform-radio-field label {
position: relative;
display: block;
padding: 8px 10px;
border: solid 1px #f1f1f1;
border-radius: 5px
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-radio-field label {
border:0;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0
}
}
.mw_wp_form .c-form01 .mwform-radio-field label input {
display: none
}
.mw_wp_form .c-form01 .mwform-radio-field label .mwform-radio-field-text {
display: block;
padding-left: 26px
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-radio-field label .mwform-radio-field-text {
padding-left:33px
}
}
.mw_wp_form .c-form01 .mwform-radio-field label .mwform-radio-field-text:before {
position: absolute;
top: 8px;
left: 10px;
content: "";
display: block;
width: 20px;
height: 20px;
background: url("../img/ico_radio01.png") no-repeat center;
background-size: contain
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-radio-field label .mwform-radio-field-text:before {
top:0;
left: 0
}
}
.mw_wp_form .c-form01 .mwform-radio-field label input:checked+.mwform-radio-field-text:before {
background-image: url("../img/ico_radio01_o.png")
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .c-form01__radio.clm-3-pc .mwform-radio-field {
-webkit-box-flex:0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
margin-top: 0
}
}
.mw_wp_form .horizontal-item+.horizontal-item {
margin-left: 0 !important
}
.mw_wp_form .c-form01 .mwform-checkbox-field {
display: block;
margin: 0;
line-height: 1.5
}
@media all and (max-width: 599px) {
.mw_wp_form .c-form01 .mwform-checkbox-field+.mwform-checkbox-field {
margin-top:5px
}
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-checkbox-field {
-webkit-box-flex:0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
cursor: pointer
}
.mw_wp_form .c-form01 .mwform-checkbox-field:nth-of-type(n+3) {
margin-top: 15px
}
}
.mw_wp_form .c-form01 .mwform-checkbox-field label {
position: relative;
display: block;
padding: 8px 10px;
border: solid 1px #f1f1f1;
border-radius: 5px
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-checkbox-field label {
padding:0;
border: 0
}
}
.mw_wp_form .c-form01 .mwform-checkbox-field label input {
display: none
}
.mw_wp_form .c-form01 .mwform-checkbox-field label .mwform-checkbox-field-text {
display: block;
padding-left: 26px
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-checkbox-field label .mwform-checkbox-field-text {
padding-left:33px
}
}
.mw_wp_form .c-form01 .mwform-checkbox-field label .mwform-checkbox-field-text:before {
position: absolute;
top: 8px;
left: 10px;
content: "";
display: block;
width: 22px;
height: 20px;
background: url("../img/ico_checkbox01.png") no-repeat center;
background-size: contain
}
@media all and (min-width: 600px) {
.mw_wp_form .c-form01 .mwform-checkbox-field label .mwform-checkbox-field-text:before {
top:0;
left: 0
}
}
.mw_wp_form .c-form01 .mwform-checkbox-field label input:checked+.mwform-checkbox-field-text:before {
background-image: url("../img/ico_checkbox01_o.png")
}
.c-head01{position:relative;text-align:center}
@media all and (min-width: 600px){
.c-head01{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-line-pack:start;
align-content:flex-start}}
.c-head01__en{font-size:6rem;letter-spacing:0;line-height:1;color:#000000}
@media all and (min-width: 600px){
.c-head01__en{font-size:6rem;opacity:0;letter-spacing:.05em;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}}.c-head01__ja{font-size:1.5rem;color:#000000}
@media all and (min-width: 600px){
.c-head01__ja{margin-top:15px;font-size:1.6rem;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}}
@media all and (min-width: 600px){
.c-head01__line{position:absolute;bottom:40px;width:100%;height:1px;background:#f1f1f1}
.c-head01__line>span{position:absolute;display:block;top:0;display:block;width:60px;height:1px}
.c-head01__line>span:before,.c-head01__line>span:after{
position:absolute;content:"";display:block;width:3px;height:3px;top:0;background:#F28E1E;margin-top:-1px;opacity:0}
.c-head01__line>span:before{left:0}.c-head01__line>span:after{right:0}
.c-head01__line>span span{display:block;position:absolute;left:0;top:0;width:0;height:1px;background:#F28E1E}
.c-head01.is-txt-left-pc{text-align:left;padding-left:60px}
.c-head01.is-txt-left-pc .c-head01__line{left:0}
.c-head01.is-txt-left-pc .c-head01__line>span{left:60px}
.c-head01.is-txt-right-pc{text-align:right;padding-right:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.c-head01.is-txt-right-pc .c-head01__en,.c-head01.is-txt-right-pc .c-head01__ja{text-align:left;padding-right:60px}
.c-head01.is-txt-right-pc .c-head01__line>span{right:60px}}
@media all and (min-width: 600px){
.c-head01.is-active .c-head01__line span:before,.c-head01.is-active .c-head01__line span:after{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.c-head01.is-active .c-head01__line span span{
-webkit-transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}
.c-head01.is-active .c-head01__line span:after{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-delay:.6s;transition-delay:.6s}.c-head01.is-active .c-head01__ja{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:.6s;transition-delay:.6s}
.c-head01.is-active .c-head01__en{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:.5s;transition-delay:.5s}}
.c-head02{
text-align:center
}
.c-head02__en{
font-size:3.5rem;
letter-spacing:0;
line-height:1;
color:#000000;
}
@media all and (min-width: 600px){
.c-head02__en{
letter-spacing:.05em;
font-size:5rem
}
}
.c-head02__ja{
font-size:1.5rem;
color:#000000;
}
@media all and (min-width: 600px){
.c-head02__ja{font-size:1.6rem}}
.c-head03{position:relative;text-align:center;padding-bottom:20px}
.c-head03__ja{
font-size:2.3rem;
color:#F05A24;
letter-spacing:.16em;
opacity:0;
-webkit-transform:translateY(5px);
-ms-transform:translateY(5px);
transform:translateY(5px);
-webkit-transition:opacity .6s ease,-webkit-transform .8s ease;
transition:opacity .6s ease,-webkit-transform .8s ease;
transition:opacity .6s ease,transform .8s ease;
transition:opacity .6s ease,transform .8s ease,-webkit-transform .8s ease
}
@media all and (min-width: 600px){
.c-head03__ja{
font-size:2.8rem
}
}
.c-head03__line{
position:absolute;
display:block;
bottom:0;
left:50%;
width:60px;
height:1px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.c-head03__line:before,.c-head03__line:after{
position:absolute;
content:"";
display:block;
width:3px;
height:3px;
top:0;
background:#F05A24;
margin-top:-1px;
opacity:0
}
.c-head03__line:before{
left:0
}
.c-head03__line:after{
right:0
}
.c-head03__line span{
display:block;
position:absolute;
left:0;
top:0;
width:0;
height:1px;
background:#F05A24
}
.c-head03.is-active .c-head03__ja{
-webkit-transition-delay:1s;transition-delay:1s;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.c-head03.is-active .c-head03__line:before,.c-head03.is-active .c-head03__line:after{
opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.c-head03.is-active .c-head03__line span{
-webkit-transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);width:100%;-webkit-transition-delay:.2s;transition-delay:.2s}
.c-head03.is-active .c-head03__line:after{
-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-delay:.6s;transition-delay:.6s}
.c-head04{
padding:10px 0 10px 7px;
line-height:1.6;
text-align: center;
}
@media all and (min-width: 600px){
.c-head04{
padding:17px 20px;
text-align: center;
}
}
.c-head04__main{
font-size:1.8rem;
}
@media all and (min-width: 600px){
.c-head04__main{
font-size:2.4rem;
}
}
.c-head04__sub{position:relative;top:-1px;display:inline-block;font-size:1.3rem}
@media all and (min-width: 600px){
.c-head04__sub{top:-5px;font-size:1.4rem}}[class*=c-icon]
.icon-reverse{display:inline-block;-webkit-transform:scale(-1, -1);-ms-transform:scale(-1, -1);transform:scale(-1, -1)}
.c-pager01{text-align:center}
.c-pager01 li{display:inline-block;margin:0 10px;letter-spacing:.05em}
.c-pager01 li a,.c-pager01 li span{display:block;width:20px;height:36px;box-sizing:border-box;padding-top:1px;text-decoration:none}
@media all and (min-width: 600px){
.c-pager01 li a,.c-pager01 li span{
font-size:1.8rem;height:40px;-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:solid 2px transparent}}
@media all and (min-width: 600px){
.c-pager01 li a:hover{
border-bottom-color:#395780}
}
.c-pager01 li.current span{
border-bottom:solid 2px #4d5a6b
}
.c-pager01 li.previous,.c-pager01 li.next{
position:relative;color:transparent
}
.c-pager01 li.previous:before,.c-pager01 li.next:before{
position:absolute;
top:50%;
left:50%;
pointer-events:none;
font-family:"iconfont";
font-size:3.5rem;
color:#395780;
margin-top:-36px;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);content:"\E002"
}
@media all and (min-width: 600px){
.c-pager01 li.previous,.c-pager01 li.next{-webkit-transition:all .3s ease;transition:all .3s ease}
.c-pager01 li.previous:hover a,.c-pager01 li.next:hover a{border-bottom:0}}
.c-pager01 li.previous{
margin-right:20px;-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
@media all and (min-width: 600px){
.c-pager01 li.previous{
margin-right:35px}
.c-pager01 li.previous:hover{
-webkit-transform:translateX(-5px) scale(-1, 1);-ms-transform:translateX(-5px) scale(-1, 1);transform:translateX(-5px) scale(-1, 1)}}
.c-pager01 li.next{
margin-left:20px}
@media all and (min-width: 600px){
.c-pager01 li.next{
margin-left:30px}
.c-pager01 li.next:hover{
-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}}
.c-pager02{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:80px;
padding:20px 0;
background:#fafafa}
@media all and (min-width: 600px){
.c-pager02{
background:transparent;
margin:0 100px;
padding:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
}
.c-pager02__previous a,.c-pager02__next a{
padding:10px 0;
display:block}
.c-pager02__previous{
-webkit-box-flex:0;
-ms-flex:0 0 43%;
flex:0 0 43%;
position:relative}
@media all and (min-width: 600px){
.c-pager02__previous{
-webkit-box-flex:0;
-ms-flex:0 0 240px;
flex:0 0 240px}
}
.c-pager02__next{
position:relative;
-webkit-box-flex:0;
-ms-flex:0 0 43%;
flex:0 0 43%}
@media all and (min-width: 600px){
.c-pager02__next{
-webkit-box-flex:0;
-ms-flex:0 0 240px;
flex:0 0 240px;
}
}
.c-pager02__all{
position:absolute;
left:50%;
bottom:
-80px;
width:110px;
-webkit-transform:translateX(-50%);
-ms-ransform:translateX(-50%);
transform:translateX(-50%);
text-align:center}
@media all and (min-width: 600px){
.c-pager02__all{
top:0;
bottom:auto}
}
.c-pager02-link{
display:block}
.c-pager02-link__tit{
display:block;
font-size:1rem;
line-height:1.6}
@media all and (
min-width: 600px){
.c-pager02-link__tit{
font-size:1.2rem;
-webkit-transition:all .3s ease;
transition:all .3s ease}}
.c-pager02-link__ico{
position:absolute;
display:inline-block;
top:50%;
margin-top:-30px;
font-size:3.1rem;
pointer-events:none}
@media all and (min-width: 600px){
.c-pager02-link__ico{-webkit-transition:all .3s ease;transition:all .3s ease}}
.c-pager02-link__txt{
display:inline-block;
padding-bottom:7px;
letter-spacing:.05em}
.c-pager02-link__line{
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
overflow:hidden;
background:#4d5a6b}
@media all and (min-width: 600px){
.c-pager02-link__line span{
position:absolute;
display:block;
left:0;bottom:0;
width:100%;
height:2px;
background:#a6a8af;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
transform:scale(0, 1)}}
@media all and (min-width: 600px){
.c-pager02-link:hover .c-pager02-link__tit{
color:#a6a8af}
.c-pager02-link:hover .c-pager02-link__ico{
color:#a6a8af}
.c-pager02-link:hover .c-pager02-link__line span{
-webkit-animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);
animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
.c-pager02-link.link-pl a{
padding-left:30px}
@media all and (min-width: 600px){
.c-pager02-link.link-pl{padding-left:50px}
.c-pager02-link.link-pl:hover
.c-pager02-link__ico{margin-left:-5px}}
.c-pager02-link.link-pl
.c-pager02-link__ico{left:-6px}
.c-pager02-link.link-pr a{padding-right:30px}
@media all and (min-width: 600px){
.c-pager02-link.link-pr{padding-right:50px}
.c-pager02-link.link-pr:hover
.c-pager02-link__ico{margin-right:-5px}}
.c-pager02-link.link-pr .c-pager02-link__ico{right:-6px}
.c-single01-head__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media all and (min-width: 600px){
.c-single01-head__meta{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}
.c-single01-head__tit{margin-top:30px;padding-bottom:20px;font-size:2.5rem;line-height:1.6;border-bottom:solid 1px #4d5a6b}
@media all and (min-width: 600px){
.c-single01-head__tit{margin-top:40px;padding-bottom:20px;font-size:3rem}}
.c-single01-date{font-weight:700;color:#999;line-height:1}
.c-single01-tag__item{margin-left:10px;padding-left:10px;font-size:1.2rem;color:#999;border-left:solid 1px #f1f1f1;line-height:1}
@media all and (min-width: 600px){
.c-single01-tag__item{font-size:1.3rem}}
.c-single01__content{margin-top:25px;font-size:1.5rem}
@media all and (min-width: 600px){
.c-single01__content{font-size:1.6rem}}
.c-single01__content h2{font-size:1.8rem;margin-top:20px;margin-bottom:5px}
.c-single01__content h3{font-size:1.6rem;margin-top:20px;margin-bottom:5px}
.c-single01__content p{margin-bottom:10px}
@media all and (min-width: 600px){
.c-single01__content p{margin-top:15px}}
.c-single01__content ul,
.c-single01__content ol{margin:10px 0}
@media all and (min-width: 600px){
.c-single01__content ul,
.c-single01__content ol{margin:15px 0}}
.c-single01__content ul li{position:relative;padding-left:1em}
.c-single01__content ul li:before{position:absolute;content:"";display:block;top:13px;left:0;width:6px;height:6px;border-radius:50%;background:#4d5a6b;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media all and (min-width: 600px){
.c-single01__content ul li:before{top:15px}}
.c-single01__content ol li{list-style:inside decimal}
@media all and (min-width: 600px){
.c-single01__content .alignleft{float:left;margin-right:10px}
.c-single01__content .aligncenter{display:block;margin-right:auto;margin-left:auto}
.c-single01__content .alignright{float:right;margin-left:10px}}
.c-single01__content blockquote{position:relative;clear:both;display:block;margin:10px 0;padding:40px 15px 15px 40px;background:#fafafa}
@media all and (min-width: 600px){
.c-single01__content blockquote{margin:15px 0;padding:50px 15px 15px 50px;background:rgba(255,255,255,0.5)}}
.c-single01__content blockquote:before{position:absolute;content:"”";display:block;top:-15px;left:10px;opacity:.1;font-size:8rem}
@media all and (min-width: 600px){
.c-single01__content blockquote:before{font-size:10rem}}
.c-single01__content strong{font-weight:700}
.c-single01__content a{text-decoration:underline;color:#1b87c5}
@media all and (min-width: 600px){
.c-single01__content a:hover{text-decoration:none}}
.c-single01__content s{text-decoration:line-through}
.c-single01__content em{font-style:italic}
.c-table01 tr:last-of-type th,.c-table01 tr:last-of-type td{border:0}
.c-table01 th,.c-table01 td{padding:20px 0;border-bottom:1px solid #f1f1f1;line-height:1.6}
@media all and (min-width: 600px){
.c-table01 th,.c-table01 td{padding:25px 30px}}
.c-table01 th{padding-right:10px;width:70px}
@media all and (min-width: 600px){
.c-table01 th{width:100px}}
.c-table01 td p+p{margin-top:3px}
.c-table01__notes{line-height:1.6;display:inline-block;font-size:1.2rem}
@media all and (min-width: 600px){
.c-table01__notes{position:relative;top:-4px}}
.c-table01__link{position:relative;color:#1b87c5;padding-right:20px}
@media all and (min-width: 600px){
.c-table01__link:hover{text-decoration:underline}}
.c-table01__ico{position:absolute;top:-4px;right:0;height:0;display:inline-block;pointer-events:none;font-size:1.8rem}
@media all and (min-width: 600px){
.c-table01__ico{top:-5px}}.js-switch-tab{cursor:pointer}
.js-switch-content{display:none}
.js-switch-content.is-active{display:block}
.js-toggle-trigger{cursor:pointer}
.js-toggle-content{display:none}
.about-philosophy__inner{padding-top:65px;padding-bottom:45px}
@media all and (min-width: 600px){
.about-philosophy__inner{padding-top:150px;padding-bottom:110px}}
.about-philosophy__txt{margin-top:45px;text-align:center}
@media all and (min-width: 600px){
.about-philosophy__txt{margin-top:55px}}
.about-message{
background-image:-webkit-gradient(linear, left top, right top, from(#F0F0F0), color-stop(70%, #F0F0F0), to(#F0F0F0));
background-image:linear-gradient(90deg, #F0F0F0 0%, #F0F0F0 70%, #F0F0F0 100%);
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
.about-message.is-active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media all and (min-width: 600px){
.about-message{margin:0 106px;min-width:1000px}}
.about-message__inner{padding-top:40px;padding-bottom:20px}
@media all and (min-width: 600px){
.about-message__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
padding-top:100px;
padding-bottom:55px}}
.about-message-profile{
position:relative;
margin:0 20px 0 20;
padding: 0 30px 30px;
}
@media all and (min-width: 600px){
.about-message-profile{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
-webkit-box-flex:0;
-ms-flex:0 0 300px;
flex:0 0 300px;
margin:0;
padding-right: 50px;
}
}
.about-message-sign{
position:absolute;
display:inline-block;
left:180px;
bottom:15px;
}
@media all and (min-width: 600px){
.about-message-sign{
left:540px;
bottom:25px
}
}
.about-message-sign__posi{
font-size:1rem;-webkit-transform:scale(0.7, 0.7);
-ms-transform:scale(0.7, 0.7);
transform:scale(0.7, 0.7);
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
color:#fff;letter-spacing:.16em}
@media all and (min-width: 600px){
.about-message-sign__posi{
font-size:1.4rem;
-webkit-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1)
}
}
.about-message-sign__name{
width:182px
}
@media all and (min-width: 600px){
.about-message-sign__name{
width:180px;
}
}
.about-message__content{
margin-top:25px;
margin-bottom: 55px;}
@media all and (min-width: 600px){
.about-message__content{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
-webkit-box-flex:0;
-ms-flex:0 0 720px;
flex:0 0 720px;
margin:0
}
}
.about-message-head{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height: auto;
}
@media all and (min-width: 600px){
.about-message-head{
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
margin-top:-15px
}
}
.about-message-head__ja{
position:relative;
z-index:1;
padding:0 20px 5px;
font-size:2.4rem;
color:#395780;
border-bottom:solid 1px #395780;
letter-spacing:.16em
}
@media all and (min-width: 600px){
.about-message-head__ja{
-webkit-box-flex:0;
-ms-flex:0 0 240px;
flex:0 0 240px;
padding:0 0 10px;
text-align:center;
font-size:2.8rem
}
}
.about-message-head__en{
position:absolute;
z-index:0;
top:50%;
left:0%;
width:184px;
-webkit-transform:translate(0%, -40%);
-ms-transform:translate(0%, -40%);
transform:translate(0%, -40%)}
@media all and (min-width: 600px){
.about-message-head__en{
top:0;
width:276px;
}
}
.about-message__txt{
margin-top:63px;
line-height:1.4;
padding-top: 50px;
}
@media all and (min-width: 600px){
.about-message__txt{
margin-top:75px;
padding-left:50px;
line-height:1.8;
font-size: 1.4rem;
}
}
.about-attitude__inner{padding-top:55px;padding-bottom:30px}
@media all and (min-width: 600px){
.about-attitude__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:150px;padding-bottom:70px}}
.about-attitude__img.img-large{position:relative;z-index:-1;margin:0 23px}
@media all and (min-width: 600px){
.about-attitude__img.img-large{-webkit-box-flex:0;-ms-flex:0 0 560px;flex:0 0 560px;margin:0 0 0 -30px}}
.about-attitude__img.img-small{position:relative;z-index:-1;margin:-50px 0 0 auto;width:140px}
@media all and (min-width: 600px){
.about-attitude__img.img-small{width:280px}}
.about-attitude__content{position:relative;padding-top:45px}
@media all and (min-width: 600px){
.about-attitude__content{-webkit-box-flex:0;-ms-flex:0 0 547px;flex:0 0 547px;margin-right:10px;padding-top:104px}}
.about-attitude__catch{font-size:3rem;line-height:1.6;color:#395780;letter-spacing:.16em}
@media all and (min-width: 600px){
.about-attitude__catch{font-size:3.4rem}}
.about-attitude__en{position:absolute;z-index:-1;top:-55px;right:-100px;width:300px}
@media all and (min-width: 600px){
.about-attitude__en{top:55px;right:-142px;width:436px}}
.about-attitude-detail{margin-top:10px}
.about-attitude-detail.is-active
.about-attitude-detail__txt span{opacity:1}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(1) span{-webkit-transition-delay:.05s;transition-delay:.05s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(1) span:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(2) span{-webkit-transition-delay:.15s;transition-delay:.15s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(2) span:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(2) span:nth-of-type(3){-webkit-transition-delay:.25s;transition-delay:.25s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(3) span{-webkit-transition-delay:.3s;transition-delay:.3s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(3) span:nth-of-type(2){-webkit-transition-delay:.35s;transition-delay:.35s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(4) span{-webkit-transition-delay:.4s;transition-delay:.4s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(4) span:nth-of-type(2){-webkit-transition-delay:.45s;transition-delay:.45s}
.about-attitude-detail.is-active
.about-attitude-detail__txt:nth-of-type(4) span:nth-of-type(3){-webkit-transition-delay:.5s;transition-delay:.5s}
@media all and (min-width: 600px){
.about-attitude-detail{margin-top:30px}}
.about-attitude-detail__txt{line-height:2.2}
@media all and (min-width: 600px){
.about-attitude-detail__txt{line-height:2.23;font-size:1.8rem}}
.about-attitude-detail__txt span{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-duration:1s;transition-duration:1s}
.about-attitude-detail__txt+.about-attitude-detail__txt{margin-top:21px}
@media all and (min-width: 600px){
.about-attitude-detail__txt+.about-attitude-detail__txt{
margin-top:19px
}
}
.about-feature__inner{
position:relative;
padding-top:50px;
padding-bottom:120px
}
@media all and (min-width: 600px){
.about-feature__inner{
padding-top:90px;
padding-bottom:240px
}
}
.about-feature__inner:before{
position:absolute;
content:"";
display:block;
top:0;
left:25px;
right:25px;
height:1px;
background:#f1f1f1
}
.about-feature__lead{
margin:45px 25px 0;
text-align:center;
font-size: 2rem;
}
.about-feature__lead2{
margin:45px 25px 0;
text-align:center;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
color: #F5911E;
font-size: 1.8rem;
}
.about-feature__lead2 span{
color: #000000;
font-size: 1.6rem;
}
.about-feature__lead3{
text-align:center;
margin-top:20px;
}
@media all and (min-width: 600px){
.about-feature__lead{
margin-top:55px;
font-size: 2.8rem;
color: #000000;
}
.about-feature__lead2{
margin-top:55px;
font-size: 2.6rem;
color: #F5911E;
line-height: 3;
}
.about-feature__lead2 span{
margin-top:105px;
font-size: 2.3rem;
color: #000000;
}
.about-feature__lead3{
margin-top:20px;
font-size: 1.6rem;
text-align:center;
}
}
.about-feature__list{margin-top:40px}
@media all and (min-width: 600px){
.about-feature__list{
margin-top:110px
}
}
.about-feature-item{
position:relative;
padding:0 20px 30px;
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease
}
.about-feature-item.is-active{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
@media all and (min-width: 600px){
.about-feature-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0 0 360px;
}
}
.about-feature-item+.about-feature-item{
margin-top:35px
}
@media all and (min-width: 600px){
.about-feature-item+.about-feature-item{
margin-top:100px
}
}
@media all and (max-width: 599px){
.about-feature-item:before{
position:absolute;
z-index:-1;
content:"";
display:block;
top:75px;left:0;
right:0;
height:calc(100% - 75px);
background:#f4f5fb
}
.about-feature-item .about-feature-item__en{
right:-10px
}
.about-feature-item:nth-of-type(3) .about-feature-item__en{
right:-10px
}
}
@media all and (min-width: 600px){
.about-feature-item{
margin: 0 100px;
}
.about-feature-item .about-feature-item__num{
right:15px
}
.about-feature-item .about-feature-item__img{
margin:0px 0 0 0px;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.about-feature-item .about-feature-item__en{
text-align: center;
}
.about-feature-item .about-feature-info{
margin-left:0px;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
}
@media all and (min-width: 600px) and (-ms-high-contrast: none){
.about-feature-item .about-feature-item__img{
margin-left:-140px
}
}
@media all and (min-width: 600px){
.about-feature-item {
right:-80px
}
.about-feature-item .about-feature-info{
margin-right:100px;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
}
.about-feature-item__img{
position:relative;
margin:15px -20px 0;
padding:0 40px
}
.about-feature-item5{
text-align: center;
margin: 10px auto;
padding: 10px 0;
}
@media all and (min-width: 600px){
.about-feature-item__img{
-webkit-box-flex:0;
-ms-flex:0 0 200px;
flex:0 0 200px;
padding:0
}
.about-feature-item5{
width: 800px;
text-align: center;
margin: 0 auto;
padding: 0;
}
.about-feature-item5:hover{
-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);opacity:.25}
}
@media all and (max-width: 599px){
.about-feature-item__en{
display: none
}
}
.about-feature-item__en2{
width:285px;
margin: 20px 0 0 0px;
height: 800px;
}
.about-feature-item__en3{
width:285px;
margin: 20px 0 0 0px;
height: 300px;
}
@media all and (min-width: 600px){
.about-feature-item__en{
width:890px;
bottom:-50px;
position:absolute;
}
.about-feature-item__en2{
display: none
}
.about-feature-item__en3{
display: none
}
}
.about-feature-info{margin-top:30px}
@media all and (min-width: 600px){
.about-feature-info{
margin:0;
-webkit-box-flex:0;
-ms-flex:0 0 660px;
flex:0 0 660px;
padding-top:10px
}
}
.about-feature-info__tit{
line-height:1.6;
font-size:2.0rem;
text-align:center;
color:#000000;
letter-spacing:.16em
}
@media all and (min-width: 600px){
.about-feature-info__tit{
font-size:2.2rem;
text-align:left
}
}
.about-feature-info__txt{
margin-top:15px;
font-size:1.5rem;
line-height: 1.6
}
@media all and (min-width: 600px){
.about-feature-info__txt{
font-size:1.5rem
}
}
.contact-mailform__inner{padding-top:60px;padding-bottom:10px}
@media all and (min-width: 600px){
.contact-mailform__inner{width:1000px;margin:auto;padding-top:145px;padding-bottom:120px}}
.contact-mailform__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin-top:45px}
@media all and (min-width: 600px){
.contact-mailform__lead{margin-top:50px;font-size:1.6rem}}
.contact-mailform-group{margin-top:45px}
@media all and (min-width: 600px){
.contact-mailform-group{margin-top:80px}}
.contact-message__inner{padding-top:60px}
@media all and (min-width: 600px){
.contact-message__inner{padding-top:170px}}
.contact-message__txt{margin-top:40px}
@media all and (min-width: 600px){
.contact-message__txt{text-align:center}}
.contact-message-btn{margin:40px 15px 0}
@media all and (min-width: 600px){
.contact-message-btn{margin:100px auto 0;width:280px}}
.contact-message-btn__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70px;width:100%;border:0;background-image:-webkit-gradient(linear, left top, right top, from(#234572), to(#5894b0));background-image:linear-gradient(90deg, #234572 0%, #5894b0 100%);color:#fff;text-align:center;font-size:1.3rem;letter-spacing:.16em}
@media all and (min-width: 600px){
.contact-message-btn__link{font-size:1.6rem;cursor:pointer}
.contact-message-btn__link:hover:before{margin-right:-4px}}
.contact-message-btn__link:before{position:absolute;display:block;top:50%;right:10px;content:"\E002";font-family:"iconfont";font-size:3.5rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media all and (min-width: 600px){
.contact-message-btn__link:before{-webkit-transition:all .3s ease;transition:all .3s ease}}
.error-page404__inner{padding-top:60px;padding-bottom:100px}
@media all and (min-width: 600px){
.error-page404__inner{padding-top:170px;padding-bottom:200px}}
.error-page404__txt{margin-top:40px;text-align:center}
.error-page404-btn{margin:40px 15px 0}
@media all and (min-width: 600px){
.error-page404-btn{margin:100px auto 0;width:280px}}
.error-page404-btn__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:70px;width:100%;border:0;background-image:-webkit-gradient(linear, left top, right top, from(#234572), to(#5894b0));background-image:linear-gradient(90deg, #234572 0%, #5894b0 100%);color:#fff;text-align:center;font-size:1.3rem;letter-spacing:.16em}
@media all and (min-width: 600px){
.error-page404-btn__link{font-size:1.6rem;cursor:pointer}
.error-page404-btn__link:hover:before{margin-right:-4px}}
.error-page404-btn__link:before{position:absolute;display:block;top:50%;right:10px;content:"\E002";font-family:"iconfont";font-size:3.5rem;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media all and (min-width: 600px){
.error-page404-btn__link:before{-webkit-transition:all .3s ease;transition:all .3s ease}}
@-webkit-keyframes bgShine{0%{background-position:180% 100%}30%{background-position:170% 100%}70%{background-position:190% 100%}100%{background-position:180% 100%}}
@keyframes bgShine{0%{background-position:180% 100%}30%{background-position:170% 100%}70%{background-position:190% 100%}100%{background-position:180% 100%}}@-webkit-keyframes bgShine02{0%{background-position:200% 100%}40%{background-position:190% 100%}80%{background-position:210% 100%}100%{background-position:200% 100%}}
@keyframes bgShine02{0%{background-position:200% 100%}40%{background-position:190% 100%}80%{background-position:210% 100%}100%{background-position:200% 100%}}
.home-news{
position:relative
}
.home-news__inner{
display:-webkit-box;
display:-ms-flexbox;display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 25px;
padding:20px 0 30px
}
@media all and (min-width: 600px){
.home-news__inner{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0 96px 0 160px;
padding-left:30px;
height:90px;
box-sizing:border-box
}
.home-news__inner:before{
position:absolute;
content:"";
display:block;
bottom:27px;
left:0;
width:2px;
height:80px;
}
}
.home-news__head{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;color:#fff;font-size:2rem}
@media all and (min-width: 600px){
.home-news__head{position:relative;top:4px;-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px;font-size:1.8rem;line-height:1}}
.home-news__bg{
position:absolute;
z-index:-1;
left:0;
bottom:0;
width:100%;
height:215px;
background-image:url(../img/main_bk.jpg);
}
@media all and (min-width: 600px){
.home-news__bg{
height:430px
}
}
.home-message__inner{position:relative;padding-top:150px;padding-bottom:175px}
@media all and (min-width: 600px){
.home-message__inner{padding-top:295px;padding-bottom:230px;text-align:center}}
.home-message__head{
position:absolute;
top:76px;
right:25px;
width:155px
}
@media all and (min-width: 600px){
.home-message__head{
top:200px;
right:80px;
width:205px
}
}
.home-message__content.is-active
.home-message-detail__txt span{opacity:1}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(1) span{-webkit-transition-delay:.05s;transition-delay:.05s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(1) span:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(1) span:nth-of-type(3){-webkit-transition-delay:.15s;transition-delay:.15s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(2) span{-webkit-transition-delay:.2s;transition-delay:.2s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(2) span:nth-of-type(2){-webkit-transition-delay:.25s;transition-delay:.25s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(3) span{-webkit-transition-delay:.3s;transition-delay:.3s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(4) span{-webkit-transition-delay:.35s;transition-delay:.35s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(4) span:nth-of-type(2){-webkit-transition-delay:.4s;transition-delay:.4s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(5) span{-webkit-transition-delay:.45s;transition-delay:.45s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(6) span{-webkit-transition-delay:.5s;transition-delay:.5s}
.home-message__content.is-active
.home-message-detail__txt:nth-of-type(6) span:nth-of-type(2){-webkit-transition-delay:.55s;transition-delay:.55s}
.home-message__img{position:absolute;z-index:-1}
.home-message__img.img01{
top:330px;
left:0;
width:380px
}
@media all and (min-width: 600px){
.home-message__img.img01{
top:154px;
left:-260px;
width:800px
}
}
.home-message__img.img02{
bottom:55px;
right:125px;
width:181px
}
@media all and (min-width: 600px){
.home-message__img.img02{
right:-200px;
bottom:33px;
width:330px
}
}
.home-message-detail{padding-left:30px}
@media all and (min-width: 600px){
.home-message-detail{display:inline-block;text-align:left;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}
.home-message-detail__txt{
line-height:2.2;
font-size:1.5rem;
color: #F28E1E;
}
.home-message-detail__txt span{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-duration:1s;transition-duration:1s}
@media all and (max-width: 599px){
.home-message-detail__txt+
.home-message-detail__txt{margin-top:22px}}
@media all and (min-width: 600px){
.home-message-detail__txt{
font-size:2rem;
letter-spacing:.16em;
margin-right:35px
}
.home-message-detail__txt+.home-message-detail__txt{margin-right:42px}}
.home-about{position:relative;background:#fafafa}
.home-about.is-active .home-about__line:before,
.home-about.is-active .home-about__line:after{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.home-about.is-active .home-about__line span{-webkit-transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);transition:all .2s cubic-bezier(0.6, 0.04, 0.98, 0.335);height:100%;-webkit-transition-delay:.2s;transition-delay:.2s}
.home-about.is-active .home-about__line:after{-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-delay:.8s;transition-delay:.8s}
.home-about__line{position:absolute;top:0;left:50%;width:1px;height:102px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media all and (min-width: 600px){
.home-about__line{
margin-top:-10px}}
.home-about__line:before,
.home-about__line:after{
position:absolute;
content:"";
display:block;
width:3px;
height:3px;
left:0;
background:#F28E1E;
margin-left:-1px;opacity:0}
.home-about__line:before{
top:0}
.home-about__line:after{
bottom:0}
.home-about__line span{
position:absolute;display:block;top:0;left:0;width:1px;height:0;background:#F28E1E}
.home-about__inner{
padding-top:98px;padding-bottom:60px}
@media all and (min-width: 600px){
.home-about__inner{
padding-top:115px;padding-bottom:120px}}
.home-about-head{
text-align:center}
.home-about-head__en{
font-size:6rem;letter-spacing:0;line-height:1;color:#000000}
@media all and (min-width: 600px){
.home-about-head__en{
font-size:6rem}}
.home-about-head__ja{
margin-top:5px;font-size:1.5rem;color:#000000}
@media all and (min-width: 600px){
.home-about-head__ja{
font-size:1.6rem}}
.home-about__content{
margin:38px -15px 0}
@media all and (min-width: 600px){
.home-about__content{
margin:55px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between}}
.home-about-menu{
position:relative;
opacity:0;-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
.home-about-menu.is-active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media all and (max-width: 599px){
.home-about-menu+.home-about-menu{
margin-top:10px}}
@media all and (min-width: 600px){
.home-about-menu:nth-of-type(n+2){
margin-top:50px}}
.home-about-menu__link{
display:block}
@media all and (min-width: 600px){
.home-about-menu__link:hover .home-about-menu__img img{
-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);opacity:.25}
.home-about-menu__link:hover .home-about-menu__frame:before,
.home-about-menu__link:hover .home-about-menu__frame:after{
width:calc(50% - 70px)}}
@media all and (min-width: 600px) and (-ms-high-contrast: none){
.home-about-menu__link:hover .home-about-menu__frame:before,
.home-about-menu__link:hover .home-about-menu__frame:after{
width:180px}}
@media all and (min-width: 600px){
.home-about-menu__link:hover .home-about-menu__more{
opacity:1}}
.home-about-menu__frame{
position:absolute;
z-index:1;display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
top:50%;
left:50%;
width:calc(100% - 60px);
height:calc(100% - 60px);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
color:#fff;
text-align:center;
border:solid 1px #fff;
border-top:0;
letter-spacing:.16em}
@media all and (min-width: 600px){
.home-about-menu__frame{
width:calc(100% - 100px);height:calc(100% - 100px);border-bottom:0}
.home-about-menu__frame:before,
.home-about-menu__frame:after{
position:absolute;
content:"";
display:block;
bottom:0;
width:50%;
height:1px;
background:#fff;
-webkit-transition:all .5s ease;
transition:all .5s ease}
.home-about-menu__frame:before{
left:0}
.home-about-menu__frame:after{
right:0}}
.home-about-menu__num{
position:absolute;top:-7px;left:0;width:100%;font-size:1.3rem;line-height:1}
@media all and (min-width: 600px){
.home-about-menu__num{
top:-8px;font-size:1.5rem}}
.home-about-menu__num:before, .home-about-menu__num:after{
position:absolute;content:"";display:block;top:50%;width:calc(50% - 20px);height:1px;background:#fff}
@media all and (min-width: 600px){
.home-about-menu__num:before,
.home-about-menu__num:after{
width:calc(50% - 40px)}}
.home-about-menu__num:before{
left:0}
.home-about-menu__num:after{
right:0}
.home-about-menu__tit{
width:100%;font-size:2.7rem;line-height:1.6;letter-spacing:.16em}
@media all and (min-width: 600px){
.home-about-menu__tit{
font-size:3rem}}
.home-about-menu__txt{
margin-top:10px}
@media all and (min-width: 600px){
.home-about-menu__txt{
font-size:1.6rem}}
.home-about-menu__en{
font-size:1rem;letter-spacing:.3em}
@media all and (min-width: 600px){
.home-about-menu__en{
width:150px;margin:20px auto 0;padding-top:5px;border-top:solid 1px #fff}}
.home-about-menu__img{
overflow:hidden;background:#2b3541}
.home-about-menu__img img{
position:relative;z-index:0;-webkit-transition:all 1s ease;transition:all 1s ease;-webkit-transition-duration:1s;transition-duration:1s}
.home-about-menu__catch{
position:absolute;z-index:0;width:163px;left:-25px;bottom:-25px}
@media all and (min-width: 600px){
.home-about-menu__catch{
width:216px;left:-161px;bottom:-33px}}
@media all and (min-width: 600px){
.home-about-menu__more{
position:absolute;
left:50%;
bottom:0;
-webkit-transform:translate(-50%, 50%);
-ms-transform:translate(-50%, 50%);
transform:translate(-50%, 50%);
opacity:0;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-transition-delay:.2s;transition-delay:.2s}}
@media all and (min-width: 600px){
.home-about-menu.menu-about .home-about-menu__frame{
width:774px;height:calc(100% - 120px)}}
@media all and (min-width: 600px) and (-ms-high-contrast: none){
.home-about-menu.menu-about .home-about-menu__link:hover .home-about-menu__frame:before,
.home-about-menu.menu-about .home-about-menu__link:hover .home-about-menu__frame:after{
width:320px}}
@media all and (min-width: 600px){
.home-about-menu.menu-office,
.home-about-menu.menu-lawyer{
-webkit-box-flex:0;-ms-flex:0 0 590px;flex:0 0 590px}}
.home-about-menu.menu-office .home-about-menu__tit,
.home-about-menu.menu-lawyer .home-about-menu__tit{
font-size:2rem}
@media all and (min-width: 600px){
.home-about-menu.menu-office .home-about-menu__tit,
.home-about-menu.menu-lawyer .home-about-menu__tit{
font-size:2.6rem}}
.home-service{
position:relative
}
.home-service__inner{
padding-top:58px;
padding-bottom:55px
}
.home-service__content{
margin:0 -15px
}
.home-service__list{
position:relative;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:30px
}
.home-service-item{
-webkit-box-flex:0;
-ms-flex:0 0 49.3%;
flex:0 0 49.3%
}
.home-service-item:nth-of-type(n+3){
margin-top:5px;
}
.home-service-item__link{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
height:110px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(../img/bg_service01_sp.png);
background-size:cover}
@media all and (min-width: 600px){
.home-service__inner{
padding-top:120px;
padding-bottom:165px
}
.home-service__content{
margin:0
}
.home-service__list{
margin-top:55px
}
.home-service-item{
-webkit-box-flex:0;
-ms-flex:0 0 596px;
flex:0 0 596px
}
.home-service-item:nth-of-type(n+3){
margin-top:6px
}
}
@media all and (min-width: 600px){
.home-service-item__link{
height:100px;
padding-left:140px;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
background-image:url(../img/bg_service01_pc.png);
background-position:0 0;
background-size:100% 100%}
.home-service-item__link:before{
position:absolute;
z-index:0;
content:"";
display:block;top:0;
left:0;
width:0;
height:100%;
background:#4d5a6b;
-webkit-transition:all .3s ease;
transition:all .3s ease;
pointer-events:none}
.home-service-item__link:hover:before{
width:100%}
.home-service-item__link:hover .home-service-item__arw span{
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
-webkit-animation:frameIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);
animation:frameIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
.home-service-item__txt{
position:relative;z-index:1;display:inline-block;font-size:1.7rem;color:#fff;line-height:1.6;text-align:center}
@media all and (min-width: 600px){
.home-service-item__txt{
font-size:2rem}}
.home-service-item__ico{
position:absolute;z-index:1;font-size:7.5rem;color:#fff;top:-30px;left:8px;opacity:.1;pointer-events:none}
@media all and (min-width: 600px){
.home-service-item__ico{
top:50%;
left:30px;
opacity:.3;
font-size:6rem;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%)}}
.home-service-item__arw{
position:absolute;z-index:1;font-size:3.5rem;color:#fff;bottom:-23px;right:8px;pointer-events:none;overflow:hidden}
@media all and (min-width: 600px){
.home-service-item__arw{
top:50%;bottom:auto;right:36px;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}}
.home-service-item__arw span{
display:block;-webkit-transition:all .3s ease;transition:all .3s ease}
.home-service-info{
position:relative;z-index:1;margin-top:57px;text-align:center}
@media all and (min-width: 600px){
.home-service-info{
margin-top:40px}}
.home-service-info__txt{
display:inline-block;margin:auto;text-align:left;font-size:1.5rem;line-height:2.2}
@media all and (max-width: 599px){
.home-service-info__txt{
-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}
@media all and (min-width: 600px){
.home-service-info__txt{
font-size:1.8rem;text-align:center}}
.home-service__bg{
position:absolute;
z-index:0;
left:0;
bottom:0;
width:100%;
height:223px;
opacity:.5
}
@media all and (min-width: 600px){
.home-service__bg{
height:446px
}
}
.home-flow__inner{
padding-top:58px;padding-bottom:90px}
@media all and (min-width: 600px){
.home-flow__inner{
padding-top:125px;padding-bottom:180px}}
@media all and (min-width: 600px){
.home-flow-head__line{
position:relative}
.home-flow-head__line:before{
position:absolute;content:"";display:block;top:0;left:0;width:1px;height:302px;background:#f1f1f1}}
.home-flow__content{
margin-top:55px}
@media all and (min-width: 600px){
.home-flow__content{
margin-top:105px}}
.home-flow__list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 25px}
@media all and (min-width: 600px){
.home-flow__list{
width:928px;margin:0 auto}}
.home-flow__list.is-active .home-flow-item{opacity:1}
.home-flow__list.is-active .home-flow-item:nth-of-type(1){
-webkit-transition-delay:.1s;transition-delay:.1s}
.home-flow__list.is-active .home-flow-item:nth-of-type(2){
-webkit-transition-delay:.2s;transition-delay:.2s}
.home-flow__list.is-active .home-flow-item:nth-of-type(3){
-webkit-transition-delay:.3s;transition-delay:.3s}
.home-flow__list.is-active .home-flow-item:nth-of-type(4){
-webkit-transition-delay:.4s;transition-delay:.4s}
.home-flow__list.is-active .home-flow-item:nth-of-type(5){
-webkit-transition-delay:.5s;transition-delay:.5s}
.home-flow__list.is-active .home-flow-item:nth-of-type(6){
-webkit-transition-delay:.6s;transition-delay:.6s}
.home-flow__list.is-active .home-flow-item__ico:before,
.home-flow__list.is-active .home-flow-item__ico:after{
opacity:1;-webkit-transition-delay:1.5s;transition-delay:1.5s}
.home-flow-item{
-webkit-box-flex:0;
-ms-flex:0 0 29.45%;
flex:0 0 29.45%;
text-align:center;
opacity:0;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transition-duration:1s;
transition-duration:1s}
.home-flow-item:nth-of-type(1) .home-flow-item__ico:before{
content:none}
@media all and (max-width: 599px){
.home-flow-item:nth-of-type(3) .home-flow-item__ico:after{
content:"";
-webkit-transform:translate(100%, -50%);
-ms-transform:translate(100%, -50%);
transform:translate(100%, -50%)}
.home-flow-item:nth-of-type(n+4){
margin-top:35px}}
@media all and (min-width: 600px){
.home-flow-item{
-webkit-box-flex:0;-ms-flex:0 0 128px;flex:0 0 128px}}
.home-flow-item__ico{
position:relative}
.home-flow-item__ico img{
display:block;position:relative;z-index:1}
.home-flow-item__ico:after,
.home-flow-item__ico:before{
position:absolute;
z-index:0;
content:"";
display:block;
top:50%;
left:0;
width:100%;
height:3px;
background:#f4f5fb;
-webkit-transform:translate(-100%, -50%);
-ms-transform:translate(-100%, -50%);
transform:translate(-100%, -50%);
opacity:0}
.home-flow-item__ico:after{
content:none}
.home-flow-item__txt{
margin-top:5px;line-height:1.6;font-size:1.2rem}
@media all and (min-width: 600px){
.home-flow-item__txt{
margin-top:15px;font-size:1.5rem}}
.home-topics{
position:relative}
.home-topics__inner{
padding-top:75px}
@media all and (min-width: 600px){
.home-topics__inner{
padding-top:90px}}
.home-topics-head{
position:relative;z-index:1;margin-bottom:-50px}
.home-topics__content{
margin:0 -15px;padding:70px 40px 85px;background:#fafafa}
@media all and (min-width: 600px){
.home-topics__content{
position:relative;margin:0;box-sizing:border-box;background:transparent}
.home-topics__content:before{
position:absolute;z-index:0;content:"";display:block;top:0;left:-170px;width:1730px;height:100%;background:#fafafa}}
@media all and (min-width: 600px){
.home-topics__list{
width:1000px;margin:0 auto}}
@media all and (max-width: 599px){
.home-topics .post__link{
padding-right:0}
.home-topics .post__date{
font-size:1.2rem}
.home-topics .post__tit{
font-size:1.2rem}}
.home-topics-btn{
position:relative;width:110px;margin:60px auto 0;text-align:center}
.home-topics-btn__link{
display:block;letter-spacing:.05em;padding-bottom:5px;color:#395780}
@media all and (min-width: 600px){
.home-topics-btn__link{
font-size:1.4rem}
.home-topics-btn__link:hover .home-topics-btn__line span{
-webkit-animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);
animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
.home-topics-btn__line{
position:absolute;display:block;left:0;bottom:0;width:100%;height:2px;background:#4d5a6b;overflow:hidden}
@media all and (min-width: 600px){
.home-topics-btn__line span{
position:absolute;
display:block;
left:0;
bottom:0;
width:100%;
height:2px;
background:#a6a8af;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
transform:scale(0, 1)}}
.home-topics__bg{
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:216px;
background:url(../img/bg_topics01_sp.jpg);
background-size:cover}
.home-recruit__inner{
padding-top:26px;padding-bottom:110px}
@media all and (min-width: 600px){
.home-recruit__inner{
padding-top:115px;padding-bottom:160px}}
.home-recruit__head{
position:relative;z-index:2;width:175px;margin:0 0 -35px -20px}
@media all and (min-width: 600px){
.home-recruit__head{
width:246px;margin-left:-25px}}
.home-recruit__content{
position:relative}
.home-recruit-btn *{
position:relative;z-index:1}
.home-recruit-btn__link{
position:relative;
display:block;
padding:44px 0 53px;
background:url(../img/home/bg_recruit01_sp.png);
background-size:cover;
color:#fff;
text-align:center}
@media all and (min-width: 600px){
.home-recruit-btn__link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:left;
padding:77px 0 77px 100px;
background-image:url(../img/home/bg_recruit01_pc.png)}
.home-recruit-btn__link:hover:before{
opacity:.75}
.home-recruit-btn__link:hover .home-recruit-btn__line span{
-webkit-animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
.home-recruit-btn__link:before{
position:absolute;
z-index:0;
content:"";
display:block;
top:0;
left:0;
width:100%;
height:100%;
background:#4d5a6b;
opacity:0;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transition-duration:1s;transition-duration:1s}
.home-recruit-btn__tit{
font-size:2.7rem}
@media all and (min-width: 600px){
.home-recruit-btn__tit{
font-size:3rem}}
@media all and (min-width: 600px){
.home-recruit-btn__txt{
margin-left:15px;font-size:1.4rem}}
.home-recruit-btn__line{
position:absolute;right:0;bottom:20px;width:46.88%;height:1px;background:rgba(255,255,255,0.2);overflow:hidden}
@media all and (min-width: 600px){
.home-recruit-btn__line{
width:490px;top:50%;right:100px;bottom:auto}
.home-recruit-btn__line span{
position:absolute;
z-index:1;
display:block;
left:0;
bottom:0;
width:100%;
height:1px;
background:#fff;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);
transform:scale(0, 1)}}
.lawyer-archive__inner{
padding-top:75px;padding-bottom:128px}
@media all and (min-width: 600px){
.lawyer-archive__inner{
padding-top:170px;padding-bottom:240px}}
.lawyer-archive-person{
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
.lawyer-archive-person.is-active{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media all and (min-width: 600px){
.lawyer-archive-person{
isplay:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start}}
.lawyer-archive-person+.lawyer-archive-person{
margin-top:50px}
@media all and (min-width: 600px){
.lawyer-archive-person+.lawyer-archive-person{
margin-top:145px}}
.lawyer-archive-person:nth-of-type(odd) .lawyer-archive-person__en{
right:-25px;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}
@media all and (min-width: 600px){
.lawyer-archive-person:nth-of-type(odd) .lawyer-archive-person__en{
right:-50px}}
.lawyer-archive-person:nth-of-type(even) .lawyer-archive-person__en{
left:-50px;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
@media all and (min-width: 600px){
.lawyer-archive-person:nth-of-type(even) .lawyer-archive-person__en{
left:-100px}}
@media all and (min-width: 600px){
.lawyer-archive-person:nth-of-type(odd) .lawyer-archive-person__img{
margin-left:60px}
.lawyer-archive-person:nth-of-type(odd) .lawyer-archive-profile{
margin-right:20px}
.lawyer-archive-person:nth-of-type(odd) .lawyer-archive-profile__posi{
margin-left:-145px;text-align:right}
.lawyer-archive-person:nth-of-type(even) .lawyer-archive-person__img{
-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.lawyer-archive-person:nth-of-type(even) .lawyer-archive-profile{
-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:60px}
.lawyer-archive-person:nth-of-type(even) .lawyer-archive-profile__posi{
margin-right:-145px;text-align:left}}
.lawyer-archive-person__img{
position:relative;margin:0 43px}
@media all and (min-width: 600px){
.lawyer-archive-person__img{
position:relative;
z-index:0;
-webkit-box-flex:0;
-ms-flex:0 0 480px;
flex:0 0 480px;
margin:0}}
.lawyer-archive-person__en{
position:absolute;
bottom:-25px;
-webkit-transform:scale(0.62, 0.62);
-ms-transform:scale(0.62, 0.62);
transform:scale(0.62, 0.62)}
@media all and (min-width: 600px){
.lawyer-archive-person__en{
bottom:-40px;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}}
.lawyer-archive-profile{
margin-top:30px}
@media all and (min-width: 600px){
.lawyer-archive-profile{
position:relative;z-index:1;margin-top:50px;-webkit-box-flex:0;-ms-flex:0 0 550px;flex:0 0 550px}}
.lawyer-archive-profile__posi{
width:140px;margin:auto;padding-bottom:5px;color:#395780;border-bottom:solid 1px #395780;text-align:center}
@media all and (min-width: 600px){
.lawyer-archive-profile__posi{
width:210px;padding-bottom:3px}}
.lawyer-archive-profile__name{
margin-top:20px;text-align:center;font-size:3rem;color:#395780;letter-spacing:.16em}
@media all and (min-width: 600px){
.lawyer-archive-profile__name{
margin-top:60px;text-align:left;font-size:3.4rem}}
.lawyer-archive-profile__unit{
text-align:center;color:#a6a8af}
@media all and (min-width: 600px){
.lawyer-archive-profile__unit{
text-align:left;font-size:1.5rem}}
.lawyer-archive-detail{
margin-top:25px}
@media all and (max-width: 599px){
.lawyer-archive-detail th,.lawyer-archive-detail td{
padding:15px 0}}
@media all and (min-width: 600px){
.lawyer-archive-detail th,.lawyer-archive-detail td{
padding:15px}}
.lawyer-archive-detail th{
font-size:1.5rem;width:90px}
@media all and (min-width: 600px){
.lawyer-archive-detail th{
font-size:1.6rem}}
.lawyer-archive-detail td{
font-size:1.2rem}
@media all and (min-width: 600px){
.lawyer-archive-detail td{
font-size:1.4rem}}
.office-outline__inner{
padding-top:65px;padding-bottom:45px}
@media all and (min-width: 600px){
.office-outline__inner{
padding-top:155px;padding-bottom:120px}}
.office-outline__content{
margin-top:40px}
@media all and (min-width: 600px){
.office-outline__content{
margin-top:60px;padding:60px 100px;background:#fafafa}}
.office-access{
position:relative}
.office-access__inner{
padding-top:140px;padding-bottom:150px}
@media all and (min-width: 600px){
.office-access__inner{
padding-top:260px;padding-bottom:160px}}
.office-access-head{
padding-top:30px;background:#fff}
@media all and (min-width: 600px){
.office-access-head{
padding-top:80px}}
.office-access__content{
margin-top:30px}
@media all and (min-width: 600px){
.office-access__content{
margin-top:60px}}
@media all and (min-width: 600px){
.office-access__root{
padding:50px 50px;
}
}
.office-access__root+.office-access__root{
margin-top:50px
}
@media all and (min-width: 600px){
.office-access__root+.office-access__root{
margin-top:40px
}
}
.office-access__list{
margin-left:0px;
padding-top:30px
}
@media all and (min-width: 600px){
.office-access__list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:1060px;
margin:0 auto;
padding-top:50px
}
}
.office-access-info{
position:relative
}
@media all and (max-width: 599px){
.office-access-info{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.office-access-info+.office-access-info{
margin-top:15px
}
}
@media all and (min-width: 600px){
.office-access-info{
-webkit-box-flex:0;
-ms-flex:0 0 340px;
flex:0 0 340px;
margin-right:20px
}
.office-access-info:nth-of-type(3n){
margin-right:0
}
.office-access-info:nth-of-type(n+4){
margin-top:50px
}
}
.office-access-info__img{
position:relative;
-webkit-box-flex:0;
-ms-flex:0 0 324px;
flex:0 0 324px
}
.office-access__bg{
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:180px;
background:url(../img/office/bg_access01.jpg) 50% 50%;
background-size:cover}
@media all and (min-width: 600px){
.office-access__bg{
height:360px}}
.policy-site__inner,
.policy-privacy__inner{
padding-top:60px;padding-bottom:25px}
.policy-site__content,
.policy-privacy__content{
margin-top:50px;padding:20px 20px 40px;background:#fafafa;line-height:1.6}
@media all and (min-width: 600px){
.policy-site__content,.policy-privacy__content{
width:1000px;
margin:60px auto 0;
padding:80px 80px 100px;
line-height:1.8;
box-sizing:border-box}}
.policy-site__list,.policy-privacy__list{
margin-top:25px;counter-reset:num;border-top:solid 1px #f1f1f1}
@media all and (min-width: 600px){
.policy-site__list,.policy-privacy__list{
margin-top:35px}}
.policy-site__item,.policy-privacy__item{
margin-top:25px;
counter-increment:num}
@media all and (min-width: 600px){
.policy-site__item,.policy-privacy__item{
margin-top:30px}}
.policy-site__tit,.policy-privacy__tit{
font-size:1.6rem;letter-spacing:0.16em;color:#395780}
@media all and (min-width: 600px){
.policy-site__tit,.policy-privacy__tit{
font-size:1.8rem}}
.policy-site__tit:before,.policy-privacy__tit:before{
display:inline-block;content:"(" counter(num) ")"}
.policy-site__txt,.policy-privacy__txt{
margin-top:10px}
.policy-site__inner{
padding-top:40px}
@media all and (min-width: 600px){
.policy-site__inner{
padding-top:160px}}
.policy-privacy__inner{
padding-bottom:0px}
@media all and (min-width: 600px){
.policy-privacy__inner{
padding-top:75px;padding-bottom:220px}}
.policy-privacy__tit:before{
content:counter(num) "."}
.policy-privacy__name{
text-align:right;margin-top:35px}
@media all and (min-width: 600px){
.policy-privacy__name{
margin-top:50px}}
.service-anchor__inner{
padding-top:55px;padding-bottom:65px}
@media all and (min-width: 600px){
.service-anchor__inner{
padding-top:140px;padding-bottom:185px}}
.service-anchor__list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between}
@media all and (min-width: 600px){
.service-anchor__list{
margin:0 20px}}
.service-anchor-item{
-webkit-box-flex:0;-ms-flex:0 0 47.69%;flex:0 0 47.69%}
@media all and (min-width: 600px){
.service-anchor-item{
-webkit-box-flex:0;-ms-flex:0 0 270px;flex:0 0 270px}}
@media all and (min-width: 600px) and (-ms-high-contrast: none){
.service-anchor-item{
-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px}}
.service-anchor-item__link{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:54px;
padding:13px 0;
font-size:1.3rem;
line-height:1.6;
padding-right:20px;
border-bottom:solid 1px #f1f1f1;
box-sizing:border-box}
@media all and (min-width: 600px){
.service-anchor-item__link{
font-size:1.6rem;padding:15px 10px;min-height:80px;-webkit-transition:all .3s ease;transition:all .3s ease}
.service-anchor-item__link:hover{
color:#a6a8af}
.service-anchor-item__link:hover:before{
margin-top:1px;border-top-color:#a6a8af}}
.service-anchor-item__link:before{
position:absolute;
content:"";
display:block;
top:50%;
right:2px;
width:0;
height:0;
border:solid transparent;
border-width:5px 4px;
border-top-color:#4d5a6b;
margin-top:-2px}
@media all and (min-width: 600px){
.service-anchor-item__link:before{
right:10px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-duration:.2s;transition-duration:.2s}}
.service-business+.service-business{
margin-top:80px}
@media all and (min-width: 600px){
.service-business+.service-business{
margin-top:140px}}
@media all and (min-width: 600px){
.service-business.is-active .service-business__content{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.service-business.is-active .service-business__img{
opacity:1}}
@media all and (min-width: 600px){
.service-business__inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding-right:100px;
padding-left:100px}}
.service-business__img{
margin:0 52px;
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease;
-webkit-transition-delay:.3s;
transition-delay:.3s}
@media all and (max-width: 599px){
.service-business__img.is-active{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@media all and (min-width: 600px){
.service-business__img{
position:relative;
z-index:1;
-webkit-box-flex:0;
-ms-flex:0 0 440px;
flex:0 0 440px;
margin:0;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
-webkit-transition-delay:.5s;
transition-delay:.5s}}
.service-business__content{
margin-top:35px;
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
@media all and (max-width: 599px){
.service-business__content.is-active{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@media all and (min-width: 600px){
.service-business__content{
-webkit-box-flex:0;
-ms-flex:0 0 460px;
flex:0 0 460px;
margin-top:45px
}
}
.service-business-head{
position:relative;
margin:0 -5px;
padding-bottom:20px;
text-align:center;
border-bottom:solid 1px #000000;
color:#000000;
}
@media all and (min-width: 600px){
.service-business-head{
margin:0;
padding-bottom:20px;
text-align:left
}
}
.service-business-head__en{
font-size:1.2rem;
letter-spacing:.3em
}
.service-business-head__ja{
margin-top:8px;
font-size:2.4rem;
letter-spacing:.16em;
line-height:1.6;
color: #F6921E;
}
@media all and (min-width: 600px){
.service-business-head__ja{
margin-top:20px;
font-size:2.6rem}
}
.service-business-head__ico{
position:absolute;
left:10px;
top:-55px;
color:#395780;
opacity:.05;
pointer-events:none
}
@media all and (min-width: 600px){
.service-business-head__ico{
top:-80px}
}
.service-business-head__ico:before{
font-size:9rem
}
@media all and (min-width: 600px){
.service-business-head__ico:before{
font-size:13rem
}
}
.service-business__txt{
margin-top:23px;
}
@media all and (min-width: 600px){
.service-business__txt{
margin-top:25px;
font-size: 1.4rem;
}
}
.service-business-guide{
position:relative;margin-top:30px;margin-bottom:-35px;padding-bottom:50px}
.service-business-guide.is-active .service-business-guide__tit,.service-business-guide.is-active .service-business-btn{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
@media all and (min-width: 600px){
.service-business-guide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
margin:-50px auto -40px;
padding:100px 0 130px;
-webkit-box-flex:0;
-ms-flex:0 0 1000px;
flex:0 0 1000px;
box-sizing:border-box}}
.service-business-guide:before{
position:absolute;z-index:0;content:"";display:block;bottom:0;left:-25px;width:calc(100% + 50px);height:95px;background:#fafafa}
@media all and (min-width: 600px){
.service-business-guide:before{
top:0;left:50%;width:1560px;height:100%}}
.service-business-guide__tit{
position:relative;
text-align:center;
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
@media all and (min-width: 600px){
.service-business-guide__tit{
-webkit-transition-delay:.5s;transition-delay:.5s}}
.service-business-guide__tit:before,.service-business-guide__tit:after{
position:absolute;content:"";display:block;bottom:0;height:1px;width:calc(50% - 3px);background:#395780}
@media all and (min-width: 600px){
.service-business-guide__tit:before,.service-business-guide__tit:after{
width:calc(50% - 5px)}}
.service-business-guide__tit:before{
left:0}
.service-business-guide__tit:after{
right:0}
.service-business-guide__tit span{
display:inline-block;position:relative;padding-bottom:5px;font-size:1.7rem;letter-spacing:.16em}
@media all and (min-width: 600px){
.service-business-guide__tit span{
padding-bottom:8px;font-size:1.8rem}}
.service-business-guide__tit span:before{
position:absolute;
content:"";
display:block;
width:6px;
height:6px;
bottom:-3px;
left:50%;
border-top:solid 1px #395780;
border-right:solid 1px #395780;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
margin-left:-3px}
.service-business-btn{
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,-webkit-transform 1s ease;
transition:opacity 2s ease,transform 1s ease;
transition:opacity 2s ease,transform 1s ease,-webkit-transform 1s ease}
@media all and (min-width: 600px){
.service-business-btn{
position:relative;margin-bottom:-40px;-webkit-transition-delay:.5s;transition-delay:.5s}}
.service-business-btn__link{
position:relative;
z-index:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
height:90px;
margin-top:20px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:2rem;
letter-spacing:.16em;
line-height:1.6;
color:#fff;
text-align:center}
@media all and (min-width: 600px){
.service-business-btn__link{
-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:23px;width:820px;height:127px;font-size:2.4rem}
.service-business-btn__link:before{
position:absolute;
content:"";
display:block;
left:0;
top:0;
width:100%;
height:100%;
background-size:cover;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transition-duration:1s;
transition-duration:1s}
.service-business-btn__link:hover:before{
opacity:.75}
.service-business-btn__link:hover .service-business-btn__line span{
-webkit-animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9);
animation:lineLeftIn 1s cubic-bezier(0.9, 0.1, 0.3, 0.9)}}
@media all and (min-width: 600px){
.service-business-btn__txt{
position:relative;
z-index:1;
margin-left:50px}}
@media all and (min-width: 600px){
.service-business-btn__line{
position:relative;
margin-left:20px;
margin-right:90px;
-webkit-box-flex:5;
-ms-flex:5 0 100px;
flex:5 0 100px;
height:1px;
background:rgba(255,255,255,0.2)}
.service-business-btn__line span{
position:absolute;
z-index:1;
display:block;
left:0;
bottom:0;
width:100%;
height:1px;
background:#fff;
-webkit-transition:all .3s ease;
transition:all .3s ease;
-webkit-transform:scale(0, 1);
-ms-transform:scale(0, 1);transform:scale(0, 1)}
}
.service-business-btn__ico{
position:absolute;
right:15px;
top:50%;
margin-top:-18px;
pointer-events:none
}
@media all and (min-width: 600px){
.service-business-btn__ico{
right:50px;
font-size:2rem}
}
.service-business:nth-of-type(1) .service-business-btn__link{
background-image:-webkit-gradient(linear, left top, right top, from(#234572), to(#5894b0));
background-image:linear-gradient(90deg, #234572 0%, #5894b0 100%)}
@media all and (min-width: 600px){
.service-business:nth-of-type(1) .service-business-btn__link{
background:#5c5c5c}
.service-business:nth-of-type(1) .service-business-btn__link:before{
background-image:url(../img/service/bg_service01.jpg)}}
.service-business:nth-of-type(2) .service-business-btn__link{
background-image:-webkit-gradient(linear, left top, right top, from(#7b1705), to(#953d11));
background-image:linear-gradient(90deg, #7b1705 0%, #953d11 100%)}
@media all and (min-width: 600px){
.service-business:nth-of-type(2) .service-business-btn__link{
background:#535353}
.service-business:nth-of-type(2) .service-business-btn__link:before{
background-image:url(../img/service/bg_service02.jpg)}}
.service-business:nth-of-type(7) .service-business-btn__link{
background-image:-webkit-gradient(linear, left top, right top, from(#ffa200), to(#ecd652));
background-image:linear-gradient(90deg, #ffa200 0%, #ecd652 100%)}
@media all and (min-width: 600px){
.service-business:nth-of-type(7) .service-business-btn__link{
background:#988f81}
.service-business:nth-of-type(7) .service-business-btn__link:before{
background-image:url(../img/service/bg_service07.jpg)}}
.service-business:nth-of-type(8) .service-business-btn__link{
background-image:-webkit-gradient(linear, left top, right top, from(#1b87c5), to(#42afe0));
background-image:linear-gradient(90deg, #1b87c5 0%, #42afe0 100%)}
.service-business:nth-of-type(9)
.service-business-btn__link{
background-image:-webkit-gradient(linear, left top, right top, from(#0e8279), to(#30a49b));
background-image:linear-gradient(90deg, #0e8279 0%, #30a49b 100%)}
.service-business:last-of-type
.service-business__inner{padding-bottom:150px}
@media all and (min-width: 600px){
.service-business:nth-of-type(8)
.service-business-btn__link{background:#7e7e7e}
.service-business:nth-of-type(8)
.service-business-btn__link:before{background-image:url(../img/service/bg_service08.jpg)}
.service-business:nth-of-type(9)
.service-business-btn__link{background:#484848}
.service-business:nth-of-type(9)
.service-business-btn__link:before{background-image:url(../img/service/bg_service09.jpg)}
.service-business:last-of-type
.ser vice-business__inner{padding-bottom:240px}
.service-business:nth-of-type(odd)
.service-business-head__ico{left:-70px}
.service-business:nth-of-type(odd)
.service-business__img{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.service-business:nth-of-type(odd)
.service-business__content{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.service-business:nth-of-type(even)
.service-business-head__ico{left:auto;right:-70px}
.service-business:nth-of-type(even)
.service-business__img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.service-business:nth-of-type(even)
.service-business__content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.service-business:nth-of-type(1)
.service-business-guide:before,
.service-business:nth-of-type(7) .service-business-guide:before,
.service-business:nth-of-type(9)
.service-business-guide:before{margin-left:-600px}
.service-business:nth-of-type(2)
.service-business-guide:before,
.service-business:nth-of-type(6)
.service-business-guide:before,
.service-business:nth-of-type(8)
.service-business-guide:before{margin-left:-960px}}
.post-archive__inner{
padding-top:40px;
padding-bottom:100px
}
.post-arcive__pager{
margin-top:70px
}
.post-archive__bg{
position:absolute;
z-index:-1;left:0;
top:0;width:1920px;
height:100%;
background:#fafafa
}
.post-single__inner{
position:relative;
padding-top:60px;
padding-bottom:140px
}
.post-single-article{
position:relative;
}
.post-single-article__bg{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1920px;
height:100%;
background:#fafafa
}
@media all and (max-width: 599px){
.post-single-pager{
margin-top:80px;
margin-right:-25px;
margin-left:-25px;
padding-left:25px;
padding-right:25px
}
}
@media all and (min-width: 600px){
.post-archive{
padding-bottom:220px
}
.post-archive__inner{
position:relative;
padding:140px 100px 90px;
}
.post-singlearticle{
padding:160px 100px 140px 100px
}
.post-single__inner{
padding:0 0 200px
}
.post-single-pager{
margin-top:50px;
}
}