@charset "UTF-8";
/* CSS Document */

/*--- 基本設定 ------------------------------------------------*/
h1{ margin: 0 0 0 0;
    position: relative;
    z-index: 0;
}
button{
	cursor: pointer;
	background: #ff3968;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	border: none;
	border-radius: 35px;
	padding: 16px 45px;
	margin: 25px 0 10px 0;
	transition: all 0.3s;
}
button:hover{
	opacity: 0.7;
}
.link{
	display: inline-block;
	background-color: #ffffe0;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	padding: 6px 12px;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.flex{
	display: flex;
	display:-webkit-box;
  	display:-ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.flex_justify{
	display: flex;
	display:-webkit-box;
  	display:-ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.h2_title_check {
	position: relative;
	background: #f5f3c4;
	color: #000;
	border-radius: 0 5px 5px 5px;
	padding: 13px 15px 10px;
	margin: 70px 0 20px 0;
}
.h2_title_check:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f058  CHECK";
	font-weight: 900;
	background: #d9c230;
	font-size: 12px;
	color: #fff;
	left: 0px;
	bottom: 100%;
	border-radius: 5px 5px 0 0;
	padding: 5px 7px 3px;
	line-height: 1;
	letter-spacing: 0.05em;
}
.fsize_em{
	color: #ffffff;
	font-size: 2.1em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
.fsize_s{
	color: #292e73;
	font-size: 14px;
}
.topreturn{
    display: block;
	text-align: right;
    margin: 30px 0 0 0;
}




/*--- キャンペーンの内容 ------------------------------------------------*/
/*.bgbox{
    background-image: url("../../img/news/campaign/option/img_bg.jpg");
	background-repeat: no-repeat;
	padding: 0 0 50px 0;
}*/
.bgbox{
    background: #2bb8e0;
	background-repeat: no-repeat;
	padding: 0 0 50px 0;
}
.uspbox{
    position: relative;
    z-index: 0;
	padding: 0 30px;
	margin: -10px 0 50px 0;
}
.usp_item{
	margin: 0 15px;
}
.usp_item .textbox{
	text-align: center;
}
.usp_item img{
	box-shadow: 2px 2px 7px rgb(0 0 0 / 80%);
}
.usp_item p{
	display: inline-block;
	background: #000;
	color: #fff;
	font-size: 17px;
	padding: 3px 15px 1px;
	margin: 10px 0 5px 0;
}
.usp_item span{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.cp_contentstxt{
	margin: 0 40px 10px;
}
.cp_contents{
	border-top: 1px solid #fff;
	margin: 0 54px 10px;
}
.contents_title{
	box-sizing: border-box;
	width: 30%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 15px 0 15px 10px;
	margin: 0;
}
.contents_text{
	box-sizing: border-box;
	width: 70%;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding: 15px 20px 15px 0;
	margin: 0;
}
.text_s{
	font-size: 12px;
}
.contents_text span{
	background: #fff;
	color: #007284;
	font-size: 12px;
	vertical-align: text-top;
    padding: 3px 6px 2px;
    margin: 0 0 0 13px;
}
.contents_text span.nyuko{
	background: none;
	color: #ffffff;
	font-weight: normal;
    padding: 0;
    margin: 0;
}
.contents_text li{
	list-style: none;
	color: #fff;
}
.contents_text li:not(:first-child){
	margin: 0 0 0 20px;
	font-size: 14px;
    font-weight: normal;
    line-height: 21px;
}
.contents_text li:nth-child(4){
	margin: 0 0 0 5.5em;
}






/*--- 2つ折・3つ折のご紹介 ------------------------------------------------*/
.intro_bg{
	background: #edf1ec;
}
.intro_text{
	text-align: center;
    border-bottom: 2px solid #000;
	padding: 35px 0 20px 0;
    margin: 0 20px;
}
.intro_text h3{
	font-size: 24px;
	color: #0b92de;
	margin: 0 0 0 0;
}
.ori_introbox{
	padding: 0 40px;
}
.ori_item{
    border-bottom: 1px dashed #aaaaaa;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0;
}
.ori_item:last-child{
	border-bottom: none;
}
.ori_textbox{
	width: 330px;
	margin: 15px 0 0 30px;
}
.ori_textbox span{
	font-size: 22px;
	font-weight: bold;
}
.ori_textbox p{
	line-height: 1.7em;
	margin: 6px 0 0 0;
}


.catchcopy_box{
	position: relative
}
.catchcopy_box p{
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 23px;
	margin: 0;
}
.catchcopy_a{
	position: absolute;
	top: 400px;
	left: 60px;
}
.catchcopy_b{
	position: absolute;
	top: 360px;
	right: 40px;
}
.catchcopy_c{
	position: absolute;
	bottom: 40px;
	left: 54px;
	text-align: left !important;
}
.catchcopy_d{
	position: absolute;
	bottom: 26px;
	left: 362px;
}
.catchcopy_e{
	position: absolute;
	bottom: 47px;
	right: 110px;
	text-align: left !important;
}
.underline{
		color: #fff;
		text-decoration: underline dotted;
		text-decoration-color: rgba(255, 250, 0, 1);
		text-decoration-thickness: .15em;
		text-underline-offset: .2em;
		text-decoration-skip-ink: none;
}



/*--- あわせて読みたい「背割れ」の話 ------------------------------------------------*/
.seware{
	background: #f0f0f0;
	border: 2px solid #aaaaaa;
	padding: 20px;
	margin: 50px 0 0 0;
}
.seware_wrap{
	width: 512px;
}
.seware_textbox{
	margin: 0 0 0 20px;
}
.seware_textbox p.title{
	display: block;
	font-size: 21px;
	font-weight: bold;
	border-bottom: 1px solid #1e1e1e;
	padding: 5px 0 5px 0;
}
.seware_textbox span{
	font-size: 16px;
}
.seware_textbox p{
	margin: 0 0 10px 0;
}