@charset "utf-8";

body #contents {
    width: 1087px;
    overflow: hidden;
    background: url(../img/flame.png) no-repeat top center;
    margin-top: 15px;
}
.imgCenter {
    margin: 0 auto;
    display: block;
}
.fsSmall {
    font-size: 18px;
}
.mb60 {
    margin-bottom: 60px !important;
}
#cnt{
    width: 896px;
    padding-top: 82px;
    padding-bottom: 95px;
    margin: auto;
}
#cnt img{
    display: block;
}
#cnt .sp_only{
    display:none;
}
#cnt .pc_only{
    display:block;
}
#cnt a{
    color:#0050A3;
}
#cnt a:hover{
    opacity:0.7;
    text-decoration: none;
    color:#0050A3;
}
a:visited {
    color:#0050A3;
}
h1 {
    clear: both;
    background: none;
    color: #fff;
    height: auto;
    font-size: 0;
    line-height: 1.4em;
    padding: 0;
    border: none;
    margin-bottom: 37px;
}
#cnt .head img {
    margin: 0 auto;
    display: block;
}
.btn_area ul li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 14px;
    line-height: 1.5em;
}
.sec01 {
    margin-top: 60px !important;
    font-size: 21px;
    line-height: 1.9;
}
.sec01 .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sec01 .flex li + li {
    margin-left: 25px;
}
.sec01 .flex li:nth-child(5) {
    margin-left: 0;
}
.sec01 .flex2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec01 .flex2 div {
    width: 590px;
}
.sec01 .flex2 div img {
    margin-bottom: 14px;
}
.sec01 .flex2 div p {
    line-height: 1.6;
}
.sec01 .arrow {
    margin: 10px 0 0 275px;
}
.sec01 .img04 {
    margin-right: 31px;
}
.sec01 .txt_maman {
    margin: 83px 0 10px;
    font-size: 23px;
}
.sec01 .txt_maman span {
    color: #ff8400;
    font-weight: bold;
    margin: 0 12px;
}

/* slider */
.slider{
    margin: 50px auto 100px;
    width: 887px;
}
.slider-2 .slick-slide {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.slider-2 .slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dots-2 .slick-dots {
    text-align: center;
}
.dots-2 .slick-dots li {
    display: inline-block;
}
.dots-2 .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    margin: 6px;
    font-size: 0;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    background: #bcbcbc;
    border-radius: 50%;
}
.dots-2 .slick-dots .slick-active button {
    background: #0a467d;
}
.slick-dots{
    bottom: -37px !important;
}
.slick-dots li{
    width:35px !important;
}
.slick-dots li button:before{
    font-size:30px !important;
}
.slick-dots li.slick-active button:before{
    color: #ff9500 !important;
}


@media (max-width: 720px) {
	body #contents {
	    margin: 15px auto 0;
	    background-size: 100% auto;
	    width: 99% !important;
	}
	.fsSmall {
	    font-size: 13px;
	    line-height: 1.5em;
	}
	.spTaLeft {
	    text-align: left !important;
	}
	.spMarginBt-30 {
	 margin-bottom:30px !important;
	}
	h1 {
	    margin-bottom: 5%;
	    margin-top: 8%;
	}
	#cnt {
	    width: 100%;
	    padding-top: 10px;
	    padding-bottom: 50px;
	}
	#cnt .sp_only{
	    display:block;
	}
	#cnt .pc_only{
	    display:none;
	}
	.contents {
	    width: 85%;
	    margin: 0 auto;
	}
	#cnt .contents {
	    font-size: 16px;
	    line-height: 1.5em;
	}
	#cnt .contents img {
	    width: 100%;
	    height: auto;
	}
	#cnt .head{
	    width: 85%;
	    margin: 0 auto;
	}
	#cnt .head img {
	    width: 100%;
	    height: auto;
	}
	.sec01 {
	    margin-top: 40px !important;
	    font-size: 17px;
	    line-height: 1.7;
	}
	.sec01 .flex {
	    display: block;
	}
	.sec01 .flex li {
	    padding-left: 1em;
	    text-indent: -1em;
	}
	.sec01 .flex li + li {
	    margin-left: 0;
	}
	.sp_ttl {
	    width: 85% !important;
	}
	.sec01 .flex2 {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    font-size: 15px;
	}
	.sec01 .flex2 div {
	    width: 65%;
	}
	.sec01 .flex2 img {
	    width: 30% !important;
	}
	.sec01 .flex2 div img {
	    width: 50% !important
	    margin-bottom: 8px;
	}
	.sec01 .arrow {
	    margin: 10px auto;
	    width: 41px;
	    height: auto;
	}
	.sec01 .img04 {
	    margin-right: 0;
	}
	.sec01 .txt_maman {
	    margin: 30px 0 10px;
	    font-size: 18px;
	    line-height: 1.6;
	}

	/* slider */
	.slider {
	    margin: 25px auto 60px;
	    width: 85%;
	}
	.slick-dots{
	    bottom: -29px !important;
	}
	.slick-dots li{
	    width:27px !important;
	}
	.slick-dots li button:before {
	    font-size: 20px !important;
	}
}