html,body,div,span,applet,object,iframe,h1,h2,h3,main h4,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline
}
html{
line-height:1
}
ol,ul{
list-style:none
}
table{
border-collapse:collapse;border-spacing:0
}
caption,th,td{
text-align:left;font-weight:normal;vertical-align:middle
}
q,blockquote{
quotes:none
}
q:before,q:after,blockquote:before,blockquote:after{
content:"";content:none
}
a img{
border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block
}
header{
background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:9;-moz-box-shadow:0 0 21px 4px rgba(37,37,37,0.1);-webkit-box-shadow:0 0 21px 4px rgba(37,37,37,0.1);box-shadow:0 0 21px 4px rgba(37,37,37,0.1)
}
#header{
position:relative;margin-left:auto;margin-right:auto
}
@media screen and (min-width: 1217px){
#header{
width:calc( 100% - 100px );height:120px
}
}
@media screen and (max-width: 1216px){
#header{
width:calc( 100% - 30px );height:60px
}
}
#header-logo{
display:inline-block;height:50%;position:absolute;top:50%;left:0px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
#header-logo img{
display:block;height:100%
}
#header-menu{
position:absolute;right:0;z-index:100;-webkit-overflow-scrolling:touch;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between
}
@media screen and (min-width: 1217px){
#header-menu{
width:calc( 100% - 300px )
}
}
@media screen and (min-width: 721px){
#header-menu{
-webkit-align-items:center;align-items:center;height:100%;top:0
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#header-menu{
width:calc( 100% - 160px )
}
}
@media screen and (max-width: 720px){
#header-menu{
width:100vw;height:0;max-height:calc( 100vh - 60px );left:-15px;top:100%;background-color:#e0fcff;padding:0 60px;overflow:auto;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s;-moz-transition-property:height;-o-transition-property:height;-webkit-transition-property:height;transition-property:height
}
#header-menu.active{
height:548px
}
}
@media screen and (min-width: 721px){
#header-menu #header-company{
width:160px
}
}
@media screen and (max-width: 720px){
#header-menu #header-company{
border-top:1px solid rgba(37,37,37,0.3);padding-top:1.75em;margin-bottom:45px
}
}
@media screen and (max-width: 720px){
#header-menu #header-company>*:not(:first-child){
margin-top:.75em
}
#header-menu #header-company>*:not(:last-child){
margin-bottom:.75em
}
}
@media screen and (min-width: 721px){
#header-menu #header-company #header-company-name{
display:none
}
}
@media screen and (max-width: 720px){
#header-menu #header-company #header-company-name{
font-size:1.4rem;font-weight:600;color:rgba(37,37,37,0.8)
}
}
#header-menu #header-company #header-company-address{
line-height:1.5
}
@media screen and (min-width: 1217px){
#header-menu #header-company #header-company-address{
color:rgba(21,48,124,0.8)
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#header-menu #header-company #header-company-address{
display:none
}
}
@media screen and (max-width: 720px){
#header-menu #header-company #header-company-address{
font-size:1.0rem;font-weight:500;color:rgba(37,37,37,0.4)
}
}
@media screen and (min-width: 721px){
#header-menu #header-company #header-company-social{
display:none
}
}
@media screen and (max-width: 720px){
#header-menu #header-company #header-company-social a svg{
fill:rgba(37,37,37,0.4)
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global{
width:640px;height:100%
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global{
padding-top:50px;padding-bottom:45px
}
}
#header-menu #header-nav-global>ul{
height:100%;display:-webkit-flex;display:flex
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul{
-webkit-flex-wrap:nowrap;flex-wrap:nowrap
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul{
-webkit-flex-direction:column;flex-direction:column
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li{
width:calc( 100% / 6 );height:100%
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li:not(:first-child){
margin-top:1.8em
}
#header-menu #header-nav-global>ul>li:not(:last-child){
margin-bottom:1.8em
}
}
#header-menu #header-nav-global>ul>li a,#header-menu #header-nav-global>ul>li span{
height:100%;line-height:1;color:#15307C;display:-webkit-flex;display:flex
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li a,#header-menu #header-nav-global>ul>li span{
-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li a,#header-menu #header-nav-global>ul>li span{
-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-weight:600
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li a,#header-menu #header-nav-global>ul>li span{
font-size:1.8rem;font-weight:700;display:inline-flex
}
}
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
fill:#15307C
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
-moz-transition-property:fill;-o-transition-property:fill;-webkit-transition-property:fill;transition-property:fill;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
height:24px;width:47px
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
margin-bottom:1em
}
}
@media screen and (max-width: 1216px){
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
height:16px;width:32px
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li a svg,#header-menu #header-nav-global>ul>li span svg{
margin-right:0.3em;height:17px;width:33px
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li a .arrow-down,#header-menu #header-nav-global>ul>li span .arrow-down{
height:.7em;width:.8em;margin:0
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li a .arrow-down,#header-menu #header-nav-global>ul>li span .arrow-down{
display:none
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li:hover a:not(.disabled) div,#header-menu #header-nav-global>ul>li:hover span:not(.disabled) div{
color:#64D2DD
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li:hover a:not(.disabled) svg,#header-menu #header-nav-global>ul>li:hover span:not(.disabled) svg{
fill:#64D2DD
}
}
#header-menu #header-nav-global>ul>li a .disabled,#header-menu #header-nav-global>ul>li span .disabled{
cursor:default
}
#header-menu #header-nav-global>ul>li a .disabled div,#header-menu #header-nav-global>ul>li span .disabled div{
color:rgba(37,37,37,0.3)
}
#header-menu #header-nav-global>ul>li a .disabled svg,#header-menu #header-nav-global>ul>li span .disabled svg{
fill:rgba(37,37,37,0.3)
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li ul{
background-color:#fff;height:initial;opacity:0;visibility:hidden;position:relative;-moz-box-shadow:0 0 5px 4px rgba(37,37,37,0.1);-webkit-box-shadow:0 0 5px 4px rgba(37,37,37,0.1);box-shadow:0 0 5px 4px rgba(37,37,37,0.1);-webkit-flex-direction:column;flex-direction:column;-moz-transition-property:opacity,visibility,top,color;-o-transition-property:opacity,visibility,top,color;-webkit-transition-property:opacity,visibility,top,color;transition-property:opacity,visibility,top,color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li ul{
top:-30px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#header-menu #header-nav-global>ul>li ul{
top:-10px
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li ul{
margin-left:1em;display:inline-flex;-webkit-flex-direction:row;flex-direction:row
}
}
#header-menu #header-nav-global>ul>li ul li{
margin:0
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li ul li{
height:34px
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li ul li:not(:first-child){
border-left:1px solid rgba(37,37,37,0.2)
}
}
#header-menu #header-nav-global>ul>li ul li:before{
content:none
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li ul li a{
font-size:1.4rem;color:rgba(37,37,37,0.8);-moz-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-property:background-color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li ul li a{
font-size:1.2rem;padding:0 1em
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li ul li a:hover{
background-color:#64D2DD;color:#fff
}
}
#header-menu #header-nav-global>ul>li ul li a.disabled{
pointer-events:none
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li ul li.selected{
display:none
}
}
@media screen and (max-width: 720px){
#header-menu #header-nav-global>ul>li ul li.selected a{
color:#64D2DD
}
}
@media screen and (min-width: 721px){
#header-menu #header-nav-global>ul>li:hover>ul{
opacity:1;visibility:visible
}
}
@media screen and (min-width: 1217px){
#header-menu #header-nav-global>ul>li:hover>ul{
top:-26px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#header-menu #header-nav-global>ul>li:hover>ul{
top:-6px
}
}
#header-menu-screen{
width:100%;height:calc( 100vh - 60px );position:fixed;top:60px;left:0;opacity:0;visibility:hidden;background-color:rgba(37,37,37,0.8);-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s;-moz-transition-property:opacity,visibility;-o-transition-property:opacity,visibility;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;z-index:98
}
@media screen and (min-width: 721px){
#header-menu-screen{
display:none
}
}
#header-menu-screen.active{
opacity:1;visibility:visible
}
#header-menu-button{
width:38px;height:38px;position:absolute;right:0;top:50%;z-index:99;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s;-moz-transition-property:background-image;-o-transition-property:background-image;-webkit-transition-property:background-image;transition-property:background-image;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MzA3YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1MzA3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #15307c),color-stop(100%, #15307c));background-image:-moz-linear-gradient(#15307c,#15307c);background-image:-o-linear-gradient(#15307c,#15307c);background-image:-webkit-linear-gradient(#15307c,#15307c);background-image:linear-gradient(#15307c,#15307c);background-position:center;background-repeat:no-repeat;background-size:100% 2px
}
@media screen and (min-width: 721px){
#header-menu-button{
display:none
}
}
#header-menu-button:before{
top:25%
}
#header-menu-button:after{
top:75%
}
#header-menu-button.active{
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1MzA3YyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTMwN2MiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(21,48,124,0)),color-stop(100%, rgba(21,48,124,0)));background-image:-moz-linear-gradient(rgba(21,48,124,0),rgba(21,48,124,0));background-image:-o-linear-gradient(rgba(21,48,124,0),rgba(21,48,124,0));background-image:-webkit-linear-gradient(rgba(21,48,124,0),rgba(21,48,124,0));background-image:linear-gradient(rgba(21,48,124,0),rgba(21,48,124,0))
}
#header-menu-button.active:before{
top:50%;-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)
}
#header-menu-button.active:after{
top:50%;-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)
}
#header-menu-button:before,#header-menu-button:after{
content:'';background-color:#15307C;width:72%;height:2px;position:absolute;left:50%;margin-left:auto;margin-right:auto;-moz-transform:translate(-50%, -50%) rotate(0deg);-ms-transform:translate(-50%, -50%) rotate(0deg);-o-transform:translate(-50%, -50%) rotate(0deg);-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)
}
@media screen and (max-width: 720px){
#header-menu-button:before,#header-menu-button:after{
-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s;-moz-transition-property:-moz-transform,top;-o-transition-property:-o-transform,top;-webkit-transition-property:-webkit-transform,top;transition-property:transform,top
}
}
main .block-area .block-title,
main .box .box-title{
font-weight:700;background-color:#15307C;color:#fff;position:relative;line-height:1.44;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap
}
@media screen and (min-width: 721px){
main .block-area .block-title,main .box .box-title{
font-size:2.0rem;min-height:60px;padding-left:20px;padding-right:20px
}
}
@media screen and (max-width: 720px){
main .block-area .block-title,main .box .box-title{
font-size:1.6rem;padding:.4em .9em
}
}
main .block-area .block-title:before,main .box .box-title:before{
background-color:#64D2DD;content:'';position:absolute;top:0;left:0;height:100%;min-width:4px
}
main h3 .lead,main h4 .lead,main .lead{
font-weight:600;line-height:1.44
}
@media screen and (min-width: 721px){
main h3 .lead,main h4 .lead,main .lead{
font-size:2.0rem
}
}
@media screen and (max-width: 720px){
main h3 .lead,main h4 .lead,main .lead{
font-size:1.6rem
}
}
main{
counter-reset:p h3 block faq
}
@media screen and (min-width: 1217px){
main{
margin-top:120px
}
}
@media screen and (max-width: 1216px){
main{
margin-top:60px
}
}
main h1{
line-height:1.2;color:#fff;font-weight:700
}
main h1:not(:first-child){
margin-top:1em
}
main h1:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
main h1{
font-size:5.2rem
}
}
@media screen and (max-width: 720px){
main h1{
font-size:3.5rem
}
}
main h2{
color:#252525;font-weight:700;line-height:1.2
}
main h2:not(:first-child){
margin-top:.8em
}
main h2:not(:last-child){
margin-bottom:.8em
}
@media screen and (min-width: 721px){
main h2{
font-size:4.0rem
}
}
@media screen and (max-width: 720px){
main h2{
font-size:3.2rem
}
}
main h3,main h4{
font-weight:700;line-height:1.25;color:#15307C;background-position:top left;background-repeat:no-repeat;position:relative;
padding-top:0.5em;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNjk0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjNjk0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec6941),color-stop(100%, #ec6941));background-image:-moz-linear-gradient(#ec6941,#ec6941);background-image:-o-linear-gradient(#ec6941,#ec6941);background-image:-webkit-linear-gradient(#ec6941,#ec6941);background-image:linear-gradient(#ec6941,#ec6941)
}
main h3:not(:first-child),main h4:not(:first-child){
margin-top:1em
}
main h3:not(:last-child),
main h4:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
main h3,main h4{
font-size:3.0rem;background-size:70px 5px
}
}
@media screen and (max-width: 720px){
main h3,main h4{
font-size:2.6rem;background-size:35px 4px
}
}
main h3:before,main h4:before{
color:#EC6941;display:inline-block;font-weight:700;position:absolute;line-height:1
}
@media screen and (min-width: 721px){
main h3:before,
main h4:before{
font-size:2.8rem;top:calc( -1em - 5px )
}
}
@media screen and (max-width: 720px){
main h3:before,main h4:before{
font-size:1.5rem;top:calc( -1em - 4px )
}
}
main h3.counter,
main h4.counter{
margin-top:0.7em
}
main h3.counter:before,
main h4.counter:before{
counter-increment:h3 1;content:counter(h3,decimal-leading-zero)
}
main h3 .lead,
main h4 .lead{
font-weight:500;font-style:normal;color:#15307C
}
@media screen and (min-width: 721px){
main h4{
font-size:2.6rem;background-size:70px 2px
}
}
@media screen and (max-width: 720px){
main h4{
font-size:2.2rem;background-size:35px 2px
}
}
main a{
color:#64D2DD;text-decoration:underline
}
@media screen and (min-width: 1217px){
main a:hover{
text-decoration:none
}
}
main a .arrow-anchor{
height:0.7em;width:1em;fill:#64D2DD
}
main p{
max-width:966px;
line-height:1.66;
font-size:1.6rem;
/*text-align:justify;
text-justify:newspaper;
-moz-hyphens:manual;
-ms-hyphens:manual;
-webkit-hyphens:manual;
hyphens:manual*/
}
main p:not(:first-child){
margin-top:1em
}
main p:not(:last-child){
margin-bottom:1em
}
@media screen and (max-width: 720px){
main p{
/*text-align:left;
text-justify:auto;
-moz-hyphens:none;
-ms-hyphens:none;
-webkit-hyphens:none;
hyphens:none;*/
}
}
@media screen and (max-width: 720px){
main p{
font-size:1.2rem
}
}
main p.counter:before{
margin-right:auto;
display:table;
min-width:1.4em;
text-align:center;
color:#fff;
background-color:#64D2DD;
counter-increment:p 1;
content:"MENU"counter(p,decimal) ".";
padding: 0.1em 0.2em;
}
@media screen and (min-width: 721px){
main .note{
font-size:1.2rem
}
}
@media screen and (max-width: 720px){
main .note{
font-size:1.0rem
}
}
main .main{
color:#252525
}
@media screen and (min-width: 721px){
main .main{
font-size:1.6rem
}
}
@media screen and (max-width: 720px){
main .main{
font-size:1.6rem
}
}
main .indent{
margin-top:1em;margin-bottom:1em
}
@media screen and (min-width: 721px){
main .indent{
font-size:3.0rem;background-size:70px 5px;padding-left:30px
}
}
@media screen and (max-width: 720px){
main .indent{
font-size:2.6rem;background-size:35px 4px
}
}
main .indent.line{
padding-top:1.5em;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjNjk0MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjNjk0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ec6941),color-stop(100%, #ec6941));background-image:-moz-linear-gradient(#ec6941,#ec6941);background-image:-o-linear-gradient(#ec6941,#ec6941);background-image:-webkit-linear-gradient(#ec6941,#ec6941);background-image:linear-gradient(#ec6941,#ec6941);background-position:top left;background-repeat:no-repeat
}
@media screen and (min-width: 721px){
main .indent.line{
background-size:70px 5px
}
}
@media screen and (max-width: 720px){
main .indent.line{
background-size:70px 2px
}
}
main .see-all{
text-align:right
}
main .see-all a{
font-weight:600;color:#15307C
}
@media screen and (min-width: 721px){
main .see-all a{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
main .see-all a{
font-size:1.2rem
}
}
main .see-all a svg{
width:0.5em;height:0.5em;fill:#15307C
}
main .firstview{
background-color:#64D2DD
}
@media screen and (max-width: 720px){
main .firstview .breadcrumb{
display:none
}
}
main .firstview .breadcrumb ul li:before{
content:none
}
main .firstview .breadcrumb ul li a{
font-weight:600;font-size:1.1rem;color:#fff;text-decoration:none
}
main .firstview .breadcrumb ul li:not(:last-child) a:after{
content:'>';margin-left:.5em;margin-right:.5em
}
main .firstview .breadcrumb ul li:last-child a{
color:#15307C
}
main .button-area{
text-align:center
}
main .button-area:not(:first-child){
margin-top:30px
}
main .button-area:not(:last-child){
margin-bottom:30px
}
@media screen and (max-width: 1216px){
main .button-area:not(:last-child){
border-bottom:1px solid rgba(255,255,255,0.25)
}
}
main .button-area .button-description{
color:#15307C;font-weight:600;letter-spacing:0
}
main .button-area .button-description:not(:first-child){
margin-top:1em
}
main .button-area .button-description:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
main .button-area .button-description{
font-size:1.3rem
}
}
@media screen and (max-width: 720px){
main .button-area .button-description{
font-size:1.2rem
}
}
main .button-area .button{
margin-left:auto;margin-right:auto
}
main .news-item{
display:-webkit-flex;display:flex;-webkit-flex-wrap:no-wrap;flex-wrap:no-wrap
}
main .news-item .news-icon{
color:#fff;display:block;background-color:#15307C;font-weight:600;font-style:italic;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:no-wrap;flex-wrap:no-wrap
}
@media screen and (min-width: 721px){
main .news-item .news-icon{
width:85px;height:65px;font-size:15px
}
}
@media screen and (max-width: 720px){
main .news-item .news-icon{
width:60px;height:45px;font-size:10px
}
}
main .news-item .news-icon svg{
fill:#fff;max-width:50%;max-height:50%
}
main .news-item .news-info{
position:relative;background-color:#fff
}
@media screen and (min-width: 721px){
main .news-item .news-info{
padding:20px 20px 34px;width:calc( 100% - 85px )
}
}
@media screen and (max-width: 720px){
main .news-item .news-info{
padding:11px 11px 29px;width:calc( 100% - 45px )
}
}
main .news-item .news-info .news-content{
line-height:1.44
}
@media screen and (min-width: 721px){
main .news-item .news-info .news-content{
font-size:1.8rem;
}
main .news-item .news-info .news-content a{
color: #15307C;
}
}
@media screen and (max-width: 720px){
main .news-item .news-info .news-content{
font-size:1.2rem
}
}
main .news-item .news-info .news-date{
position:absolute;color:rgba(37,37,37,0.4)
}
@media screen and (min-width: 721px){
main .news-item .news-info .news-date{
font-size:1.4rem;right:5px;bottom:5px
}
}
@media screen and (max-width: 720px){
main .news-item .news-info .news-date{
font-size:0.9rem;right:10px;bottom:10px
}
}
main .social-area{
text-align:center
}
main .social-area .social-title{
font-weight:600;color:#15307C
}
main .social-area .social-title:not(:first-child){
margin-top:1em
}
main .social-area .social-title:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
main .social-area .social-title{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
main .social-area .social-title{
font-size:1.2rem
}
}
main .social-area .social-icons{
margin-left:auto;margin-right:auto
}
@media screen and (min-width: 721px){
main .social-area .social-icons{
margin-left:auto;margin-right:auto
}
}
main .social-area .social-icons a:not(:first-child){
margin-left:2em
}
main .social-area .social-icons a:not(:last-child){
margin-right:2em
}
main .social-area .social-icons a svg.icon{
height:25px;width:30px
}
@media screen and (min-width: 1217px){
main .social-area .social-icons a svg.icon{
-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity
}
}
@media screen and (min-width: 1217px){
main .social-area .social-icons a:hover svg.icon{
opacity:.7
}
}
main .media-area{
display:-webkit-flex;display:flex
}
@media screen and (min-width: 1217px){
main .media-area{
-webkit-justify-content:space-between;justify-content:space-between
}
}
@media screen and (max-width: 1216px){
main .media-area{
-webkit-justify-content:center;justify-content:center
}
}
main .media-area li{
margin-top:1em;margin-bottom:1em
}
@media screen and (min-width: 721px){
main .media-area li{
height:24px
}
main .media-area li:nth-of-type(1){
height:22px;margin-top: 1.2em;
}
main .media-area li:nth-of-type(4),
main .media-area li:nth-of-type(5){
height:35px;margin-top: 0.5em;
}
}
@media screen and (max-width: 720px){
main .media-area li{
height:12px
}
main .media-area li:nth-of-type(4),
main .media-area li:nth-of-type(5){
height:20px;
}
}
@media screen and (max-width: 1216px){
main .media-area li{
margin-left:1.5em;margin-right:1.5em
}
}
main .media-area li:before{
content:none
}
main .media-area li img{
height:100%
}
main .block-area{
background-color:rgba(37,37,37,0.03)
}
main .block-area .block-title{
padding-top:10px;padding-bottom:10px
}
@media screen and (min-width: 721px){
main .block-area .block-title.counter{
padding-left:80px
}
}
@media screen and (max-width: 720px){
main .block-area .block-title.counter{
padding-top:40px
}
}
main .block-area .block-title.counter:before{
counter-increment:block 1;content:counter(block,decimal) ".";display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center
}
@media screen and (min-width: 721px){
main .block-area .block-title.counter:before{
width:60px
}
}
@media screen and (max-width: 720px){
main .block-area .block-title.counter:before{
height:33px;width:100%;min-hight:4px
}
}
main .block-area .block-title .sub{
font-size:1.2rem
}
@media screen and (min-width: 721px){
main .block-area article{
padding:50px 100px
}
}
@media screen and (max-width: 720px){
main .block-area article{
padding:25px 20px
}
}
@media screen and (min-width: 721px){
main .block-area article .button{
max-width:365px
}
}
main .box{
background-color:#fff;
position: relative;
padding-bottom: 50px;
}
main .box .box-image,main .box img{
width:100%
}
@media screen and (min-width: 721px){
main .box .box-title{
height:60px
}
}
main .box .box-title .box-team-job{
font-weight:600;font-style:italic;width:100%
}
@media screen and (min-width: 721px){
main .box .box-title .box-team-job{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
main .box .box-title .box-team-job{
font-size:.9rem
}
}
main .box .box-title .box-team-name{
width:100%
}
@media screen and (min-width: 721px){
main .box .box-title .box-team-name{
font-size:2.0rem
}
}
@media screen and (max-width: 720px){
main .box .box-title .box-team-name{
font-size:1.2rem
}
}
@media screen and (min-width: 721px){
main .box p{
font-size:1.4rem;margin:25px
}
}
@media screen and (max-width: 720px){
main .box p{
font-size:1.0rem;margin:12px
}
main .box{
padding-bottom: 24px;
}
}
main .condition-box{
background-color:rgba(37,37,37,0.03);
position:relative
}
@media screen and (min-width: 721px){
main .condition-box{
padding:70px 55px 40px
}
}
@media screen and (max-width: 720px){
main .condition-box{
padding:70px 20px 25px
}
}
main .condition-box dt{
display:inline-block;position:absolute;left:0;top:20px;font-weight:600;font-style:italic;color:#fff;background-color:#15307C;padding:.5em
}
@media screen and (min-width: 721px){
main .condition-box dt{
font-size:1.6rem
}
}
@media screen and (max-width: 720px){
main .condition-box dt{
font-size:1.4rem
}
}
main .frame{
text-align:center
}
main .frame .frame-image,main .frame img{
width:100%
}
main .frame .caption-note{
text-align:center;font-weight:600;max-width:100%
}
main .frame .caption-note:not(:first-child){
margin-top:.44em
}
main .frame .caption-note:not(:last-child){
margin-bottom:.44em
}
@media screen and (min-width: 721px){
main .frame .caption-note{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
main .frame .caption-note{
font-size:1.0rem
}
}
main .frame .caption{
font-weight:600
}
main .frame .caption:not(:first-child){
margin-top:.44em
}
main .frame .caption:not(:last-child){
margin-bottom:.44em
}
@media screen and (min-width: 721px){
main .frame .caption{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
main .frame .caption{
font-size:1.2rem
}
}
main .frame .lead{
color:#15307C;font-weight:600
}
main .frame .lead:not(:first-child){
margin-top:.44em
}
main .frame .lead:not(:last-child){
margin-bottom:.44em
}
@media screen and (min-width: 721px){
main .frame .lead{
font-size:1.8rem
}
}
@media screen and (max-width: 720px){
main .frame .lead{
font-size:1.2rem
}
}
main .youtube iframe,main .youtube video{
width:767px;height:auto;max-width:100%;max-height:calc( (100vw - 50px) / 16 * 9)
}
main .item-area{
width:100%;margin-left:auto;margin-right:auto
}
@media screen and (min-width: 721px){
main .item-area{
max-width:1165px;padding:67px 0
}
}
@media screen and (max-width: 720px){
main .item-area{
padding:55px 0
}
}
main .item-area .item{
background-color:rgba(37,37,37,0.03);width:100%
}
@media screen and (min-width: 721px){
main .item-area .item{
padding:35px
}
main .item-area .item:not(:first-child){
margin-top:67px
}
main .item-area .item:not(:last-child){
margin-bottom:67px
}
}
@media screen and (max-width: 720px){
main .item-area .item{
padding:25px
}
main .item-area .item:not(:first-child){
margin-top:55px
}
main .item-area .item:not(:last-child){
margin-bottom:55px
}
}
main .item-area .item .item-title{
background:none;padding:0
}
main .item-area .item .faq-question{
margin-bottom:0.7em;margin-top:1.5em
}
@media screen and (min-width: 721px){
main .item-area .item .faq-question{
font-size:3.0rem
}
}
@media screen and (max-width: 720px){
main .item-area .item .faq-question{
font-size:1.6rem
}
}
main .item-area .item .faq-question:before{
color:#252525;counter-increment:faq 1;content:counter(faq,decimal) "."
}
@media screen and (min-width: 721px){
main .item-area .item .faq-question:before{
font-size:4.0rem
}
}
@media screen and (max-width: 720px){
main .item-area .item .faq-question:before{
font-size:2.0rem
}
}
@media screen and (min-width: 1217px){
main .cta{
padding-top:30px;padding-bottom:30px;-webkit-justify-content:space-between;justify-content:space-between
}
}
main .cta .button-area{
text-align:center
}
@media screen and (min-width: 721px){
main .cta .button-area{
width:50%;padding:30px 50px;margin:0 !important
}
}
@media screen and (min-width: 721px){
main .cta .button-area:nth-child(2n){
border-left:1px solid rgba(37,37,37,0.2)
}
}
@media screen and (max-width: 720px){
main .cta .button-area:not(:first-child){
border-top:1px solid rgba(37,37,37,0.2);padding-top:30px
}
}
main .cta .button-area .icon{
fill:#15307C
}
@media screen and (min-width: 1217px){
main .cta .button-area .icon{
height:86px;width:166px
}
}
@media screen and (max-width: 1216px){
main .cta .button-area .icon{
height:70px;width:133px
}
}
@media screen and (min-width: 1217px){
main .cta .button-area .button{
width:100%
}
}
@media screen and (min-width: 1637px){
#top #firstview .inner{
width:1600px;max-width:100%
}
}
@media screen and (max-width: 1636px){
#top #firstview .inner{
width:100%
}
}
@media screen and (min-width: 721px){
#top #firstview .inner>*{
width:50%
}
}
@media screen and (max-width: 720px){
#top #firstview .inner>*{
width:100%
}
}
@media screen and (max-width: 1636px) and (min-width: 721px){
#top #firstview .inner{
height: 60.2vw
}
}
#top #firstview .firstview-image img{
display:block;
float: right;
}
@media screen and (max-width: 720px){
#top #firstview .firstview-image img{
width:100%
}
}
@media screen and (max-width: 1636px) and (min-width: 721px){
#top #firstview .firstview-image img{
max-height: 100%;
max-width: 980px;
}
}
@media screen and (min-width: 1637px){
#top #firstview .firstview-image img{
max-height: 100%;
max-width: 820px;
}
}
#top #firstview .firstview-graph{
display:-webkit-flex;
display:flex;
-webkit-align-content:center;
align-content:center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap
}
@media screen and (min-width: 1217px){
#top #firstview .firstview-graph{
padding:4em
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#top #firstview .firstview-graph{
padding:3vw
}
}
@media screen and (max-width: 720px){
#top #firstview .firstview-graph{
padding:25px
}
}
#top #firstview .firstview-graph .lead{
max-width:100%
}
@media screen and (min-width: 1217px){
#top #firstview .firstview-graph .lead{
font-size:1.6rem;
}
#top #firstview .firstview-graph .lead:not(:last-child){
margin-bottom:2em
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#top #firstview .firstview-graph .lead{
font-size:1.3vw;
}
#top #firstview .firstview-graph .lead:not(:last-child){
margin-bottom:2.5vw
}
}
@media screen and (max-width: 720px){
#top #firstview .firstview-graph .lead{
font-size:1.5rem
}
}
#top #firstview .firstview-graph picture{
width:100%
}
@media screen and (min-width: 721px){
#top #firstview .firstview-graph img{
max-width:75%
}
}
@media screen and (max-width: 720px){
#top #firstview .firstview-graph img{
max-width:100%
}
}
#top #cta{
background-color:#15307C
}
@media screen and (min-width: 1217px){
#top #cta{
padding-top:30px;padding-bottom:30px
}
}
#top #cta .inner{
-webkit-justify-content:space-between;justify-content:space-between
}
#top #cta .button-area{
margin:0 !important
}
@media screen and (max-width: 1216px){
#top #cta .button-area{
width:100%;padding-top:30px;padding-bottom:30px
}
}
#top #cta .button-area .button-description{
color:#fff
}
#top #cta .button-area .button{
-moz-animation-name:flash;-o-animation-name:flash;-webkit-animation-name:flash;animation-name:flash;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-moz-animation-timing-function:ease;-o-animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-timing-function:ease;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-moz-animation-direction:alternate-reverse;-o-animation-direction:alternate-reverse;-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse
}
@-moz-keyframes flash{
0%{
-moz-box-shadow:0 0 20px 0 rgba(255,255,255,0);box-shadow:0 0 20px 0 rgba(255,255,255,0)
}
100%{
-moz-box-shadow:0 0 20px 0 rgba(255,255,255,0.8);box-shadow:0 0 20px 0 rgba(255,255,255,0.8)
}
}
@-o-keyframes flash{
0%{
box-shadow:0 0 20px 0 rgba(255,255,255,0)
}
100%{
box-shadow:0 0 20px 0 rgba(255,255,255,0.8)
}
}
@-webkit-keyframes flash{
0%{
-webkit-box-shadow:0 0 20px 0 rgba(255,255,255,0);box-shadow:0 0 20px 0 rgba(255,255,255,0)
}
100%{
-webkit-box-shadow:0 0 20px 0 rgba(255,255,255,0.8);box-shadow:0 0 20px 0 rgba(255,255,255,0.8)
}
}
@keyframes flash{
0%{
-moz-box-shadow:0 0 20px 0 rgba(255,255,255,0);-webkit-box-shadow:0 0 20px 0 rgba(255,255,255,0);box-shadow:0 0 20px 0 rgba(255,255,255,0)
}
100%{
-moz-box-shadow:0 0 20px 0 rgba(255,255,255,0.8);-webkit-box-shadow:0 0 20px 0 rgba(255,255,255,0.8);box-shadow:0 0 20px 0 rgba(255,255,255,0.8)
}
}
@media screen and (min-width: 1217px){
#top #cta .button-area .button{
width:100%
}
}
#top #vision .frame-vision-organization{
text-align:center;font-weight:700
}
#top #vision .frame-vision-organization:not(:first-child){
margin-top:.3em
}
#top #vision .frame-vision-organization:not(:last-child){
margin-bottom:.3em
}
@media screen and (min-width: 721px){
#top #vision .frame-vision-organization{
font-size:1.6rem
}
}
@media screen and (max-width: 720px){
#top #vision .frame-vision-organization{
font-size:1.4rem
}
}
#top #vision .frame-vision-country{
text-align:center;font-weight:600;color:rgba(37,37,37,0.4)
}
#top #vision .frame-vision-country:not(:first-child){
margin-top:.3em
}
#top #vision .frame-vision-country:not(:last-child){
margin-bottom:.3em
}
@media screen and (min-width: 721px){
#top #vision .frame-vision-country{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
#top #vision .frame-vision-country{
font-size:1.1rem
}
}
#top #about-fonder>*:not(:first-child){
margin-top:1.5em
}
#top #about-fonder>*:not(:last-child){
margin-bottom:1.5em
}
@media screen and (min-width: 721px){
#top #about-fonder ul,#top #about-fonder a{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
#top #about-fonder ul,#top #about-fonder a{
font-size:1.2rem
}
}
#top #about-fonder #fonder-achievement{
-webkit-justify-content:space-between;justify-content:space-between
}
@media screen and (min-width: 721px){
#top #about-fonder #fonder-achievement .frame{
width:calc( 100% / 3 - 20px )
}
}
@media screen and (max-width: 720px){
#top #about-fonder #fonder-achievement .frame{
width:100%
}
#top #about-fonder #fonder-achievement .frame:not(:first-child){
margin-top:2em
}
#top #about-fonder #fonder-achievement .frame:not(:last-child){
margin-bottom:2em
}
}
#top #about-fondation{
padding:0
}
#top #about-fondation .flex{
-webkit-justify-content:space-between;justify-content:space-between
}
@media screen and (min-width: 721px){
#top #about-fondation .flex{
margin-bottom:0
}
}
@media screen and (min-width: 721px){
#top #about-fondation .flex>*{
width:calc( 50% - 15px );max-height:240px
}
}
@media screen and (max-width: 720px){
#top #about-fondation .flex>*{
width:100%
}
}
#top #about-fondation picture{
text-align:right
}
@media screen and (min-width: 721px){
#top #about-fondation picture img{
max-width:100%;height:240px
}
}
@media screen and (max-width: 1216px){
#top #about-fondation picture img{
width:100%;height:auto
}
}
#top #about-fondation .map{
margin-top:0
}
@media screen and (max-width: 1216px) and (min-width: 721px){
#top #about-fondation .map{
height:calc( ( 25vw - 35px ) / 544 * 560 )
}
}
@media screen and (max-width: 720px){
#top #about-fondation .map{
height:200px
}
}
@media screen and (max-width: 720px){
#top #about-fondation dl{
margin-bottom:15px
}
}
#top #about-fondation dl dt{
font-weight:700
}
#top #about-fondation dl dt:not(:first-child){
margin-top:.44em
}
#top #about-fondation dl dt:not(:last-child){
margin-bottom:.44em
}
@media screen and (min-width: 721px){
#top #about-fondation dl dt{
font-size:1.8rem
}
}
@media screen and (max-width: 720px){
#top #about-fondation dl dt{
font-size:1.5rem
}
}
#top #about-fondation dl dd{
line-height:1.75
}
#top #about-fondation dl dd:not(:first-child){
margin-top:1em
}
#top #about-fondation dl dd:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
#top #about-fondation dl dd{
font-size:1.2rem
}
}
@media screen and (max-width: 720px){
#top #about-fondation dl dd{
font-size:1.0rem
}
}
@media screen and (max-width: 1216px){
#top #about-fondation dl dd.social-icons a svg.icon{
fill:rgba(37,37,37,0.4)
}
}
@media screen and (min-width: 1217px){
#top #about-fondation dl dd.social-icons a:not(:hover) svg.icon{
fill:rgba(37,37,37,0.4)
}
}
@media screen and (min-width: 721px){
#contact #social{
position:absolute;top:0;right:0;margin:0
}
}
@media screen and (min-width: 721px){
#contact #social .social-area{
display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center
}
}
@media screen and (min-width: 721px){
#contact #social .social-area .social-title{
flex:1.4em;margin-bottom:0;margin-right:1.5em
}
}
@media screen and (min-width: 721px){
#contact #social .social-area .social-icons a:not(:first-child){
margin-left:0.5em
}
#contact #social .social-area .social-icons a:not(:last-child){
margin-right:0.5em
}
}
@media screen and (min-width: 721px){
#contact #social .social-area .social-icons a svg{
height:20px;width:24px
}
}
#contact form select,#contact form input,#contact form textarea{
width:100%;height:3.3em;color:#252525;padding:1em;border:1px solid rgba(37,37,37,0.3);font-family:inherit;-moz-appearance:none;-webkit-appearance:none;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px
}
@media screen and (min-width: 721px){
#contact form select,#contact form input,#contact form textarea{
font-size:1.8rem
}
}
@media screen and (max-width: 720px){
#contact form select,#contact form input,#contact form textarea{
font-size:1.4rem
}
}
#contact form select:-moz-placeholder,#contact form input:-moz-placeholder,#contact form textarea:-moz-placeholder{
color:rgba(37,37,37,0.3)
}
#contact form select::-moz-placeholder,#contact form input::-moz-placeholder,#contact form textarea::-moz-placeholder{
color:rgba(37,37,37,0.3)
}
#contact form select:-ms-input-placeholder,#contact form input:-ms-input-placeholder,#contact form textarea:-ms-input-placeholder{
color:rgba(37,37,37,0.3)
}
#contact form select::-webkit-input-placeholder,#contact form input::-webkit-input-placeholder,#contact form textarea::-webkit-input-placeholder{
color:rgba(37,37,37,0.3)
}
#contact form label{
font-weight:700;color:rgba(37,37,37,0.8);margin-bottom:.3em
}
@media screen and (min-width: 721px){
#contact form label{
font-size:1.8rem
}
}
@media screen and (max-width: 720px){
#contact form label{
font-size:1.4rem
}
}
#contact form select{
background-color:#fff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyNCI+PHBhdGggZD0iTTE0IDI0TDAgMGgyOHoiIGZpbGw9IiNiY2JjYmMiLz48L3N2Zz4=');background-size:0.7em 0.7em;background-repeat:no-repeat
}
@media screen and (min-width: 721px){
#contact form select{
background-position:right 20px center
}
}
@media screen and (max-width: 720px){
#contact form select{
background-position:right 10px center
}
}
#contact form select[value=""]{
color:rgba(37,37,37,0.3)
}
#contact form textarea#message{
resize:vertical;height:20em
}
#contact form .group{
display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column
}
#contact form .wide{
width:100%;margin-right:0
}
#contact form .required:after{
content:'*';color:#e51000
}
#contact #you{
color:#64D2DD;font-weight:700
}
@media screen and (min-width: 721px){
#contact #you{
font-size:1.8rem
}
}
@media screen and (max-width: 720px){
#contact #you{
font-size:1.2rem
}
}
#footer-block-pagetop{
background-color:rgba(37,37,37,0.4);text-align:center;line-height:0
}
@media screen and (min-width: 1217px){
#footer-block-pagetop{
-moz-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-property:background-color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (min-width: 1217px){
#footer-block-pagetop:hover{
background-color:rgba(37,37,37,0.3)
}
}
#footer-block-pagetop a{
display:block;text-align:center
}
@media screen and (min-width: 721px){
#footer-block-pagetop a{
padding:2em 0
}
}
@media screen and (max-width: 720px){
#footer-block-pagetop a{
padding:1.4em 0
}
}
#footer-block-pagetop a svg{
fill:#fff
}
@media screen and (min-width: 721px){
#footer-block-pagetop a svg{
width:28px;height:16px
}
}
@media screen and (max-width: 720px){
#footer-block-pagetop a svg{
width:22px;height:12px
}
}
#footer-block-main{
color:#fff;background-color:#00185A
}
#footer-block-main section:not(:last-child){
border-bottom:1px solid rgba(255,255,255,0.25)
}
#footer-block-main #footer-nav-global ul,#footer-block-main #footer-nav-extra ul{
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap
}
#footer-block-main #footer-nav-global ul li a,#footer-block-main #footer-nav-extra ul li a{
display:block
}
@media screen and (min-width: 1217px){
#footer-block-main #footer-nav-global ul li a,#footer-block-main #footer-nav-extra ul li a{
-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
}
@media screen and (min-width: 1217px){
#footer-block-main #footer-nav-global ul li a:hover,#footer-block-main #footer-nav-extra ul li a:hover{
color:rgba(255,255,255,0.7)
}
}
#footer-block-main #footer-nav-global{
width:100%
}
#footer-block-main #footer-nav-global ul{
margin:0em 0
}
@media screen and (min-width: 721px){
#footer-block-main #footer-nav-global ul{
-webkit-justify-content:space-around;justify-content:space-around
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-nav-global ul{
-webkit-justify-content:left;justify-content:left
}
}
#footer-block-main #footer-nav-global ul li{
line-height:3em;font-weight:600
}
@media screen and (min-width: 721px){
#footer-block-main #footer-nav-global ul li{
font-size:1.4rem
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-nav-global ul li{
font-size:1.2rem;margin-right:35px
}
}
#footer-block-main #footer-company{
position:relative
}
@media screen and (min-width: 721px){
#footer-block-main #footer-company{
margin-bottom:40px
}
}
#footer-block-main #footer-company #footer-company-name{
color:#fff;font-weight:700
}
@media screen and (min-width: 721px){
#footer-block-main #footer-company #footer-company-name{
font-size:2.2rem
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-company #footer-company-name{
font-size:1.9rem
}
}
#footer-block-main #footer-company #footer-company-address{
color:rgba(255,255,255,0.7);line-height:1.8em;margin:0.8em 0
}
@media screen and (min-width: 721px){
#footer-block-main #footer-company #footer-company-address{
font-size:1.2rem
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-company #footer-company-address{
font-size:1.0rem
}
}
#footer-block-main #footer-company #footer-company-social{
display:inline-block
}
@media screen and (min-width: 721px){
#footer-block-main #footer-company #footer-company-social{
position:absolute;top:0;right:0
}
}
@media screen and (max-width: 1216px){
#footer-block-main #footer-company #footer-company-social a svg.icon{
fill:#fff
}
}
@media screen and (min-width: 1217px){
#footer-block-main #footer-company #footer-company-social a:not(:hover) svg.icon{
fill:#fff
}
}
#footer-block-main #footer-nav-extra{
width:100%;margin-top:1.5em
}
@media screen and (max-width: 720px){
#footer-block-main #footer-nav-extra{
margin-bottom:1.5em
}
}
#footer-block-main #footer-nav-extra ul{
-webkit-justify-content:left;justify-content:left
}
#footer-block-main #footer-nav-extra ul li{
line-height:1;margin-top:0.5em;margin-bottom:0.5em
}
@media screen and (min-width: 721px){
#footer-block-main #footer-nav-extra ul li{
font-size:1.1rem
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-nav-extra ul li{
font-size:1.0rem
}
}
#footer-block-main #footer-nav-extra ul li:not(:first-child) a{
padding-left:1.5em;border-left:1px solid rgba(255,255,255,0.25)
}
#footer-block-main #footer-nav-extra ul li:not(:last-child) a{
padding-right:1.5em
}
#footer-block-main #footer-copyright{
color:rgba(255,255,255,0.25);position:absolute
}
@media screen and (min-width: 721px){
#footer-block-main #footer-copyright{
font-size:1.0rem;right:0;bottom:40px
}
}
@media screen and (max-width: 720px){
#footer-block-main #footer-copyright{
font-size:0.9rem;left:0;bottom:15px
}
}
#footer-block-notes{
background-color:#DEE4F4;color:rgba(37,37,37,0.4);line-height:2em
}
@media screen and (min-width: 721px){
#footer-block-notes{
font-size:1.2rem
}
}
@media screen and (max-width: 720px){
#footer-block-notes{
font-size:0.9rem
}
}
#footer-block-notes ul li{
margin-top:0;margin-bottom:0
}
*{
box-sizing:border-box
}
html{
color:rgba(37,37,37,0.8);font-family:"Montserrat",sans-serif;font-size:62.5%;font-weight:500;letter-spacing:.05em;line-height:1.75em
}
a{
text-decoration:none;color:inherit
}
.list-title{
font-weight:700;display:inline-block;width:100%;margin-bottom:.5em;line-height:1
}
@media screen and (min-width: 721px){
.list-title{
font-size:2.6rem
}
}
@media screen and (max-width: 720px){
.list-title{
font-size:2.0rem
}
}
ul:not([class]),ol{
max-width:966px
}
ul:not([class]) li,ol li{
line-height:1.66
}
@media screen and (min-width: 1217px){
ul:not([class]) li,ol li{
font-size:1.4rem
}
}
@media screen and (max-width: 1216px){
ul:not([class]) li,ol li{
font-size:1.2rem
}
}
ul:not([class])>li{
margin-left:1em
}
ul:not([class])>li:not(:first-child){
margin-top:1em
}
ul:not([class])>li:not(:last-child){
margin-bottom:1em
}
ul:not([class])>li:before{
content:'・';display:inline-block;margin-left:-1em
}
.note ul:not([class]) li{
margin-top:0;margin-bottom:0;color:rgba(37,37,37,0.8)
}
ol{
counter-reset:ol
}
ol:not(:first-child){
margin-top:1.5em
}
ol:not(:last-child){
margin-bottom:1.5em
}
ol>li{
position:relative
}
ol>li:not(:first-child){
margin-top:3em
}
ol>li:not(:last-child){
margin-bottom:3em
}
@media screen and (min-width: 721px){
ol>li{
margin-left:3em
}
}
ol>li:before{
counter-increment:ol 1;content:counter(ol,decimal) ".";font-weight:700;line-height:1
}
@media screen and (min-width: 721px){
ol>li:before{
display:inline-block;text-align:right;position:absolute;left:-1.5em;font-size:2.6rem
}
}
@media screen and (max-width: 720px){
ol>li:before{
display:table;margin-bottom:.5em;font-size:2.0rem
}
}
ol>li ol>li:not(:first-child){
margin-top:1em
}
ol>li ol>li:not(:last-child){
margin-bottom:1em
}
@media screen and (min-width: 721px){
ol>li ol>li{
margin-left:2em
}
}
@media screen and (max-width: 720px){
ol>li ol>li{
margin-left:3em
}
}
ol>li ol>li:before{
font-size:inherit;line-height:inherit;counter-increment:ol 1;content:"(" counter(ol,decimal) ")"
}
@media screen and (min-width: 721px){
ol>li ol>li:before{
left:-2em
}
}
@media screen and (max-width: 720px){
ol>li ol>li:before{
display:inline-block;margin-left:-2em;margin-right:.5em
}
}
.left{
text-align:left
}
.center{
text-align:center
}
.right{
text-align:right
}
.italic{
font-style:italic
}
.color-theme1{
color:#15307C !important
}
.color-theme2{
color:#64D2DD !important
}
.outer{
width:100%
}
.inner{
margin:0 auto;position:relative
}
@media screen and (min-width: 1217px){
.inner{
width:1166px
}
}
@media screen and (max-width: 1216px){
.inner{
width:calc( 100% - 50px )
}
}
section{
position:relative
}
@media screen and (min-width: 721px){
section{
padding-top:40px;padding-bottom:40px
}
}
@media screen and (max-width: 720px){
section{
padding-top:25px;padding-bottom:25px
}
}
section:not(:last-child){
border-bottom:1px solid rgba(37,37,37,0.2)
}
article{
position:relative
}
@media screen and (min-width: 721px){
article{
padding-top:40px;padding-bottom:40px
}
}
@media screen and (max-width: 720px){
article{
padding-top:25px;padding-bottom:25px
}
}
@media screen and (min-width: 721px){
article>*:not(:first-child){
margin-top:40px
}
article>*:not(:last-child){
margin-bottom:40px
}
}
@media screen and (max-width: 720px){
article>*:not(:first-child){
margin-top:25px
}
article>*:not(:last-child){
margin-bottom:25px
}
}
.bg-alternate:nth-of-type(2n){
background-color:rgba(37,37,37,0.03)
}
.flex{
display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap
}
.flex.column2{
-webkit-justify-content:flex-start;justify-content:flex-start
}
@media screen and (min-width: 1217px){
.flex.column2>*{
width:calc( ( 100% - 30px ) / 2 - 0.1px )
}
.flex.column2>*:not(:nth-child(2n)){
margin-right:30px
}
.flex.column2>*:not(:nth-child(-n+2)){
margin-top:40px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
.flex.column2>*{
width:calc( ( 100% - 30px ) / 2 )
}
.flex.column2>*:not(:nth-child(2n)){
margin-right:30px
}
.flex.column2>*:not(:nth-child(-n+2)){
margin-top:40px
}
}
@media screen and (max-width: 720px){
.flex.column2>*{
width:100%;margin-top:20px
}
.flex.column2>*:not(:first-child){
margin-top:20px
}
}
.flex.column3{
-webkit-justify-content:flex-start;justify-content:flex-start
}
@media screen and (min-width: 1217px){
.flex.column3>*{
width:calc( ( 100% - 60px ) / 3 - 0.1px )
}
.flex.column3>*:not(:nth-child(3n)){
margin-right:30px
}
.flex.column3>*:not(:nth-child(-n+3)){
margin-top:40px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
.flex.column3>*{
width:calc( ( 100% - 30px ) / 2 )
}
.flex.column3>*:not(:nth-child(2n)){
margin-right:30px
}
.flex.column3>*:not(:nth-child(-n+2)){
margin-top:40px
}
}
@media screen and (max-width: 720px){
.flex.column3>*{
width:calc( ( 100% - 15px ) / 2 )
}
.flex.column3>*:not(:nth-child(2n)){
margin-right:15px
}
.flex.column3>*:not(:nth-child(-n+2)){
margin-top:20px
}
}
.flex.column4{
-webkit-justify-content:flex-start;justify-content:flex-start
}
@media screen and (min-width: 1217px){
.flex.column4>*{
width:calc( ( 100% - 90px ) / 4 - 0.1px )
}
.flex.column4>*:not(:nth-child(4n)){
margin-right:30px
}
.flex.column4>*:not(:nth-child(-n+4)){
margin-top:40px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
.flex.column4>*{
width:calc( ( 100% - 90px ) / 4 )
}
.flex.column4>*:not(:nth-child(4n)){
margin-right:30px
}
.flex.column4>*:not(:nth-child(-n+4)){
margin-top:40px
}
}
@media screen and (max-width: 720px){
.flex.column4>*{
width:calc( ( 100% - 15px ) / 2 )
}
.flex.column4>*:not(:nth-child(2n)){
margin-right:15px
}
.flex.column4>*:not(:nth-child(-n+2)){
margin-top:20px
}
}
.flex.column5{
-webkit-justify-content:flex-start;justify-content:flex-start
}
@media screen and (min-width: 1217px){
.flex.column5>*{
width:calc( ( 100% - 120px ) / 5 - 0.1px )
}
.flex.column5>*:not(:nth-child(5n)){
margin-right:30px
}
.flex.column5>*:not(:nth-child(-n+5)){
margin-top:40px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
.flex.column5>*{
width:calc( ( 100% - 90px ) / 4 )
}
.flex.column5>*:not(:nth-child(4n)){
margin-right:30px
}
.flex.column5>*:not(:nth-child(-n+4)){
margin-top:40px
}
}
@media screen and (max-width: 720px){
.flex.column5>*{
width:calc( ( 100% - 15px ) / 2 )
}
.flex.column5>*:not(:nth-child(2n)){
margin-right:15px
}
.flex.column5>*:not(:nth-child(-n+2)){
margin-top:20px
}
}
.flex.column6{
-webkit-justify-content:flex-start;justify-content:flex-start
}
@media screen and (min-width: 1217px){
.flex.column6>*{
width:calc( ( 100% - 150px ) / 6 - 0.1px )
}
.flex.column6>*:not(:nth-child(6n)){
margin-right:30px
}
.flex.column6>*:not(:nth-child(-n+6)){
margin-top:40px
}
}
@media screen and (max-width: 1216px) and (min-width: 721px){
.flex.column6>*{
width:calc( ( 100% - 90px ) / 4 )
}
.flex.column6>*:not(:nth-child(4n)){
margin-right:30px
}
.flex.column6>*:not(:nth-child(-n+4)){
margin-top:40px
}
}
@media screen and (max-width: 720px){
.flex.column6>*{
width:calc( ( 100% - 15px ) / 2 )
}
.flex.column6>*:not(:nth-child(2n)){
margin-right:15px
}
.flex.column6>*:not(:nth-child(-n+2)){
margin-top:20px
}
}
.button{
display:block;font-weight:700;text-align:center;position:relative;text-decoration:none;-moz-border-radius:70px;-webkit-border-radius:70px;border-radius:70px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center
}
@media screen and (min-width: 1217px){
.button{
width:485px
}
}
@media screen and (max-width: 1216px){
.button{
width:100%;max-width:568px
}
}
@media screen and (min-width: 721px){
.button{
height:70px;font-size:1.8rem;padding-left:60px;padding-right:60px
}
}
@media screen and (max-width: 720px){
.button{
min-height:60px;font-size:1.7rem;padding-left:40px;padding-right:40px
}
}
.button.light{
background-color:#fff;color:#15307C;border:4px solid transparent
}
.button.light svg{
fill:#15307C
}
@media screen and (min-width: 1217px){
.button.light{
-moz-transition-property:background-color,color;-o-transition-property:background-color,color;-webkit-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.light svg{
-moz-transition-property:fill;-o-transition-property:fill;-webkit-transition-property:fill;transition-property:fill;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.light:hover{
background-color:#64D2DD;color:#fff
}
.button.light:hover svg{
fill:#fff
}
}
.button.dark{
background-color:#15307C;color:#fff;border:4px solid transparent
}
.button.dark svg{
fill:#fff
}
@media screen and (min-width: 1217px){
.button.dark{
-moz-transition-property:background-color,color;-o-transition-property:background-color,color;-webkit-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.dark svg{
-moz-transition-property:fill;-o-transition-property:fill;-webkit-transition-property:fill;transition-property:fill;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.dark:hover{
background-color:#64D2DD;color:#fff
}
.button.dark:hover svg{
fill:#fff
}
}
.button.download{
background-color:#64D2DD;color:#fff;border:4px solid #64D2DD
}
.button.download svg{
fill:#fff
}
@media screen and (min-width: 1217px){
.button.download{
-moz-transition-property:background-color,color;-o-transition-property:background-color,color;-webkit-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.download svg{
-moz-transition-property:fill;-o-transition-property:fill;-webkit-transition-property:fill;transition-property:fill;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s
}
.button.download:hover{
background-color:transparent;color:#64D2DD
}
.button.download:hover svg{
fill:#64D2DD
}
}
.button svg{
position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)
}
@media screen and (min-width: 721px){
.button svg{
right:20px;width:20px;height:20px
}
}
@media screen and (max-width: 720px){
.button svg{
right:15px;width:16px;height:16px
}
}
.icon-social-telegram{
fill:#1592d9
}
.icon-social-facebook{
fill:#3c5998
}
.icon-social-twitter{
fill:#68aade
}
.icon-social-linkdin{
fill:#0079BA
}
#svg-symbols{
display:none
}
.social-icons{
display:inline-block
}
.social-icons a:not(:first-child){
margin-left:1em
}
.social-icons a:not(:last-child){
margin-right:1em
}
main .box p.social-icons{
position: absolute;
bottom: 25px;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 720px){
main .box p.social-icons{
bottom: 12px;
}
}
@media screen and (min-width: 1217px){
.social-icons a svg.icon{
-moz-transition-duration:0.2s;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;transition-duration:0.2s;-moz-transition-property:fill;-o-transition-property:fill;-webkit-transition-property:fill;transition-property:fill
}
}
@media screen and (min-width: 721px){
.social-icons a svg.icon{
height:18px;width:20px
}
}
@media screen and (max-width: 720px){
.social-icons a svg.icon{
height:14px;width:16px
}
}
ul.mediaArea{
display: flex;
flex-flow: wrap;
}
ul.mediaArea li{
width: 30%;
margin-bottom: 64px;
margin-right: 5%;
}
ul.mediaArea li:nth-child(3n){
margin-right: 0;
}
ul.mediaArea li dt{
text-align: center;
margin-bottom: 8px;
}
ul.mediaArea li dd{
font-size: 1.6rem;
line-height: 1.8;
}
ul.mediaArea li img{
width: 100%;
max-width: 300px;
}
@media screen and (max-width: 720px){
ul.mediaArea li{
width: 48%;
margin-bottom: 32px;
margin-right: 4%;
}
ul.mediaArea li:nth-child(3n){
margin-right: auto;
}
ul.mediaArea li:nth-child(2n){
margin-right: 0;
}
}
.left{
text-align: left !important;
}
p.media-title{
text-align: center;
margin: 0 auto 1em;
padding: 0;
font-size:1.8rem;
color: rgba(37,37,37,0.4);
}