@charset "UTF-8";
/*
NOTICE: Proprietary Source Code
Copyright (c) Best Bridge LLC. All Rights Reserved.

本コードは全工程を電子署名により証拠保全済みです。
不正流用が発覚した場合、以下の措置を講じます。
1. 法的手続き（損害賠償請求等）
2. 貴社の納品先（クライアント）への侵害事実および利用停止の通知
*/

/*==============================================================
#top_gairai
==============================================================*/
#top_gairai{
z-index:5000;
/*--*/
position:relative;
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:90px 0;
background-image:linear-gradient(to bottom,#F4F4F4,#FFF);
background-size:100% 300px;
background-repeat:no-repeat;
background-color:#FFF;
}

@media screen and (max-width:700px){
#top_gairai{
padding:60px 0 0 0;
}
}

#top_gairai>h2{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
/*--*/
text-align:center;
line-height:1.6;
font-size:clamp(26px,2vw + 18px,38px);
font-weight:bold;
color:#666;
}

#top_gairai>div.line{
width:100%;
height:6px;
margin-bottom:60px;
background:linear-gradient(to right, #F90 40%, #EFEFEF 40%);
}

#top_gairai>h3{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto 30px auto;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:bold;
color:#666;
}

/*==ul==*/
#top_gairai>nav>ul{
position:relative;
/*--*/
display:flex;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==li==*/
#top_gairai>nav>ul>li{
position:relative;
/*--*/
display:block;
flex-basis:32%;
height:auto;
margin-bottom:40px;
border:0;
padding:0;
}

@media screen and (max-width:700px){
#top_gairai>nav>ul>li{
flex-basis:48%;
}	
}

/*==a==*/
#top_gairai>nav>ul>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*==aのimg==*/
#top_gairai>nav>ul>li>a>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:6px;
border:0;
border-radius:5px;
padding:0;
background-color:#FFF;
}

/*==aのspan==*/
#top_gairai>nav>ul>li>a>span{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:center;
line-height:1.4;
font-size:16px;
font-weight:bold;
color:#666;
}

@media screen and (max-width:700px){
#top_gairai>nav>ul>li>a>span{
font-size:14px;
}	
}