@charset "utf-8";




/*------TopPage/Layout-------*/
.top_box:nth-child(even){
background:#F8F8F8;
}
@media screen and (min-width:768px){
article .top_box .inner{
width:98%;
max-width:1200px;
margin:0 auto;
text-align:left;
}
.top_box:last-child{
padding-bottom:80px;
}
.top_box .inner{
}
.top_box .title_y_box{
padding:80px 0 40px;
}
.top_box .cnt_box{
margin-left:300px;
padding:0 0 80px;
}
}
@media screen and (max-width:767px){
.top_box:last-child{
padding-bottom:10vw;
}
.top_box .title_y_box{
padding:7vw 0 6vw;
}
.top_box .cnt_box{
padding:0 0 10vw;
}
.top_box .cnt_box a{
font-weight:700;
text-decoration:none;
}
}


/*------TopPage/Title_Box-------*/
@media screen and (min-width:768px){
.title_y_box{
display:flex;
align-items:center;
}
.title_y_box h2 span{
margin-right:0.5em;
display:block;
line-height:1;
}
.title_y_box .eng{
font-size:6.0rem;
}
.title_y_box .title{
margin-top:25px;
font-size:1.8rem;
}
.title_y_box .link{
margin-top:2rem;
}
.title_y_box .btn_01{
display:inline-block;
min-width:120px;
}
}
@media screen and (max-width:767px){
.title_y_box h2{
display:flex;
align-items:baseline;
}
.title_y_box h2 span{
line-height:1;
}
.title_y_box .eng{
font-size:9.6vw;
}
.title_y_box .title{
margin-left:1em;
font-size:3.6vw;
}
.title_y_box .link{
margin-top:3vw;
display:flex;
}
.title_y_box .btn_01{
display:inline-block;
min-width:32vw;
}
.title_y_box .btn_01{
}
.title_y_box .btn_01+.btn_01{
margin-left:12.6vw;
}
}


/*------top_cont_box/Feature(special)-------*/
#top_special .cnt_box .nav_box a{
display:block;
color:#333333;
line-height:1.5;
}
#top_special .cnt_box .nav_box a[href$=".pdf"]:after{
display:none;
}
#top_special .cnt_box .nav_box .ttl i{
display:inline-block;
vertical-align:middle;
}
#top_special .cnt_box .nav_box .ttl i:before{
display:inline-block;
vertical-align:middle;
content:'';
}
/*---基本は＞---*/
#top_special .cnt_box .nav_box .ttl i:after{
display:inline-block;
vertical-align:middle;
content:'';
width:6px;
height:6px;
margin-top:-3px;
margin-left:0.6em;
border-right:1px #000000 solid;
border-top:1px #000000 solid;
transform:rotate(45deg);
}
@media screen and (max-width:767px){
#top_special .cnt_box .nav_box .ttl i:after{
width:2.2vw;
height:2.2vw;
margin-top:-1.1vw;
}
}
/*---外部リンクは＞とアイコン---*/
#top_special .cnt_box .nav_box a[target="_blank"] .ttl i:before{
width:0.6em;
height:0.6em;
margin-left:0.3em;
background:url(../img/ico_link.png) center center no-repeat;
background-size:100%;
}
@media screen and (max-width:767px){
#top_special .cnt_box .nav_box a[target="_blank"] .ttl i:before{
width:0.8em;
height:0.8em;
margin-left:0.8em;
}
}
/*---PDFは＞削除とアイコン変更---*/
#top_special .cnt_box .nav_box a[href$=".pdf"] .ttl i:before{
width:1.2em;
height:1.2em;
margin-left:0.3em;
background:url(../img/ico_pdf.png) center center no-repeat;
background-size:100%;
}
#top_special .cnt_box .nav_box a[href$=".pdf"] .ttl i:after{
display:none;
}
@media screen and (min-width:768px){
#top_special .cnt_box .nav_box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
#top_special .cnt_box .nav_box li{
width:48.88%;
}
#top_special .cnt_box .nav_box li:nth-child(n+3){
margin-top:20px;
}
#top_special .cnt_box .nav_box li .ttl{
margin-top:10px;
font-size:2.0rem;
}
#top_special .cnt_box .nav_box li .cap{
font-size:1.6rem;
}
}
@media screen and (max-width:767px){
#top_special .cnt_box .nav_box li+li{
margin-top:7vw;
}
#top_special .cnt_box .nav_box li .ttl{
margin-top:2vw;
}
#top_special .cnt_box .nav_box li .cap{
font-weight:500;
}
}


/*------top_cont_box/Biz,Company-------*/
#top_biz .cnt_box .img{
border-width:0 1px 1px 0;
border-color:#C2C2C3;
border-style:solid;
}
#top_biz .cnt_box .nav_box dt a,
#top_company .cnt_box .nav_box a{
color:#333333;
}
#top_biz .cnt_box .nav_box dt a:after,
#top_company .cnt_box .nav_box a:after{
display:inline-block;
content:'';
width:6px;
height:6px;
margin-top:-3px;
margin-left:20px;
border-right:1px #000000 solid;
border-top:1px #000000 solid;
transform:rotate(45deg);
vertical-align:middle;
}
@media screen and (min-width:768px){
#top_biz .cnt_box .img_box,
#top_company .cnt_box{
display:flex;
}
#top_biz .cnt_box .img_box li,
#top_company .cnt_box .img{
width:33.3%;
}
#top_biz .cnt_box .img{
margin-right:2px;
}
#top_biz .cnt_box .cap{
margin-top:5px;
font-size:1.6rem;
line-height:1.5;
}
#top_biz .cnt_box .nav_box{
margin-top:45px;
}
#top_company .cnt_box .nav_box{
margin-left:6.6%;
}
#top_company .cnt_box .nav_box li+li{
margin-top:10px;
}
#top_biz .cnt_box .nav_box dd+dt{
margin-top:20px;
}
#top_biz .cnt_box .nav_box dt a{
font-size:2.0rem;
}
#top_biz .cnt_box .nav_box dd{
font-size:1.6rem;
}
#top_company .cnt_box .nav_box a{
font-size:2.0rem;
}
}
@media screen and (max-width:767px){
#top_biz .cnt_box .img_box li{
width:100%;
}
#top_biz .cnt_box .img,
#top_company .cnt_box .img{
width:68.7%;
}
#top_biz .cnt_box .img{
border-width:1px 0 0 1px;
}
#top_biz .cnt_box .img_box li+li{
margin-top:2vw;
}
#top_biz .cnt_box .nav_box{
margin-top:5vw;
}
#top_company .cnt_box .nav_box{
margin-top:5vw;
}
#top_company .cnt_box .nav_box li+li{
margin-top:1vw;
}
#top_biz .cnt_box .nav_box dd+dt{
margin-top:3vw;
}
#top_biz .cnt_box .nav_box dt a:after,
#top_company .cnt_box .nav_box a:after{
width:0.6em;
height:0.6em;
margin-top:-0.3em;
margin-left:1em;
}
}


/*------top_cont_box/Link-------*/
#top_link .jfpi_search{
display:flex;
flex-wrap:wrap;
align-items:center;
padding:10px 20px;
background:#6C9BE6;
}
#top_link .jfpi_search a{
display:block;
font-size:2.8rem;
line-height:1;
color:#ffffff;
}
#top_link .jfpi_search .search_box{
width:100%;
background:#ffffff;
}
#top_link .jfpi_search form{
display:flex;
width:100%;
flex-wrap:nowrap;
overflow:hidden;
}
#top_link .jfpi_search input[type="text"]{
background:transparent;
flex-grow:1;
width:100%;
display:block;
}
#top_link .jfpi_search input[type="submit"]{
width:40px;
height:40px;
background:#ffffff url(../img/ico_search.svg) center center no-repeat;
background-size:20px;
text-indent:-9999px;
cursor:pointer;
}
@media screen and (min-width:768px){
#top_link .cnt_box{
display:flex;
justify-content:space-between;
}
#top_link .cnt_box>*{
width:48.9%;
}
}
@media screen and (max-width:1200px){
#top_link .jfpi_search a{
font-size:2.33vw;
}
#top_link .jfpi_search input[type="submit"]{
height:3.33vw;
}
}
@media screen and (max-width:767px){
#top_link .cnt_box>*+*{
margin-top:7vw;
}
#top_link .jfpi_search{
padding:4vw 3.5vw 2.5vw;
}
#top_link .jfpi_search a{
font-size:5.6vw;
font-weight:500;
}
#top_link .jfpi_search .search_box{
margin-top:2vw;
}
#top_link .jfpi_search input[type="submit"]{
width:12vw;
height:10vw;
background-size:6vw;
}
}



/*------top_cont_box/Other-------*/
@media screen and (min-width:768px){
#top_other .cnt_box a{
font-size:2.0rem;
}
}
@media screen and (max-width:767px){
}