@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

body {
  font-family:  "M PLUS Rounded 1c","Yu Gothic", YuGothic,"Hiragino Maru Gothic W4 JIS2004", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "ƒƒCƒŠƒI", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 2;
  color: #40220f;
  background: url(../images/common/back.jpg);
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

a {
  color: #ea5413;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #ea5413;
  outline: none;
}

p {
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, figure {
  color: #333333;
  font-weight: 400;
  margin: 0;
  padding:0;
}
ul,
ul li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}


.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 28px;
  font-weight: 400;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 20px 25px 20px 25px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
}
.btn.btn-md {
  padding: 10px 100px !important;
}
.btn.btn-lg {
  padding: 10px 100px !important;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #dd551a;
  color: #fff;
  border: 2px solid #dd551a;
}
.with-arrow:before{
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
    top: 1px;
    padding-right:5px;
}
.with-mail:before{
    content: "\f0e0";
    font-family: FontAwesome;
    position: relative;
    top: 1px;
    padding-right:5px;
}
.back-arrow:before{
    content: "\f0a8";
    font-family: FontAwesome;
    position: relative;
    top: 1px;
    padding-right:5px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #df7219 !important;
  border-color: #df7219 !important;
}
.btn-primary.btn-outline {
  background: transparent;
  color: #6ab083;
  border: 2px solid #6ab083;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
  background: #ff2a00;
  color: #fff;
}

.btn-back {
  background: #423522;
  color: #fff;
  border: 1px solid #423522;
}
.btn-back:hover {
  background: #67553b;
  color: #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300;
}
.form-control:active, .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #6ab083;
}


@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}


.tel_link a:hover,
.tel_link a:active{
	text-decoration:none !important;
}
.tel_link a{
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 780px) {
    .tel_link a {
        pointer-events: auto !important;
    }
    body{

      line-height: 1.6;
    }

}


/* header */
header h1{
	z-index:-1;
}
header h1 img{
	width:100%;
}
header .main-img{
	position:relative;
}
header .main-img dl{
	margin:0;
	padding:0;
	background:rgba(255,255,255,0.8);
	border-radius:65px;
	padding:5px 15px 5px 15px;
	position:relative;
	top:-356px;
	border:#40210f 3px solid;
	width:670px;
	margin:0px auto;
}
header .main-img dl dt{
	font-size:20px;
	margin-bottom:5px;
}
header .main-img dl dt span{
	font-size:13px;
}
header .main-img dl dd{
	display:table-cell;
}
header .main-img dl dd img{
	width:100%;
}
header dd a img:hover{
	opacity:0.8;
}
@media screen and (max-width: 1199px) {
	header .main-img dl{
		top:-295px;
		width:600px;
	}
}
@media screen and (max-width: 991px) {
	header .main-img dl{
		top:-200px;
		width:600px;
	}
}
@media screen and (max-width: 780px) {
	header .main-img dl {
		width:90%;
		top:0px;
		border-radius:40px;
	}
	header .main-img dl dd{
		display:block;
	}
	
	header .main-img dl dd img{
		width:auto;
    margin: 0px auto 0px auto;
	}
	header .main-img dl dt{
		font-size:18px;
	}
	header .main-img dl dt+dd img{
		width:100%;
	}

}


nav.g-nav{
	border-radius:50px;
	background:rgba(255,255,255,0.8);
	border:#40210f 5px solid;
	position:absolute;
	bottom: 210px;
	width: 100%;
}
nav.g-nav ul{
	display:flex;
	justify-content: center;
	padding:10px 0px 10px 0px;
  flex-shrink:0;
}
nav.g-nav ul li{
	padding:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root nav.g-nav ul li{
  float: left;
  }

}

nav.g-nav ul a{
	padding:5px 45px;
	display:block;
	text-align:center;
	border-right:#cccccc 1px solid;
	color:#333333;
	position:relative;
}
nav.g-nav ul li:last-Child a{
	border:0px;
}
nav.g-nav ul a:after {
  content: "";
  position: absolute;
  height: 6px;
  bottom: 6px;
  left: 20px;
  right: 20px;
  background-color: #f3ab8c;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index:0;
}
nav.g-nav ul a:hover {
  text-decoration: none;
  color: #ea5413;
}
nav.g-nav ul a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
nav.g-nav ul a:active, nav.g-nav ul a:focus {
  outline: none;
  text-decoration: none;
}


.sp-nav{
	display:none;
}

@media screen and (max-width: 1199px) {
	nav.g-nav ul a{
	padding:5px 20px;
	}
	nav.g-nav{
		bottom: 190px;
	}
}
@media screen and (max-width: 991px) {
	nav.g-nav ul a{
	padding:5px 10px;
	}
	nav.g-nav{
		bottom: 100px;
	}
}

@media screen and (max-width: 780px) {
	nav.g-nav{
		display:none;
	}
	.sp-nav{
		display:block;
	}
}



/*お問い合わせ*/


.page-contact .privacy {
    padding: 20px;
    border: 1px solid #c9c9c9;
    height: 150px;
    overflow-y: scroll;
    font-size:14px;
    font-weight:500;
    background:#ffffff;
    margin-top:20px;
}

.page-contact footer {
    padding: 50px 0px 20px 0px;
}

#contact{
	margin-bottom:50px;
}
.intr_txt p{
	margin-top:80px;
	margin-bottom:50px;
}


#contact .important { margin-bottom: 40px; }
#contact .form-box {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    clear:both;
}
#contact .form-group {
    background-color: #444444;
    border-bottom: solid 1px #ccc;
    margin: 0;
    clear:both;
}
#contact .form-group .th_txt {
    margin: 0;
    padding: 20px 20px;
    color:#ffffff;
    font-size:16px;
}
#contact .form-group .th_txt label{
	font-weight:500 ;
}
#contact .form-group .th_txt .att{
	color:#e1b00d;
}
#contact .form-group .th_txt label { margin: 0; }
#contact .form-group .td_txt {
    background-color: #fff;
    padding: 20px 20px;
}
#contact .form-group .td_txt label { margin: 10px 0; }
#contact .form-group .td_txt div { padding-left: 0; }

#contact .comp {
    border: solid 1px #eee;
    font-size: 18px;
    padding: 30px;
    text-align: center;
}
#contact .mb10 {
	margin-bottom:10px;
}
#contact .mb30 {
	margin-bottom:30px;
}
.att{
	color:#e1b00d;
}
.submit_btn{
	width:70% ;
	margin:20px auto;
	display:block;
}
.submit_btn input{
	background:none;
	border:0px solid;
	cursor:pointer;
}
@media screen and (max-width: 480px) {
	.submit_btn{
		width:100% ;
		font-size:16px;
	}

	.submit_btn input{
	background:none;
	width:100%;
	}
}

a.btn_back{
	display:inline-block;
	margin-top:10px;
    background: #999;
    border: none;
    border-radius: 3px;
    color: #fff;
    width: 200px;
    padding: 10px 0;
    cursor: pointer;
}


input.myError {
background-color:#CCFFFF;
}

label.myError {
color:#FF0000;
}

textarea.myError {
background-color:#CCFFFF;
}

.page-contact .date_box{
	background:#ffe3b6;
	padding:10px;
}
.page-contact .date_box h5{
	text-align:center;
	font-size:20px;
	font-weight:600;
	margin:20px;
	color:#ffffff;
	background:#40220f;
	padding:20px;
	border-radius:20px;
}

.page-contact .date_box p{
	text-align:center;
	font-size:16px;
}

.page-contact .date_box .form-group {
    background-color: #563f37 !important;
}

.comp_mes{
	border-radius: 50px;
    background: #ffffff;
    padding: 30px;
    border: #40210f 5px solid;
    overflow: hidden;
    position: relative;
    font-size:18px;
    text-align:center;
}

/*------------- footer -----------------*/

footer {
	padding:50px 0px 200px 0px;
	position:relative;
}

#pageTop{
  display: none;
}
#pageTop a {
    display: block;
    color: #ea5413;
    text-decoration: none;
    text-align: center;
    font-size:45px;
     position: fixed;
    bottom: 160px;
    right: 20px;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;

}
.f_contact{
	border-radius:50px;
	background:#40210f;
	padding:10px 0px 0px 0px;
	border:#40210f 5px solid;
	margin-bottom:20px;
}
.f_contact .f_cnt_inner{
	border-radius:46px;
	background:#ffffff;
	padding:10px;
}
.f_contact h4{
	font-size:36px;
	font-weight:550;
	color:#ffffff;
	margin-bottom:15px;
	text-align:center;
}

.f_contact .boxL{
	float:left;
  width: 60%;
}
.f_contact .boxR{
	float:right;
  width: 35%;
  padding-top: 45px;
}
.f_contact .boxR .btn{
  width: 100%;
}
.f_contact .boxL dt{
	float:left;
  width:25%;
	text-align:center;
	padding:15px 20px 15px 40px;
}
.f_contact .boxL dd{
	float:right;
	text-align:center;
	width:75%;
}
.f_contact .boxL h5{
	font-size:22px;
	font-weight:550;
	color:#40210f;
	padding:10px;
}
.f_contact .boxL dd ul{
	font-size:16px;
}
.f_contact .boxL dd ul .f_tel{
	border-top:#40210f 3px solid;
	border-bottom:#40210f 3px solid;
	padding:10px 0px 10px 0px;
	position:relative;
  margin-bottom: 10px;
}
.f_contact .boxL dd ul .f_tel a{
	font-size:52px;
	color:#40210f ;
  line-height: 50px;
  position:relative;
  display: inline-block;

}

.f_contact .boxL dd ul .f_tel a:before{
  content:"";
  background:url(../images/common/ico-tel.png) left top no-repeat;
  width:54px;
  height: 52px;
  position: relative;
  left: 0px;
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 1199px) {
  .f_contact .boxR .btn{
    font-size: 20px;
  }
  .f_contact .boxL dd ul .f_tel a{

    font-size: 40px;
  }
  .f_contact .boxL dt{
  padding:15px 15px 15px 15px;
  }
  .f_contact .boxL dd ul{
    font-size: 13px;
  }
  .f_contact .boxL dd ul .f_tel a:before{
    width: 30px;
    height: 31px;
    background:url(../images/common/ico-tel.png) left top no-repeat;    
    background-size: contain;

  }

}
@media screen and (max-width: 991px) {
  .f_contact h4{
  font-size:20px;
  padding:10px 20px 10px 20px;
  }
  .f_contact .boxR .btn,
  .f_contact .boxL h5{
    font-size: 16px;
  }
  .f_contact .boxL dd ul .f_tel a{
    font-size: 20px;
  }
  .f_contact .boxL dt{
  padding:10px;
  }
  .f_contact .boxL dt img{
    width: 100%;
  }
  .f_contact .boxL dd ul .f_tel a:before{
    width: 20px;
    height: 21px;
  }


}
@media screen and (max-width: 780px) {
  .f_contact .boxR ,
  .f_contact .boxL ,
  .f_contact .boxL dt,
  .f_contact .boxL dd{
    float: none;
    width: 100%;
  }
  .f_contact .boxL dt img{

    width: auto;
  }
	.intr_txt p{
		font-size:16px;
	}
  #pageTop a{

    right: 10px;
    bottom: 95px;
  }
}

.f_sitemap{
	padding:10px 0px 10px 0px;
  display:flex;
  justify-content: space-between;
   flex-shrink:0;
}

.f_sitemap a{
	color:#40210f;
	padding:0px 35px;
	position:relative;
	text-align:center;
	display:block;
	width:100%;
}


.f_sitemap a:after{
	content: "";
	width:2px;
	height:100%;
	background:#40210f;
    display: inline-block;
    position: absolute;
    right: -13px;
}
.f_sitemap li:last-Child a:after{
	display:none;
}
.f_sitemap a:hover{
	text-decoration:none;
	color:#ea5413;
}
.copy{
	clear:both;
	margin:0px;
}
@media screen and (max-width: 1199px) {
  .f_sitemap a{
  padding:0px 20px;
  }  

}
@media screen and (max-width: 991px) {
 .f_sitemap a{
  padding:0px 10px;
  }  
  	.f_sitemap a:after{
	    right: -5px;
	}
}
@media screen and (max-width: 780px) {
	.f_sitemap {

    display: block;
  }
  .f_sitemap li{
		float:none;
		width:100%;
	}
	.f_sitemap li a{
		border-right:0px;
		border-bottom:#40210f 2px solid;
		width:100%;
		display:block;
		text-align:left;
	}
  	.f_sitemap a:after{
	    display:none;
	}
	.pagetop{
		right:42%;
		top:-10px;
	}
}
@media screen and (max-width: 480px) {

	.pagetop{
		right:33%;
	}
}


/* TOP contents */
.contents-wrapper{
  margin-top: -135px;
}
.round-box{
    border-radius: 50px;
    background: #f7db91;
    border: #40210f 5px solid;
    padding: 40px 0px 0px 0px;
    overflow: hidden;
    position: relative;
}
@media screen and (max-width: 991px) {
  .contents-wrapper{
    margin-top: -50px;
  }
}
@media screen and (max-width: 780px) {
 .contents-wrapper{
    margin-top: 20px;
  }
  .round-box{
      padding: 10px 0px 0px 0px;
  }
}


.tp_bloc h3{
  float:left;
  width: 40%;
  text-align: center;
}
.tp_bloc p.boxR{
  float:right;
  width: 60%;
  margin: 0px;
  padding-top: 13px;
}
.tp_bloc p.boxR img{
  width: 100%;
}

.line-box{
  clear: both;
  background: rgb(255,255,255,0.7);
  text-align: center;
  font-size:30px;
  line-height: 48px;
  padding: 20px 0px 20px 0px;
}
.tp_docs strong,
.line-box strong{
  font-weight: 600;
  position: relative;
  background: linear-gradient(transparent 70%, #fff117 0%);
  display: inline;
}

.tp_docs{
  font-size:30px;
  line-height: 48px;
  padding: 20px 0px 20px 30px;
  position: relative;
  z-index: 2;
}


.cnt-02 ,
.cnt-03{
    padding: 40px 0px 40px 0px;
}

.cnt-02 h3{
  float: right;
  width: 40%;
  position: relative;
  z-index: 3;
}
.cnt-02 .tp_docs{
  float: left;
  width: 60%;
  padding-top:80px;
}

.cnt-03 h3{
  float: left;
  width: 40%;
  position: relative;
  z-index: 3;
}
.cnt-03 .tp_docs{
  float: right;
  width: 60%;
  padding: 90px 0px 0px 100px;
}

.cnt-02:before{
    content: "";
    width: 100%;
    background: url(../images/top/img-cnt-02.png) left top no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    height: 468px;
    top: 0px;
    z-index: 1;
}
.cnt-03:before{
    content: "";
    width: 100%;
    background: url(../images/top/img-cnt-03.png) right top no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    height: 468px;
    top: 0px;
    z-index: 1;
}

.rn_wrap-01{

  position: relative;
}

.rn_wrap-01:after{
   content: "";
    width: 100%;
    height:80px;
    background: url(../images/common/img-under-01.png) center center no-repeat;
    display: block;
    position: relative;
    bottom: 0px;
}
.rn_wrap-02:after{
   content: "";
    width: 100%;
    height:80px;
    background: url(../images/common/img-under-02.png) center center no-repeat;
    display: block;
    position: relative;
    bottom: 0px;
}
.rn_wrap-03:after{
   content: "";
    width: 100%;
    height:80px;
    background: url(../images/common/img-under-03.png) center center no-repeat;
    display: block;
    position: relative;
    bottom: 0px;
}


.cnt-04{
  background: #40210f;
  padding: 15px 0px 0px 0px;
  	margin-bottom:80px;
}
.cnt-04 h3{
    width: 100%;
    float: none;
    font-size: 36px;
    font-weight: 550;
    color: #ffffff;
    margin-bottom: 15px;
    padding-left: 70px;
    text-align: left;
    position: relative;
}
.cnt-04 h3:after{
   content: "";
    width: 190px;
    height:302px;
    background: url(../images/top/img-cnt-04.png) right top no-repeat;
    display: block;
    position: absolute;
    bottom: -251px;
    right:90px;
}
.res-lst{
    border-radius: 46px;
    background: #ffc312;
    padding: 30px 10px;
}
.res-lst ul{
  float: left;
  width: 40%;
  padding: 10px 0px 10px 60px;
  font-size: 26px;
}
.res-lst li{
  position: relative;
}
.res-lst li:before{
  content:"●";
  position: relative;
  margin-right:5px;  
}

.cnt-05{
	background:#ffefcc url(../images/top/img-cnt-05-back.png) center top repeat-x;
	padding:20px 40px 20px 40px;
	margin-bottom:50px;
}
.cnt-05 h3{
	text-align:center;
	position:relative;
	font-size:36px;
	background:url(../images/top/img-cnt-05-back-2.png) center center no-repeat;
	width:565px;
	height:565px;
	margin:0px auto;
	padding-top:50px;
  line-height: 1.4;
  font-weight: 600;
}
.cnt-05 h3:before{
	content:"";
	width:340px;
	height:211px;
	background:url(../images/top/img-cnt-05.png) center center no-repeat;
	display:block;
	position:relatvie;
	margin:20px auto;
}
.cnt-05 .s_docs{
	font-size:18px;
	padding:0px 50px 40px 50px;
	margin-top:-80px;
	z-index:5;
	position:relative;
	font-weight:500;
}

.cnt-bnr ul{
	display:flex;
	justify-content: space-between;
	margin-bottom:80px;
	  flex-shrink:0;
}

.cnt-bnr ul li{
	border-radius: 50px;
    background: #d7bc95;
    padding: 20px;
    border: #40210f 5px solid;
    position: relative;
    text-align:center;
    width:360px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .cnt-bnr ul li{
  float: left;
  margin-right: 5px;
  }

}


.cnt-bnr ul li:hover{
	background:#e4ae60;
}

.cnt-bnr ul li a{
	display:block;
	color:#40220f;
	font-size:24px;
	position:relative;
	line-height:36px;
}
.cnt-bnr ul li:first-Child a{
	font-size:20px;
	line-height:30px;
}
.cnt-bnr ul li a:hover{
	text-decoration:none;
}
.cnt-bnr ul li a:before{
	content:"";
	background:url(../images/common/ico-qa.png) center center no-repeat;
	width:63px;
	height:63px;
	display:block;
	position:relative;
	margin:0px auto 20px auto;
}
.cnt-bnr ul li:first-Child a:before{
	margin:0px auto 10px auto;
}


.access-bloc{
	clear:both;
}
.access-bloc h3{
	color:#40220f;
	font-size:36px;
	text-align:center;
	margin-bottom:50px;
	position:relative;
	font-weight:600;
}
.access-bloc h3:before{
	content:"";
	height:4px;
	width:48px;
	background:#40220f;
	position:relative;
	display:inline-block;
	margin-right:20px;
	top:-11px;
}
.access-bloc h3:after{
	content:"";
	height:4px;
	width:48px;
	background:#40220f;
	position:relative;
	display:inline-block;
	margin-left:20px;
	top:-11px;
}

.access-bloc .ac_unit{
	border-radius: 50px;
    border: #40210f 5px solid;
    position: relative;
	overflow:hidden;
	background:#40210f;
	color:#ffffff;
	width:555px;
	float:left;
	margin-bottom:20px;
}
.access-bloc .ac_unit iframe{
	width:100%;
}
.access-bloc .bloc01{
	margin-right:30px;
}
.access-bloc .ac_unit dl{
	font-size:18px;
	font-weight:500;
	position:relative;
	padding:10px 20px;
}
.access-bloc .ac_unit dl dt{
	font-size:20px;
	margin-bottom:20px;
}
.access-bloc .ac_unit dl dd span{
	background:#ffffff;
	text-align:center;
	color:#40210f;
	border-radius:50px;
	padding:3px 10px 3px 10px;
	font-size:18px;
	display:block;
	position:absolute;
	right:10px;
	top:5px;
}
.access-bloc .ac_unit dl dd span strong{
	color:#ff730d;
}



@media screen and (max-width: 1199px) {
  .cnt-04 h3,
  .tp_docs{
    font-size:25px;
  }
  .res-lst ul{
  	font-size:20px;
  }
	.cnt-04 h3:after{
	    bottom: -255px;
	    right:0px;
	 }
	
	.cnt-bnr ul li{
		width:300px;
	}
	.cnt-bnr ul li a{
		font-size:20px;
	}
	.cnt-bnr ul li:first-Child a{
		font-size:18px;
	}

	.access-bloc .ac_unit{
		width:100%;
		float:none;
	}

}

@media screen and (max-width: 991px) {
  .tp_bloc h3 img{
    width: 100%;
  }
  .tp_docs{
    font-size:20px;
  }
  .cnt-02 .tp_docs,
  .cnt-03 .tp_docs{

    padding: 20px;
  }
  .res-lst ul{
  	padding:10px;
  }
  .res-lst ul{
  	font-size:16px;
  }
	.cnt-04 h3:after{
	    bottom: -308px;
	}



} 
@media screen and (max-width: 780px) {
   .access-bloc .ac_unit iframe{
    height: 350px;
  }
 .line-box{
  font-size: 20px;
  line-height: 1.6;
 }
  .tp_bloc h3{
    padding: 0px;
  }
  .tp_bloc h3 img{
    width: 50%;
  }

  .tp_bloc h3,
  .tp_bloc p.boxR{
    width: 100%;
    float:none;
    text-align:center;
  }
  .cnt-02 h3,
  .cnt-02 .tp_docs,
 .cnt-03 h3,
  .cnt-03 .tp_docs{
    float:none;
    width: 100%;
  }
  .cnt-02 .tp_docs,
  .cnt-03 .tp_docs{
  background: rgb(255,255,255,0.7);
  }
  .cnt-02 ,
  .cnt-03{
      padding: 20px 0px 0px 0px;
  }
  .res-lst ul{
  	float:none;
  	width:100%;
  }

	.cnt-04 h3:after{
	   content: "";
	    width: 100px;
	    height:200px;
	    background: url(../images/top/img-cnt-04.png) right top no-repeat;
	    background-size:contain;
	    bottom: -375px;
	}

  .cnt-05{
    padding:10px;
  }

	.cnt-05 h3{
	font-size:20px;
	background:url(../images/top/img-cnt-05-back-2.png) center center no-repeat;
	background-size:contain;
	width:100%;
  padding-top: 0px;
  height: 450px;
	}

	.cnt-05 .s_docs{
		font-size:16px;
		padding:10px;
	}
	.cnt-bnr ul {
		display:block;
	}
	.cnt-bnr ul li{
		width:100%;
		margin-bottom:20px;
	}
	.access-bloc .ac_unit dl{
		padding:20px;
	}
	.access-bloc .ac_unit dl dd span{
		right:0px;
		top:-11px;
	}
  .tp_docs{
  line-height: 1.6;
  }
  .cnt-04 h3{
    font-size:18px; 
  }
}


/*下層ページ*/
.page_main{
	position:relative;
}
.pages h1{
	text-align:center;
	font-weight:600;
	color:#40220f;
	background:url(../images/common/ttl-back.jpg) center center repeat-x;
	background-size:cover;
	border-radius: 50px;
    border: #40210f 5px solid;
    overflow: hidden;
    margin-top:50px;
    padding:60px;
    font-size:45px;
}
.page_main .h-logo{
	display:block;
	position:absolute;
	top:-50px;
	left:42%;
	z-index:5;
}
.page_main .h-logo a img:hover{
	opacity:0.8;
}

.pages .contents-wrapper{
	margin-top:0px;
}
.pages nav.g-nav {
	position:static;
}

/* 料金 */
.pr_body {
	background:#eecf60 url(../images/top/img-cnt-04.png) bottom right no-repeat;
	margin:80px 0px 80px 0px;
	padding:40px;
}
.pr_body h3{
	color: #40220f;
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    font-weight: 600;
    border-bottom:#40220f 4px solid;
    padding:15px;
}
.pack_detail{
	background:#ffffff;
	margin-top:40px;
	padding:30px 20px;
	margin-bottom:50px;
}
.pack_detail h4{
	color: #40220f;
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
    font-weight:600;
    position:relative;
}
.pack_detail h4:after{
	content:"";
	width:300px;
	height:4px;
	background:#40220f;
	display:block;
	margin:15px auto;
}

.pack_detail ul{
	padding:20px;
	font-size:30px;
}
.pack_detail ul li{
	border-bottom:#dddddd 2px dashed;
}

.contents-wrapper .f_contact{
	margin-bottom:50px;
}

.price_detail{
	font-size:35px;
	text-align:center;
	border-bottom:#40220f 4px solid;
	margin-bottom:40px;
	line-height:1.5;
}
.price_detail strong{
	font-size:70px;
	display:inline-block;
	margin-left:5px;
}
.price_detail span{
	font-size:30px;
}

/*ご相談の流れ*/

.fl_lst h3{
	color: #40220f;
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
    margin-top:80px;
    position: relative;
    font-weight: 600;
    border-bottom:#40220f 4px solid;
    padding:15px;
}
.fl_lst li{
	border-radius:50px;
	background:#ffe048;
	text-align:center;
	font-size:30px;
	font-weight:600;
	width:100%;
	padding:40px 0px 0px 0px;
	position:relative;
	line-height:0;
	margin-bottom:40px;
}
.fl_lst li:after{
	content:"";
	background:url(../images/flow/ico-arrow.png) center center no-repeat;
	width:27px;
	height:25px;
	display:block;
	margin:0px auto;
	position:relative;
	bottom:-33px;
}
.fl_lst li:last-Child:after{
	background:none;
}
.fl_lst li strong{
	color:#e60012;
}
.fl_lst li.step2{background:#fbc63b;}
.fl_lst li.step3{background:#f8b41c;}
.fl_lst li.step4{background:#f5a500;}
.fl_lst li.step5{background:#f39600;}
.fl_lst li.step6{background:#f08200;}


.fl_body {
	padding: 40px;
	margin-bottom:40px;
}
.fl_body h3{
	color: #40220f;
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    border-bottom:#40220f 4px solid;
    padding:15px;
}
.sc-lst{
	background:url(../images/flow/lst-back.jpg);
	padding:10px;
	border-radius:40px;
	overflow:hidden;
	margin-top:40px;
}
.sc-lst img{
	width:100%;
}

/* 相続手続きについて */
.serv_wrap{
	background:#ffffff;
	padding:20px;
	border-radius:30px;
	margin-top:80px;
	margin-bottom:80px;
}
.serv-cnt-01 {
	margin-bottom:50px;
}
.serv-cnt-03 h3,
.serv-cnt-01 h3{
	color: #40220f;
    font-size: 36px;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    font-weight: 600;
    border-bottom:#40220f 4px solid;
    padding:15px;
}
.serv-cnt-01 h3:before{
	content:"";
	background:url(../images/service/img-serv-01.png) left top no-repeat;
	background-size:contain;
	width:200px;
	height:200px;
	display:block;
	position:absolute;
	left:0px;
	bottom:-80px;
}
.serv-cnt-01 ul{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
    flex-shrink:0;
}
.serv-cnt-01 li{
	border-radius:30px;
	font-size:25px;
	font-weight:600;
	background:url(../images/service/lst-back.jpg);
	line-height:30px;
	padding:30px 20px;
	text-align:center;
	width:49%;
	margin:5px;
}

.serv-cnt-02{
	background:url(../images/service/lst-back.jpg);
	border-radius:30px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding:10px 10px 120px 10px;
  position:relative;
   flex-shrink:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root .serv-cnt-01 li{
  float: left;
  }
    _::-webkit-full-page-media, _:future, :root .serv-cnt-02 dl{
  float: left;
  }

}


.serv-cnt-02 dl,
.serv-cnt-02 .lst_last{
	background:#ffffff;
	border-radius:20px;
	overflow:hidden;
	width:31.4%;
	margin:10px;
}
.serv-cnt-02 dl dt,
.serv-cnt-02 .lst_last h4{
	background:#dcdcdd;
	text-align:center;
	padding:10px;
	color:#40220f;
	font-weight:600;
}
.serv-cnt-02 dl dd,
.serv-cnt-02 .lst_last li{
	padding:10px 0px 10px 20px;
	position:relative;
}
.serv-cnt-02 dl dd:before,
.serv-cnt-02 .lst_last li:before{
  content:"●";
  position: relative;
  margin-right:5px;  
}
.serv-cnt-02 .lst_last{
	width:100%;
}
.serv-cnt-02 .lst_last ul{
	float:left;
	width:25%;
}
.serv-cnt-02 .alert{
	color:#ea5414;
	font-size:36px;
	font-weight:600;
	text-align:center;
	position:relative;
	width:100%;
	line-height:1.5;
	z-index:5;
  margin-bottom: 64px;
}
.serv-cnt-02 .alert span{
    background: linear-gradient(transparent 70%, #fff117 0%);
    display: inline;
}
.serv-cnt-02 .alert:before{
	content: "\f06a";
    font-family: FontAwesome;
    position: relative;
    display:block;   
}
.serv-cnt-02 .alert:after{
  content:"";
  background:url(../images/service/img-serv-02.png) left top no-repeat;
  background-size:contain;
  width:327px;
  height:203px;
  position:absolute;
  bottom:-185px;
  right:0px;
     z-index: -1;
    display: block;
}



.serv-cnt-04 .boxL,
.serv-cnt-03 .boxL{
	float:left;
	width:50%;
}
.serv-cnt-04 .boxR,
.serv-cnt-03 .boxR{
	float:right;
	width:45%;
}
.serv-cnt-04 h4 img,
.serv-cnt-03 h4 img{
	width:100%;
}
.serv04-inner,
.serv03-inner{
	background:url(../images/service/lst-back.jpg);
	border-radius:30px;
  padding:20px;
  position:relative;
}
.serv04-inner{
	background:url(../images/service/lst-back2.jpg);
}
.serv04-inner .boxR h5,
.serv03-inner .boxR h5{
	font-size:40px;
	font-weight:600;
	color: #40220f;
	margin-bottom:20px;
}
.serv04-inner .boxR h5 strong,
.serv03-inner .boxR h5 strong{
	font-size:50px;
    background: linear-gradient(transparent 70%, #fff117 0%);
    display: inline;
}
.serv04-inner .boxR li,
.serv03-inner .boxR li{
	background:#ffffff;
	margin-bottom:10px;
	padding:10px;
	border-radius:10px;
} 
.serv-cnt-03 .ans{
	position:relative;
	text-align:center;
	color: #40220f;
    font-size: 36px;
    margin-bottom: 60px;
    font-weight: 600;
    border-bottom:#40220f 4px solid;
    padding:15px;
    line-height:1.6;
}
.serv-cnt-04 h5 img,
.serv-cnt-03 .ans img{
	width:180px;
	position:relative;
	top:-5px;
}
.serv-cnt-03 .ans:before{
	content:"";
	background:url(../images/service/arrow.png) center center no-repeat;
	background-size:contain;
	width:220px;
	height:65px;
	display:block;
	margin:10px auto;
}

@media screen and (max-width: 1199px) {
	.serv-cnt-01 h3{
	    font-size: 30px;
	}
	.serv-cnt-01 h3:before{
		width:150px;
		height:150px;
		bottom:-40px;
	}
	.serv-cnt-01 li{
		width:48.8%;
	}
	.serv-cnt-02 dl{
		width:31%;
	}
	.serv-cnt-02:after{
		right:0px;
	}
}

@media screen and (max-width: 991px) {
	.fl_body {
		padding:10px 5px 10px 5px;
	}
	.fl_body h3{
    font-size: 20px;
	}
	.fl_lst h3{
	   font-size: 30px;
	 }
	.fl_body p{
    font-size: 16px;
	}
	.serv-cnt-01 h3:before{
		width:120px;
		height:120px;
		bottom:40px;
	}
	.serv-cnt-01 li {
	    width: 48.5%;
	}
	.serv-cnt-02 dl {
	    width: 30%;
	}
}
@media screen and (max-width: 780px) {
	.pages h1{
		font-size:30px;
		padding:40px 30px 40px 30px;
	}
	.page_main .h-logo{
		left:26%;
	}
	.pr_body{
		padding:10px 10px 300px 10px;
		
	}
	.pack_detail{
		padding:20px 5px;
	}
	.pack_detail ul{
		font-size:20px;
	}
	.pack_detail h4{
		font-size:30px;
	}
	.price_detail {
		font-size: 20px;
		line-height:35px;
	}
	.price_detail strong{
		display:block;
		font-size:35px;
	}
	.price_detail span{
		font-size:16px;
	}
	.attend{
		font-size:16px;
	}
	.fl_lst li{
		font-size:20px;
		line-height:1.5;
		padding:30px 0px 0px 0px;
	}
	
	.serv_wrap{
		padding:10px;
	}
	
	.serv-cnt-01 h3:before{
		width:100px;
		height:100px;
		bottom:60px;
	}
	
	.serv-cnt-01 h3,
	.serv-cnt-03 h3,
	.serv-cnt-03 .ans{
	    font-size: 20px;
	}
	.serv-cnt-01 li {
	    width: 100%;
	    font-size:20px;
	}
	.serv-cnt-02{
		padding:5px 5px 80px 5px;
	}
  .serv-cnt-02 .alert{

    margin-bottom:0px;
  }
	.serv-cnt-02 .alert:after{
		width:150px;
		height:100px;
    bottom: -93px;
	}
	.serv-cnt-02 dl ,
	.serv-cnt-02 .lst_last ul ,
	.serv-cnt-04 .boxL,
	.serv-cnt-03 .boxL,
	.serv-cnt-04 .boxR,
	.serv-cnt-03 .boxR{

	    width: 100%;
	    float:none;
	}
	.serv-cnt-02 .alert{
		font-size:24px;
	}
	.serv-cnt-03 h4,
	.serv-cnt-04 h4{
		margin-bottom:40px;
	}
	.serv04-inner .boxR h5, .serv03-inner .boxR h5{
		font-size:20px;
	}
	.serv04-inner .boxR h5 strong, .serv03-inner .boxR h5 strong{
		font-size:23px;
	}
	.serv-cnt-04 h5 img, .serv-cnt-03 .ans img{
		width:100px;
	}
	.serv-cnt-04 h5 br{
		display:none;
	}
}





/*------------- other -----------------*/
.breadcrumb {
    padding: 8px 15px;
    background: none !important;
    border-radius: 4px;
    font-size:14px;
}

#fixedBox{
	display:none;
	-webkit-transition: 0.5s;
 	 -o-transition: 0.5s;
  	transition: 0.5s;
}
#fixedBox dl {
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,0.8);
    border-radius: 65px;
    padding: 5px 15px 5px 15px;
    position: relative;
    border: #40210f 3px solid;
    width: 670px;
    margin: 0px auto;
}
#fixedBox dl dt {
    font-size: 20px;
    margin-bottom: 5px;
    text-align:center;
}
#fixedBox dl dt span{
	font-size:13px;
}
#fixedBox dl dd{
	display:table-cell;
}
#fixedBox dl dd img{
	width:100%;
}
#fixedBox dd a img:hover{
	opacity:0.8;
}

.fixed {
	display:block !important;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    background:rgba(255,255,255,0.9);
    width:100% !important;
    padding:20px;
}
.tp_fixed{
  display:block !important;  
}

@media screen and (max-width: 780px) {
  .fixed{

    padding: 3px;
  }
	#fixedBox dl {
		width:100%;
    	padding: 5px;
		top:0px;
		border-radius:40px;
		text-align:center;
	}
    #fixedBox dl dt{
      font-size: 14px;
    }
	#fixedBox dl dd.tel_link{
		width:72%;
	}
	
	#fixedBox dl dd img{
		width:100%;
	}
	#fixedBox dl dt+dd img{
		width:100%;
	}
	footer{
		padding:50px 0px 100px 0px;
	}
}




/* ボックスリンク */
.linkBox{
	cursor:pointer;
}
.linkBox:hover{
	opacity:0.8;
}


.clearfix{
    zoom: 1;
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.page-contact .fixed,
.page-contact .access-bloc,
.page-contact .f_contact .boxR{
	display:none !important;
}