@charset "utf-8";

/*
Theme Name: ファーストパートナーズ
Description: ファーストパートナーズ
Theme URI: http://
Author: passione inc
Author URI: http://
Version: 1.00
*/

@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
body {
line-height: 1.8em;
font-size: small;
}
/*--------------------------
TOPページフルスクリーン
---------------------------*/
#full {
text-align: center;
background-size: cover;
background-attachment: scroll;
position: relative;
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#full .logo {
padding-bottom: 50px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1000px;
width: 100%;
}
#full .logo h1 {
width: 100%;
display: block;
padding-right: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
}
#full .logo h1 img {
max-width: 200px;
height: auto;
width: 100%;
margin-left: auto;
display: block;
margin-right: auto;
}
#full .logo p.catch {
width: 100%;
display: block;
padding-left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#full .logo p.catch img {
max-width: 296px;
height: auto;
width: 100%;
margin-right: auto;
display: block;
margin-left: auto;
}
#full .btn {
bottom: 150px;
left: 0;
right: 0;
}

/*--------------------------
ヘッダー
---------------------------*/
header article {
width: 100%;
padding-top: 15px;
height: 75px;
}
header .logo {
width: 25%;
}
header .head_info {
display: none;
}
/*Drawerメニュー*/
.drawer-nav .head_info {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #00406f;
display: block;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0px;
}
.drawer-nav .head_info p {
font-size: small;
line-height: 1.4em;
font-weight: bold;
}
.drawer-nav .head_info p a {
color: #00406f;
}
.drawer-nav .head_info p span {
font-size: x-small;
}
/*グローバルナビ非表示*/
header .gnavi {
display: none;
}

/*--------------------------
フッター
---------------------------*/
footer {
padding-bottom: 10px;
background-color: #00406F;
padding-top: 0px;
}
footer nav ul {
display: block;
margin-bottom: 10px;
}
footer nav ul li {
padding-left: 0px;
padding-right: 0px;
border-right: none;
line-height: 1.2em;
border-bottom: 1px solid #FFFFFF;
}
footer nav ul li:last-child {
border-right-style: none;
}
footer nav ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: small;
text-align: center;
display: block;
background-color: #003E75;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;

}
footer nav ul li a:hover {
text-decoration: none;
}


/*--------------------------
メインコンテンツ：共通
---------------------------*/
h2 {
font-size: x-large;
margin-bottom: 20px;
text-align: center;
}
h3 {
text-align: center;
margin-bottom: 50px;
}
/*--------------------------
金融のベストパートナーと新しい未来へ
---------------------------*/
article#concept .wrap {
background-position: left top;
background-size: 95% auto;
}
article#concept section {
position: relative;
min-height: 350px;
}
article#concept .text {
color: #FFFFFF;
font-size: x-large;
padding-left: 4%;
line-height: 1.2em;
padding-top: 60px;
}
article#concept .text .sub {
font-size: small;
padding-top: 10px;
}
article#concept .img img {
width: 80%;
height: auto;
}
/*--------------------------
金融商品仲介業とは
---------------------------*/
article#ifa .text {
margin-bottom: 50px;
width: 86%;
display: block;
margin-left: auto;
margin-right: auto;
line-height: 1.8em;
font-size: small;
}
article#ifa .img {
width: 90%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

/*--------------------------
サービス
---------------------------*/
article#service .text {
margin-bottom: 50px;
width: 86%;
display: block;
margin-left: auto;
margin-right: auto;
line-height: 1.8em;
font-size: small;
}
/*--------------------------
会社概要
---------------------------*/
article#company section dl {
width: 96%;
margin-bottom: 30px;
color: #FFFFFF;
font-size: small;
line-height: 1.6em;
}
article#company section dl dt {
width: 100%;
margin-bottom: 10px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 2%;
padding-left: 2%;
background-color: #034c8c;
padding-top: 5px;
padding-bottom: 5px;
}
article#company section dl dd {
width: 100%;
margin-bottom: 10px;
padding-right: 2%;
padding-left: 2%;
}

/*20190813京都支店追加css*/
.flex-wrap {
flex-wrap: wrap;
}
.flex-wrap section {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	width: 100%;
	position: relative;
	padding-bottom: 300px;
}
.flex-wrap section h2 {
	font-size: large;
}
article#company .flex-wrap section dl {
	width: 100%;
	flex-wrap: wrap;
}
article#company .flex-wrap section dt {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
article#company .flex-wrap section dd {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
article#company .flex-wrap section iframe {
	position: absolute;
	bottom: 0px;
}
section.tokyo {
    background-color: #186cb7;
}
section.kyoto {
    background-color: #1d68ab;
}


/*--------------------------
提携会社
---------------------------*/
article#partner {
}
article#partner .wrap {
	padding-top: 50px;
}
article#partner h2 {
	font-size: large;
}
article#partner ul {
display: flex;
justify-content: center;
flex-direction: column;
}
article#partner li {
	text-align: center;
	margin-bottom: 20px;
}
article#partner li img {
}
article#partner p {
	text-align: center;
	font-size: small;
}





/*--------------------------
背景固定セクション設定
---------------------------*/
article.bg {
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
min-height: 200px;
}
/*--------------------------
TOPページ以外
---------------------------*/
body#basic section .text {
width: 86%;
font-size: small;
line-height: 1.6em;
}

/*--------------------------
フォーム設定
---------------------------*/
body#basic section .table {
font-size: small;
width: 94%;
}
body#basic section .table dl {
margin-bottom: 20px;
}
body#basic section .table dl dt {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: bold;
background-color: #e0e0e0;
padding-top: 10px;
padding-bottom: 10px;
}
body#basic section .table dl dd {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FFFFFF;
}
.btn_area button {
display: block;
margin-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: small;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bolder;
width: 100%;
margin-bottom: 10px;
}




}

@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */

#full {
background-position: center center;
background-size: cover;
background-attachment: scroll;
}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
#full {
background-position: center center;
background-size: cover;
background-attachment: scroll;
}

}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
#full {
background-position: center center;
background-size: cover;
background-attachment: scroll;
}
}
/*
     FILE ARCHIVED ON 08:44:20 Jan 02, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:44:08 Sep 12, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 62.469
  exclusion.robots: 0.16
  exclusion.robots.policy: 0.149
  RedisCDXSource: 0.741
  esindex: 0.011
  LoadShardBlock: 41.571 (3)
  PetaboxLoader3.datanode: 49.074 (4)
  CDXLines.iter: 16.674 (3)
  load_resource: 66.995
  PetaboxLoader3.resolve: 36.375
*/