@charset "utf-8";
/* CSS Document */


/* ====================================================
　contents-block-faq
==================================================== */

.blue	{ color:#1b70ff !important; }

.contents {
	max-width: 1200px;
	text-align: center;
	justify-content: center;
	padding: 0;
	margin: 0 auto;
	min-height:auto;
}

.title_w_txt {
	font-size:220% !important;
	line-height: 180%;
	padding: 80px 0 20px;
	font-weight:500;
}

.contents-block-faq {
	width: 100%;
	max-width: 980px;
	padding-top: 60px;
	padding-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	padding-right: 5%;
	padding-left: 5%;
	color: #333;
}

.contents-block-faq img {
  width:  100%;
  height: auto;
}


.col_faq_link {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	padding-top: 25px;
	font-size: 108%;
	margin-top: 0px;
	margin-bottom: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.col_faq_link > div {
	padding: 10px 0 10px 0;
    text-align: left;
    margin-right: 3%;
    justify-content: left;
}

.col_faq_link > div:last-child {
    margin-right: 0px;
}


.container_application {
  display: flex;
  width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.container_application .contents_application_l {
  width: 49%;
  
}
.container_application .contents_application_r {
  width: 49%;
  margin-left: 2%;
}

.container_application .contents_application_l a {
	color: #FFF;
	text-decoration: none;
}

.container_application .contents_application_r a {
	color: #00a6cd;
	text-decoration: none;	
}

.btn-border1 {
	display: inline-block;
	width: 100%;
	font-size: 116%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 24px 24px;
	border-radius: 4px;
	transition: .4s;
	border: 2px solid #00a6cd;
	background-color: #00a6cd;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.btn-border1:hover {
  background-color: #e6ab5d;
  border-color: #e6ab5d;
  color: #FFF;
}

.btn-border1-close {
	display: inline-block;
	width: 100%;
	font-size: 116%;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 24px 24px;
	border-radius: 4px;
	transition: .4s;
	border: 2px solid #cdd5d8;
	background-color: #cdd5d8;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.btn-border2 {
	display: inline-block;
	width: 100%;
	color: #00a6cd;
	text-decoration: none;
	font-weight: bold;
	padding: 24px 24px;
	border-radius: 4px;
  transition: .4s;
	border: 2px solid #00a6cd;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}


.btn-border2:hover {
  background-color: #e5f3f5;
  border-color: ##00a6cd;
  color: #FFF;
}

.btn-border3 {
	display: inline-block;
	width: 100%;
	color: #1a3575;
	text-decoration: none;
	font-weight: bold;
	padding: 14px 14px;
	border-radius: 4px;
  transition: .4s;
	border: 2px solid #c9c9c9;
	background-color: #f1f4f4;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	background-image: url(../images/pdf_img.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.btn-border3:hover {
  background-color: #fff;
  color: #1a3575;
}

.text-blue a {
	color: #1a3575 !important;
	text-decoration: none;
	line-height: 120%;
}


.btn-border1, .btn-border2, .btn-border3, .btn-border4 {
	font-size: 108%;
}


.yuusou {
	margin-top:40px;
}


.title_02 {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00a6cd;
	border-bottom-color: #00a6cd;
	font-size: 131%;
	color: #00a6cd;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	
.title_w_txt {
 font-size:161.6% !important;
 padding: 60px 0 20px;
}
	
	
.contents-block-faq {
	padding-top: 40px;
	padding-bottom: 0px;
}
	
.col_faq_link {
	font-size: 93%;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
    text-align: left;
    margin-right: auto;
    justify-content: left;
}
.col_faq_link > div {
 width: 49%;
 font-size:93% ;
 padding: 8px 0 0 0;
 margin-right: 2%;
}

.col_faq_link > div:nth-child(2n) {
    margin-right: 0%;
}

.container_application {
  display: block;
  width: 80%;
}

.container_application .contents_application_l {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 20px;
  
}
.container_application .contents_application_r {
  width: 100%;
  margin-top: 20px;
  margin-left: 0%;
}

.btn-border1, .btn-border2, .btn-border3, .btn-border4 {
	font-size: 96%;
}

.yuusou {
	margin-top:20px;
}

.title_02 {
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 123.1%;
}

}


.block-faq {
	width: 100%;
	max-width: 650px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 10px;
}

.faq-area {
	padding-top: 20px;
	margin-bottom: 40px;
}

.faq-area.first {
	margin-top: -20px;
}

.faq-block {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


.faq-block a {
	color: #00449f;
	text-decoration: underline;
}
.faq-block a:hover {
	color: #00449f;
	text-decoration: none;
}

.faq-area .faq-block:last-child {
	padding-bottom: 40px;
	border-bottom-width: 0px;
}


.content-02_r {
	display: block;
	padding-left: 15px;
	text-align: left;
    display: block;
	width: 98%;
	max-width: 1060px;
}


.container_block-02 {
	display: flex;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 0px;
	font-size:100%;
}

.col_faq {
	display: flex;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 0px;
	font-size:100%;
}
.col_faq .content-faq_l {
  width: 40px;
  text-align: left;
}
.col_faq .content-faq_r {
	padding-left: 15px;
	text-align: left;
    display: block;
	width: 98%;
	max-width: 1060px;
}




.box-number {
	font-size: 189%;
	height: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	font-weight:600;
	text-align: center;
	justify-content: center;
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
	display: flex;
}

.box-number.question {
	color: #00a6cd;
	align-items: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00a6cd;
	border-left-color: #00a6cd;
	background-color: #FFF;
	padding-bottom: 10px;
}

.box-number.anser {
	color: #fff;
	align-items: center;
	background-color: #00a6cd;
	padding-bottom: 4px;
}


.p_txt_q {
	text-align: left;
	font-size: 116%;

	font-weight:500;
	padding-top: 5px;
}
.p_txt_a {
	text-align: left;
	font-size: 108%;
	padding-top: 6px;
}

.faq_link {
     position: relative;
     padding-left: 15px;
	 font-size:93%;
}

.faq_link a {
	color: #333;
	text-decoration: none;
}

.faq_link a:hover {
	color: #00a6cd;
	text-decoration: underline;
}

.faq_link::before {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #00a6cd;
     border-right: solid 2px #00a6cd;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 0;
     margin-top: -3px;
}

.indentback {
	font-size: 100%;
}

.faq_sx7a {
	max-width: 300px;
	margin-top: 15px;
}


#inquiry {
	margin-bottom: 70px;
}

@media only screen and (max-width: 767px) {

.col_faq {
	margin-top: 30px;
}

.faq-area .faq-block:last-child {
	padding-bottom: 30px;
	padding-top: 0;
}

.faq-area {
	padding-top: 20px;
	margin-bottom: 20px;
}


.box-number {
	font-size: 120%;
	height: 30px;
}

.box-number.question {
	padding-bottom: 5px;
}

.box-number.anser {
	padding-bottom: 0px;
}

.p_txt_q {
	font-size: 100%;
	padding-top: 2px;
}
.p_txt_a {
	font-size: 100%;
	padding-top: 2px;
}

.faqend {
	margin-top: -30px;
}

#inquiry {
	margin-bottom: 50px;
}

}

