@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');

html {
    font-size: 62.5%;    /*10px*/
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6em;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333333;
}
@media screen and (max-width: 768px) {
body {
	min-width: 320px
}
}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd {
    margin: 0;
    padding: 0;
}

p {
    text-align: left;
    line-height: 2;
    color: #333333;
}
h2 {
    font-size: 3.9rem;
    text-align: center;
    color: #333333;
}
@media screen and (max-width: 768px) {
    h2{
        font-size: 5.5vw;
    }
}

h3 {
    font-size: 3rem;
    margin-bottom: 4rem;
}
@media screen and (max-width: 640px) {
    h3{
        font-size: 2.6rem;
    }
}
a {
    text-decoration: none;
    color: inherit;
}
ul, li, ol {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
strong {
    color: #eb5505;
    font-weight: inherit;
}
small {
    display: block;
    font-size: 1rem;
    font-weight: normal;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    margin: auto;
    
}
table {
    border-collapse: collapse;
}
th{
    font-weight: normal;
}
.inner {
    width: 96%;
    margin: 0 auto;
}
.inner img {
    max-width: 100%;
    height: auto;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.top {
	margin-top: -50px;
}
.c_anchor {
	margin-top: -170px;
	padding-top: 170px
}

@media screen and (max-width: 768px) {
main {
	padding: 0;
}
}
.low_top{
    margin-top: -50px;
}
@media screen and (max-width:768px){
    .low_top{
        margin-top:0;
    }
}
/*コンテンツ幅*/
.u_inner {
	width: 980px;
	margin: 0 auto
}

@media screen and (max-width: 768px) {
.u_inner {
	width: 96%;
}
}
/*回り込み解除*/
.u_clearfix:after, .u_clearfix>li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both
}
* html .u_clearfix, * html .u_clearfix>li {
	zoom: 1
}
*+html .u_clearfix, *+html .u_clearfix li {
	zoom: 1
}
.u_left {
	float: left
}
.u_right {
	float: right
}
.u_center {
	text-align: center
}

.mt10 {
	margin-top: 10px
}
.mt20 {
	margin-top: 20px
}
.mt30 {
	margin-top: 30px
}
.mt40 {
	margin-top: 40px
}
.mt50 {
	margin-top: 50px
}
.mt60 {
	margin-top: 60px
}
.mt70 {
	margin-top: 70px
}
.mt80 {
	margin-top: 80px
}
.mt90 {
	margin-top: 90px
}
.mt100 {
	margin-top: 100px
}
.mb10 {
	margin-bottom: 10px
}
.mb20 {
	margin-bottom: 20px
}
.mb30 {
	margin-bottom: 30px
}
.mb40 {
	margin-bottom: 40px
}
.mb50 {
	margin-bottom: 50px
}
.mb60 {
	margin-bottom: 60px
}
.mb70 {
	margin-bottom: 70px
}
.mb80 {
	margin-bottom: 80px
}
.mb90 {
	margin-bottom: 90px
}
.mb100 {
	margin-bottom: 100px
}
.sp {
	display: none
}

@media screen and (max-width: 768px) {
.sp {
	display: block
}
}
.pc {
	display: block
}

@media screen and (max-width: 768px) {
.pc {
	display: none
}
}
section{
    padding: 50px 0 90px;
}
.firstBg {
    background-color: #fff;
}
.secondbg {
    background-color: #FBF6CC;
		}
.thirdBg{
    background-color: #fdf1f1;
}
.thirdBg h2{
    color: #b60000;
}

.bgWhite {
    background-color: #fff;
    border-radius: 5px;
}
.top {
    width: 100%;
}
.top_img img {
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1400px){
    .top_img img{
        width: 100%;
        height: 500px;
        object-fit: cover;
}
    .object-fit-img {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;'
}
}
.ttl_2 {
	text-align: center;
	border-bottom: none;
	position: relative;
	font-weight: bold;
    color: #eb5505;
}

.comparisonList {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: left;
    margin-top: 3rem;
    padding: 0 20px;
}
ul.comparisonList li {
	position:relative;
	padding: 0 0 0.3em 1.2em;
}
ul.comparisonList li:before {
	position:absolute;
	content:'';
	top: 0.4em;
	left: 0.2em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 8px 0 8px 13px;
	border-color: transparent transparent transparent #333333;
}
@media screen and (max-width: 640px){
    ul.comparisonList li:before{
        border-width: 6px 0 6px 9px;
    }

    .comparisonList {
        font-size: 4vw;
}
}
h2.linear{
    color: #333333;
}
.linear{
    background: linear-gradient(transparent 70%, #ffd919 70%);
    display: inline;
}

.comparisonImg {
    padding: 60px;
}
@media screen and (max-width: 768px){
    .comparisonImg {
    padding: 20px;
}
}
.big {
    font-size: 4.8rem;
}
@media screen and (max-width: 640px){
    .big {
    font-size: 7.55vw;
}
    p{
        padding: 0 1em;
    }
}

.overview h2{
    font-weight: bold;
    color: #0F1B33;
    padding-left: 15px;
    margin: 0 auto;
}
@media screen and (max-width: 768px){
    .overview h2{
        font-size: 20px;
        padding-bottom: 0;
    }
}
.overview_contents{
    margin-top: -30px;
}
.overview_heading{
    font-size: 2.4rem;
    font-weight: bold;
}
.overview_heading span{
    color: #b60000;
}
@media screen and (max-width: 516px){
    .overview_contents p{
        padding: 0 1em;
    }
    p.overview_heading{
        font-size: 2rem;
        padding: 0;
    }
}
.overview h3{
    color: #b60000;
    text-align: left;
    margin-bottom: 6rem;
}
.inline {
	text-align: center;
	text-justify: distribute-all-lines;
    margin-top: 50px;
}
 
.inline:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}


div.inline > div{
  display: inline-block;
    margin: 0 50px;
}

@media screen and (max-width: 768px){
   div.inline > div{
    margin: 15px 0;
}
}

p.indent-1 {
    padding-left: 1em;
    text-indent: -1em;
}
.view_timer {
    display: none;
}

.box {
    margin: 30px 0 0;
    background: #fff;
    border: solid 2px #b60000;
    border-radius: 20px;
}
.box .box-title {
    font-size: 2.5rem;
    background: #b60000;
    padding: 15px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
    border-radius: 15px 15px 0 0;
}
@media screen and (max-width: 640px){
    .box .box-title{
        font-size: 3.77vw;
        padding: 10px;
    }
}
@media screen and (max-width: 768px){
    .box img{
        padding: 1.2rem 2rem;
}
}
.box-contents h3{
    margin-top: 1.2em;
    padding: 0 2rem;
}

.box2{
    border: solid 2px #eb5505;
}

.box2 .box-title{
    background: #eb5505;
}

.box2 p{
    padding: 2rem;
}

.btn{
    display: block;
    padding: 10px;
    border-radius: 15px;
    color: #eb5505;
    background: #fff;
    border: solid 1px #eb5505;
    width: 100%;
    max-width: 320px;
    text-align: center;
    font-size: 2rem;
    transition: .4s;
}
.btn2{
    display: block;
    padding: 10px;
    border-radius: 15px;
    color: #eb5505;
    background: #fff;
    border: solid 1px #eb5505;
    text-align: center;
    font-size: 2rem;
    transition: .4s;
}
.another {
    background: #eb5505;
    border: solid 1px #eb5505;
    color: #fff;
}
.another2{
    background: #b60000;
    border: solid 1px #b60000;
    color: #fff;
}
.btn:hover{
    background: #eb5505;
    color: #fff;
}

.btn.another:hover{
    background: #fff;
    color: #eb5505;
    border: solid 1px #eb5505;
}
.btn2.another:hover{
    background: #fff;
    color: #eb5505;
    border: solid 1px #eb5505;
}
.btn.another2:hover{
    background: #fff;
    color: #b60000;
    border: solid 1px #b60000;
}
@media screen and (max-width: 768px){
    .btn{
        width: 100%;
    }
}

/*header*/
header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.1);
}
.headerLogo {
    float: left;
    margin: 1.6rem 0;
}
.headerLogo ul li {
    display: inline-block;
    vertical-align: middle;
}
.headerLogo img {
    width: 20rem;
}

.contact {
    float: right;
}
.contactInfo, .telmail{
    display: inline-block;
    vertical-align: middle;
}
.contactInfo {
    margin: 1rem;
    font-size: 1.4rem;
    border: solid 1px #333333;
    border-radius: 5px;
    padding: .8rem 1rem;
}
.contactInfo p {
    text-align: center;
    line-height: 1.2;
}
.telmail {
    margin: .6rem 0;
}
.telNumber {
    color: #eb5505;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: bold;
}
.telNumber i {
    font-size: 2.4rem;
    margin-right: .2rem;
}
.telTime, .mail {
    font-size: 1.2rem;
}
.mail {
    color: #eb5505;
}
@media screen and (max-width: 768px){
    .headerLogo {
        margin: .6rem 0;
    }
}
.navBtnReq{
    float: right;
    margin: 1rem 5rem;
    text-align: center;
    width: 10rem;
    height: 6rem;
    font-size: 1.4rem;
}
.navBtnReq a {
    display: inline-block;
    background-color: #b1dbd1;
    border-radius: 5px;
    padding: 1rem 2rem;
}

/*footer*/
footer{
    background: #EBEBEB;
}
.footerLink {
    padding-top: 1rem;
}
.footerLink li {
    display: inline-block;
    font-size: 1.2rem;
}
.footerLink li a:hover {
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
}
.footerLink li:after {
    content: '|';
    margin: 0 1rem;
}
.footerLink li:last-child:after {
    content: '';
    margin: 0;
}
.footerCopyright {
    text-align: right;
    font-size: 1.2rem;
    padding: 1rem 0;
}
.footerCopyright img {
    width: 18rem;
}
.footerCopyright p {
    text-align: right;
}
@media screen and (max-width: 768px){
    .footerLink, .footerContact {
        padding: 1rem 0;
    }
    .footerContact p {
        font-size: 1.2rem;
    }
    .footerCopyright, .footerCopyright p {
        text-align: inherit;
    }
}
.wrap{
    overflow: hidden;
}

#pageTop {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    font-size: 2rem;
}
#pageTop a {
    display: block;
    text-align: center;
    color: #fff;
    background: #b60000;
    padding: 1rem 2rem;
    border-radius: 5px;
}

/*# sourceMappingURL=style.css.map */