@charset "utf-8";

#suteki_bnr{max-width:900px;margin:20px auto;padding:20px;border-top:1px solid #239FB1;border-left:1px solid #239FB1;border-right:1px solid #239FB1;border-bottom:4px solid #239FB1;
color: #333333;
	font-size: 16px;
	line-height: 160%;
	font-style: normal;
	font-weight: normal;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	_text-align: center;
	font-feature-settings: "palt" 1;
	box-sizing: border-box;
	background:#F6F1EE;
}

#suteki_bnr a img {
    border: none;
}

#suteki_bnr a img, img {
    border: 0;
    vertical-align: bottom;
}

#suteki_bnr img {
    border: none;
    vertical-align: top;
    font-size: 0px;
    max-width: 100%;
    height: auto;
}

/*** 本文 ***/

.bnr_box{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
.left_box, .right_box{width:48%}

@media (max-width: 558px){
	.left_box, .right_box{width:100%}
}

.area_btn{background: rgb(93,178,150);
    background: linear-gradient(90deg, rgba(93,178,150,1) 0%, rgba(48,176,215,1) 100%);color:#fff;padding: 5px 15px;border-radius:15px;display: block;text-align: center;
    font-size: 1.3em;}
.area_btn:before{
	content: '';
	display: inline-block;
	width: 9px;
	height: 13px;
	margin-right: 5px;
	background-image: url(../img/bnr_btn_arrow.png);
	background-size: contain;
	vertical-align: middle;
	}
.area_btn:after{
	content: '';
	display: inline-block;
	width: 17px;
	height: 14px;
	margin-left: 5px;
	background-image: url(../img/bnr_btn_blank.png);
	background-size: contain;
	vertical-align: middle;
	}
	

.right_box{display:flex;gap:20px;justify-content:space-between;}
.img_box,.text_box{width:50%}




.text_box a{color:#064CB8}

/*** ボタン4つ ***/

.btn_box{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}

.linkbutton {
    border-radius: 5px;
	width: 23%;
}

@media (max-width: 767px){
.linkbutton {
    width: 48%;
	margin-top:20px;
}
}



.linkbutton a {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 0px 20px;
    text-align: center;
    font-size: 20px;
    font-weight: normal;
}

.linkbutton a img {
    margin-right: 5px;
}

.pattern01 {
    background: rgb(214,130,161);
    background: linear-gradient(90deg, rgba(214,130,161,1) 0%, rgba(228,159,128,1) 100%);
}

.arrow {
    position: relative;
    padding-right: 15px;
    color: #ffffff;
    text-decoration: none;
}

.arrow::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.arrow--right::after {
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
}