@charset "UTF-8";


/* ==================================================
　　　　そで画像
================================================== */

#page_lead{
min-height:80px;
margin:0px auto 20px;
background-color:#142d55;
background-position:right 0;
background-repeat:repeat;
background-image:url(../images/bg_07.png);
}


#page_lead h2{
font-size: 2.0rem;
color:#000;
font-weight:bold;
line-height:80px;
text-align:center;
}

@media only screen and (max-width: 1000px) {
#page_lead{
max-width:100%;
margin:0px auto 0px!important;
min-height:40px;
}

#page_lead h2{
font-size: 1.8rem;
color:#000;
line-height:80px;
padding:0 0 0 0px;
}

}

@media print, screen and (min-width: 1600px) {
#page_lead{
max-width:100%;
margin:0px auto 0px;
}
}


/* ==================================================
	breadcrumb（パンくず）
================================================== */
#breadcrumb {
  display: none;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  #breadcrumb {
    display: block;
    margin: 10px 15px 30px;
  }
}
/* ========== end △ */
#breadcrumb li {
  display: inline-block;
  font-size: 1.4rem;
}
#breadcrumb li::before {
  content: "\f105";
  margin-right: 3px;
  color: #2d2506;
  font-size: 10px;
  font-family: FontAwesome;
}
#breadcrumb li:first-of-type::before {
  content: "";
}
#breadcrumb li a {
  text-decoration: none;
}
#breadcrumb li a:hover {
  text-decoration: underline;
}

/* ==================================================
	pagination
================================================== */
.pagination {
  margin-top: 30px;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  .pagination {
    margin-top: 50px;
  }
}
/* ========== end △ */
.pagination .prev {
  float: left;
}
.pagination .next {
  float: right;
}
.pagination .back {
  text-align: center;
}

/* ==================================================
	blank
================================================== */
.blank_txt {
  font-size: 2.0rem;
  text-align: center;
  line-height: 1.8;
}
.blank_txt p {
  margin-top: 20px;
}
.blank_txt p:first-child {
  margin-top: 0;
}
.blank_txt a {
  display: inline-block;
  margin-top: 30px;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  .blank_txt a {
    margin-top: 50px;
  }
}
/* ========== end △ */
/* ==================================================
	news
================================================== */
.news_box {
  margin-top: 30px;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  .news_box {
    margin-top: 50px;
  }
}
/* ========== end △ */
h2 + .news_box {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.news_box .date {
  display: inline-block;
  padding: 3px 5px;
  background-color: #ffebeb;
  font-size: 1.2rem;
  line-height: 1.0;
}
.news_box h3 {
  margin-top: 10px;
}
.news_box .news_body {
  margin-top: 15px;
  padding-bottom: 50px;
  border-bottom: 1px dashed #000;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  .news_box .news_body {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* ========== end △ */
.news_box .pic {
  margin-bottom: 15px;
  text-align: center;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  .news_box .pic {
    float: right;
    width: 300px;
    margin-left: 30px;
  }
}
/* ========== end △ */
/* ==================================================
	お問い合わせ
================================================== */

.contact_box{
border:solid 6px #f2f2f2;
padding:20px 0;
width:80%;
margin:0 auto;
}

.contact_box dl{
text-align:center;
}

.contact_box dl dt{
font-weight:bold;
font-size:140%;
}

.contact_box dl dd{
font-weight:bold;
color:#8b1a1a;
}

.contact_box ul{
width: 70%;
border-top:dotted 1px #000;
padding:15px 0 0 ;
margin:20px auto 0;
}

.contact_box ul li{
width: 45%;
float:left;
}
.contact_box ul li:last-child{
width: 45%;
float:right;
}

.pp_box{
background:#f2f2f2;
border:solid 1px #ccc;
padding:25px 20px;
}

.clr2{font-size:105%;font-weight:bold;margin:15px 0 5px;display:block;}


input, select {
	vertical-align:baseline;
	padding:8px 5px;
}

input[type="text"] {
    width: 80%;
}

.in_60{width: 60% !important;}
.in_40{width: 40% !important;}

textarea {
	width: 80%;
	padding:8px 5px;
}

.contact_step_jump {
    text-align: center;
    margin: 20px auto 0;
    padding: 10px 0px 0px;
}

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

.contact_box{
padding:15px 0;
width:95%;
}

.contact_box dl dt{
font-size:110%;
}

.contact_box ul{
width: 90%;
}

input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}


textarea {
	width: 100%;
	padding:8px 10px;
	box-sizing: border-box;
}

}

/* ==================================================
	下層の共通項目
================================================== */

.case_box{
background:url(../common_img/bg_01_01.png) no-repeat 0 0,url(../common_img/bg_01_02.png) no-repeat 0 bottom,url(../common_img/bg_01_03.png) repeat-y 0 0;
background-size:100%;
padding:20px 0 20px;
margin-bottom:20px;
}

.case_box .inner{
padding:25px 40px;
}

.case_box .tt{
background:url(../common_img/tt_01.png) no-repeat 0 0;
color:#fff;
font-size:140%;
font-weight:bold;
line-height:44px;
padding:0px 0px 0px 30px ;
}
.case_box .inner figure{
width:60%;
margin:0 auto 20px;
}

.faq_box{
border:dotted 2px #ccc;
padding:15px;
margin-bottom:15px;
}

.faq_box dt{
font-weight:bold;
color:#9d8533;
font-size:105%;
padding:0 0 5px 50px;
border-bottom:dotted 1px #ccc;
background:url(../common_img/ic_q.png) no-repeat 0 0px;
}

.faq_box dd{
padding:10px 0px 0 50px ;
background:url(../common_img/ic_a.png) no-repeat 0 10px;
}

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


.case_box{
background-size:100%;
}

.case_box .inner{
padding:15px 20px;
}

.case_box .tt{
padding:0px 0px 0px 10px ;
font-size:110%;
}

}


.kyo{
text-align:center;
font-size:160%;
line-height:2.0;
color:#000;
padding:0 0 15px;
margin-bottom:20px;
font-weight:bold;
background:url(../common_img/h3_bg02.png) no-repeat center bottom;
}
.kyo span{
background: linear-gradient(transparent 50%, yellow 50%);
font-size:110%;
}

.point_box{
text-align:center;
}

.point_box img{
width:28%;
padding:1.5%;
}

.coment_box{
border:solid 6px #f2f2f2;
background:#fff;
padding:15px;
margin:15px 10px;
}

.plan_box{
border:solid 8px #c8ebff;
position:relative;
margin:0 auto 20px;
width:100%;
padding:15px 20px;
}

.plan_box dt{
font-weight:bold;
color:#ff6c00;
font-size:120%;
border-bottom:dotted 2px #c8ebff;
}

.plan_box dt:before{
content: "\f02c";
font-family: "FontAwesome";
margin-right:10px;
color:#9b6026;
}


.plan_box dd{
padding-top:10px;
}

.fuki01{
position:absolute;
right:15px;
top:-20px;
}

.plan_box .ptt{
font-weight:bold;
font-size:130%;
border-bottom:dotted 2px #ff9600;
color:#ff952b;
margin:0 0 25px;
}

.plan_box .ptt span{
display:block;
color:#6ab816;
}

.p_ul li{
float:left;
width:48%;
margin-right:5px;
padding:5px;
font-weight:bold;
background:#ff5656;
text-align:center;
color:#fff;
}

.fuku{
margin:15px auto;
width:92%;
padding:2%;
border:solid 1px #ccc;
background:#fff;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.fuku:before{
content:"手続き";
font-weight:bold;
font-size:120%;
color:#6d5b14;
display:block;
margin-bottom:15px;
}

.fuku li{
margin:0 10px 10px 10px;
font-weight:bold;
color:#754f30;
}

.fuku li:before{
content: "\f0da";
font-family: "FontAwesome";
margin-right:10px;
color:#0089d5;}

.flow_img{
width:624px;
margin:15px auto 20px;
}

.kyoucyou {
    font-weight: bold;
    padding: 5px 0 5px;
    color: #c27c0e;
    font-size: 115%;
    line-height: 1.8;
    border-bottom: dotted 1px #333;
}

.kyoucyou::before {
    content: '\f058';
    margin: 0px 5px 0px 0px;
    font-family: 'FontAwesome';
    color: #ff4200;
}

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

.kyo{
font-size:100%;
}

.fuki01{
width:100px;
top:110px;
}

.p_ul li{
float:none;
width:90%;
margin:0 auto 10px;
}

.fuku li{
width:90%;
float:none;
margin:0 auto 10px;
}

.flow_img{
width:100%;
margin:0 auto 20px;
}

}