@charset "UTF-8";

.contentWrapBrandRsp h1 {
	font-size: 171%;
	font-weight: bold;
	line-height: 1.04;
}
.contentWrapBrandRsp .h2BrandRsp {
	font-size: 157%;
	line-height: 1.14;
}
.contentWrapBrandRsp .txSmallBrandRsp {
	font-size: 86%;
}
.contentWrapBrandRsp .txLargeBoldBrandRsp {
	font-size: 143%;
	font-weight: bold;
	line-height: 1.35;
}
.contentWrapBrandRsp .txModalLinkBrandRsp {
	padding-right: 25px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.4;
	color: #00a5d9;
	position: relative;
}
.contentWrapBrandRsp .txModalLinkBrandRsp:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(/content/dam/aflac/jp/ja/static/brand/images/icon_brand_modal_question_mark.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: right 0 top 50%;
}
.contentWrapBrandRsp .txLinkBlankIconBrandRsp {
	color: #00a1e9;
	text-decoration: none;
	position: relative;
	padding-right: 16px;
	background-image: url(/content/dam/aflac/jp/ja/static/brand/images/icon_brand_link_blank.png);
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: right 0px top 50%;
}
.contentWrapBrandRsp .infoAnnaiBrandRsp {
	width: 100%;
	max-width: 710px;
	margin-right: auto;
	margin-left: auto;
}
.contentWrapBrandRsp .infoAnnaiBrandRsp > div {
	border-radius: 3px;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,.3);
}
.contentWrapBrandRsp .infoAnnaiBrandRsp > div > a {
	text-decoration: none;
	color: #333;
}
.contentWrapBrandRsp .infoAnnaiBrandRsp > div > a > figure {
	border-radius: 3px;
}
.contentWrapBrandRsp .infoAnnaiBrandRsp > div > a > p {
	padding: 20px;
}
.contentWrapBrandRsp .specialSiteGanBrandRsp {
	width: 100%;
	max-width: 710px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,.3);
}
.contentWrapBrandRsp .specialSiteGanBrandRsp > a {
	text-decoration: none;
	color: #333;
}
.contentWrapBrandRsp .specialSiteGanBrandRsp > a > figure {
	border-radius: 3px;
}
.contentWrapBrandRsp .specialSiteGanBrandRsp > a > div {
	padding: 15px 20px;
}
.contentWrapBrandRsp .introDuckAreaBrandRsp {
	width: 100vw;
	margin-left: -10px;
	padding: 35px 10px 50px;
	background-color: #f2f8fa;
}
.contentWrapBrandRsp .figDuckAreaBrandRsp > figure {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 175px;
	height: 175px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #fff;
}
.contentWrapBrandRsp .figDuckAreaBrandRsp > figure > img {
	width: 71px;
	height: auto;
}

.contentWrapBrandRsp .brandPromiseBrandRsp {
	width: 100vw;
	margin-left: -10px;
	padding: 0 10px 40px;
	background-color: #f2f8fa;
}
.contentWrapBrandRsp .brandPromiseBrandRsp .figTxBrandPromiseBrandRsp {
	width: 100%;
	max-width: 335px;
	margin: 0 auto;
}

.contentWrapBrandRsp .snsAccountBrandRsp {
	display: flex;
}
.contentWrapBrandRsp .snsAccountBrandRsp > div {
	width: 50%;
	padding: 0 15px;
}
.contentWrapBrandRsp .snsAccountBrandRsp > div:nth-of-type(1) {
	border-right: 1px solid #d9d9d9;
}
.contentWrapBrandRsp .figSnsLogoBrandRsp {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
}
.contentWrapBrandRsp .snsAccountBrandRsp > div:nth-of-type(1) .figSnsLogoBrandRsp > img {
	width: 55px;
}
.contentWrapBrandRsp .snsAccountBrandRsp > div:nth-of-type(2) .figSnsLogoBrandRsp > img {
	width: 52px;
}


.contentWrapBrandRsp .modalBrandRsp {
	display: none;
	z-index: 2100;
	position: fixed;
	top: 40px;
	left: 20px;
	background-color: #ffffff;
	width: calc(100% - 40px);
	height: calc(100% - 80px);
	border-radius: 4px;
	padding: 50px 24px 32px 32px;
}
.contentWrapBrandRsp .modalBrandRsp > div {
	overflow: auto;
	width: 100%;
	height: 100%;
	padding-right: 20px;
}
.contentWrapBrandRsp .btnModalCloseBrandRsp {
	position: fixed;
	top: 56px;
	right: 36px;
	width: 16px;
	height: 16px;
}
.contentWrapBrandRsp .btnModalCloseBrandRsp > a {
	display: block;
	line-height: 0;
}
.contentWrapBrandRsp .figProfileDuckBrandRsp {
	width: 120px;
	margin: 0 auto;
}
.contentWrapBrandRsp .tableProfileDuckBrandRsp > div {
	display: flex;
	border-bottom: solid 1px #d9d9d9;
	padding: 15px 0;
}
.contentWrapBrandRsp .tableProfileDuckBrandRsp > div > p:nth-child(1) {
	width: 40%;
	padding-right: 25px;
}
.contentWrapBrandRsp .tableProfileDuckBrandRsp > div > p:nth-child(2) {
	width: 60%;
}
.contentWrapBrandRsp .modalBgBrandRsp {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background: rgba(0,0,0,.5);
}

.snsAreaWrapBrandRsp {
	display: flex;
	flex-wrap: wrap;
}
.snsIconBrandRsp {
	max-width: 55px;
	width: 100%;
	margin: 0 auto;
}
.snsNameBrandRsp {
	margin-top: 10px;
	text-align: center;
	font-size: 114%;
	font-weight: bold;
}
.snsNameLinkBrandRsp {
	margin-top: 10px;
	text-align: center;
}
.snsNameLinkBrandRsp > a,
.snsNameLinkBrandRsp .txLinkBlankIconBrandRsp {
	font-size: 114%;
	font-weight: bold;
}

.linkBoxBrandRsp {
	width: 100%;
	max-width: 710px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .3);
	overflow: hidden;
}
.linkBoxBrandRsp > a {
	text-decoration: none;
	color: #333;
}
.figureLinkBoxBrandRsp {
	border-radius: 3px;
}
.textWrapLinkBoxBrandRsp {
	padding: 15px 20px;
}



/***************************************************
* pc-style
***************************************************/
@media only screen and (min-width: 768px){
	
	.pt80-pc {
		padding-top: 80px !important;
	}
	.pb50-pc {
		padding-bottom: 50px !important;
	}
	.pb80-pc {
		padding-bottom: 80px !important;
	}
	
	.contentWrapBrandRsp h1 {
		font-size: 229%;
		font-weight: bold;
		line-height: 1.56;
	}
	.contentWrapBrandRsp .h2BrandRsp {
		font-size: 200%;
		line-height: 1.79;
	}
	.contentWrapBrandRsp .txLargeBoldBrandRsp-pc {
		font-size: 143%;
		font-weight: bold;
		line-height: 1.35;
	}
	.contentWrapBrandRsp .txLargeXBoldBrandRsp-pc {
		font-size: 171%;
		font-weight: bold;
		line-height: 1.33;
	}
	.contentWrapBrandRsp .txNormalBrandRsp-pc {
		font-size: 114%;
		line-height: 1.88;
	}
	.contentWrapBrandRsp .txSmallBrandRsp-pc {
		font-size: 86%;
		line-height: 1.67;
	}
	.contentWrapBrandRsp .txLinkBlankIconBrandRsp {
		padding-right: 27px;
		background-size: 17px auto;
		background-position: top 40% right 0;
	}
	
	.contentWrapBrandRsp .linkHoverActionBrandRsp:hover {
		opacity: 0.7;
	}
	
	.contentWrapBrandRsp .infoAnnaiBrandRsp {
		display: flex;
		max-width: 100%;
		justify-content: space-between;
		margin-bottom: 75px;
	}
	.contentWrapBrandRsp .infoAnnaiBrandRsp > div {
		width: calc(50% - 12px);
	}
	.contentWrapBrandRsp .infoAnnaiBrandRsp > div > a > p {
		height: calc(100% - 246px);
	}
	
	.contentWrapBrandRsp .specialSiteGanBrandRsp {
		max-width: 100%;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a {
		display: flex;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a > figure {
		min-width: 636px;
		width: 636px;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a > div {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}
	
	.contentWrapBrandRsp .specialSiteGanBrandRsp {
		max-width: 100%;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a {
		display: flex;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a > figure {
		min-width: 636px;
		width: 636px;
	}
	.contentWrapBrandRsp .specialSiteGanBrandRsp > a > div {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}
	.contentWrapBrandRsp .introDuckAreaBrandRsp {
		width: 100%;
		margin-left: 0;
		padding: 60px 70px 80px;
		display: flex;
	}
	.contentWrapBrandRsp .figDuckAreaBrandRsp {
		width: 250px;
		min-width: 250px;
		height: 250px;
		margin-right: 60px;
	}
	.contentWrapBrandRsp .figDuckAreaBrandRsp > p {
		padding: 0 30px;
	}
	.contentWrapBrandRsp .figDuckAreaBrandRsp > figure {
		width: 100%;
		height: 100%;
	}
	.contentWrapBrandRsp .figDuckAreaBrandRsp > figure > img {
		width: 108px;
	}
	.contentWrapBrandRsp .txModalLinkBrandRsp {
		font-size: 129%;
		padding-right: 25px;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.4;
		color: #00a5d9;
		background-image: url(/content/dam/aflac/jp/ja/static/brand/images/icon_brand_modal_question_mark.png);
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-position: right 0 top 3px;
	}
	.contentWrapBrandRsp .txModalLinkBrandRsp:after {
		content: none;
	}
	
	.contentWrapBrandRsp .brandPromiseBrandRsp {
		width: 100%;
		margin-left: 0;
		padding: 0 0 100px;
	}
	.contentWrapBrandRsp .brandPromiseBrandRsp .figTxBrandPromiseBrandRsp {
		max-width: 100%;
		text-align: center;
	}
	
	.contentWrapBrandRsp .snsAccountBrandRsp {
		border: solid 1px #d9d9d9;
		margin-bottom: 80px;
		padding: 23px 40px;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div {
		display: flex;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div:first-child {
		padding: 0 12px 0 0;
		border-right: solid 1px #d9d9d9;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div:last-child {
		padding: 0 0 0 40px;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div {
		display: flex;
	}
	.contentWrapBrandRsp .figSnsLogoBrandRsp {
		width: 130px;
		min-width: 130px;
		height: auto;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div:nth-of-type(1) .figSnsLogoBrandRsp > img {
		width: 93px;
	}
	.contentWrapBrandRsp .snsAccountBrandRsp > div:nth-of-type(2) .figSnsLogoBrandRsp > img {
		width: 91px;
	}
	.contentWrapBrandRsp .figSnsLogoBrandRsp + div {
		width: calc(100% - 130px);
	}
	.contentWrapBrandRsp .lineQrAreaBrandRsp {
		display: flex;
	}
	.contentWrapBrandRsp .lineQrAreaBrandRsp > figure {
		min-width: 95px;
	}
	.contentWrapBrandRsp .lineQrAreaBrandRsp > figure > img {
		width: 76px;
	}
	.contentWrapBrandRsp .modalBrandRsp {
		width: 730px;
		left: calc(50% - 365px);
		padding: 64px 0 50px 35px;
	}
	.contentWrapBrandRsp .modalInnerDuckProfileBrandRsp {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		justify-content: flex-start;
	}
	.contentWrapBrandRsp .modalInnerDuckProfileBrandRsp > p:nth-child(1) {
		width: 100%;
		margin-bottom: 60px;
		font-size: 157%;
	}
	.contentWrapBrandRsp .modalInnerDuckProfileBrandRsp > figure {
		width: 183px;
		margin: 0 13px 0 0;
	}
	.contentWrapBrandRsp .modalInnerDuckProfileBrandRsp .tableProfileDuckBrandRsp {
		width: 450px;
	}
	.contentWrapBrandRsp .tableProfileDuckBrandRsp > div > p:nth-child(1) {
		width: 145px;
		padding-right: 30px;
	}
	.contentWrapBrandRsp .tableProfileDuckBrandRsp > div > p:nth-child(2) {
		width: calc(100% - 145px);
	}
	.contentWrapBrandRsp .btnModalCloseBrandRsp {
		position: fixed;
		right: calc(50% - 340px);
		top: 65px;
		width: 18px;
		height: 18px;
	}
	[data-pc-col="1"] > .snsInnerWrapBrandRsp {width: 100%;}
	[data-pc-col="1"] > .snsInnerWrapBrandRsp:nth-child(n+2) {margin-top: 30px;}
	[data-pc-col="2"] > .snsInnerWrapBrandRsp {width: 50%;}
	[data-pc-col="2"] > .snsInnerWrapBrandRsp:nth-child(n+3) {margin-top: 30px;}
	[data-pc-col="3"] > .snsInnerWrapBrandRsp {width: calc(100% / 3);}
	[data-pc-col="3"] > .snsInnerWrapBrandRsp:nth-child(n+4) {margin-top: 30px;}
	[data-pc-col="4"] > .snsInnerWrapBrandRsp {width: 25%;}
	[data-pc-col="4"] > .snsInnerWrapBrandRsp:nth-child(n+5) {margin-top: 30px;}
	[data-pc-col="5"] > .snsInnerWrapBrandRsp {width: 20%;}
	[data-pc-col="5"] > .snsInnerWrapBrandRsp:nth-child(n+6) {margin-top: 30px;}
	[data-pc-col="6"] > .snsInnerWrapBrandRsp {width: calc(100% / 6);}
	[data-pc-col="6"] > .snsInnerWrapBrandRsp:nth-child(n+7) {margin-top: 30px;}
	.snsIconBrandRsp {
		max-width: 80px;
	}
	.snsNameBrandRsp {
		font-size: 171%;
	}
	.snsNameLinkBrandRsp > a,
	.snsNameLinkBrandRsp .txLinkBlankIconBrandRsp {
		font-size: 171%;
	}
	
	.linkBoxBrandRsp {
		max-width: 100%;
		margin: 0 auto;
		border-radius: 3px;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, .3);
	}
	.linkBoxBrandRsp > a {
		display: flex;
	}
	.figureLinkBoxBrandRsp {
		min-width: 50%;
		width: 50%;
	}
	.textWrapLinkBoxBrandRsp {
		min-width: 50%;
		width: 50%;
		padding: 50px 40px 30px;
	}
	.textWrapLinkBoxBrandRsp.typeFlexCenter {
		display: flex;
		align-items: center;
	}
}
.respTvcmCmAreaTitle {
	margin-bottom: 38px;
	font-size: 1.83em;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.respTvcmTxNormal {
	font-size: 1.14em;
}
.respTvcmTxRead {
	font-size: 1.28em;
}
.respTvcmCmSkitArea {
	position: relative;
	width: 100%;
	padding: 60px 83px;
	border: solid 1px #cccccc;
}
.respTvcmCmSkitAreaInner {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
}
.respTvcmCmSkitAreaInner > div {
	width: 100%;
}
.respTvcmCmSkitAreaTx {
	position: relative;
}
.respTvcmCmSkitAreaTx > .kome {
	position: absolute;
	left: 0;
}
.respTvcmCmSkitAreaDate {
	position: absolute;
	left: calc(100% - 208px);
	bottom: 60px;
}
.respTvcmUlBlueArrowLink > li + li {
	padding-top: 10px;
}
.respTvcmUlBlueArrowLink > li > a {
	display: block;
	padding-left: 30px;
	font-size: 1.14em;
	color: #333333;
	background-image: url(/content/dam/aflac/jp/ja/static/corp/cm/tvcm/images/icon_resp_tvcm_link_triangle.png);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: top 0 left 0;
}
.respTvcmUlBlueArrowLink > li > a:link {
	text-decoration: none;
}
.respTvcmUlBlueArrowLink > li > a:visited {
	text-decoration: none;
}
.respTvcmUlBlueArrowLink > li > a:hover {
	text-decoration: underline;
}
.respTvcmUlBlueArrowLink > li > a:focus {
	text-decoration: none;
}
.respTvcmUlBlueArrowLink > li > a:active {
	text-decoration: underline;
}
.respTvcmLinkBlank {
	margin-left: 4px;
	width: 16px;
	vertical-align: middle;
}
@media only screen and (max-width: 767px){
	.respTvcmCmSkitArea {
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: 20px;
		border: solid 1px #cccccc;
	}
	.respTvcmCmSkitAreaInner {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.respTvcmCmSkitAreaInner > div {
		width: 100%;
	}
	.respTvcmCmSkitAreaTx {
		font-size: 1.14em !important;
		line-height: 1.5 !important;
	}
	.respTvcmCmSkitAreaDate {
		position: static;
	}
	.respTvcmUlBlueArrowLink > li + li {
		padding-top: 0px;
	}
	.respTvcmUlBlueArrowLink > li > a {
		padding-left: 20px;
		background-size: 13px auto;
		background-position: top 3px left 0;
	}
	.respTvcmUlBlueArrowLink > li > a:hover {
		text-decoration: none;
	}
	.respTvcmUlBlueArrowLink > li > a:active {
		text-decoration: none;
	}
	.respTvcmLinkBlank {
		padding-bottom: 2px;
	}
	.snsInnerWrapBrandRsp {
		padding: 0 10px;
	}
	[data-sp-col="1"] > .snsInnerWrapBrandRsp {width: 100%;}
	[data-sp-col="1"] > .snsInnerWrapBrandRsp:nth-child(n+2) {margin-top: 20px;}
	[data-sp-col="2"] > .snsInnerWrapBrandRsp {width: 50%;}
	[data-sp-col="2"] > .snsInnerWrapBrandRsp:nth-child(n+3) {margin-top: 20px;}
	[data-sp-col="3"] > .snsInnerWrapBrandRsp {width: calc(100% / 3);}
	[data-sp-col="3"] > .snsInnerWrapBrandRsp:nth-child(n+4) {margin-top: 20px;}
	[data-sp-col="4"] > .snsInnerWrapBrandRsp {width: 25%;}
	[data-sp-col="4"] > .snsInnerWrapBrandRsp:nth-child(n+5) {margin-top: 20px;}
	[data-sp-col="5"] > .snsInnerWrapBrandRsp {width: 20%;}
	[data-sp-col="5"] > .snsInnerWrapBrandRsp:nth-child(n+6) {margin-top: 20px;}
	[data-sp-col="6"] > .snsInnerWrapBrandRsp {width: calc(100% / 6);}
	[data-sp-col="6"] > .snsInnerWrapBrandRsp:nth-child(n+7) {margin-top: 20px;}
}