body {
	background:#fff;
	color:#000;
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-family:'メイリオ', 'Meiryo', sans-serif;
	/*font-family:"UD デジタル 教科書体 N-R", "BIZ UDゴシック Regular", "Hiragino Kaku Gothic ProN", "ascii";*/
	font-size:20px;
}
.pc{ display:block; }
.sp{ display:none!important; }
.spbr{
	display:none!important;
}
.txtl{  text-align: left; }
.red{
	color:red;
	font-size:20px;
}
.f20px{
	font-size:20px;
}
.f30px{
	font-size:30px;
}
.f40px{
	font-size:40px;
}
.f50px{
	font-size:50px;
}

.f30px_red{
    font-size: 30px;
    color: red;
    text-decoration-line: underline;
}
header{
	display: flex;
	height:165px;
	position: relative;
    width: 1200px;
    margin: 0 auto;
}
header h1{
	padding:32px 0px 0px 0px;
	font-size:40px;
	color:#f60;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bolder;
    
}
header h1 span{
	font-size:50px;
}
header p.h1{
	margin: 80px 0 0 320px;
}
header p{
	position:absolute;
	margin: 20px 0 0 0px;
	font-size:14px;
}
header div{
    /*display: flex;*/
    margin: 0 0 0 auto;
}
header div p{
    margin: 10px 0 0 10px;
}
header div a.btn{
	background-color: #f60;
    color: #fff;
    text-decoration: none;
    padding: 6px 100px;
    margin: 0px 20px 0 auto;
    /* height: 20px; */
    display: block;
}
header div a.tel{
    color: #f60;
    text-decoration: none;
    padding: 0px 0px;
    margin: 30px 20px 0 auto;
    /* height: 28px; */
    display: block;
    font-size: 30px;
    line-height: 1;
}
header ul{
	display: flex;
    /* margin: 110px 0 0 0; */
    position: absolute;
    top: 120px;
    /*left: 30px;*/
}
header ul li{
    margin-right: 30px;
}
header ul li a{
    color: #000;
    text-decoration-line: none;
}
#page_ttl{
	background: #333;
    height: 450px;
    background-image: url(../../assets/images/service/bg_top.jpg);
	background-size: cover;
    color: #000;
}
#page_ttl h2{
    font-size: 40px;
    padding-top: 50px;
    width:1200px;
	margin: 0 auto;
}
#page_ttl .navi{
    width: 1200px;
    margin: 0 auto;
}
.breadcrumbs {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding-top: 10px;
}
.breadcrumbs__item{
	color: #fff;
}
.breadcrumbs__item:not(:last-child){
	background-image: url(../../assets/images/common/icon-breadcrumbs-arrow-02@2x.png);
	padding-right: 27px;
    /* background-image: url(../../assets/images/common/icon-breadcrumbs-arrow-01@2x.png); */
    background-size: 5px 8px;
    background-repeat: no-repeat;
    background-position: top 50% right 10px;
}
.breadcrumbs__item a {
    color: #000;
}

#gimg{
	width:100%;
	position: relative;
}
#gimg img.main_visual {
	width:100%;
}
#gimg img.main_copy {
	position: absolute;
    z-index: 100;
    top: 50px;
    left: calc(50% - 550px);
    width: 900px;
}
#gimg p {
    position: absolute;
    top: 550px;
    left: calc(50% - 350px);
    transform: translate(-50%, -50%);
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
}
#gimg div.mv_btn1 {
	position: absolute;
	top: 400px;
    left: calc((100% - 800px) / 2);
}
#gimg div.mv_btn1 a.l{
	margin-right: 28px;
}
#gimg div.mv_btn2 {
	position: absolute;
	top: 600px;
    left: calc((100% - 800px) / 2);
}
#gimg div.mv_btn2 a.l{
	margin-right: 28px;
}

#main_copy{
	width: 1200px;
    margin: -100px auto 0 auto;
    height:100px;
    background: #fff;
    position: relative;
    z-index: 10;
}
#copy{
    width: 1200px;
    margin: 20px auto;
}
#copy .c{
	margin:0 auto;
    text-align: center;
}
#copy .c img{
	border: 1px solid #ccc;
}
#copy h2{
    font-size: 40px;
    text-align: center;
	line-height: 1.8;
}
#copy h2 span{
	color:red;
}
#copy h3{
	margin-top:110px;
    font-size: 30px;
    text-align: center;
}
#service_guidance{
    width: 100%;
    background: #f0f0f0;
    color:#000;
    padding-top:50px;
}
#service_guidance h3{ font-size: 30px; text-align: center; }
#service_guidance div.h3{ border-top: 1px solid #f60; width: 200px; margin: 10px auto 50px auto; }

#service_guidance p{
	width:1200px;
	margin:0px auto;
	padding:20px 0 0 0;
}
#service_guidance p.indent{
	padding-top:0;
	padding-left:1em;
	text-indent:-1em;
	font-size:16px;
}
#service_guidance ul{
	width:1200px;
	margin:0px auto 0 auto;
	padding:20px;
}
#service_guidance li{
    list-style: disc;
    list-style-position: inside;
}
table{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

#service_guidance table {
	width:1200px;
	margin:20px auto 0 auto;
}
#service_guidance table tbody th{
  position: relative;
    /* width: 30%; */
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
  white-space: nowrap;
  padding:0 4px;
}
#service_guidance table thead th{
    position: relative;
    /* width: 30%; */
    background-color: #52c2d0;
    color: white;
    text-align: center;
    padding: 10px 0;
	border-bottom: 2px solid #fff;
}
#service_guidance table thead th span{ font-size: 12px; }
#service_guidance table tbody th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#service_guidance table td{
  text-align: left;
    /* width: 70%; */
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}
#service_guidance table td.fs{
	font-size:14px;
	text-align:left;
	padding:10px 20px;

}

#service_guidance table tr.before{
    border-bottom: 2px solid #f00;
}
#service_guidance table tr.active{
    border: 2px solid #f00;
}
#service_guidance .cl{
    padding: 40px 0 0 0;
    width: 300px;
    /* text-align: center; */
    /* display: inline-block; */
    margin: 0 auto;
}
#service_guidance a.next{
    background: #f60;
    display: block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}

#service_ttl{
    width: 100%;
    /*background: #f0f0f0;*/
    /*color:#000;*/
}
#service_ttl h3{
    font-size: 30px;
    text-align: center;
    padding:40px;
}
#service_ttl .contents{
    width: 1200px;
	margin:50px auto;
}
#service_ttl .contents ul{
	display: flex;
}
#service_ttl .contents ul li{
    width: 400px;
    text-align: center;
}
#service_ttl .contents ul li img{
    border: 1px solid #f60;
    border-radius: 10px;
}
.service_fast {
    position: relative;
    background: #f0f0f0;
    background: -webkit-gradient(linear, left top, right top, color-stop(42%, #cf909082), color-stop(42%, #ff6600));
    background: linear-gradient(to right, #cf909082 42%, #ff6600 42%);
}
.service_fast .section__inner{
    overflow: hidden;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.service_fast .section__inner .section__content{
	padding: 60px 0px 60px 0px;
    width: 48.8%;
    max-width: 550px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}
.service_fast .section__inner .section__content h3{
    position: relative;
    min-width: 400px;
    margin-top: 25px;
    font-size: 3em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", NotoSerifJapanese, serif;
    font-weight: 500;
    line-height: 1.2;
}
.service_fast .section__inner .section__content h3 span{
    display: block;
    font-size: 18px;
}
.service_fast .section__inner .section__content p{
	margin-top: 20px;
    line-height: 1.4;
}
.service_fast .section__inner img{
    float: left;
    overflow: hidden;
    width: 51.2%;
    margin: 60px 0;
}
.service_fast .introduction__img{
    position: relative;
}
.service_fast .introduction__img div{
    position: absolute;
    top: 344px;
    /* left: 200px; */
    /* text-align: center; */
    font-size: 50px;
    width: 51.2%;
	color: #fff;
}
.service_fast .section__inner .button-link_type_white{
	width: 240px;
	max-width: 100%;
    margin-top: 30px;
    line-height: 1.3;
}
.service_fast .section__inner .button-link_type_white a{
    background: #fff;
	display: block;
    padding: 12px 20px 13px;
    color: #f60;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}
.service_second {
    margin-top: 50px;
    background: #0000;
/*    background: -webkit-gradient(linear, left top, right top, color-stop(42%, #f0f0f0), color-stop(42%, #006057));
    background: linear-gradient(to right, #f0f0f0 42%, #006057 42%);*/
}
.service_second .introduction__img{
    position: relative;
}
.service_second .introduction__img div{
    position: absolute;
    top: 344px;
    left: 48.8%;
    /* text-align: center; */
    font-size: 50px;
    width: 51.2%;
	color: #fff;
}
.service_second .section__inner{
    overflow: hidden;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.service_second .section__inner img{
    float: right;
    overflow: hidden;
    position: relative;
    width: 51.2%;
    margin: 60px 0;
}
.service_second .section__inner .section__content{
    padding: 60px 0px 60px 0px;
    float: left;
    width: 48.8%;
    max-width: 550px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.service_second .section__inner .section__content h3{
	position: relative;
    min-width: 400px;
    margin-top: 25px;
    font-size: 3em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", NotoSerifJapanese, serif;
    font-weight: 500;
    line-height: 1.2;
}
.service_second .section__inner .section__content h3 span{
    display: block;
    font-size: 18px;
}
.service_second .section__inner .section__content p{
	margin-top: 20px;
    line-height: 1.4;
}
.service_second .section__inner .button-link_type_white{
	width: 240px;
	max-width: 100%;
    margin-top: 30px;
    line-height: 1.3;
}
.service_second .section__inner .button-link_type_white a{
    background: #fff;
	display: block;
    padding: 12px 20px 13px;
    color: #f60;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}

.service_second .section__inner .button-link_type_orange{
	width: 240px;
	max-width: 100%;
    margin-top: 30px;
    line-height: 1.3;
}
.service_second .section__inner .button-link_type_orange a{
    background: #f60;
	display: block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}
#price{
	height:948px;
	background:url(../../assets/images/top/pg_price.jpg);
	background-size: cover;
    text-align: center;
}
#price h3{
	background: #fff;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    color: #f60;
    text-align: center;
    border: none;
    border-radius: 69px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
    width: 550px;
    margin: 40px 40px 30px 40px;
    font-size: 30px;
}
#price .pay_area {
	display: flex;
	width: 900px;
	margin: 0 auto;
}
#price div.comment{
	font-size:30px;
    margin-bottom: 30px;
}
#price div.price_list{
	width:100%;
    width: 800px;
    /* text-align: center; */
    font-size: 30px;
    margin: 0 auto;
}
#price div.price_list dl{
    width: 650px;
    margin: auto;
}
#price div.price_list dt{
    width: 350px;
    float: left;
    text-align: left;
}
#price div.price_list dt span{
	float: left;
    width: 280px;
    display: block;
}
#price div.price_list dt img{
	vertical-align: top;
}
#price div.price_list dd{
	width: 300px;
    margin-left: 350px;
    text-align: right;
}
#price h4{
    font-size: 30px;
    color: #000;
    text-align: center;
    margin-top:20px
}
#price div.h4{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 30px auto;
}
#price p{
    text-align: left;
    margin: 20px;
    font-size:20px;
}
#price p.txtc{
    text-align: left;
}
#jirei {
    width: 100%;
    margin: 50px auto;
}
#jirei h3{
	font-size:30px;
	color:#000;
	text-align:center;
}
#jirei div.h3{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#jirei div.mv {
	margin-bottom:20px;
}
#jirei ul{
	width: 1200px;
	margin:0 auto;
	color:#000;
}
#jirei ul li{
	width: 220px;
    background: #ccc;
    /*height: 400px;*/
    float: left;
    margin-right: 20px;
	position: relative;
}
#jirei ul li a{ }
#jirei ul li a img { width:220px; }
#jirei p.button-link_type_orange{
    line-height: 1.4;
    width: 300px;
    text-align: center;
    margin: 50px auto;
}
#jirei p.button-link_type_orange a{
    background: #f60;
    display: block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}


#jirei ul li h4{
	text-align:center;
	padding:30px 0;
	font-weight: bolder;
    font-size: 16px;
}
#jirei ul li p{
	padding:0 30px;
    font-size: 16px;
}
#jirei .cl{
    clear: both;
}
#copy ul{
	list-style-position: inside;
	margin-left: 70px;
}

#copy ul li{
	list-style-type: disc;
}
#service{
    width: 1200px;
    margin: 50px auto;
}
#service h2{
	font-size:30px;
	color:#fff;
	text-align:center;
}
#service div.h2{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 30px auto;
}
#service ul{
	list-style-position: outside;
	margin-left:30px;
}
#service ul li{
	list-style-type: disc;
}
#service dl{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin:20px auto;
}
#service dt, #service dd{
    border-bottom: 20px solid #000;
    box-sizing: border-box;
    padding: 20px 30px;
}
#service dt{
	background-color:#f60;
	text-align:center;
    font-size: 16px;
    width: 300px;
}
#service dt h3{
   font-size: 30px;
   margin: 14px;
}
#service dd{
    width: calc(100% - 300px);
}
#service dd ul{
	margin:20px 30px;
}
#service div.accordion_header{
	display: inline-block;
    padding-right: 26px;
    background: url(../images/link.png) no-repeat right center;
}

#access {
    width: 100%;
    margin: 50px auto 0 auto;
}
#access h2{
	font-size:30px;
	color:#000;
	text-align:center;
}
#access div.h2{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#access div.map{
	height:600px;
	overflow: hidden;
}
#access div.map img{
    margin-top: -250px;
    width: 100%;
}
#access h3{
    text-align: center;
    padding: 30px 0 0 0;
    background: #ccc;
    color:#000;
}
#access p{
    text-align: center;
    padding: 20px;
    background: #ccc;
    color:#000;
}
#access .btn{
    background: #ccc;
    padding: 20px;
    text-align: center;
}
#access .btn a{
	background: #333;
    display: inline-block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
    width: 300px;
}
#access a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	color:#000;
	text-decoration: none;
}
#faq {
    width: 100%;
    margin: 50px auto;
}
#faq h3{
	font-size:30px;
	color:#000;
	text-align:center;
}
#faq div.h3{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#faq ul{
	width: 1200px;
	margin:0 auto;
	color:#000;
}
#faq ul li{
	width: 260px;
    background: #ccc;
    height: 250px;
    float: left;
    margin-right: 40px;
	position: relative;
}
#faq ul li::before{
	font-size: 40px;
    /* margin-left: 30px; */
    color: #f60;
    content: "Q";
    top: -35px;
    position: absolute;
    left: 113px;
}
#faq ul li h4{
	text-align:20px;
	padding:30px;
}
#faq ul li p{
	padding:50px 30px;
}
#faq .cl{
    clear: both;
    padding-top: 40px;
    width: 300px;
    /* text-align: center; */
    /* display: inline-block; */
    margin: 0 auto;
}
#faq .arrow{
    position: absolute;
    display: inline-block;
    padding: 0 0 0 20px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    margin: 20px;
    bottom: 10px;
    right: 10px;
}
#faq .arrow::before,
#faq .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#faq .ya1::before{
	box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid #f60;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#faq .ya1::after{
    left: 5px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #f60;
    border-right: 1px solid #f60;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#faq a.next{
    background: #f60;
    display: block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}
#blogPage {
    width: 100%;
    margin: 50px auto;
}
#blogPage header.article-header{
	display: block;
    height: auto;
    position: relative;
    width: 800px;
    margin: 0 auto;
}
#blogPage header.article-header .sns-share{
	width: 800px;
}
#blogPage h3{
	font-size:30px;
	color:#000;
	text-align:center;
	margin-top: 30px;
}
#blogPage div.h3{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#blogPage .cl{
    clear: both;
    padding-top: 40px;
    width: 300px;
    /* text-align: center; */
    /* display: inline-block; */
    margin: 0 auto;
}

#sns {
    width: 100%;
    background: #ccc;
	padding:50px 0;
	color: #000;
}
#sns .contents{
    width: 1600px;
    margin: 0px auto;
	text-align:center;
}
#MainCustomer{
    width: 1200px;
    margin: 50px auto;
}
#MainCustomer h2{
	font-size:30px;
	color:#fff;
	text-align:center;
}
#MainCustomer div.h2{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#MainCustomer p{
    text-align: center;
    margin: 20px;
}

#profile {
    width: 100%;
    background: #ccc;
	padding:50px 0;
	color: #000;
}
#profile .profile{
    width: 1600px;
    margin: 50px auto;
}

#profile h2{
	font-size:30px;
	color:#000;
	text-align:center;
}
#profile div.h2{
	border-top: 1px solid #f60;
    width: 200px;
    margin: 10px auto 50px auto;
}
#profile .contents{
	display: flex;
}
#profile .contents img{
    width: 751px;
    height: 500px;
}
#profile .contents div{
    margin: 10px 10px 10px 30px;
}
#profile h3{
	font-size:30px;
}
#profile p{
    padding: 20px 0px;
}
#profile p.ttl{
	background: #333;
    padding: 4px;
}
#profile ul{
	list-style-position: outside;
	margin-left:30px;
}
#profile ul.n {

}
#profile ul li{
	list-style-type: disc;
}
#profile div.accordion_header{
	margin: 0px 0px 0px 0px;
}
#profile div.accordion_header{
	display: inline-block;
    padding-right: 26px;
    background: url(../images/link.png) no-repeat right center;
}
#profile .profile p.button-link_type_orange{
	margin-top: 20px;
    line-height: 1.4;
    width: 300px;
}
#profile .profile .button-link_type_orange a{
    background: #f60;
	display: block;
    padding: 12px 20px 13px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}


#contact {
    width: 100%;
    /*margin: 50px auto 0 auto;*/
    background: #343D45;
    padding:50px 0;
    color:#fff;
}
#contact .contents{
    width: 1600px;
    margin: 0px auto;
	text-align:center;
}
#contact h3{
	font-size:40px;
	color:#fff;
	text-align:center;
}
#contact p.copy{
	font-size:30px;
	padding:70px 0;
}
#contact .contents a{
	display: block;
    width: 1200px;
    text-align: center;
    background: #f60;
    margin: 30px auto;
    color: #fff;
    text-decoration-line: none;
    padding: 30px 0;
    font-size: 30px;
}
#contact p.caption{
	padding:0px 0 70px 0;
}


#contact dl{
    width: 600px;
    display: flex;
    flex-wrap: wrap;
    margin-left:100px;
}
#contact dt, #contact dd{
    border-bottom: 20px solid #000;
    box-sizing: border-box;
}
#contact .contents div{
    margin: 10px 10px 10px 30px;
}

#contact dt{
    font-size: 16px;
    width: 150px;
}
#contact dt h3{
   font-size: 30px;
}
#contact dd{
    width: calc(100% - 150px);
}
#contact dd input[type="submit"]{
	width:200px;
	padding:4px;
	color:#fff;
	background-color: #f60;
}
#contact dd input#btn_back[type="submit"]{
	color:#fff;
	background-color: #666;
}
#contact dd .w60{ width:60px; }
#contact dd .w100{ width:100px; }
#contact dd .w350{ width:350px; }

#sub_menu6 {
	width:100%;
}
#sub_menu6 ul{
	width:1200px;
	display: flex;
    margin: 50px auto;
}
#sub_menu6 ul li.fast{
    border-left: none;
}
#sub_menu6 ul li.active{
    background: #fff;
    border: 1px solid #ff6600;
}
#sub_menu6 ul li.active a{
	color:#000;
}
#sub_menu6 ul li{
	width:300px;
    background: #f60;
    text-align: center;
	height:80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-left: 1px solid #fff;
    border-top: 1px solid #f60;
    border-bottom: 1px solid #f60;
}
#sub_menu6 ul li a{
    color: #fff;
    text-decoration-line: none;
    width: 100%;
}

footer{
	border-top:1px solid #fff;
	display: flex;
    position: relative;
}
footer div{
	height: 230px;
    width: 1600px;
    margin: 10px auto;
}
footer a {
    text-decoration-line: none;
}
footer div ul li{
    width: 400px;
    float: left;
}
footer div ul li ul li{
    list-style: circle;
    list-style-position: outside;
    margin-left: 20px;
}

footer p{
    /* margin: 0px 0px 0px auto; */
    text-align: right;
    /* width: 100%; */
    left: 10px;
    position: absolute;
    /* right: 10px; */
    bottom: 10px;
}
footer p.r{
    right: 10px;
}
#f_contact{
    display: none;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 2000px){
#gimg img.main_copy {
    top: 50px;
    left: calc(50% - 550px);
    width: 900px;
}
#gimg p {
    top: 400px;
    left: calc(50% - 350px);
    transform: translate(-50%, -50%);
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
}
#gimg div.mv_btn1 { top: 150px; }
#gimg div.mv_btn2 { top: 350px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1800px){
#main_copy { margin: -50px auto 0 auto; }
#gimg p {
    top: 380px;
    left: calc(50% - 350px);
    transform: translate(-50%, -50%);
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1600px){
#main_copy { margin: 0px auto 0 auto; }
#gimg img.main_copy {
    top: 0px;
    left: calc(50% - 550px);
    width: calc(100% * 0.6);
}
#gimg p {
    top: 340px;
    left: calc(50% - 400px);
    transform: translate(-50%, -50%);
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
}
#gimg div.mv_btn1 { left: 20px; }
#gimg div.mv_btn2 { top: 150px; right: 20px; left: auto; }
#gimg div.mv_btn1 a.l { margin-right: 20px; }
#gimg div.mv_btn2 a.l { margin-right: 20px; }
#gimg div.mv_btn1 img { width: calc((100vw - 120px) / 4); }
#gimg div.mv_btn2 img { width: calc((100vw - 120px) / 4); }

#price div.kihon { width:96%; margin:0 2%; padding: 20px 0; }
#profile { width: 100%; }
#profile .contents img { width: 450px; height: 300px; }
#profile .profile { width: 100%; }

#contact .contents { width:100%; }
#sns .contents { width:100%; }
footer div { width:100%; }
footer div ul li { width:300px; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1200px){
#gimg img.main_copy {
    top: 10px;
    /*left: calc(50% - 500px);*/
    left: 10px;
    /*width: 250px;*/
}
#gimg p {
    top: 260px;
    left: calc(50% - 370px);
    transform: translate(-50%, -50%);
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
}

#copy { width: 100%; }
#service { width: 100%; }
#service dl { width: 100%; }
#profile { width: 100%; }
#profile .contents img { width: 450px; height: 300px; }
#contact { width: 100%; }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 960px){
header div a { padding:12px 0; margin: 30px auto 0 auto; }
#page_ttl {  background-position: center; height:auto; }
#main_copy{ width: 100%; }
#gimg img.main_copy {
    top: 10px;
    /*left: calc(50% - 400px);*/
    /*width: 200px;*/
}
#gimg p {
    top: 550px;
    left: calc(50% - 350px);
    transform: translate(-50%, -50%);
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
}

#price { height: auto; background: #ff6600c7; }
#price h3 { width:calc(96% - 40px); margin:40px auto; }
#price div.price_list {  width:96%; }
#price div.price_list dl{ width:100%; }
#price div.price_list dt{ float: none; }
#price p { padding-bottom: 20px; }
#price div.price_list dd { margin-left: 0px; text-align: right; width:100%; }
footer div ul li { width:calc(100% - 20px);}
.service_fast .section__inner { background: #f60; }
.service_fast .introduction__img { position:static;  }
.service_fast .section__inner img { display: block; position: static; top: 50%; width: 100%; height: auto; margin: 0; }
.service_fast .introduction__img div { position:static; width: 100%;}
.service_fast .section__inner .section__content { width:100%; padding:0; }
.service_fast .section__inner .section__content h3 { font-size: 2.7em; min-width: 100%; }
.service_fast .section__inner .section__content p { margin: 20px auto; width: 96%; }

.service_second .section__inner { background: #f60; }
.service_second .introduction__img { position:static;  }
.service_second .section__inner img { display: block; position: static; top: 50%; width: 100%; height: auto; margin: 0; }
.service_second .introduction__img div { position:static; width: 100%;}
.service_second .section__inner .section__content { width:100%; padding:0; }
.service_second .section__inner .section__content h3 { font-size: 2.7em; }
.service_second .section__inner .section__content p { margin: 20px auto; width: 96%; }
.service_second .section__inner .button-link_type_orange a{ 
	background: #fff;
    display: block;
    padding: 12px 20px 13px;
    color: #f60;
    text-align: center;
    border: none;
    border-radius: 25px;
    -webkit-box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    box-shadow: 0 6px 10px 0 rgb(4 0 0 / 10%);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration-line: none;
}


#sub_menu6 ul { display: block; width:96%; margin: 10px auto;}
#sub_menu6 ul li { width:100%; border-bottom:1px solid #fff;}
#sub_menu6 ul li.end {  border-bottom:1px solid #f60; }
#blogPage header.article-header { width:100%; }
#blogPage header.article-header .sns-share { width:100%; }

#service_guidance p img { width:100%; } 
#service_guidance ul { width: calc(100% - 40px); }
#service_guidance li { list-style-position: outside; width: 92%; }

#jirei ul li { width:96%; margin: 10px auto; float:none; }
#jirei ul li a { width:96%; width: calc(96% - 20px); margin:20px auto; }
#jirei div.mv { width: 100%; background: url(/assets/images/service/bg_top.jpg); height: 300px; background-position-x: center; background-size: cover; }
#jirei p img { display: none; }
#access div.map { height:auto;}
#access div.map img { margin-top:0; }
#profile .profile p.button-link_type_orange { width:100%;}
#faq ul li{ width: 96%; margin: 40px auto; float: none; height: auto; }
#faq ul li::before { left: calc(50% - 15px); }

#contact h3 { font-size:30px; }
#contact p.copy { padding: 20px 2%; font-size:20px; }
#contact p.caption { padding: 0px 2% 10px 2%; }

footer p { position: static; display: -webkit-inline-box; }
footer div ul li {     width: 100%; border-top: 2px solid #000; padding: 4px 0; }
footer a { margin-left: 10px; display: block; width: calc(100% - 10px); }
footer div ul li ul li { margin: 0; list-style-position: inside; list-style: none; padding: 4px 4px 4px 20px; width: calc(100% - 24px);}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 767px){
.pc{ display:none; }
.sp{ display:block!important; }
.spbr{
	display:block;
}
header{
	height:132px;
	width: 100%;
}
header h1{
	padding: 30px 0 0 2%;
}
header p.h1 {
    margin: 110px 0 0 10px;
}
header p { 	margin: 0 2% 0 2%; font-size:14px;}
header div p{
	margin: 0 2% 0 2%;
	font-size:14px;
	color: #fff;
}
header ul{ display: none; }
header div{
    display: none;
}
header a{
	display: block;
    color: #fff;
    text-decoration: none;
    padding: 12px 0;
    margin: 0;
    height: 28px;
    text-align: center;
	width: 100%;
}
#copy h2 { font-size: 20px; }
#copy h3 { margin-top: 20px; font-size: 20px; }
#home .service_case h3 { font-size: 28px!important; }
#page_ttl .navi { display: none; }
#gimg { overflow: hidden; }
#gimg img.main_visual{ width: 200%; text-align: center; margin-left: -50%; }
#gimg img.main_copy { top:10%; width: 90%; }
#gimg p {
  font-size:20px;
  width: 70%;
}
#copy{
    width: 100%;
    margin: 10px auto;
}
#copy ul {
    margin-left: 50px;
}
#service {
    width: 100%;
    margin: 50px auto;
}
#service dl{
    width: 100%;
    display: block;
    flex-wrap: nowrap;
}
#service dt{
    width: 100%;
}
#service dd{
    width: 100%;
}
#service dd img{
	width: 48%;
}
#service_guidance h3{ width:100%; }
#service_guidance p { width: 96%; margin: 2%; }
#service_guidance table {  }
#service_guidance .t-ovx{ width: 100%; overflow-x: auto; }
#service_guidance table { width: 810px; }
#service_guidance table thead th { position: static; }
#service_guidance table thead th.t-ovx1 { width:180px; }
#service_guidance table tbody th.t-ovx1 { width:180px; }
#service_guidance table thead th.fixed {
	width:180px;
	position: sticky;
	left: 0;
	&:before{
		content: "";
	    position: absolute;
	    top: -1px;
	    left: -1px;
	    width: 100%;
	    height: 100%;
    }
}

#service_guidance table tbody th.fixed {
	width:180px;
	position: sticky;
	left: 0;
	&:before{
		content: "";
	    position: absolute;
	    top: -1px;
	    left: -1px;
	    width: 100%;
	    height: 100%;
    }
}
#service_guidance table tbody th.t-ovx2 { width:100px; }
#service_guidance table tbody th.t-ovx3 { width:210px; }
#service_guidance table tbody th.t-ovx4 { width:150px; }
#service_guidance table tbody th.t-ovx5 { width:170px; }

#jirei div.mv img {
    display:none;
}
#jirei ul { width:100%; }
#jirei ul li a img { width:100%; }
#price {
    width: 100%;
}
#price div.kihon{
	width:96%;
	margin:0 2%;
	padding: 20px 0;
}
#price p{
    text-align: left;
}
#price .pay_area {
	display:block;
    width: 96%;
	margin:0 2%;
}
#access {
    width: 100%;
}
#access h3{
    text-align: left;
    padding: 0 20px;
}
#access p{
    text-align: left;
}
#access a[href*="tel:"] {
	pointer-events: auto;
	text-decoration: underline;
}
#MainCustomer{
    width: 100%;
}
#MainCustomer p {
    text-align: left;
}
#profile {
    width: 100%;
}
#profile .profile {
    width: 100%;
}
#profile .contents{
	display: block;
}
#profile .contents img{
    width: 100%;
    height: auto;
}
#profile .contents div {
    margin: 10px 2% 10px 2%;
}
#profile div.accordion_header{
	display: unset;
}
#faq ul {
    width: 100%;
}
#contact {
    width: 100%;
}
#contact .contents{
	display: block;
    width: 100%;
}
#contact .contents a {
    width: 100%;
}
#contact .contents img{
	margin-left: calc((100% - 300px) / 2);
}
#contact dl{
    width: 100%;
    display: block;
    flex-wrap: nowrap;
    margin-left:0px;
}
#contact dt{
	border-bottom: 2px solid #000;
}
#contact dd{
    width: 100%;
}

#contact dd .w350 {
    width: 100%;
}
#contact dd textarea{
    width: 100%;
}
#contact dd input[type="submit"] {
    width: 100%;
}
#sns .contents {
    width: 100%;
}
footer{
	display: block;
}
footer div{
    width: 100%;
}
#f_contact{
    display: block;
    bottom: 0;
    position: fixed;
    width: 100%;
}
#f_contact a{
    display: inline-block;
	width: 33.33%;
}
#f_contact a img{
	width: 100%;
}
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
.openbtn4{
    display: block;
    position: fixed;
    background: #D54884;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    top: 0;
    margin: 30px 0 0 14px;
    right: 10px;
    z-index: 10000;
}

/*ボタン内側*/
.openbtn4 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 5px;
  background: #fff;
    width: 45%;
  }


.openbtn4 span:nth-of-type(1) {
  top:13px; 
}

.openbtn4 span:nth-of-type(2) {
  top:19px;
}

.openbtn4 span:nth-of-type(3) {
  top:25px;
}

.openbtn4 span:nth-of-type(3)::after {
  content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
  position: absolute;
  top:5px;
  left:-2px;
  color: #fff;
  font-size: 0.6rem;
  text-transform: uppercase;
}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

.openbtn4.active span:nth-of-type(1) {
    top: 14px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn4.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn4.active span:nth-of-type(3){
    top: 26px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

.openbtn4.active span:nth-of-type(3)::after {
  content:"Close";/*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
  top:5px;
  left:4px;
}
header ul {
	z-index: 1000;
    width: 100%;
    background: #fff;
    height: 100vh;
    opacity: 0.9;
    position: fixed;
    top: 0px;
    padding-top: 100px;
}
header ul li { margin-right:auto; }
/*----------------------------*/


}


