@charset "utf-8";

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

/*default clear設定*/
h1{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:normal;}h2{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h3{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:center;}h4{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-weight:normal;text-align:left;margin-bottom:10px;}ul,menu,dir{display:block;list-style-type:none;margin:0;padding:0;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;-webkit-padding-before:0em;-webkit-padding-after:0em;-webkit-padding-start:0px;-webkit-padding-end:0px;}dl{display:block;-webkit-margin-before:0em;-webkit-margin-after:0em;-webkit-margin-start:0px;-webkit-margin-end:0px;}dd{display:block;-webkit-margin-start:0px;}p{display:block;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;}fieldset{border:none;}hr{display:none;}img{border:0px;}p{padding:0;margin:0;}table{display:table;border-collapse:collapse;-webkit-border-horizontal-spacing:0px;-webkit-border-vertical-spacing:0px;}

button {
cursor: pointer;
cursor: hand;
}
img {
vertical-align: bottom;
}
/*a href 設定*/
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
/*clearfix設定*/
cf:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
/*flex設定*/
.flex {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/*テキスト設定*/
.bold {
	font-weight: bold;
}
.rd {
	color: #F10004;
}
.bl {
color: #005bac;
font-weight: bold;
}
::placeholder{
  color:#ccc
}
/*端末別設定*/
@media screen and (max-width: 767px) {
/* 767pxまで（スマートフォン用）の記述 */
.pc {
	display: none;
}
.smp,.tbl {
	display: block;
}
}
@media screen and (min-width: 768px) {
/* 768px以上用（タブレット用）の記述 */
.tbl {
	display: block;
}
.smp,.pc {
	display: none;
}
}
@media screen and (min-width: 910px) {
/* 910px以上用（PC用）の記述 */
.pc {
	display: block;
}
.smp,.tbl {
	display: none;
}
}

/*--------------------------
共通設定
---------------------------*/
body , html {
    height: 100%;
}
body {
border: none;
padding: 0px;
margin: 0px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: medium;
color: #231815;
line-height: 1.6em;
background-color: #FFFFFF;
-webkit-text-size-adjust: 100%;
font-weight: bold;
}
article {
width: 100%;
}
article .wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 0px;
}
article .wrap:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
section {
padding-left: 2%;
padding-right: 2%;
padding-bottom: 30px;
padding-top: 20px;
}

/*--------------------------
TOPページフルスクリーン
---------------------------*/
#full {
text-align: center;
background-image: url(/images/bg_fv.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
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: 250px;
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: 50%;
display: block;
padding-right: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#full .logo h1 img {
max-width: 373px;
height: auto;
width: 100%;
margin-left: auto;
display: block;
}
#full .logo p.catch {
width: 50%;
display: block;
padding-left: 100px;
-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;
}
#full .btn {
position: absolute;
bottom: 80px;
left: 0;
right: 0;
}
#full .btn a {
color: #FFFFFF;
text-align: center;
text-decoration: none;
position: relative;
background-color: #005bac;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
padding-right: 40px;
display: inline-block;
}
#full .btn a:before{
content: "";
position: absolute;
bottom: -23px;
right: 40%;
border: 12px solid transparent;
border-top: 12px solid #005bac;
}
/*--------------------------
ヘッダー
---------------------------*/
/*ヘッダー固定 */
.fixed {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
display: block;
}
header {
background-color: #FFFFFF;
position: relative;
}
header article {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
height: 65px;
}
header article .wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
padding-bottom: 10px;
}
/*ロゴ*/
header .logo {
width: 16%;
display: block;
margin-left: auto;
margin-right: auto;
}
header .logo img {
width: 100%;
height: auto;
}
/*ナビ*/
header .gnavi {
width: 80%;
margin-left: auto;
}
header .gnavi ul {
padding-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
justify-content: flex-end;
}
header .gnavi ul li:after {
content: ".";
display: block;
visibility: hidden;
line-height: 0;
width: 100%;
height: 0;
clear: both;
}
header .gnavi ul li {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
header .gnavi ul li p {
font-weight: bold;
}
header .gnavi ul li a {
text-decoration: none;
color: #005bac;
text-align: center;
font-size: small;
}
header .gnavi ul li a:hover {
color: #5C84A8;
}
header .gnavi ul li.contact a {
text-decoration: none;
color: #FFFFFF;
text-align: center;
border-radius: 5px;
font-size: small;
background-color: #005BAC;
padding-left: 10px;
padding-right: 10px;
display: block;
}
header .gnavi ul li.contact a:hover {
background-color: #004786;
}

/*--------------------------
GoogleMapカスタム
---------------------------*/
#map {
width: 100%;
height: 400px;
background-color: grey;
}

/*--------------------------
GOTOP
---------------------------*/
.gotop {
width: 55px;
height: 38px;
position: fixed;
bottom: 50px;
right: 20px;
text-align: center;
padding-top: 15px;
background-color: #005bac;
border-radius: 50%;
color: #FFFFFF;
}

/*--------------------------
フッター
---------------------------*/
footer {
padding-bottom: 10px;
background-color: #00406F;
padding-top: 30px;
}
footer nav ul {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
justify-content: center;
margin-bottom: 10px;
}
footer nav ul li {
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #FFFFFF;
line-height: 1.2em;
}
footer nav ul li:last-child {
border-right-style: none;
}
footer nav ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: x-small;
}
footer nav ul li a:hover {
text-decoration: underline;
}
footer .copyright {
text-align: center;
font-size: small;
color: #FFFFFF;
width: 100%;
}

/*--------------------------
メインコンテンツ：共通
---------------------------*/
h2 {
font-size: xx-large;
margin-bottom: 20px;
text-align: center;
line-height: 1.2em;
}
h3 {
text-align: center;
margin-bottom: 50px;
}
/*--------------------------
金融のベストパートナーと新しい未来へ
---------------------------*/
article#concept {
background-color: #005BAC;
}
article#concept .wrap {
background-repeat: no-repeat;
background-position: left top;
background-size: 50% auto;
background-image: url(/images/fv_bg.png);
}
article#concept section {
position: relative;
min-height: 350px;
}
article#concept .text {
color: #FFFFFF;
font-size: xx-large;
padding-left: 55%;
line-height: 1.2em;
padding-top: 50px;
}
article#concept .text .sub {
font-size: medium;
padding-top: 10px;
}
article#concept .img {
position: absolute;
left: 0px;
bottom: 0px;
}
article#concept .img img {
width: 100%;
height: auto;
}

/*--------------------------
金融商品仲介業とは
---------------------------*/
article#ifa {
background-color: #FAFAFA;
}
article#ifa .text {
margin-bottom: 50px;
width: 65%;
display: block;
margin-left: auto;
margin-right: auto;
line-height: 1.8em;
font-size: small;
}
article#ifa .img {
width: 50%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
article#ifa .img img {
width: 100%;
height: auto;
}

/*--------------------------
サービス
---------------------------*/
article#service {
background-color: #FAFAFA;
}
article#service .text {
margin-bottom: 50px;
width: 65%;
display: block;
margin-left: auto;
margin-right: auto;
line-height: 1.8em;
font-size: small;
}

/*--------------------------
会社概要
---------------------------*/
article#company {
background-color: #005BAC;
}
article#company h2 {
color: #FFFFFF;
}
article#company h3 {
color: #FFFFFF;
}
article#company section dl {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
color: #FFFFFF;
font-size: small;
line-height: 1.6em;
}
article#company section dl dt {
width: 46%;
margin-bottom: 10px;
text-align: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 3%;
}
article#company section dl dd {
width: 51%;
margin-bottom: 10px;
margin-left: 0px;
}
article#company section dl dd a {
color: #FFFFFF;
text-decoration: none;
}
article#company section dl dd p {
margin-bottom: 15px;
}
article#company iframe {
vertical-align: bottom;
}
/*20190813京都支店追加css*/
.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.flex-wrap section {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	width: 50%;
	position: relative;
	padding-bottom: 300px;
}
.flex-wrap section h2 {
	font-size: large;
}
article#company .flex-wrap section dl {
	width: 100%;
}
article#company .flex-wrap section dt {
	width: 28%;
}
article#company .flex-wrap section dd {
	width: 65%;
}
article#company .flex-wrap section iframe {
	position: absolute;
	bottom: 0px;
}
section.tokyo {
    background-color: #186cb7;
}
section.nagoya {
    background-color: #115490;
}
section.kyoto {
    background-color: #186cb7;
}
section.osaka {
    background-color: #115490;
}

/*--------------------------
提携会社
---------------------------*/
article#partner {
}
article#partner .wrap {
	padding-top: 50px;
}
article#partner h2 {
	font-size: large;
}
article#partner ul {
display: flex;
justify-content: center;
}
article#partner li {
}
article#partner li img {
}
article#partner p {
	text-align: center;
	font-size: small;
}
/*--------------------------
背景固定セクション設定
---------------------------*/
article.bg {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
min-height: 400px;
}
article.bg.bg01 {
background-image: url(/images/bg01.jpg);
}
article.bg.bg02 {
background-image: url(/images/bg02.jpg);
}
article.bg.bg03 {
background-image: url(/images/bg03.jpg);
}
article.bg.bg04 {
background-image: url(/images/bg04.jpg);
}
article.bg.bg05 {
background-image: url(/images/bg05.jpg);
}
article.bg.bg06 {
background-image: url(/images/bg06.jpg);
}

/*--------------------------
TOPページ以外
---------------------------*/
body#basic main {
background-color: #F8F8F8;
padding-bottom: 30px;
}
body#basic header {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
display: block;
}
body#basic section .text {
width: 70%;
margin-left: auto;
margin-right: auto;
font-size: small;
line-height: 1.6em;
}
body#basic section .text .intro {
margin-bottom: 40px;
}
body#basic section .text .bloc {
margin-bottom: 30px;
}
body#basic section .text h4 {
color: #005BAC;
font-size: medium;
margin-bottom: 20px;
font-weight: bold;
padding-left: 5px;
border-left: 5px solid #005bac;
}
body#basic section .text p {
margin-bottom: 10px;
}
body#basic section .text .last {
text-align: right;
padding-top: 20px;
padding-bottom: 30px;
}
body#basic section .text p.kome {
padding-top: 0px;
padding-bottom: 20px;
}
body#basic section .text .info {
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #B8B8B8;
}

/*--------------------------
フォーム設定
---------------------------*/
body#basic section .intro {
font-size: small;
line-height: 1.8em;
margin-bottom: 30px;
}
body#basic section .table {
font-size: small;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 70%;
display: block;
margin-left: auto;
margin-right: auto;
}
body#basic section .table dl {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
margin-bottom: 10px;
}
body#basic section .table dl dt {
width: 30%;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: bold;
background-color: #e0e0e0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body#basic section .table dl dt span.caution {
color: #D80003;
font-size: x-small;
}
body#basic section .table dl dd {
width: 70%;
-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;
}
body#basic section .table dl dd p {
}
body#basic section .table dl dd label {
    display: inline-block;
    width: 100%;
}
form .field {
font-size: small;
font-weight: normal;
line-height: 1.4em;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
border-style: none;/*border: 1px solid #E6E6E6;*/
}
form .field.l {
width: 100%;
}
form .field.m {
width: 38%;
}
form .field.s {
width: 20%;
}
form .field.xs {
width: 7%;
}
form .field.area {
width: 100%;
min-height: 10em;
}
input::placeholder {
color: #D9D9D9;
}
input:-ms-input-placeholder {/* IE */
color: #D9D9D9;
}
input::-ms-input-placeholder {/* Edge */
color: #D9D9D9;
}
body#basic section .table dl dd p span {
display: inline-block;
font-size: small;
padding-left: 5px;
padding-right: 5px;
}
body#basic section .table dl .alert {
display: block;
color: #E20003;
font-size: x-small;
}
body#basic section .table dl .comment .alert {
text-align: center;
}
body#basic section .table .comment {
font-size: small;
line-height: 1.6em;
background-color: #FFFFFF;
padding-bottom: 20px;
}
body#basic section .table .comment p {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
padding-right: 2%;
padding-left: 2%;
padding-bottom: 5px;
}
body#basic section .table .comment p.title {
color: #FFFFFF;
font-size: small;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 5px;
padding-top: 5px;
background-color: #005bac;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
body#basic section .table .comment label {
font-size: medium;
text-align: center;
display: block;
padding-top: 20px;
}

.btn_area {
margin-right: 0;
margin-left: 0;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
-webkit-justify-content: center; /* Safari */
justify-content: center;
width: 100%;
padding-bottom: 10px;
padding-top: 50px;
margin-bottom: 10px;
}
.btn_area button {
display: block;
margin-right: 10px;
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: 30%;
}
.btn_area button:last-child {
margin-right: 0%;
}
.btn_area p {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.GY {
background-color: #8C8C8C;
color: #FFFFFF;
}
.GY:hover {
background-color: #A0A0A0;
}
.BL {
background-color: #005bac;
color: #FFFFFF;
}
.BL:hover {
background-color: #004582;
}




/*--------------------------
slickスライダー設定
---------------------------*/
ul.dot-class {
position: absolute;
right: 20px;
bottom: 5px;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-direction: row; /* Safari */
flex-direction: row;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
ul.dot-class li {
margin-left: 5px;
margin-right: 5px;
}
ul.dot-class li button {
text-indent: -9999px;
border: 2px solid #FFFFFF;
display: inline-block;
width: 40px;
height: 10px;
border-radius: 0;
background-color: transparent;
}
ul.dot-class li.slick-active button {
background-color: #FFFFFF;
}
/*スライダー*/
#top .slide1 {
height: 400px;
background-image: url(images/top/top02.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
#top .slide1 div {
height: 400px;
display: flex; /* 子要素をflexboxで揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
color: #FFFFFF;
}
#top .slide1 div p {
font-size: 100px;
text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top .slide1 div p span {
font-size: medium;
}
#top h1 {
text-align: center;
}




/*--------------------------
20220317 問い合わせ改修
---------------------------*/

.change_type {
width: 100%;
max-width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.change_type a {
display: block;
color: #FFFFFF;
background-color: #005bac;
width: 100%;
text-align: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}

.kagayaki {
width: 100%;
max-width: 350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.kagayaki a {
display: block;
color: #FFFFFF;
background-color: #e5b502;
width: 100%;
text-align: center;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
}


body#basic section .table dl dd p.flex input {
width: 50%;
}


::placeholder {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

button {
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.comment p {
margin-bottom: 30px;
}
.comment ul {
padding: 20px;
text-align: left;
font-size: small;
background-color: rgba(255,247,247,1.00);
border: 1px solid rgba(255,116,118,1.00);
}
.comment ul li {
margin-bottom: 0px;
}