/*共通*/
.sp {
	display: none;
}
.flex_start {
	display: flex;
	justify-content: start;
}
.flex_center {
	display: flex;
	justify-content: center;
}
.align_center {
	align-items: center;
}
.wrap {
	flex-wrap: wrap;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.btn {
	width: 296px;
	margin: 0 auto;
	background-color: #ff3c19;
	text-align: center;
	line-height: 1;
	border-radius: 8px;
	box-shadow: 0 3px 0 0 #d71400;
}
.btn a {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 20px 0;
}
/*既存打ち消し*/
section {
	margin-top: 0;
}
/*メインビジュアル*/
#mv {
	background-image: url(/images/mail-magazine/hero.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin: 48px 0 24px;
	padding: 48px 0 32px;
}
#mv .mv_wrapper {
	width: 1184px;
	margin: 0 auto;
}
#mv .mv_box {
	margin-bottom: 27px;
}
#mv .mv_left {
	width: 520px;
	height: 293px;
	margin-right: 24px;
}
#mv .mv_left video {
	width: 100%;
}
#mv .mv_right {
	width: 640px;
}
#mv .mv_right .mv_subttl {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	margin-bottom: 16px;
}
#mv .mv_right .mv_ttl {
	font-size: 80px;
	font-weight: 900;
	color: #fff;
	line-height: 1;
	margin-bottom: 24px;
}
#mv .mv_right .mv_desc_area {

}
#mv .mv_right .mv_desc {
	width: 194px;
	height: 144px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;

}
#mv .mv_right .mv_desc:nth-child(2) {
	margin: 0 24px;
}
#mv .mv_right .mv_desc span {
	font-size: 16px;
	color: #fff;
}

/*コンテンツエリア*/
#mail-magazine .ttl {
	font-size: 40px;
	font-weight: bold;
	color: #0050a0;
	text-align: center;
	line-height: 1.25;
}
#mail-magazine .trouble_area {
	margin-bottom: 40px;
}
#mail-magazine .trouble_area .ttl {
	margin-bottom: 16px;
}
#mail-magazine .trouble_area .trouble .trouble_item {
	width: 807px;
    padding: 18px 0;
    background-color: #0050a0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 16px;
}
#mail-magazine .trouble_area .trouble .trouble_item .trouble_border_left {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 68px;
    background: -webkit-linear-gradient(-225deg, #fff 8.5px, transparent 0), -webkit-linear-gradient(-135deg, #fff 8.5px, #0050a0 0);
    background: -moz-linear-gradient(-225deg, #fff 8.5px, transparent 0), -moz-linear-gradient(-135deg, #fff 8.5px, #0050a0 0);
    background: -o-linear-gradient(-225deg, #fff 8.5px, transparent 0), -o-linear-gradient(-135deg, #fff 8.5px, #0050a0 0);
    background: -ms-linear-gradient(-225deg, #fff 8.5px, transparent 0), -ms-linear-gradient(-135deg, #fff 8.5px, #0050a0 0);
    background: linear-gradient(-225deg, #fff 8.5px, transparent 0), linear-gradient(45deg, #fff 8.5px, #0050a0 0);
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    background-size: 17px 17px;
    background-repeat: repeat-y;
}
#mail-magazine .trouble_area .trouble .trouble_item .center {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
#mail-magazine .trouble_area .trouble .trouble_item .problem_border_right {
	content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 68px;
    background: -webkit-linear-gradient(225deg, #fff 8.5px, transparent 0), -webkit-linear-gradient(135deg, #fff 8.5px, #0050a0 0);
    background: -moz-linear-gradient(225deg, #fff 8.5px, transparent 0), -moz-linear-gradient(135deg, #fff 8.5px, #0050a0 0);
    background: -o-linear-gradient(225deg, #fff 8.5px, transparent 0), -o-linear-gradient(135deg, #fff 8.5px, #0050a0 0);
    background: -ms-linear-gradient(225deg, #fff 8.5px, transparent 0), -ms-linear-gradient(135deg, #fff 8.5px, #0050a0 0);
    background: linear-gradient(225deg, #fff 8.5px, transparent 0), linear-gradient(-45deg, #fff 8.5px, #0050a0 0);
    -webkit-background-size: 17px 17px;
    -moz-background-size: 17px 17px;
    background-size: 17px 17px;
    background-repeat: repeat-y;
}


#mail-magazine .knowledge_area {
	margin-bottom: 80px;
}
#mail-magazine .knowledge_area .ttl {
	margin-bottom: 16px;
}
#mail-magazine .knowledge_area .ttl span {
	color: #ff3c19;
}
#mail-magazine .knowledge_area .howto {
	margin-bottom: 32px;
}
#mail-magazine .knowledge_area .howto .first,
#mail-magazine .knowledge_area .howto .second,
#mail-magazine .knowledge_area .howto .third {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #0050a0;
	width: 796px;
	padding: 16px 0;
	margin: 0 auto 16px;
	background-color: #ebf0f5;
	border-radius: 32px;
}


#mail-magazine .limited_area {
	margin-bottom: 80px;
}
#mail-magazine .limited_area .ttl {
	margin-bottom: 24px;
	line-height: 1;
}
#mail-magazine .limited_area .desc {
	font-size: 16px;
	color: #0050a0;
	text-align: center;
	margin-bottom: 16px;
}
#mail-magazine .limited_area .desc span {
	font-size: 24px;
	font-weight: bold;
	color: #0050a0;
}
#mail-magazine .number .first,
#mail-magazine .number .second,
#mail-magazine .number .third,
#mail-magazine .number .fourth {
	margin-right: 10px;
}
#mail-magazine .number .first .top,
#mail-magazine .number .second .top,
#mail-magazine .number .third .top,
#mail-magazine .number .fourth .top,
#mail-magazine .number .fifth .top {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: center;
	background-color: #0050a0;
	padding: 8px 0;
}
#mail-magazine .number .first .top i,
#mail-magazine .number .second .top i,
#mail-magazine .number .third .top i,
#mail-magazine .number .fourth .top i,
#mail-magazine .number .fifth .top i {
	font-size: 27px;
	font-weight: bold;
	color: #fff;
	margin-right: 8px;
}
#mail-magazine .number .first .center,
#mail-magazine .number .second .center,
#mail-magazine .number .third .center,
#mail-magazine .number .fourth .center,
#mail-magazine .number .fifth .center {
	height: 60px;
	font-weight: bold;
	color: #0050a0;
	line-height: 1.25;
	background-color: #ebf0f5;
	padding: 8px 0;
}
#mail-magazine .number .first .bottom,
#mail-magazine .number .second .bottom,
#mail-magazine .number .third .bottom,
#mail-magazine .number .fourth .bottom,
#mail-magazine .number .fifth .bottom {
	width: 184px;
}
#mail-magazine .number .first .bottom img,
#mail-magazine .number .second .bottom img,
#mail-magazine .number .third .bottom img,
#mail-magazine .number .fourth .bottom img,
#mail-magazine .number .fifth .bottom img {
	width: 100%;
}
#mail-magazine .form_area {
	margin-bottom: 76px;
}
#mail-magazine .form_area .ttl {
	margin-bottom: 16px;
}
#mail-magazine .form_area .desc {
	font-size: 24px;
	line-height: 1.25;
	text-align: center;
	color: #0050a0;
	margin-bottom: 32px;
}
#mail-magazine .service_contact_form .service_contact_name input {
	width: 160px;
}
#mail-magazine .reason_area {
	margin-bottom: 80px;
}
#mail-magazine .reason_area .ttl {
	margin-bottom: 24px;
}
#mail-magazine .reason_area .reason .first,
#mail-magazine .reason_area .reason .second,
#mail-magazine .reason_area .reason .third {
	width: 304px;
}
#mail-magazine .reason_area .reason .second {
	margin: 0 24px;
}
#mail-magazine .reason_area .reason .first .subttl,
#mail-magazine .reason_area .reason .second .subttl,
#mail-magazine .reason_area .reason .third .subttl {
	font-size: 24px;
	font-weight: bold;
	color: #0050a0;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 8px;
}
#mail-magazine .reason_area .reason .first .desc,
#mail-magazine .reason_area .reason .second .desc,
#mail-magazine .reason_area .reason .third .desc {
	margin-bottom: 16px;
}
#mail-magazine .reason_area .reason .number_box {
	line-height: 1;
	margin-bottom: 8px;
}
#mail-magazine .reason_area .reason .number_box .img{
	width: 64px;
}
#mail-magazine .reason_area .reason .number_box .img img{
	width: 100%;
}
#mail-magazine .reason_area .reason .number_box p{
	font-family: 'Oswald';
	font-size: 40px;
	font-weight: bold;
	color: #96b4e1;
	margin: 0 4px;
}

#mail-magazine .reason_area .reason .img {
	width: 304px;
}
#mail-magazine .reason_area .reason .img img {
	width: 100%;
}

#mail-magazine .reason_area .reason .second .img {
	position: relative
}
#mail-magazine .reason_area .reason .img .logo_google {
	position: absolute;
	top: 0;
	left: 0;
	width: 67px;
}
#mail-magazine .reason_area .reason .img .logo_meta {
	position: absolute;
	width: 84px;
	top: 0;
	right: 0;
}
#mail-magazine .reason_area .reason .img .logo_google a,
#mail-magazine .reason_area .reason .img .logo_meta a {
	display: block;
}
#mail-magazine .result_area {
	margin-bottom: 80px;
}
#mail-magazine .result_area .ttl {
	margin-bottom: 24px;
	line-height: 1;
}
#mail-magazine .result_area .text {
	font-size: 24px;
	font-weight: bold;
	padding: 12px 0;
	border: 1px solid #96b4e1;
	text-align: center;
}
#mail-magazine .medium_area {
	margin-bottom: 80px;
}
#mail-magazine .medium_area .ttl {
	margin-bottom: 36px;
	line-height: 1;
}
#mail-magazine .medium_area .text {
	font-weight: bold;
	text-align: center;
	border: 1px solid #96b4e1;
	line-height: 1.5;
	padding: 16px 0;
}
#mail-magazine .medium_area .logo_box {
	width: 960px;
	margin: 0 auto;
}
#mail-magazine .medium_area .logo_box .google {
	width: 204px;
	margin-right: 40px;
}
#mail-magazine .medium_area .logo_box .yahoo {
	width: 254px;
	margin-right: 40px;
	margin-bottom: 40px;
}
#mail-magazine .medium_area .logo_box .facebook {
	width: 72px;
	margin-right: 40px;
}
#mail-magazine .medium_area .logo_box .instagram {
	width: 72px;
	margin-right: 40px;
}
#mail-magazine .medium_area .logo_box .twitter {
	width: 72px;
}
#mail-magazine .medium_area .logo_box .youtube {
	width: 179px;
	margin-right: 40px;
}
#mail-magazine .medium_area .logo_box .line {
	width: 201px;
	margin-right: 40px;
	margin-bottom: 24px;
}
#mail-magazine .medium_area .logo_box .indeed {
	width: 143px;
}
#mail-magazine .medium_area .logo_box img {
	display: block;
}
#mail-magazine .media_result {
	margin-bottom: 80px;
}
#mail-magazine .media_result .ttl {
	line-height: 1;
	margin-bottom: 24px;
}
#mail-magazine .media_result .logo_box .media {
	width: 180px;
	margin-right: 15px;
}
#mail-magazine .media_result .logo_box .media:nth-child(5n) {
	margin-right: 0;
}
#mail-magazine .media_result .logo_box .media img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.column {
		flex-direction: column;
	}
	.column_reverse {
		flex-direction: column-reverse;
	}
	.wrapper {
		width: 89%;
		margin: 0 auto;
	}
	#mail-magazine .ttl {
		font-size: 24px;
		margin-bottom: 9px;
	}
	#mv {
		background-size: cover;
	}
	#mv .mv_wrapper {
		width: 85%;
		margin: 0 auto;
	}
	#mv .mv_left {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#mv .mv_right {
		width: 100%;
		margin-right: 0;
	}
	#mv .mv_right .mv_subttl {
		font-size: 16px;
		line-height: 1.25;
		text-align: center;
		margin-bottom: 8px;
	}
	#mv .mv_right .mv_ttl {
		font-size: 39px;
		margin-bottom: 20px;
		text-align: center;
	}
	#mv .mv_right .mv_desc {
		width: 100%;
		height: 48px;
		flex-direction: column;
		font-size: 16px;
		margin-bottom: 8px;
	}
	#mv .mv_right .mv_desc:nth-child(2) {
		margin: 0 0 8px;
	}
	#mv .mv_box {
		margin-bottom: 0;
	}
	#mail-magazine .trouble_area {
		margin-bottom: 32px;
	}
	#mail-magazine .trouble_area .trouble .trouble_item {
		width: 100%;
		padding: 9px 0;
		margin: 0 auto 8px;
	}
	#mail-magazine .trouble_area .trouble .trouble_item .center {
		font-size: 20px;
		line-height: 1.25;
	}
	#mail-magazine .knowledge_area {
		margin-bottom: 72px;
	}
	#mail-magazine .knowledge_area .howto {
		margin-bottom: 24px;
	}
	#mail-magazine .knowledge_area .howto .first,
	#mail-magazine .knowledge_area .howto .second,
	#mail-magazine .knowledge_area .howto .third {
		width: 100%;
		font-size: 20px;
		line-height: 1.25;
		padding: 0;
		height: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#mail-magazine .limited_area {
		margin-bottom: 72px;
	}
	#mail-magazine .limited_area .ttl {
		margin-bottom: 16px;
	}
	#mail-magazine .limited_area .desc {
		font-size: 12px;
	}
	#mail-magazine .limited_area .desc span {
		font-size: 16px;
	}
	#mail-magazine .number .first,
	#mail-magazine .number .second,
	#mail-magazine .number .third,
	#mail-magazine .number .fourth {
		margin-right: 0;
		margin-bottom: 16px;
	}
	#mail-magazine .number .first .center,
	#mail-magazine .number .second .center,
	#mail-magazine .number .third .center,
	#mail-magazine .number .fourth .center,
	#mail-magazine .number .fifth .center {
		padding: 6px 0;
	}
	#mail-magazine .number .first .bottom,
	#mail-magazine .number .second .bottom,
	#mail-magazine .number .third .bottom,
	#mail-magazine .number .fourth .bottom,
	#mail-magazine .number .fifth .bottom {
		width: 100%;
	}
	#mail-magazine .number .first .bottom img,
	#mail-magazine .number .second .bottom img,
	#mail-magazine .number .third .bottom img,
	#mail-magazine .number .fourth .bottom img,
	#mail-magazine .number .fifth .bottom img {
		display: block;
	}
	#mail-magazine .form_area .ttl {
		line-height: 1.45;
		margin-bottom: 8px;
	}
	#mail-magazine .form_area .desc {
		font-size: 16px;
		margin-bottom: 16px;
	}
	#mail-magazine .service_contact_form .service_contact_name input {
		width: 100%;
	}
	#mail-magazine .reason_area {
		margin-bottom: 72px;
	}
	#mail-magazine .reason_area .reason .first,
	#mail-magazine .reason_area .reason .second,
	#mail-magazine .reason_area .reason .third {
		width: 100%;
		margin-bottom: 32px;
	}
	#mail-magazine .reason_area .reason .second {
		margin: 0 0 32px;
	}
	#mail-magazine .reason_area .reason .third {
		margin-bottom: 0;
	}
	#mail-magazine .reason_area .reason .number_box .img {
		margin: 0;
	}
	#mail-magazine .reason_area .reason .img {
		width: 91%;
		margin: 0 auto;
	}
	#mail-magazine .result_area {
		margin-bottom: 72px;
	}
	#mail-magazine .result_area .ttl {
		margin-bottom: 16px;
	}
	#mail-magazine .result_area .text {
		font-size: 16px;
	}
	#mail-magazine .medium_area {
		margin-bottom: 72px;
	}
	#mail-magazine .medium_area .ttl {
		margin-bottom: 24px;
	}
	#mail-magazine .medium_area .logo_box {
		width: 100%;
	}
	#mail-magazine .medium_area .logo_box img {
		width: 100%;
	}
	#mail-magazine .medium_area .logo_box .google {
		width: 127px;
		margin-right: 24px;
	}
	#mail-magazine .medium_area .logo_box .yahoo {
		width: 159px;
		margin-right: 0;
		margin-bottom: 24px;
	}
	#mail-magazine .medium_area .logo_box .facebook {
		width: 56px;
		margin-right: 30px;
	}
	#mail-magazine .medium_area .logo_box .instagram {
		width: 56px;
		margin-right: 30px;
	}
	#mail-magazine .medium_area .logo_box .twitter {
		width: 56px;
		margin-bottom: 32px;
	}
	#mail-magazine .medium_area .logo_box .youtube {
		width: 152px;
		margin-right: 0;
		margin-bottom: 26px;
	}
	#mail-magazine .medium_area .logo_box .line {
		width: 162px;
		margin-right: 24px;
	}
	#mail-magazine .medium_area .logo_box .indeed {
		width: 114px;
	}
	#mail-magazine .medium_area .text {
		line-height: 2;
	}
	#mail-magazine .media_result .ttl {
		line-height: 1.25;
		margin-bottom: 16px;
	}
	#mail-magazine .media_result .logo_box .media {
		width: 160px;
		margin-right: 8px;
		margin-bottom: 8px;
	}
	#mail-magazine .media_result .logo_box .media:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 320px) {
	.btn {
		width: 100%;
	}
	#mail-magazine .ttl {
		font-size: 21px;
	}
	#mail-magazine .trouble_area .trouble .trouble_item {
		padding: 12px 0;
	}
	#mail-magazine .trouble_area .trouble .trouble_item .center {
		font-size: 18px;
	}
	#mail-magazine .knowledge_area .howto .first,
	#mail-magazine .knowledge_area .howto .second,
	#mail-magazine .knowledge_area .howto .third {
		font-size: 18px;
	}
	#mail-magazine .limited_area .desc span {
		font-size: 13px;
	}
	#mail-magazine .result_area .text {
		font-size: 14px;
	}
	#mail-magazine .medium_area .text {
		font-size: 14px;
	}
	#mail-magazine .medium_area .logo_box .google {
		width: 114px;
		margin-right: 22px;
	}
	#mail-magazine .medium_area .logo_box .yahoo {
		width: 143px;
	}
	#mail-magazine .medium_area .logo_box .facebook {
		width: 50px;
		margin-right: 27px;
	}
	#mail-magazine .medium_area .logo_box .instagram {
		width: 50px;
		margin-right: 27px;
	}
	#mail-magazine .medium_area .logo_box .twitter {
		width: 50px;
		margin-bottom: 29px;
	}
	#mail-magazine .medium_area .logo_box .youtube {
		width: 137px;
		margin-bottom: 23px;
	}
	#mail-magazine .medium_area .logo_box .line {
		width: 146px;
		margin-bottom: 22px;
	}
	#mail-magazine .medium_area .logo_box .indeed {
		width: 103px;
	}
	#mail-magazine .media_result .logo_box .media {
		width: 138px;
	}
	#mail-magazine .reason_area .reason .img .logo_google {
		width: 58px;
	}
	#mail-magazine .reason_area .reason .img .logo_meta {
		width: 74px;
	}
}