@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;900&display=swap');

/* 全体 */
html,body,main,div,p,a,ul,li,h1,h2,h3,h4,h5,h6,span,b,dl,dt,dd,th,td{
font-family: 'Noto Sans JP', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size:16px;
}
body{background:#fff; max-width:1366px;margin:0 auto;overflow-x:hidden;}
section {
    padding: 50px 0;
	position:relative;
}
p {line-height:200%;margin-bottom:1rem;letter-spacing:1px;}
a{text-decoration:none;}
h1{margin-bottom:0;}
h2{font-size:1.75rem !important; text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;letter-spacing:.25rem;line-height: 200% !important;}
h2 span{font-size:180%;}
ul{}
li{}

img{width:auto;max-width:100%;}

footer {
    background:#142865;
    padding: 50px 0;
	color: #fff;
}
footer a{
    color: #fff;
}
.copyright {
    background-color:transparent;
}
.container{max-width:930px;}
.pc-view{display:block;}
.sp-view{display:none;}

.fs-it{font-style:italic;}
.fc-1{color:#142865;}
.fc-2{color:#ff0048;}
.fc-3{color:#fffc00;}

.fw-700{font-weight:700;}
.fw-900{font-weight:900;}

.fs-125{font-size:125%;}
.fs-150{font-size:150%;}
.fs-175{font-size:175%;}
.fs-200{font-size:200%;}

/*******************************************
c1
*******************************************/
#c1{
	background:url("../img/c1-bg.jpg")no-repeat center;
	background-size:cover;
}
.img-acc1{
    position: absolute;
    bottom: 0;
    right: 20px;
}

/*******************************************
cta01
*******************************************/
.cta01{padding-bottom:0;}
/*******************************************
cta02
*******************************************/
.cta02{background:url("../img/cta02-bg.jpg")no-repeat center top; padding-top:150px;}
.cta02-list{padding-left:0;list-style:none;text-align:center;font-weight:bold;}
.cta02-list li{background:#fff;color:#000;border-radius:100px;padding:5px 10px;margin-bottom:10px;font-size:1.5rem;}
.cta02-list li span{font-size:1.5rem;}
/*******************************************
cta03
*******************************************/
.cta03{background:url("../img/cta03-bg.jpg")no-repeat center top;}

/*******************************************
cta04
*******************************************/
.cta04{background:url("../img/cta04-bg.jpg")no-repeat center top;}

/*******************************************
c6 
*******************************************/
#c6{padding:0;}

/*******************************************
c7
*******************************************/
#c7{background:url("../img/c7-bg.jpg")no-repeat center;}

/*******************************************
c8
*******************************************/
.box01{margin-bottom:50px;}
.box01 h3 {
    position: relative;
    font-size: 1.75rem;
    letter-spacing: .25rem;
    border-bottom: 5px solid #142865;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 50px;
    line-height: 150%;
}
.box01 h3 span{font-size:1.75rem;}
.box01 h3:before {
    position: absolute;
    bottom: -35px;
    left: 40px;
    width: 0;
    height: 0;
    content: '';
    border-width: 35px 35px 0 35px;
    border-style: solid;
    border-color: #142865 transparent transparent transparent;
}
.box01 h3:after {
    position: absolute;
    bottom: -27px;
    left: 40px;
    width: 0;
    height: 0;
    content: '';
    border-width: 35px 35px 0 35px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.box01 ul{
	color:#ff0048;
}
.box01 ul li{
	font-size:1.5rem;
	letter-spacing:2px;
	font-weight:700;
}

/*******************************************
c9
*******************************************/
#c9{background:url("../img/c9-bg.jpg")no-repeat center top,#142865; padding-bottom:150px;}
#c9 h2{
	color:#fff;
	text-align:center;
	text-shadow:none;
	line-height:250%;
}
#c9 h2 span{
	color:yellow;
	font-size:4rem;
}
#c9 h3{
	background:#ff0048;
	padding:15px;
	color:#fff;
	font-size:1.5rem;
	letter-spacing:5px;
}
#c9 p{color:#fff;}
/*******************************************
c10
*******************************************/
#c10{padding:0;margin-top:-150px;}

/*******************************************
c11
*******************************************/
#c11{padding:0;}

/*******************************************
c12
*******************************************/
#c12{
    padding: 50px 0;
    background-image: -webkit-linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%), -webkit-linear-gradient(0deg, transparent 80%,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%), liner-gradient(90deg, transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background-color: #f2f2f2;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
.point-container {
    padding: 1rem;
    background: #fff;
    border: 5px solid #f2f2f2;
    box-shadow: 0 0 10px #999;
    border-radius: 20px;
}
.catch03 {
    color: #262626;
    font-weight: 700;
    font-size: 2rem;
}
/*******************************************
c13
*******************************************/
#c13{position:relative;}
#c13 ul{
	list-style:none;
	padding:0;
}
#c13 ul li{
	background:yellow;
	color:#000;
	font-weight:700;
	border-radius:100px;
	box-shadow:0 0 10px #ccc;
	padding:5px 10px;
	text-align:center;
	margin-bottom:10px;
	font-size:1.25rem;
}
.img-acc5{position:absolute;bottom:0;left:5%;}
.img-acc6{position:absolute;bottom:0;right:5%;}

/*******************************************
c14
*******************************************/
#c14{background:url("../img/c14-bg.jpg")no-repeat center top,#142865; padding-bottom:150px;}
#c14 h2{
	color:#fff;
	text-align:center;
	text-shadow:none;
	line-height:250%;
}
#c14 h2 span{
	color:yellow;
	font-size:3rem;
}
#c14 h3{
	background:#ff0048;
	padding:15px;
	color:#fff;
	font-size:1.5rem;
	letter-spacing:5px;
	margin-bottom:15px;
}
#c14 p{color:#fff;}
#c14 li{color:yellow;font-size:1.25rem;font-weight:700;}
.box03{margin-bottom:30px;}
/*******************************************
c15
*******************************************/
#c15{padding:0;}
/*******************************************
c16
*******************************************/
#c16{background:#f2f2f2;}

/*******************************************
c17
*******************************************/


/*******************************************
c18
*******************************************/


/*******************************************
c19
*******************************************/


/*******************************************
c20
*******************************************/


/*******************************************
c21
*******************************************/
#c21 h4 {
    padding: 15px;
    border-radius: 200px;
    font-size: 1.5rem;
    color: #000 !important;
    position: relative;
    text-align: center;
    border: 1px dashed #000;
    line-height: 100%;
}
#c21 h4 a {
    color: #000;
}
.accordion-toggle a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    float: right;
    color: #000;
    background: none;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.accordion-toggle a.collapsed:after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    float: right;
    color: #000;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.panel-collapse{
	margin-bottom:20px;
	margin-top:20px;
}
#c21 p{margin-bottom:0;}
/*******************************************
c22
*******************************************/
#c22{background:#f2f2f2;}

/*******************************************
btn animation
*******************************************/
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}

/*******************************************
sp
*******************************************/
@media (max-width: 991px){
h2{font-size:1.5rem !important;letter-spacing:.25rem;line-height: 200% !important;}
h2 span{font-size:160%;}
h3{font-size:1.15rem !important;}
}
@media (max-width: 991px){
h2 {
    font-size: 1rem !important;
    letter-spacing: .25rem;
    line-height: 150% !important;
}
}
@media (max-width: 767px){
.pc-view{display:none;}
.sp-view{display:block;}
	section{padding:20px 0;}
.mb-5, .my-5 {
    margin-bottom: 1.5rem !important;
}
.img-acc1, .img-acc2, .img-acc3, .img-acc4, .img-acc5, .img-acc6{display:none;}
#c1 {padding-bottom:0;}
.box01 ul li {
    font-size: 1.25rem;
}
#c13 ul li {
    font-size: 1rem;
}
.cta01{padding-bottom:20px;}
.cta02 {
    background: url(../img/cta02-bg.jpg)no-repeat center bottom;
    padding-top: 30px;
}
.cta02-list li {
    font-size: 1rem;
}
.cta02-list li span {
    font-size: 1rem;
}
.cta03 {
    text-align: center;
    background-image: -webkit-linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%), -webkit-linear-gradient(0deg, transparent 80%,rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%), liner-gradient(90deg, transparent 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background-color: #f2f2f2;
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px;
}
#c7{padding-bottom:0;}
#c9 h2 span {
    font-size: 2rem;
    line-height: 125%;
}
.point-container{padding-left:0 !important; padding-right:0 !important;}
.point-container .col-md-3{text-align:center;}
.point-container img{width:40%;}
.catch03 {
    font-size: 1.2rem;
    text-align: center !important;
}
#c12{padding: 20px 10px;}
	#c14{padding-bottom:20px;}
#c14 h2 span {
    font-size: 2rem;
    line-height: 125%;
}
#c14 li {
    font-size: 1rem;
}
}