@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;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*テキスト設定*/
.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(/statics/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(/statics/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(/statics/images/bg01.jpg);
}
article.bg.bg02 {
background-image: url(/statics/images/bg02.jpg);
}
article.bg.bg03 {
background-image: url(/statics/images/bg03.jpg);
}
article.bg.bg04 {
background-image: url(/statics/images/bg04.jpg);
}
article.bg.bg05 {
background-image: url(/statics/images/bg05.jpg);
}
article.bg.bg06 {
background-image: url(/statics/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: 80%;
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: center;
font-weight: bold;
background-color: #e0e0e0;
padding-top: 10px;
padding-bottom: 10px;
}
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: block;
}
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;
}


/*contactform7用追記20220825*/
form input {
width: 100%;
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 textarea {
width: 100%;
min-height: 10em;
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 input[type=checkbox] {
width: auto;
display: inline-block;
}
form input[type=radio] {
width: auto;
display: inline-block;
}
.form7 ul.btn {}

.form7 ul.btn li {
  width: 100%;
  margin-bottom: 20px;
}

.form7 ul.btn li input {
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-style: none;
}

.form7 ul.btn li input.confirm {
  background-color: #005cac;
}

.form7 ul.btn li input.return {
  background-color: #005cac;
}

.form7 ul.btn li input.send {
  background-color: #005cac;
}

.form7 ul.btn li input:hover {
  opacity: 0.8;
}

span.wpcf7-list-item {
  display: block!important;
  margin: 0 0 10px 0!important;
}

.wpcf7-not-valid-tip {
  color: #ff0000!important;
}

.wpcf7c-conf {
  background-color: #f5f5f5!important;
  border: 1px solid #d8d8d8!important;
}

.wpcf7-not-valid {
  background-color: #fbeeee;
  border: 1px solid #ff6767;
}

.wpcf7 form.sent .wpcf7-response-output {
  font-size: small;
  text-align: center;
}

.wpcf7-form .wpcf7-submit {
margin-bottom: 0px;
    margin-top: 20px;
    width: 50%;
    max-width: 300px;
    text-align: center;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFFFFF;
    background-color: #005BAC;
    border-style: none;
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
}

.inv-recaptcha-holder {
  display: flex;
  justify-content: center;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #ff9f9f;
}

.wpcf7-radio {
  display: block;
}

input[type="radio"] {
  -webkit-appearance: radio;
}



.form_comment {
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;
line-height: 1.6em;
background-color: #FFFFFF;
padding-bottom: 20px;
margin-top: 30px;
}
.form_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;
}
.form_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;
}


@media screen and (max-width: 480px) {
  main.contact {
    padding-bottom: 50px;
  }
  main.contact section .info_area p.sp_left {
    text-align: left;
  }
  
.form_comment {
  width: 100%;
  }
  
  .wpcf7-form .wpcf7-submit {
    width: 100%;
    max-width: 300px;
}
  
}




/*--------------------------
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(/statics/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;
}
/*
     FILE ARCHIVED ON 08:32:35 Jan 11, 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: 318.432
  exclusion.robots: 0.1
  exclusion.robots.policy: 0.093
  cdx.remote: 0.068
  esindex: 0.01
  LoadShardBlock: 69.117 (3)
  PetaboxLoader3.datanode: 88.45 (4)
  CDXLines.iter: 12.364 (3)
  load_resource: 88.341
  PetaboxLoader3.resolve: 35.74
*/



/*--------------------------
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;
}


/*--------------------------
20220810 新着情報
---------------------------*/


/*新着情報*/

section#news {
  position: relative;
}

#news .wrap {
  width: 94%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#news .slider {
  padding-top: 50px;
  padding-bottom: 50px;
}

#news .slider a {
  color: #000000;
  text-decoration: none;
}

#news .slider .eyecatch img {
  width: 100%;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(231, 231, 231, 1.00);
  margin-bottom: 10px;
}

#news .slider .date {
  text-align: left;
  font-size: small;
}

#news .slider dt {
  font-size: small;
  text-align: left;
  color: #000000;
  text-decoration: none;
  line-height: 1.6em;
}

#news .more {
text-align: right;
}

#news .more a {
  text-decoration: none;
  color: #000000;
  font-size: medium;
}

#news .more a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 480px) {
  #news .wrap article a dl {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
  }
  #news .wrap article a dl .date {
    font-size: small;
    width: 100%;
  }
  #news .wrap article a dl dt {
    width: 100%;
  }
}


/*--------------------------
その他ページ共通
---------------------------*/

div.button .btn-back {
  display: block;
  color: #FFFFFF;
  background-color: #EF4123;
  width: 90%;
  max-width: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-style: none;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}

main.other .table {
  text-align: left;
  margin-bottom: 30px;
  border-top: 1px solid #E2E2E2;
}

main.other .table dl {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #E2E2E2;
}

main.other .table dl dt {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  background-color: #f9f9f9;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

main.other .table dl dt .caution {
margin-left: 10px;
color: #FF0004;
}
main.other .table dl dd {
  width: 75%;
  display: flex;
  align-items: center;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.breadcrumbs {
  font-size: small;
  padding-bottom: 50px;
}

.breadcrumbs a {
  color: #595757;
  text-decoration: none;
}

.breadcrumbs a:hoer {
  text-decoration: underline;
}

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

main.other .table dl dt {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  background-color: #f9f9f9;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

main.other .table dl dd {
  width: 100%;
  display: flex;
  align-items: center;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}


}




/*--------------------------
NEWS一覧
---------------------------*/
main.list {
padding-top: 60px;
overflow-x: hidden;
}
main.list section {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

main.list section article {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

main.list section article a {
  color: #000000;
  text-decoration: none;
}

main.list.other .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

main.list.other section article {
  width: 21%;
  margin-bottom: 30px;
  margin-left: 2%;
  margin-right: 2%;
}

main.list.other section article dt {
  font-size: small;
  text-align: left;
  color: #000000;
  text-decoration: none;
  line-height: 1.6em;
}

main.list.other section article date {
  text-align: left;
  font-size: small;
}

main.list.other section article .eyecatch img {
  width: 100%;
  height: auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(231, 231, 231, 1.00);
  margin-bottom: 10px;
}

main.list .btn_area form input {
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  font-style: normal;
  background-color: transparent;
  border-style: none;
  color: #595757;
}


/*ページャー*/

.wp-pagenavi {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wp-pagenavi a {
  text-decoration: none;
  color: #595757;
}

.wp-pagenavi a:hover {
  text-decoration: underline;
}

.wp-pagenavi a.previouspostslink {
  padding-right: 50px;
}

.wp-pagenavi a.nextpostslink {
  padding-left: 50px;
}

.wp-pagenavi a.page {
  padding-left: 10px;
  padding-right: 10px;
}

.wp-pagenavi span.current {
  color: #00BEFF;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 480px) {
  main.list.news section article {
    width: 100%;
  }
  main.list.other section article {
    width: 46%;
  }
}


/*--------------------------
NEWS詳細
---------------------------*/
main.detail {
padding-top: 60px;
overflow-x: hidden;
}
main.detail section {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
      padding-top: 50px;
    padding-bottom: 50px;
}

main.detail section .index {
  padding-top: 0px;
}

main.detail section article {
text-align: left;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 3%;
padding-right: 3%;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}

main.detail section article img {
  width: 100%;
  height: auto;
}

main.detail article .eyecatch {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: center;
}

main.detail article .eyecatch img {
  width: 100%;
  height: auto;
  max-width: 200px;
}

main.detail article .date {
  margin-bottom: 20px;
  font-size: small;
  color: #3F3F3F;
}

main.detail article h3 {
  margin-bottom: 20px;
  font-size: x-large;
  line-height: 1.4em;
      text-align: left;
}

main.detail article h2 {
  margin-bottom: 30px;
  font-size: x-large;
  line-height: 1.8em;
}

main.detail article .main_text {
  font-size: medium;
  line-height: 1.8em;
}

main.detail article .main_text p {
  line-height: 1.8em;
margin-bottom: 20px;
}
main.detail article .main_text figure {
margin-bottom: 30px;
}
main.detail article .btn_area {
  padding-top: 50px;
  text-align: center;
}

main.detail article .btn_area ul.move {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

main.detail article .btn_area ul.move li {
  padding-left: 50px;
  padding-right: 50px;
  font-size: small;
}

main.detail article .btn_area ul.move li a {
  text-decoration: none;
  color: #595757;
}

main.detail article .btn_area ul.move li a:hove {
  text-decoration: underline;
}

main.detail article .btn_area form {}

main.detail article .btn_area form input {
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  font-style: normal;
  background-color: transparent;
  border-style: none;
  color: #595757;
}

@media screen and (max-width: 480px) {
  main.detail section {}
}



/*ドロワー*/

#nav-toggle {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 50px;
  width: 50px;
  cursor: pointer;
 /*background-color: #EF4123;*/
  padding-left: 15px;
  padding-right: 15px;
}

#nav-toggle>div {
  position: relative;
  width: 30px;
}

#nav-toggle span {
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #00406f;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}

#nav-toggle span:nth-child(1) {
  top: 20px;
}

#nav-toggle span:nth-child(2) {
  top: 35px;
}

#nav-toggle:hover span:nth-child(1) {
  top: 20px;
}

#nav-toggle:hover span:nth-child(2) {
  top: 35px;
}

.open #nav-toggle {
  background-color: #00406f;
}

.open #nav-toggle span {
  background: #fff;
}

.open #nav-toggle span:nth-child(1) {
  top: 25px;
  transform: rotate(45deg);
}

.open #nav-toggle span:nth-child(2) {
  top: 25px;
  transform: rotate(-45deg);
}


/* z-index */

#nav-toggle {
  z-index: 1000;
}

#container {
  z-index: 900;
}

#gloval-nav {
  background-color: rgb(255 255 255 / 90%);
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 29px;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#gloval-nav a {
  display: block;
  font-size: small;
  line-height: 1.8em;
  color: #000000;
  text-decoration: none;
  padding: 10px 0;
  transition: color 0.6s ease;
}

#gloval-nav a:hover {
  opacity: 0.8;
}

#gloval-nav ul {
  list-style: none;
}

#gloval-nav ul li {
  opacity: 0;
  transform: translatey(20px);
  transition: transform 0.6s ease, opacity 0.2s ease;
}

#gloval-nav ul li:nth-child(2) {
  transition-delay: 0.15s;
}

#gloval-nav ul li:nth-child(3) {
  transition-delay: 0.3s;
}

#gloval-nav ul li:nth-child(4) {
  transition-delay: 0.45s;
}

#gloval-nav ul li:nth-child(5) {
  transition-delay: 0.6s;
}

#gloval-nav ul li:nth-child(6) {
  transition-delay: 0.75s;
}

#gloval-nav ul li:nth-child(7) {
  transition-delay: 0.9s;
}

#gloval-nav ul li:nth-child(8) {
  transition-delay: 1.15s;
}

#gloval-nav ul li:nth-child(9) {
  transition-delay: 1.3s;
}


/* open */

.open {
  overflow: hidden;
}

.open #gloval-nav {
  visibility: visible;
  opacity: 1;
}

.open #gloval-nav li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity 0.9s ease;
}

#gloval-nav .logo {
  width: 200px;
  margin-bottom: 20px;
}

#gloval-nav .logo img {
  width: 100%;
}

#gloval-nav nav ul {}

#gloval-nav nav ul li {}

#gloval-nav nav ul li a {
  text-decoration: none;
}

#gloval-nav nav ul li a dl {}

#gloval-nav nav ul li a dl dt {
  line-height: 1.2em;
}

#gloval-nav nav ul li a dl dd {
  line-height: 1.2em;
  color: #EF4123;
  font-size: small;
}

#gloval-nav nav ul li.drawer-brand {
    font-size: medium;
    font-weight: bold;
    line-height: 2.75rem;
    display: block;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    text-decoration: none;
    color: #5F5F5F;
    border-bottom: 1px solid #220C0C;
}
#gloval-nav nav ul li a.drawer-menu-item {
border-bottom: 2px dotted #AFAFAF;
}

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



/*20220916プラグイン調整*/
.yesno_q dt {
    margin-top: 20px!important;
}
.yesno_q dt span {
    background: #005BAC!important;
}
.yesno_q dd {
    line-height: 1.6em!important;
}
ul#choices li button {
    background: #005BAC!important;
}
ul#choices li button:hover {
	background: #003E75!important;
}
.yesno_q dd h3 {
    font-weight: bold;
}
.yesno_q dd p {
    font-size: medium;
    line-height: 2em;
    text-align: left;
    margin-bottom: 50px;
}
.yesno_q dd label {
    font-size: medium;
}
.yesno_q dd button {
    padding: 15px;
    font-size: medium;
    font-weight: bold;
    background: #005BAC;
    color: #fff;
    border-radius: 10px;
    width: 100%;
}

/*ウェビナーフォーム*/

.eoy {
}
.eoy .fv {
margin-bottom: 30px;
}
.eoy .fv img {
}
.eoy .wrap {
padding-top: 0px;
padding-bottom: 30px;
}
.eoy .flex {
display: flex;
flex-wrap: wrap;
}
.eoy .index {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
background-color: #000000;
margin-bottom: 0px;
display: inline-block;
}
.eoy .title {
font-size: x-large;
color: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #696969;
margin-bottom: 20px;
line-height: 1.4em;
}
.eoy .catch {
font-size: xx-large;
margin-bottom: 20px;
line-height: 1.4em;
}
.eoy .catch span {
font-size: small;
}
.eoy .catch span a {
color: #000000;
text-decoration: underline;
}
.eoy .text {
width: 70%;
padding-right: 20px;
line-height: 1.8em!important;
margin-bottom: 20px;
font-size: medium!important;
}
.eoy .img {
width: 30%;
}
.eoy .img img {
max-width: 100%;
height: auto;
}
.eoy .speaker .index {
margin-bottom: 0px!important;
}
.eoy .speaker .box {
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 1px solid #000000;
}

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

.eoy .title {
font-size: large;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
}
.eoy .catch {
font-size: x-large;
}
.eoy .text {
width: 100%!important;
padding-right: 0px;
font-size: small!important;
}
.eoy .img {
width: 100%;
}
.eoy .img.speak {
width: 60%;
margin-left: auto;
margin-right: auto;
}

}