@charset "shift-jis";

/* --------------------------------------------------------------------
	Financial Academy
	
	Style Info: inquiry setting
	
-------------------------------------------------------------------- */

/* -----------------------------
	Common Module
----------------------------- */
*, *::before, *::after{
	box-sizing: border-box;
}

body{ font-size: 16px;}

#main{ padding-bottom: 0;}

a:hover { text-decoration: none;}

.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb30 {
	margin-bottom: 30px;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}

.head{
	width: 90%;
    max-width: 1000px;
    margin: 20px auto 58px;
    font-size: 30px;
    font-weight: bold;
}
.head .en{
	display: block;
    color: #1c2569;
    font-size: 24px;
    font-family: 'Josefin Slab', serif;
}

.inquiry_wrapper{
	background-color: #E8E9F0;
    padding: 64px 0;
}

.inquiry_inner{
	box-sizing: border-box;
    width: 90%;
    max-width: 1000px;
    margin: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 76px;
}

.notes{ margin-bottom: 1em;}

@media screen and (min-width: 600px) {
    .sp{ display: none;}
}

@media screen and (max-width: 599px){
	body{ font-size: 14px;}

	.pc{ display: none;}
 
	.inquiry_wrapper{
	  padding: 24px 0;
	}
	.inquiry_inner{
	  padding: 24px;
	}
  
	.head {
	  margin: 20px auto 50px;
	  font-size: 24px;
	}
	.head .en {
	  font-size: 20px;
	}

	.notes{ margin-bottom: 2em;}
}


/* -----------------------------
.link_qa
----------------------------- */
.link_qa{
	width: 90%;
    max-width: 1000px;
    margin: 0 auto 64px;
}
.link_qa a{
    display: block;
    background-color: #fff;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.08%22%20height%3D%2225.08%22%20viewBox%3D%220%200%2025.08%2025.08%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_30%22%20data-name%3D%22%E3%83%91%E3%82%B9%2030%22%20d%3D%22M273.821%2C721.4h16.734V738.13%22%20transform%3D%22translate(328.316%20-703.017)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-position: right 40px center;
	background-size: 21px;
	background-repeat: no-repeat;
	border: 2px solid;
    border-radius: 20px;
	box-shadow: 0 2px 0 #1c2569;
    color: #1c2569;
    text-align: center;
    padding: 28px;
	transition: all .3s;
	position: relative;
}
.link_qa a::before{
	content: "";
	width: 60px;
	padding-top: 56px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2261.42%22%20height%3D%2257.721%22%20viewBox%3D%220%200%2061.42%2057.721%22%3E%20%3Cg%20id%3D%22_1066_cm_h%22%20data-name%3D%221066_cm_h%22%20transform%3D%22translate(-5.546%20-6.63)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_81%22%20data-name%3D%22%E3%83%91%E3%82%B9%2081%22%20d%3D%22M19.94%2C42.818a17.989%2C17.989%2C0%2C0%2C0%2C25.99%2C8.41l7.908%2C2.1L51.8%2C45.472a17.822%2C17.822%2C0%2C0%2C0-2.543-22.054%2C18.063%2C18.063%2C0%2C0%2C0-8.781-4.808%22%20transform%3D%22translate(11.461%209.403)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082%22%20d%3D%22M40.794%2C41.732a19.919%2C19.919%2C0%2C0%2C0%2C0-28.255%2C20.123%2C20.123%2C0%2C0%2C0-28.366%2C0A19.919%2C19.919%2C0%2C0%2C0%2C9.57%2C38.131L7.193%2C46.912l8.837-2.358a20.123%2C20.123%2C0%2C0%2C0%2C24.764-2.822Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20transform%3D%22translate(21.135%2017.079)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_83%22%20data-name%3D%22%E3%83%91%E3%82%B9%2083%22%20d%3D%22M14.41%2C17.825a5.161%2C5.161%2C0%2C1%2C1%2C10.322.111%2C5.087%2C5.087%2C0%2C0%2C1-1.522%2C3.6l.2-.223-3.917%2C4.1V27.7%22%20transform%3D%22translate(-14.41%20-12.72)%22%20fill%3D%22none%22%20stroke%3D%22%231c2569%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20cx%3D%221.856%22%20cy%3D%221.856%22%20r%3D%221.856%22%20transform%3D%22translate(3.397%2019.79)%22%20fill%3D%22%231c2569%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + -238px), -50%);
}
.link_qa a:hover{
	background-position: right 30px center;
	box-shadow: none;
	transform: translateY(2px);
}
.link_qa .ttl{
    color: #1c2569;
	font-size: 24px;
	font-weight: bold;
}
@media screen and (max-width: 649px) {
	.link_qa a{
		padding: 70px 26px 16px;
		background-size: 14px;
	    background-position: right 1em center;
	}
	.link_qa a::before{
		width: 50px;
	    padding-top: 47px;
		top: 18px;
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 599px) {
	.link_qa{ margin-bottom: 24px;}
	.link_qa .ttl{ font-size: 21px;}
}


/* -----------------------------
.entryArea
----------------------------- */
.entryArea .entry dt {
    font-weight: bold;
}
@media screen and (min-width: 650px) {
	.entryArea .entry {
		display: grid;
		grid-template-columns: 150px 1fr;
		gap: 40px 10px;
	}
	.entry .column2_pc{
		display: flex;
		gap: 5%;
	}
}
@media screen and (max-width: 649px) {
	.entry .column2_pc > * + *{ margin-top: 1em;}
	.entryArea .entry dd + dt { margin-top: 2.285em;}
}

/* input, textarea */
.entry dd input[type="text"],
.entry dd textarea {
	width: 100%;
    background-color: #f3f3f2;
    border: solid 2px #eaeaea;
	border-radius: 10px;
	font-family: inherit;
    font-size: 16px;
    padding: 22px 32px;
}
.entry dd input[type="text"]{
    height: 60px;
}
.entry dd input[type="text"]:focus,
.entry dd textarea:focus {
	outline: 0;
	background-color: #fff;
}
@media screen and (max-width: 599px) {
	.entry dd input[type="text"],
	.entry dd textarea{
		padding: 12px 18px;
	}
}

/* iframe */
.entry .iframe_wrapper{
	border: 2px solid #eaeaea;
	border-radius: 10px;
	padding: 25px;
	height: 170px;
	overflow: auto;
	margin-bottom: 1em;
}
.entry .iframe_wrapper iframe {
    display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 599px) {
	.entry .iframe_wrapper{
		height: 183px;
		padding: 1em;
	}
}

/* .btn_submit */
.btn_submit_wrapper{
	margin: 46px auto;
}
.btn_submit {
	display: block;
	width: 100%;
	max-width: 300px;
	background-color: #ea5520;
	border: 1px solid;
	border-radius: 5px;
	box-shadow: 2px 2px 0 #ccc;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin: 1rem auto 3rem;
	padding: .85em 1.8em;
	position: relative;
}
.btn_submit::after {
	content: "";
	padding: 9px;
	background: url(/images/common/arrow02.svg) left center/contain no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
}
.btn_submit:disabled{
/*     background: #f3f3f2;
	color: #757575; */
	cursor: initial;
}
.btn_submit:not(:disabled):hover{
	opacity: .7;
}
@media screen and (max-width: 599px) {
	.btn_submit_wrapper{ margin-top: 32px;}
}


/* -----------------------------
.contacts
----------------------------- */
.contacts {
	width: 90%;
	max-width: 1000px;
    margin: 64px auto 0;
}
.contacts li {
	width: 31%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    transition: all .3s;
}
.contacts li:hover {
	transform: translateY(1px);
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
}
.contacts li a {
	display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    color: #333;
    text-decoration: none;
}

.contacts .thumb {
	padding-top: 65%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 20px 20px 0 0;
}
.contacts .thumb.img01{ background-image: url(/qa/images/p_inquiry01_pc.jpg);}
.contacts .thumb.img02{ background-image: url(/qa/images/p_inquiry02_pc.jpg);}
.contacts .thumb.img03{ background-image: url(/qa/images/p_inquiry03_pc.jpg);}
.contacts .thumb.img04{ background-image: url(/qa/images/p_inquiry04_pc.jpg);}

.contacts .box_txt {
	padding: 1em 1.8em 1em 1em;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.728%22%20height%3D%2212.728%22%20viewBox%3D%220%200%2012.728%2012.728%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_30%22%20data-name%3D%22%E3%83%91%E3%82%B9%2030%22%20d%3D%22M273.821%2C721.4h8v8%22%20transform%3D%22translate(322.14%20-703.017)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
	background-position: right 24px top 1.5em;
	background-size: 12px;
	background-repeat: no-repeat;
	transition: all .3s;
}
.contacts li:hover .box_txt {
	background-position: right 19px top 1.5em;
}
.contacts .box_txt .ttl {
	font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
@media screen and (min-width: 650px) {
	.contacts {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.contacts li { width: 31%;}
}
@media screen and (max-width: 649px) {
	.contacts{ margin-top: 24px;}
	.contacts li { width:100%;}
	.contacts li + li { margin-top: 24px;}

	.contacts .thumb{ padding-top: 53.5%;}

	.contacts .box_txt .txt { font-size: 14px;}
}