@charset "utf-8";
/*========= レイアウトのためのCSS ===============*/
body{
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
}
/*********************************▽メインタイトル▽********************************/
.title_main{
    border-bottom:solid;
    border-color:#0066B0;
    border-width:5px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 5%;
}
.title_main h1{
    font-size: 33px;
}
.title_main_small{
    letter-spacing: 0.2em;
}
.title_main_big{
    font-size: 150%;
    color: #0066B0;
    letter-spacing: 0.15em;
}
.title_main_big2{
    font-size: 150%;
    color: #0066B0;
    letter-spacing: 0.02em;
}
/*--------------------------------------
カード型_02
--------------------------------------*/
.number1_flex{
    display: flex;
}

.number2_flex{
    display: flex;
}

.l-wrapper_02 {
    margin: 1rem auto;
    max-width: 300px;
}

.l-wrapper_03 {
    margin: 1rem auto;
    max-width: 450px;
}

.card-radius_02{
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    margin: 1%;
}

.card-radius_03{
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    margin: 1% 1.5%;
}


.card_02 {
    background-color: #fff;
    box-shadow: 0 0 0px rgba(0, 0, 0, .16);
    color: #212121;
    text-decoration: none;
}

.card__header_02 {
    display: flex;
    flex-wrap: wrap;
    margin: 2%;
}

.card__title_02 {
    padding: 0rem 1.5rem 0;
    font-size:min(2.3vw,23px);
    order: 1;
    font-weight: bold;
    text-decoration: none;
    /*線の種類（実線） 太さ 色*/
    border-bottom: solid 3px black;
    margin: 0 auto;
}

.card__thumbnail_02 {
    margin: 0;
    order: 0;
}

.card__image_02 {
    width: 100%;
    height: auto;
}

.card__body_02 {
    padding: 0 1.5rem;
}

.card__text_02 {
    font-size: .8rem;
    text-align:center;
    text-decoration: none;
}

.card__text2_02 {
    font-size: .8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    text-align: center;
}

.box{
    text-align: center;
    margin-bottom: 7%;
}

.box .count-up{
    font-size:min(4vw,50px);
}

.btn_saiyoubox{
    display: flex;
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

a.btn_saiyou {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 45%;
	margin: auto 2%;
	padding: 2rem 4rem;
	font-weight: bold;
	background-image: linear-gradient(to right, #27acd9 0%, #1c3cf7 100%);
	border-radius: 100vh;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
    font-size: 1.7em;
}

.sp_btn_saiyoubox{
    display: flex;
    width: 95   %;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

a.btn_saiyou:hover {
	color: #fff;
	background-image: linear-gradient(to left, #27acd9 0%, #1c3cf7 100%);
}

a.sp_btn_saiyou {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 45%;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	background-image: linear-gradient(to right, #27acd9 0%, #1c3cf7 100%);
	border-radius: 100vh;
	color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
	transition: 0.5s;
    font-size: 4vw;
}
a.sp_btn_saiyou:hover {
	color: #fff;
	background-image: linear-gradient(to left, #27acd9 0%, #1c3cf7 100%);
}

.title_main_sp{
    border-bottom:solid;
    border-color:#0066B0;
    border-width:5px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 5%;
}
.title_main_sp h1{
    font-size:min(4.5vw,100px);
}

.l-wrapper_03sp {
    margin: 1rem auto;
    max-width: 90%;
}

.card__title_02sp {
    padding: 0rem 1.5rem 0;
    font-size:min(5vw,100px);
    order: 1;
    font-weight: bold;
    text-decoration: none;
    /*線の種類（実線） 太さ 色*/
    border-bottom: solid 3px black;
    margin: 0 auto;
}

.box .count-upsp{
    font-size:min(9vw,100px);
}