body {
margin: 0;
font-family:'Helvetica','Arial',sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
-webkit-text-size-adjust: 100%;
font-weight: 400;
background-color: #ffffff;
color: #333333;
background-color: inherit;
line-height: 1.7em;
letter-spacing: 0.05em;
}

body,html{padding: 0 ;margin: 0!important;}

html:lang(ja) body{
font-family: "BIZ UDPGothic", sans-serif;
line-height: 1.9em;
text-align: justify;
letter-spacing: 0.07em;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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;
}

*{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/* テキスト */
h1,h2,h3,h4,h5,h6{margin:0 0 10px;line-height: 1.5em;}

button, input, label, select, textarea{
font-family:'Helvetica','Arial',sans-serif;
font-size: 1em
}

img{max-width: 100%;height: auto;}
a,a img{transition: ease .4s;}
a img:hover{opacity: .7;}

ul{padding: 0;margin: 0}
ul li{list-style:none;}
a{text-decoration: none;color: #595757;}
p{margin:0 0 1em;}
.bold{font-weight:600}
.sp{display: none!important;}
.ipSp{display: none!important;}

@media only screen and (max-width:820px){
.ip{display: none!important;}
.ipSp{display: inherit!important;}
}

@media only screen and (max-width:480px){
.sp{display: inherit!important;}
.pc{display: none!important;}
}

.d-flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}

.flex-reverse{flex-wrap: wrap-reverse;}
.text-center {text-align: center;}
p.text-center,.text-center p{line-height: 1.8em;}

.col2{width: 48.334%;margin: 0 0 20px 0;}
.col2:last-child{margin-bottom: 0;}
.flex-reverse .col2:last-child{margin: 0 0 20px 0;}
.col2 p:last-child{margin-bottom: 0;}


@media only screen and (max-width:768px){
.col2{width: 100%;}
}

.clear{clear: both;}
.bold{font-weight:bold;}
.normal{font-weight: normal!important;}



/* ------------------------------------------------
共通箇所
------------------------------------------------
*/
/* --------------footer-------------- */

footer{
font-family:'Helvetica','Arial',sans-serif;
border-top: 1px solid #848484;
padding: 40px 0;
}

footer ul li a{color: #bababa;}

.language-btn select{
color: #004098;
border: 1px solid #004098;
padding: 9px;
}

.foofer-right{align-items: center;}

.float-Btn{margin-left: 15px;}

.float-Btn a{
color: #ffffff;
display: block;
border: 1px solid #004098;
background-color: #004098;
padding: 5px 20px;
}

.float-Btn a:hover{
color: #004098;
background-color: #ffffff;
}

p.copyright{
text-align: right;
font-size: 0.75em;
margin-bottom: 0;
}

@media only screen and (max-width: 480px){
footer{padding: 20px 0;}
footer ul{margin-bottom: 15px;}
.language-btn select{padding: 7px;}
.float-Btn a{padding: 2px 15px;}
.foofer-right{margin-bottom: 15px;}
p.copyright{text-align: center;}
}




/* ------------------------------------------------
content
------------------------------------------------
*/

/* アニメーション設定*/
.fadein{
opacity: 0;
transform: translate3d(0, 40px, 0);
}

.fadein.is-active{
opacity: 1;
transform: translate3d(0, 0, 0);
transition: 1s;
}


/* ------------------------------------------------
外枠
------------------------------------------------
*/ 

#wrapper{margin-bottom: 12vh;}

.container-inner{
max-width: 1280px;
margin: 0 auto;
}

.page-wrap{
max-width: 780px;
margin: 0 auto 50px;
}

.container-min-inner{
max-width: 880px;
margin: 0 auto 50px;
}

.container-inner,
.page-wrap,
.container-min-inner{padding: 0 40px;}

h1,h2,.page-wrap .page-wrap-tit{color: #004098;}

h1{font-size: 2.625em;line-height: 1.3em;}
.page-wrap .page-wrap-tit{font-size: 2.25em;line-height: 1.2em;}


h2{font-size: 2.625em;}
h3{
font-family:'Helvetica','Arial',sans-serif;
font-size: 1.5em;
font-weight: 400;
color: #848484;
margin: 0.7em 0;
}

.page-wrap .page-wrap-tit,
.page-wrap h3{text-align: center;}

.mainImg,.wrap{margin-bottom: 60px;}

.mb-1{margin-bottom: 1em!important;}


@media only screen and (max-width:768px){
.page{margin-bottom: 5vh;}
.container-inner,
.page-wrap,
.container-min-inner{padding: 0 20px;}
h1,.page-wrap .page-wrap-tit{font-size: 2em;}
h2{font-size: 2em;}
h3{font-size: 1.25em;margin: 0.5em 0;}

}

@media only screen and (max-width:480px){
.page-wrap,.container-min-inner,
.mainImg,.wrap{margin-bottom: 30px;}
h1,.page-wrap .page-wrap-tit{font-size: 1.375em;}
.page-wrap .page-wrap-tit br{display: none;}
h2{font-size: 1.5em;}
h3{font-size: 1.125em;}
}


/* ---------------------------------------
日本語
------------------------------------------
*/
html:lang(ja) .page-wrap{max-width: 720px;}

html:lang(ja) .page-wrap-tit{font-size: 2.625em;line-height: 1.3em;}

@media only screen and (max-width:768px){
html:lang(ja) .page-wrap .page-wrap-tit{font-size: 2em;}
}

@media only screen and (max-width:480px){
html:lang(ja) .page-wrap .page-wrap-tit{font-size: 1.375em;}
html:lang(ja) .page-wrap .page-wrap-tit br{display: inherit;}
}


/* --------------top-------------- */
.top-main{
font-family:'Helvetica','Arial',sans-serif;
position: relative;
}

.top-main .top-mainBk img{width: 100%;}

.top-main .top-mainBk img:last-of-type{display: none;}

.top-main-logo{
width: 12.85%;
position: absolute;
font-weight: 600;
top: 3.5%;
left: 4%;
}

.top-main .top-main-con{
position: absolute;
align-items: center;
font-weight: 600;
top: 12%;
left: 4%;
}

.top-main .d-flex{justify-content: flex-start;}

.top-main .top-main-emblem{width: 19%;line-height: 0;}

.top-main h1{
font-size: 3em;
width: 75%;
text-align: left;
color: #ea5504;
margin: 0 0 1em 2%;
}

.mainImg ul{
position: absolute;
font-size: 0.75em;
color: #ffffff;
line-height: 1.4em;
letter-spacing: 0.03em;
right: 30px;
bottom: 30px;
margin-bottom: 0;
}

.mainImg .container-inner{display: none;}

@media only screen and (max-width:1400px){
.top-main h1{font-size: 2.25em;}
}

@media only screen and (max-width:1000px){
.top-main h1{font-size: 1.85em;}
.mainImg ul{right: 15px;bottom: 15px;}
}

@media only screen and (max-width:880px){
.top-main h1{font-size: 1.25em;}
.top-main .top-main-emblem{width: 16%;}
.mainImg ul{font-size: 0.625em;}
}

@media only screen and (max-width:680px){
.top-main h1{font-size: 1.125em;}
}

@media only screen and (max-width:480px){
.top-main .top-mainBk img:first-of-type{display: none;}
.top-main .top-mainBk img:last-of-type{display: inherit;}
.top-main-logo{width: 18%;top: 6%;left: 5%;}
.top-main .d-flex{justify-content: space-between;}
.top-main .top-main-emblem{width: 16%;}
.top-main .top-main-con{
align-items: center;
width: 90%;
margin: 0 auto;
top: 19%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.top-main .top-main-de{width: 100%;margin-left: 0;}
.top-main h1{font-size: 0.875em;margin: 0;width: 80%;}

.mainImg .top-main ul{display: none;}
.mainImg .container-inner{display: inherit;}

.mainImg ul{
position: static;
margin-top: 10px;
color: #333333;
}
}

.site-top{margin-bottom: 0!important;}

.beginning .beginning-tit{
font-family:'Helvetica','Arial',sans-serif;
font-size: 4em;
color: #004098;
text-align: center;
font-weight: 600;
line-height: 1.7em;
margin-bottom: 0;
}

.beginning p:last-of-type{
max-width: 830px;
margin: 0 auto;
margin-bottom: 0;
}

.site-content-top h2{
font-size: 2em;
text-align: left;
line-height: 1.35em;
}

.site-content-top .page-wrap h4{
font-size: 2em;
text-align: center;
}

.site-content-top .col2 h3{text-align: left;}
.site-content-top .page-wrap h3{font-size: 1.375em;}

.site-content-top .col2{position: relative;}

.site-content-top .col2 span{
position: absolute;
width: 180px;
}

.site-content-top .col2:nth-of-type(1) span{
bottom: -20px;
right: 0;
}

.site-content-top .col2:nth-of-type(2) span{
bottom: 0;
right: -90px;
}

@media only screen and (max-width:1400px){
.site-content-top .col2 span{width: 120px;}
.site-content-top .col2:nth-of-type(2) span{bottom: -20px;right: 0;}
}

@media only screen and (min-width:768px) and (max-width:1200px){
.site-content-top h2{font-size: 1.25em;}
.site-content-top .col2 span{width: 100px;}
.site-content-top .col2 p{font-size: 0.875em;line-height: 1.6em;}
}

@media only screen and (max-width:1200px){
.beginning .beginning-tit{font-size: 3.5em;}
}

@media only screen and (max-width:1000px){
.beginning .beginning-tit{font-size: 2.5em;line-height: 1.2em;margin-bottom: 0.5em;}
}

@media only screen and (max-width:768px){
.site-content-top h2{font-size: 1.5em;}
.site-content-top h2 br{display: none;}
.site-content-top .page-wrap h4{font-size: 1.625em;}
.site-content-top .col2 span{width: 120px;}
}

@media only screen and (max-width:480px){
.beginning .beginning-tit{font-size: 1.75em;}
.beginning p{line-height: 1.7em;}
.site-content-top h2{font-size: 1.25em;}
.site-content-top .page-wrap h4{font-size: 1.25em;}
.site-content-top .page-wrap h3{font-size: 1.125em;}
.site-content-top .col2 span{width: 70px;}
}


/* ---------------------------------------
日本語
------------------------------------------
*/
html:lang(ja) .site-content-top h2{font-size: 2.375em;}

@media only screen and (max-width:1400px){
html:lang(ja) .site-content-top h2{font-size: 2em;}
}

@media only screen and (max-width:768px){
html:lang(ja) .site-content-top h2{font-size: 1.5em;}
}

@media only screen and (max-width:480px){
html:lang(ja) .site-content-top h2{font-size: 1.25em;}
}


.graph{
background:linear-gradient(0deg,#95a4af,#ffffff);
padding: 10px 0 50px;
}

/* slide*/
.slide-item{
max-width: 900px;
margin: 0 auto 25px;
}

.slide-item p{
font-size: 1em;
color: #ffffff;
line-height: 1;
text-align: right;
margin: 0.4em 0 0;
}

.slide-nav li{
cursor: pointer;
padding: 0 15px;
}

@media only screen and (max-width:480px){
.slide-item{margin: 0 auto 15px;}
.graph{padding: 10px 0 30px;}
.slide-nav .slick-list{padding: 0 30px!important;}
.slide-item p{font-size: 0.625em;}
}



/* --------------accuracy-------------- */
.accuracy h2{
font-size: 1.25em;
letter-spacing: 0.05em;
line-height: 1;
border-bottom: 1px solid #004098;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}

.accuracy h2 span{
font-size: 1.75rem;
border-right: 1px solid #004098;
padding: 0.5rem 1rem;
margin-right: 1rem;
}

@media only screen and (max-width:768px){
.accuracy h2{font-size: 1.25em;}
.accuracy h2 span{font-size: 1.5rem;padding: 0.8rem;margin-right: 0.5rem;}
}

/* ---------------------------------------
日本語
------------------------------------------
*/
html:lang(ja) .accuracy h2{font-size: 1.5em;}
html:lang(ja) .accuracy h2 span{font-size: 2.5rem;}

@media only screen and (max-width:480px){
html:lang(ja) .accuracy h2{font-size: 1.25em;}
html:lang(ja) .accuracy h2 span{font-size: 1.5rem;padding: 0.5rem 0.8rem;margin-right: 1rem;}
}



/* --------------interview-------------- */
.tab-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}


.tab-list li {
font-family:'Helvetica','Arial',sans-serif;
width: 48.4%;
color: #848484;
border: 1px solid #333333;
display: inline-block;
line-height: 1;
z-index: 0;
padding: 15px 25px;
position: relative;
cursor: pointer;
transition: all 0.3s;
}

.tab-list li:first-of-type{border-radius: 14px 22px 0 0;}
.tab-list li:nth-of-type(2){border-radius: 22px 14px 0 0;text-align: right;}

.tab-list li span{
font-size: 1.25em;
font-weight: 500;
margin-left: 10px;
}

.tab-list li.tab-item{
color: #004098;
border-bottom-color: #ffffff;
z-index: 2;
}

.tab-list li:before,
.tab-list li:after {
content: "";
position: absolute;
bottom: -1px;
width: 20px;
height: 20px;
background-color: #ffffff;
}

.tab-list li:first-of-type::after,
.tab-list li:nth-of-type(2)::before{
border: 1px solid #333333;
z-index: 4;
}

.tab-list li:first-of-type::after {
right: -21px;
border-width: 0 0 1px 1px;
border-bottom-left-radius: 20px;
}

.tab-list li:first-of-type::before{
right: -20px;
z-index: 3;
border-bottom: 1px solid #333333;
}


.tab-list li:nth-of-type(2)::before{
left: -21px;
border-width: 0 1px 1px 0;
border-bottom-right-radius: 20px;
}

.tab-list li:nth-of-type(2)::after{
left: -20px;
z-index: 3;
border-bottom: 1px solid #333333;
}


.tab-list li:first-of-type.tab-item:before,
.tab-list li:nth-of-type(2).tab-item::after{
border: none;
}

.interview-con:nth-of-type(2) .pofile{
text-align: right;
}

.interview .pofile{
margin-top: 50px;
align-items: flex-end;
}

.interview .pofile .col2:first-of-type{margin:0;}

.interview .pofile p{line-height: 1.5em;}

.interview .pofile p:first-of-type{
font-family:'Helvetica','Arial',sans-serif;
color: #004098;
margin-bottom: 0;
}

.interview h4{
font-family: 'Times New Roman','ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
font-size: 2em;
font-weight: 300;
margin-bottom: 0;
}

.interview .tab-item h3{
font-size: 1.25em;
font-weight: 600;
color: #004098;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
margin-bottom: 20px;
}

.interview .tab-item h3 span{
width: 38px;
height: 38px;
color: #ffffff;
background-color: #004098;
margin-right: 1rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}

.interview .h3-row{align-items: flex-start;}
.interview .h3-row span{margin-top: 0.5rem;}

.interview .interview-con p{margin: 0;}
.interview .interview-con p.indent{text-indent: 1em;}

.tab-list li br{display: none;}

@media only screen and (max-width: 920px){
.tab-list li:before,
.tab-list li:after {width: 10px;height: 10px;}    
.tab-list li:first-of-type::after {right: -11px;}
.tab-list li:first-of-type::before{right: -10px;}
.tab-list li:nth-of-type(2)::before{left: -11px;}
.tab-list li:nth-of-type(2)::after{left: -10px;}

}

@media only screen and (max-width: 768px){
.tab-list li{font-size: 0.75em;padding: 10px 15px;}
.tab-list li span{font-size: 1rem;margin-left: 10px;}
.tab-list li:first-of-type{border-radius: 10px 16px 0 0;}
.tab-list li:nth-of-type(2){border-radius: 16px 10px 0 0;}

.interview-con:last-of-type .pofile{flex-wrap: wrap-reverse;}
.pofile{margin-bottom: 20px;}
}

@media only screen and (max-width: 520px){
.tab-list li{width: 50.5%;font-size: 0.625em;padding: 10px 8px;}
.tab-list li:first-of-type{border-radius: 10px 10px 0 0;margin-right: -0.5px;}
.tab-list li:nth-of-type(2){border-radius: 10px 10px 0 0;margin-left: -0.5px;}
.tab-list li:first-of-type::after,
.tab-list li:nth-of-type(2)::before{content: none;}
.tab-list li.tab-item:first-of-type::after,
.tab-list li.tab-item:nth-of-type(2)::before{content: "";}
.tab-list li span{font-size: 0.75rem;margin-left: 6px;}

.interview .pofile{margin-top: 30px;}
.interview h4{font-size: 1.5em;}
.interview .tab-item h3{font-size: 1.125em;margin-bottom: 12px;}
.interview .tab-item h3 br{display: none;}
.interview .tab-item h3 span{width: 30px;height: 30px;margin-right: 0.5rem;}
.interview .tab-item h3 div{width: 88%;}
.interview .h3-row span{margin-top: 0;}
}

@media only screen and (max-width: 480px){
.tab-list li br{display: inherit;}
.tab-list li span{margin: 0;}
}


/* ---------------------------------------
日本語
------------------------------------------
*/
html:lang(ja) .tab-list li span{font-family: "BIZ UDPGothic", sans-serif;}
html:lang(ja) .interview .tab-item h3{font-size: 1.5em;}

@media only screen and (max-width: 520px){
html:lang(ja) .interview .tab-item h3{font-size: 1.125em;}
}

@media only screen and (max-width: 480px){
html:lang(ja) .tab-list li span{margin-left: 6px;}
}




/* --------------value-------------- */
.case{
border: 2px solid #848484;
border-top: none;
padding: 10px 50px;
position: relative;
}

.case::before{
content: "";
position: absolute;
background-color: #ffffff;
border-bottom: 2px solid #848484;
border-bottom-left-radius: 20px;
border-width: 0 0 2px 2px;
width: 40%;
height: 20px;
top: -20px;
right: -2px;
z-index: 1;
}

.value-tit{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
text-align: left;
border-top: 2px solid #848484;
border-left: 2px solid #848484;
border-right: 2px solid #848484;
background-color: #ffffff;
border-radius: 15px 15px 0 0;
width: 60%;
padding: 22px 30px 5px;
position: relative;
}

.value-tit::after {
content: "";
position: absolute;
border-bottom-left-radius: 20px;
border: 2px solid #848484;
border-width: 0 0 2px 2px;
background-color: #ffffff;
box-shadow: -10px 1px 0 #ffffff;
bottom: -2px;
right: -22px;
width: 20px;
height: 20px;
z-index: 4;
}

.value .valueImg{width: 40.694%;}
.value .value-col{width: 55%;}


.value-tit p{
font-family:'Helvetica','Arial',sans-serif;
font-size: 2.5em;
font-weight: 600;
color: #004098;
margin-bottom: 0;
}

.value h2{
font-size: 1.5em;
margin-left: 25px;
margin-bottom: 0;
}

.value h2 span{
font-size: 1.25rem;
font-weight: 400;
}

.value .value-col h4{
font-size: 1.125em;
font-weight: 600;
color: #ffffff;
background-color: #004098;
padding: 5px 20px ;
display: inline-block;
border-radius: 50px 0 0 50px;
}

.value .value-col p{
font-size: 0.938em;
line-height: 1.7em;
margin-bottom: 0;
}


@media only screen and (max-width: 1200px){
.case{padding: 10px 40px;}
.case::before{width: 20%;}
.value-tit {width: 80%;}
.value-tit p{font-size: 1.85em;}
.value h2{font-size: 1.25em;margin-left: 20px;}
.value h2 span{font-size: 1rem;}
}

@media only screen and (max-width: 768px){
.case{padding: 30px;}
.value-tit{padding: 15px 25px 5px;}
.value-tit p{font-size: 1.65em;}
.value h2{font-size: 1.125em;margin-left: 15px;}
.value h2 span{font-size: 0.875rem;}
.value .value-col{width: 55%;}
.value .value-col ul li{font-size: 0.875em;}
}

@media only screen and (min-width: 621px) and (max-width: 1000px){
.value-tit{padding: 15px 15px 5px;}
.value .value-col h4{font-size: 0.875em;}
.value .value-col p{font-size: 0.75em;}
}

@media only screen and (max-width: 620px){
.value .valueImg,.value .value-col{width: 100%;}
.value .valueImg{margin: 0 0 15px 0;}
.value .value-col h4{font-size: 1em;}
.value .value-col p{font-size: inherit;line-height: inherit;}
}


@media only screen and (max-width: 480px){
.value-tit{padding: 10px 15px 5px;}
.case::before{width: 16%;}
.value-tit {width: 84%;}
.case{padding: 20px;}
.value-tit p{font-size: 1.25em;}
.value h2{font-size: 1em;margin-left:10px}
.value h2 span{font-size: 0.675rem;}
}