@charset "utf-8";

/************************
        COMMON
*************************/
#cnt .sp_only {display: none;}
#cnt .pc_only {display: block;}
#bgblack {background:#000;padding-bottom:1px;}
/*img{vertical-align:bottom;}*/
/* /////// */
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
/* /////// */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb75{margin-bottom:75px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}
.mon{font-size:12px;color:red;}
@media (max-width: 767px) {
#cnt .pc_only {display: none;}
#cnt .sp_only {display: block;}
#cnt .main img {
        width: 100%;
        height: auto !important;
}
}

/******************************************/
#rescontent div:after{content:none!important;}
div.nav3:after{content:none!important;}
.texts {
	text-align:center;
	margin:20px auto;
}
.texts p{
	display: inline-block;
	text-align:left;
        color:#FFF;
	font-size:12px;
}
.navs {
	display: flex;
	justify-content:space-around;
	align-items:center;
}
.nav2 {
	display: flex;
	justify-content:space-around;
	align-items:center;
        margin:50px auto;
}
.nav2 p{margin:6px;}
.nav3 {
	display: flex;
	justify-content:space-around;
	align-items:flex-start;
        margin:60px auto 30px;
}
.point01{background:url('../img/point01_pc.png') no-repeat;}
.point02{background:url('../img/point02.png') no-repeat;}
.point03{background:url('../img/point07_pc.png') no-repeat;}
.point04{background:url('../img/point08.png') no-repeat;}
.point01,.point02{
        width:100%;
        max-width:730px;
        height:100%;
        max-height:450px;
        background-size:100% 100%;
        background-position:top center;
        padding:90px 0 20px;
}
.point03,.point04{
        width:100%;
        max-width:730px;
        height:100%;
        max-height:450px;
        background-size:100% 100%;
        background-position:top center;
        padding:81px 0 20px;
}
.point01 p,.point02 p,
.point03 p,.point04 p{padding:0 12px;text-align:center;}
.plist{padding:0 45px;margin:24px auto;}
.plist li{padding: 0 0 0 1em;text-indent:-1em;font-size:12px;list-style-type:none;}
.ptn{margin:20px 0 0;}
.bodyzon{max-width:850px;margin: 30px auto;}
.bodyzon .box01 {
        background:url('../img/bg01.png') no-repeat;
        background-position:top center;
        background-size:100%;
        text-align:center;
        padding:30px 0;
}
.bodyzon .box01 p{margin:30px 0 10px;}
.bodyzon .box02,
.bodyzon .box04{
        background:#FFF;
        text-align:center;
        padding:50px 0;
}
.bodyzon .box04{border-radius:0 0 10px 10px;}
.bodyzon .box02 ul,
.bodyzon .box03 ul{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        align-items:flex-start;
        margin:30px auto;
        padding:0;
}
.bodyzon .box02 ul li,
.bodyzon .box03 ul li{
        width:48%;
        max-width:332px;
        margin:1% 2% 30px;
        text-align:left;
        list-style-type:none;
}
.bodyzon .box03 {
        background:url('../img/bg02.png') no-repeat;
        background-position:top center;
        background-size:100%;
        text-align:center;
        padding:30px 0;
}
.lists{
        margin:30px auto;
        color:#FFF;
        padding:0;
}
.lists li{padding:0 0 0 1em;text-indent:-1em;list-style-type:none;}
.notbtn{
        display:none;
        text-align:center;
        font-size: 12px;
}
.bodyzon .box03 img,
.bodyzon .box01 img{width:auto ;height:auto;}

@media (max-width: 767px) {
.texts,#rescontent{padding:10px;}
.navs,.nav2,.nav3 {justify-content:center;flex-wrap:wrap;}
.nav2 p{width:48%;margin:1% auto;}
.navs p,.nav3 p{width:88%;margin:1% auto;}
.navs p img{width:80%;}
.nav2 p img{width:100%;}
.bodyzon .box01,
.bodyzon .box03{background-size:cover;}
.bodyzon .box01 ul{justify-content: center;margin: 0px auto;}
.bodyzon .box01 ul li{margin:9px auto;}

.bodyzon .box02 ul li, .bodyzon .box03 ul li{
        width:86%;
        max-width:332px;
        margin:1% 2% 30px;
        text-align:left;
}
.bodyzon .box02 ul li,
.bodyzon .box03 ul li{
        margin:0;
}

.bodyzon .box04{padding:30px 10px 10px;}
.bodyzon .box02 p img{width:96%;height:auto;}
.bodyzon .box02 ul li img,
.bodyzon .box03 ul li img,
.bodyzon .box04 img{width:100%;height:auto;}
.point01{background:url('../img/point01.png') no-repeat 100% 100%;}
.point01 > p{margin-top:20px;}
.point03{background:url('../img/point07.png') no-repeat 100% 100%;}
.point01, .point02 {margin:10px;background-size:100% 100%;padding:60px 0 10px}
.point03, .point04 {margin:10px;background-size:100% 100%;padding:60px 0 10px}
.point03 p img, .point04 p img{width:100%;height:auto !important;}
.pramer {margin-bottom:10px !important;}
.pramer img,.btns img{width: 80%!important;}
.ptn{margin:30px auto 20px!important;}
.plist{padding:0 24px;margin:10px auto}
.bodyzon .box03 img,
.bodyzon .box01 img{width:100% ;height:auto;}
.bodyzon .box02{
        padding:20px 0;
}
}
@media (max-width: 350px) {
.point01{background-size:100% 100%;padding:70px 0 10px;margin:10px 0;}
.point01 .plist{margin:10px 0 0;}
}

body {
    font-size: inherit !important;
    line-height: inherit !important;
}
.breadcrumbs {
    padding-top: 20px !important;
}
#contents h2 {
    clear: both;
    background: none !important;
    height: auto !important;
    font-size: 12px;
    padding: 0;
        padding-right: 0px;
    color: inherit !important;
}
#contents h3 {
    border-left: none !important;
    padding-left: 0 !important;
    font-size: inherit !important;
}




.sc21-HLN-1-bg {
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#ddd;
 background-color:#f5f5f5;
 text-align:center;
}
.sc21-HLN-1-bg__inner {
 padding-top:1.875rem;
 padding-bottom:1.875rem
}
@media screen and (min-width: 768px) {
 .sc21-HLN-1-bg__inner {
  padding-top:3.75rem;
  padding-bottom:3.75rem
 }
}
@media print {
 .sc21-HLN-1-bg__inner {
  padding-top:3.75rem;
  padding-bottom:3.75rem
 }
}
.sc21-HLN-1-bg__title {
 margin-top:0;
 margin-bottom:0;
 margin-right:auto;
 margin-left:auto;
 font-size:1.625rem;
 line-height:1.5;
 max-width:63.25rem;
 color:#004098;
 font-weight:600
}
@media screen and (min-width: 768px) {
 .sc21-HLN-1-bg__title {
  font-size:2.5rem;
  line-height:1.5
 }
}
@media print {
 .sc21-HLN-1-bg__title {
  font-size:2.5rem;
  line-height:1.5
 }
}
.sc21-Breadcrumbs {
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#ddd
}
.sc21-Breadcrumbs-inner {
 position:relative;
 z-index:0
}
.sc21-Breadcrumbs-inner::after {
 position:absolute;
 z-index:1;
 top:0;
 right:0;
 bottom:0;
 width:20px;
 background-image:linear-gradient(to right, rgba(255, 255, 255, 0), #fff 20px);
 content:""
}
@media screen and (min-width: 768px) {
 .sc21-Breadcrumbs-inner::after {
  content:none
 }
}
@media print {
 .sc21-Breadcrumbs-inner::after {
  content:none
 }
}
.sc21-Breadcrumbs-list {
 margin-top:0;
 margin-bottom:0;
 padding-right:4%;
 padding-left:4%;
 display:flex;
 box-sizing:border-box;
 padding-top:1rem;
 padding-bottom:.8125rem;
 max-width:1424px;
 overflow:auto;
 list-style-type:none
}
@media screen and (min-width: 768px) {
 .sc21-Breadcrumbs-list {
  padding-right:2.2471910112%;
  padding-left:2.2471910112%;
  flex-wrap:wrap;
  margin-top:.8125rem;
  padding-top:0
 }
}
@media print {
 .sc21-Breadcrumbs-list {
  padding-right:2.2471910112%;
  padding-left:2.2471910112%;
  flex-wrap:wrap;
  margin-top:.8125rem;
  padding-top:0
 }
}
.sc21-Breadcrumbs-item {
 font-size:.75rem;
 line-height:1.5;
 flex-grow:0;
 flex-shrink:0;
 display:flex;
 align-items:center
}
@media screen and (min-width: 768px) {
 .sc21-Breadcrumbs-item {
  margin-top:.1875rem
 }
}
@media print {
 .sc21-Breadcrumbs-item {
  margin-top:.1875rem
 }
}
@media screen and (max-width: 767px) {
 .sc21-Breadcrumbs-item:last-child {
  padding-right:20px
 }
}
.sc21-Breadcrumbs-link {
 transition-property:color;
 transition-duration:.1s;
 transition-timing-function:linear;
 color:#004098;
 white-space:nowrap
}
.sc21-Breadcrumbs-link:hover {
 color:#0070cf
}
.sc21-Breadcrumbs-link[aria-current=page] {
 color:#707070;
 text-decoration:none
}
.sc21-Breadcrumbs-icon {
 padding-right:.75rem;
 padding-left:.75rem;
 flex-grow:0;
 flex-shrink:0;
 width:.3125rem;
 height:.5rem;
 color:#707070
}

[class*="sc21-GRID-"] {
    padding-right: 4%;
    padding-left: 4%;
    margin-bottom: 0;
    list-style-type: none;
}
@media screen and (min-width: 767px){
	.sc21-GRID-1-center, .sc21-GRID-1-center-nested {
	    margin-right: auto;
	    margin-left: auto;
	    max-width: 56rem;
	}
	[class*="sc21-GRID-"] {
	    padding-right: 2rem;
	    padding-left: 2rem;
	}
}

.sc21-HLN-2-bdr::before {
    width: auto;
}