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{
margin:0;
padding:0;
border:0;
outline:0;
font-size:10px;
font-weight:normal;
line-height:1.5;
vertical-align:baseline;
background:0 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
nav,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:none;
}
ins{
text-decoration:none;
}
ins,mark{
background-color:#ff9;
color:#000;
}
mark{
font-style:italic;
font-weight:700;
}
del{
text-decoration:line-through;
}
abbr[title],dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}
input,select{
vertical-align:middle;
}

body{
width:100%;
background:#fff;
color: #000;
font-size: 10px;
font-family: 'Noto Sans Japanese', serif;
-webkit-text-size-adjust: 100%;
line-height:1.5;
overflow-x: hidden;
}
a {
color:#000;
outline:none;
text-decoration:none;
}
a:hover {
opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
input[type="button"]:hover ,
input[type="submit"]:hover {
opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
cursor:pointer;
}
img {
max-width:100%;
outline:none;
vertical-align:bottom;
}
.none{
display: none;
}

.clearfix:after { /*floatの解除、ここがポイント*/
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
.clearfix {
min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
height: 1px;
/*\*//*/ /*MAC IE5.x対策*/
height: auto;
overflow: hidden;
/**/
}
/* .clearfix */

.pcHide {
display:none;
}

.en {
font-family: 'Roboto', sans-serif;
}

#wrapper {
position: relative;
width: 100%;
margin:0;
padding: 70px 0 0;
overflow-x:hidden;
}

.pagetop {
display: none;
position: fixed;
bottom: 80px;
right: 93px;
z-index: 99;
}

/* link button */
.linkBtn a {
display: inline-block;
padding: 17px 19px 19px;
background: url('../img/arrow_bk.png') right 22px center no-repeat;
background-size: 17px auto;
background-color: #FFCF28;
border-radius: 3px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
font-size: 1.8rem;
font-weight: 700;
}

/* page title */
.head .ttl {
padding: 80px 0 70px;
background-color: #FBFBFB;
}

.head h1 {
max-width: 1280px;
margin: 0 auto;
padding: 0 6.5%;
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1;
}

.contact .head .ttl h1 {
    font-size: 4rem;
}

.head h1 span {
display: block;
margin: 0;
font-size: 6rem;
font-weight: 900;
letter-spacing: 0.05em;
line-height: 1;
}

.head.bg {
display: flex;
align-items: center;
justify-content: space-between;
height: 29.25vw;
min-height: 200px;
max-height: 468px;
background-color: #FBFBFB;
}

.head.bg .ttl {
width: 50%;
padding: 0 0 16px;
}

.head.bg h1 {
width: 100%;
margin: 0;
padding: 0 0 0 20%;
line-height: 1.63;
}

.head.bg h1 span {
margin: 16px 0 1px;
}

.faq .head h1 span,
.company .head h1 span,
.request .head h1 span,
.requestForm .head h1 span,
.fees .head h1 span,
.news .head h1 span {
margin: 16px 0 1px;
}

.head.bg::after {
display: block;
width: 50%;
height: 100%;
background-position: left bottom;
background-repeat: no-repeat;
background-size: cover;
content: '';
}

.head.bg .subtxt {
padding: 0 0 0 20%;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.8;
}

@media screen and (max-width: 1000px) {
.head.bg::after,
.faq .head::after,
.company .head::after,
.requestForm .head::after,
.request .head::after,
.fees .head::after,
.news .head::after {
display: none;
}

.head.bg .ttl,
.faq .head.bg .ttl,
.company .head.bg .ttl,
.requestForm .head.bg .ttl,
.request .head.bg .ttl,
.fees .head.bg .ttl,
.news .head.bg .ttl {
width: 100%;
}

.head.bg h1,
.faq .head.bg h1,
.company .head.bg h1,
.requestForm .head.bg h1,
.request .head.bg h1,
.fees .head.bg h1,
.news .head.bg h1 {
padding: 0 0 0 4%;
}

.head.bg .subtxt {
padding: 0 0 0 4%;
}

}

@media screen and (max-width: 750px) {
.head .ttl {
padding: 26px 4% 30px;
}

.head h1 {
padding: 0;
font-size: 2rem;
}

.contact .head .ttl h1 {
    font-size: 2rem;
}

.head.bg h1 {
font-size: 2rem;
}

.head h1 span,
.head.bg h1 span {
font-size: 5.4rem;
}

.head.bg .subtxt {
font-size: 1.8rem;
}
}

@media screen and (max-width: 400px) {
.head.bg h1,
.faq h1,
.company h1 {
font-size: 1.8rem;
}

.head h1 span,
.head.bg h1 span {
font-size: 4.8rem;
}

.head.bg .subtxt {
font-size: 1.6rem;
}
}

/* .performanceList */
.performanceList {
padding: 63px 0 109px;
background-color: #FBFBFB;
}

.performanceList h2 {
margin: 0 0 24px;
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
}

.performanceList h2 .en {
display: block;
font-size: 6rem;
font-weight: 900;
line-height: 1.2;
letter-spacing: 0.05em;
}


.performanceList .flexbox {
display: flex;
justify-content: center;
width: 72.5%;
max-width: 1160px;
margin: 0 auto 50px;
}

.performanceList .flexItem {
width: 17%;
margin: 0 3.9%;
}

.performanceList .linkBtn {
text-align: center;
}

.performanceList .linkBtn a {
min-width: 251px;
padding: 12px 15px;
background-image: url('../img/arrow_wh.png');
background-color: #000;
background-position: right 20px center;
background-size: 20px auto;
color: #fff;
text-align: left;
font-size: 1.6rem;
}

@media screen and (max-width: 750px) {
.performanceList {
padding: 52px 0 59px;
}

.performanceList h2 {
margin: 0 0 29px;
}

.performanceList h2 .en {
font-size: 5.4rem;
}

.performanceList .flexbox {
width: 85.5%;
justify-content: space-between;
margin: 0 auto 62px;
}

.performanceList .flexItem {
width: 22.9%;
margin: 0;
}
}

/* footer link area */
.linkarea {
padding: 122px 0 88px;
background-color: #FFCF28;
letter-spacing: 0.05em;
}

.linkarea .flexbox {
display: flex;
justify-content: center;
}

.linkarea .flexbox li {
display: flex;
flex-direction: column;
width: 360px;
margin: 0 7.9% 19px;
}

.linkarea .linkBtn {
margin: 0 0 13px;
}

.linkarea .linkBtn a {
width: 100%;
min-width: initial;
padding: 23px 0 74px;
border: 4px solid #000;
border-radius: 6px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
background-color: #fff;
background-repeat: no-repeat;
font-size: 2rem;
letter-spacing: 0.05em;
text-align: center;
}

.linkarea .contact a {
background-image: url('../img/ico_mail.png');
background-size: 44px 30px;
background-position: center bottom 32px;
}

.linkarea .request a {
background-image: url('../img/ico_document.png');
background-size: 32px 38px;
background-position: center bottom 27px;
}

.linkarea .txt {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.875;
letter-spacing: 0.05em;
text-align: center;
}

@media screen and (max-width: 1000px) {
.linkarea .flexbox li {
width: 34.8%;
margin: 0 3.5% 19px;
}

.linkarea .linkBtn a {
width: 100%;
min-width: initial;
}
}

@media screen and (max-width: 750px) {
.linkarea {
padding: 39px 7.2vw 10px;
}

.linkarea .flexbox {
flex-direction: column-reverse;
}

.linkarea .flexbox li {
width: 100%;
flex-direction: column-reverse;
margin: 0 0 32px;
}

.linkarea .txt {
margin: 0 0 27px;
}

.linkarea .linkBtn {
text-align: center;
}

.linkarea .linkBtn a {
max-width: 348px;
padding: 17px 0 70px;
font-size: 1.6rem;
}

.linkarea .contact a {
background-position: center bottom 24px;
}

.linkarea .request a {
background-position: center bottom 19px;
}
}

/* .header */
header {
position: fixed;
top: 0;
left: 0;
width:100%;
padding: 26px 2.8% 27px;
background: #000;
box-sizing: border-box;
z-index: 9999;
}

header .inner {
display: flex;
justify-content: space-between;
width: 100%;
}

header .logo {
width: 113px;
margin: 0 1% 0 0;
padding: 3px 0 0;
}

header .logo a {
display: block;
}

header .gnav {
display: flex;
justify-content: space-between;
width: 88%;
max-width: 1323px;
}

header .nav {
display: flex;
justify-content: space-between;
width: 59.5%;
max-width: 787px;
}

header .nav li {
padding: 11px 0;
}

header .nav li a {
display: block;
color: #fff;
font-size: 1.4rem;
font-weight: 700;
}

header .navBtn {
display: inline-flex;
justify-content: space-between;
width: 28.8%;
max-width: 382px;
margin: 0 0 0 3%;
}

header .navBtn li {
width: 48%;
max-width: 172px
}

header .navBtn li a {
display: block;
padding: 11px 2%;
background-color: #FFCF28;
border-radius: 3px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: .05em;
text-align: center;
}

header .menu {
display: none;
}

#wrapper {
padding: 96px 0 0;
}

/* .footer */

footer {
width:100%;
min-width:1120px;
padding: 0 20px;
color:#ffffff;
background: #000;
box-sizing: border-box;
}

footer a {
color:#ffffff;
}

footer .inner {
position: relative;
width:1080px;
margin:0 auto;
padding:50px 0 28px;
}

footer .ft_top .leftBox {
float:left;
width:250px;
padding:12px 0 0;
}

footer .ft_top .leftBox h2 {
margin:0 0 15px;
font-size:140%;
font-weight:normal;
}

footer .ft_top .leftBox p img {
vertical-align:middle;
}

footer .ft_top .leftBox p span {
margin:0 0 0 25px;
font-size:140%;
}

footer .ft_top .rightBox {
float:left;
width: 350px;
margin: -8px 45px 10px 0;
padding: 0 0 1em;
}

footer .ft_top .rightBox ul li {
font-size:120%;
line-height:1.67;
}

footer .ft_top .rightBox span {
font-size: 12px;
}

footer .ft_top > p {
float:right;
margin:0 14px 0 0;
}

footer .txt {
margin:0 0 3px;
font-size: 14px;
}

footer .note {
margin:0 0 13px;
}

footer .ft_btm {
position: relative;
}


footer .ft_btm .ft_nav02 {
float:left;
margin: 0 0 6px;
}

footer .ft_btm .ft_nav02 li {
float:left;
margin:6px 8px 0 0;
padding:0 8px 0 0;
font-size:120%;
background:url(../img/ico_ft_01.gif) no-repeat right center;
}

footer .ft_btm .ft_nav02 li:last-child {
background:none;
}

footer .ft_btm .ft_nav02 li a:hover {
opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-decoration: underline;
}

footer .ft_btm p {
float:right;
font-size:120%;
margin: 8px 0 0;
letter-spacing:1px;
}

.ctBtm {
position: relative;
max-width: 600px;
margin: 0 auto;
padding: 0 0 73px;
text-align: center;
z-index: 5;
}

.ctBtm .guide {
margin: 0 0 90px;
}

.ctBtm h2 {
margin: 0 0 36px;
font-size: 26px;
line-height: 1.39;
}

.ctBtm h3 {
margin: 57px 0 23px;
font-size: 20px;
line-height: 1.8;
}

.ctBtm .btn {
width: 300px;
margin: 0 auto;
}

.ctBtm .btn a {
display: block;
padding: 18px 15px 18px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
background: #000 url("../img/ico_arw_01.png") no-repeat right 87px center;
}

.ctBtm .btn02 {
width: 238px;
margin: 0 auto;
}

.ctBtm .btn02 a {
display: block;
padding: 13px 15px 13px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
background: #000 url("../img/ico_arw_01.png") no-repeat right 50px center;
}

@media screen and (max-width: 1200px) {

/* .footer */

footer {
min-width:inherit;
}

footer .inner {
width:93.75%;
margin:0 auto;
padding:3% 0;
}

footer .ft_top .rightBox {
margin:7px 0 35px;
}
}

@media screen and (max-width: 1150px) {
/* .header */
header {
padding: 18px 0 18px 6.5%;
}

header .gnav {
display: none;
position: absolute;
top: 100%;
right: 0;
float: none;
width: 50%;
background: #000;
z-index: 100;
}

header .nav {
display: block;
width: 100%;
text-align: center;
}

header .nav li {
display: block;
width: auto;
margin: 0;
padding: 0;
border-top: 1px solid #333;
}

header .nav li:last-child {
margin: 0;
border-bottom: 1px solid #333;
}

header .nav li a {
display: block;
padding: 17px 0 18px;
}

header .navBtn {
display: flex;
justify-content: center;
width: 100%;
max-width: 100%;
margin: 36px 0 45px;
}

header .navBtn li {
margin: 0 19px;
}

header .menu {
position: absolute;
top: 0;
right: 1.69%;
display: block;
padding: 21px;
}

header .menu img {
display: inline-block;
width: 30px;
height: 30px;
}

#wrapper {
padding: 72px 0 0;
}

}

@media screen and (max-width: 750px) {

.pcHide {
display:inherit;
}

.spHide {
display:none !important;
}

#wrapper {
min-width: inherit;
margin-bottom:-20px;
padding: 18vw 0 0;
}

.pagetop {
bottom: 10px;
right: 5%;
width: 24px;
}

/* .header */

header {
padding: 4.3vw 0 4.34vw 6.5vw;
}

header .menu {
right: 1.9vw;
padding: 5vw;
}

header .gnav {
width: 100%;
height: 100vh;
padding: 0 7.97vw;
box-sizing: border-box;
}

header .nav li a {
padding: 4.1vw 5.79vw 3.6vw;
font-size: 3.86vw;
text-align: left;
}

header .navBtn {
flex-direction: column-reverse;
margin: 4vw 0;
}

header .navBtn li {
width: 100%;
max-width: 100%;
margin: 0 0 2.4vw;
}

header .navBtn li a {
width: 83.1vw;
padding: 1em 0;
font-size: 3.86vw;
font-weight: 700;
}

header > p {
width: 108px;
margin: 0 auto;
padding: 8px 0;
}


/* .footer */

footer {
width:100%;
min-width: inherit;
padding:0 0 5%;
color:#ffffff;
}

footer a {
color:#ffffff;
}

footer .inner {
width:auto;
margin:0 auto;
padding:3% 0;
}

footer .pagetop {
position:absolute;
top:-43px;
right:27px;
width:3.978%;
margin:0;
z-index:3;
}


footer .ft_top .leftBox {
float:none;
width:auto;
padding: 8% 0 6%;
text-align:center;
}

footer .ft_top .leftBox h2 {
display:inline-block;
margin:0 3% 0 0;
font-size:84%;
font-weight:normal;
vertical-align:top;
}

footer .ft_top .leftBox p {
display:block;
vertical-align:top;
}

footer .ft_top .leftBox p img {
width: 25%;
}

footer .ft_top .leftBox p span {
display:block;
margin: 7% 0 0;
font-size: 14px;
vertical-align:middle;
}

footer .ft_top > p {
float:none;
width:38.5%;
margin:0 auto 5%;
}

footer .note {
width:90.625%;
margin:5% auto 0;
font-size: 12px;
}

footer .ft_btm .ft_nav02 {
float:none;
width:100%;
margin:7% auto 0;
letter-spacing:-0.4em;
text-align:center;
border-top: 1px solid rgba(255,255,255,0.3);
}

footer .ft_btm .ft_nav02 li {
float:none;
display:inline-block;
width: 50%;
margin: 0;
padding: 0;
font-size: 11px;
letter-spacing: 0;
background: none;
border-left: 1px solid rgba(255,255,255,0.3);
border-bottom: 1px solid rgba(255,255,255,0.3);
box-sizing: border-box;
}
footer .ft_btm .ft_nav02 li:nth-child(odd) {
border-left: none;
}
footer .ft_btm .ft_nav02 li:last-child {
margin: 0;
padding:0;
background:none;
}

footer .ft_btm .ft_nav02 li a {
display: block;
padding: 12px 0;
text-decoration: none !important;
}

footer .ft_btm p {
float:none;
margin: 6% 0 0;
font-size:12px;
text-align:center;
}

footer .ft_btm.clearfix:after {
display:none;
}



.ctBtm {
width: 92%;
padding: 0 0 15%;
}

.ctBtm .guide {
margin: 0 0 10%;
}

.ctBtm h2 {
margin: 0 0 7%;
font-size: 20px;
}

.ctBtm h3 {
margin: 10% 0 4%;
font-size: 16px;
}

.ctBtm .btn {
width: 200px;
}

.ctBtm .btn a {
padding: 12px 10px 12px 0;
font-size: 12px;
background: #000 url("../img/ico_arw_01.png") no-repeat right 50px center;
background-size: 8px auto;
}

.ctBtm .btn02 {
width: 160px;
}

.ctBtm .btn02 a {
padding: 10px 10px 10px 0;
font-size: 12px;
background: #000 url("../img/ico_arw_01.png") no-repeat right 20px center;
background-size: 8px auto;
}
}