/* mvArea
----------------------------------------------------------------------------*/

.mvArea {
	width: 100%;
    height: 828px;
	margin: 110px 0 0;
	position: relative;
	z-index: 5;
}
.mvArea .ribbon-top,
.mvArea .ribbon-btm {
	position: absolute;
	z-index: 1;
}
.mvArea .ribbon-top {
	width: 400px;
	height: 370px;
	top: -110px;
	right: 0;
}
.mvArea .ribbon-btm {
	width: 340px;
	height: 355px;
	bottom: -45px;
	left: 0;
}
.mvArea .mvArea_inner {
	width: 1360px;
	height: 100%;
	margin: 0 auto;
	background: url(../img/mv_bg_pc.jpg) no-repeat top right;
    background-size: contain;
	position: relative;
}
.mvArea .mvArea_inner .logo {
	position: absolute;
    width: 251px;
    height: 112px;
    top: -45px;
    left: 80px;
}
.mvArea .mvArea_inner .title {
	padding: 50px 0 0 165px;
}
.mvArea .mvArea_inner .title .to-daddy {
	position: relative;
    display: inline-block;
    letter-spacing: .35em;
	margin: 0 0 30px;
}
.mvArea .mvArea_inner .title .to-daddy::before {
	content: "";
    position: absolute;
    width: 460px;
    height: 3px;
    background: #000;
    bottom: -5px;
    right: 7px;
}
.mvArea .mvArea_inner .title .titleImg {
    width: 498px;
}


@media screen and (max-width: 768px) {
	.mvArea {
		height: 290px;
		margin: 0;
	}
	.mvArea .ribbon-top {
		width: 130px;
		height: 110px;
		right: auto;
		top: 0;
		left: 0;
	}
	.mvArea .ribbon-btm {
		width: 96px;
		height: 89px;
		bottom: 0;
		left: auto;
		right: 0;
	}
	.mvArea .mvArea_inner {
		width: 100%;
		background: url(../img/mv_bg_sp.jpg) no-repeat top center;
		background-size: cover;
	}
	.mvArea .mvArea_inner .title {
		display: none;
	}
	.mvArea .mvArea_inner .title .to-daddy {
		font-size: 13px;
		padding: 15px 0 0 48px;
		margin: 0 0 15px;
	}
	.mvArea .mvArea_inner .title .to-daddy::before {
		width: 100%;
	}
	.mvArea .mvArea_inner .title .titleImg {
		width: 200px;
		margin-left: 35px;
	}
}



/* parts
----------------------------------------------------------------------------*/

a, a:hover {
	transition: .3s;
}

.giftBox {
	width: 550px;
	margin: 0 auto;
	border: 1px solid #333;
	color: #333;
	text-align: center;
	padding: 5px;
}

.tit_forfather {
    text-align: center;
	margin: 0 0 18px;
}
.tit_forfather span {
	border-bottom: 3px solid #000;
	padding: 0 0 12px;
}

.linkBtn a,
.linkBtn.-rakuten a {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: -moz-linear-gradient(top, #2c2953, #5062a0);
	background: -webkit-linear-gradient(top, #2c2953, #5062a0);
	background: linear-gradient(to bottom, #2c2953, #5062a0);
	border: 1px solid #000;
	border-radius: 7px;
	padding: 8px 10px;
	position: relative;
	transition: .3s;
}
.linkBtn.-rakuten a {
	background: -moz-linear-gradient(top, #910101, #bf0000);
	background: -webkit-linear-gradient(top, #910101, #bf0000);
	background: linear-gradient(to bottom, #910101, #bf0000);
}
.linkBtn a::before,
.linkBtn.-rakuten a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	transition: .3s;
	margin-top: -5px;
}
.linkBtn a:hover,
.linkBtn.-rakuten a:hover {
	opacity: .8;
	transition: .3s;
}

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
.sp320-Only {
	display: none;
}

@media screen and (max-width: 768px) {
	
	.giftBox {
		width: auto;
	}
	
	.tit_forfather {
		margin: 0 auto 15px;
	}
	.tit_forfather span {
		padding: 0 0 10px;
	}
	.tit_forfather.-for1 {
		width: 96px;
	}
	.tit_forfather.-for2 {
		width: 103px;
	}
	.tit_forfather.-for3 {
		width: 104px;
	}
	
	.linkBlock {
		clear: both;
		padding: 40px 30px;
	}
	.linkBlock .linkBlock_inner {
		width: 100%;
		padding: 5px;
	}
	.linkBlock .linkBlock_inner .linkBlock_line {
		padding: 30px 25px;
	}
	.linkBlock .linkImg {
		width: 182px;
		height: 127px;
		top: -35px;
		left: 50%;
		transform: translate(-50%);
	}
	.linkBlock .linkBox {
		padding-left: 0;
	}
	.linkBlock .linkBox li {
		float: none;
	}
	.linkBlock .linkBox .logo {
		width: 240px;
		padding-right: 0;
		margin: 50px auto 15px;
		padding-top: 0;
	}
	.linkBlock .linkBox .link {
		width: 100%;
	}
	.linkBlock .linkBox .linkTxt {
		font-size: 12px;
		padding-top: 5px;
		text-align: center;
	}
	.linkBtn a br {
		display: none;
	}
	.linkBtn a,
	.linkBtn.-rakuten a {
		font-size: 20px;
		padding: 10px;
	}
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.sp320-Only {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.sp320-Only {
		display: block;
	}
	.linkBlock .linkBox .logo {
		width: 100%;
	}
	.linkBlock .linkBlock_inner .linkBlock_line {
		padding: 30px 15px;
	}
}

.fDAnime {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: fDAnime;
    -ms-animation-name: fDAnime;
    animation-name: fDAnime;
    visibility: visible !important;
}
@-webkit-keyframes fDAnime {
     0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
     100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fDAnime {
     0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
     100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}




/* typeAncerArea
----------------------------------------------------------------------------*/

.typeAncerArea {
	padding: 90px 0 120px;
	position: relative;
	z-index: 0;
}

.typeAncerArea::before,
.typeAncerArea::after {
	content: "";
    position: absolute;
    width: 100%;
    height: 450px;
    transform: skewY(
-12deg
);
    transform-origin: bottom left;
    z-index: -1;
}

.typeAncerArea::before {
	right: 280px;
    top: 350px;
    background: #f2f2f2;
}

.typeAncerArea::after {
	left: 280px;
    top: 850px;
    background: #e5ebf4;
}

.readBlock {
	position: relative;
}

.readBlock .title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 35px;
	line-height: 1.2;
}

.readBlock .text {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 80px;
}

.typeAncerList {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

.typeAncerList + .sub-title {
	margin-top: 90px;
}

.typeAncerList .typeAncerList_item {
	width: 505px;
	float: left;
	border: 4px solid #000;
	padding: 30px 20px 20px;
	background: #fff;
}

.typeAncerList .typeAncerList_item.-bgPink {
	width: 100%;
	background: #fbf0f1;
	margin-bottom: 55px;
}

.typeAncerList .typeAncerList_item:nth-child(2n) {
	margin-left: 30px;
}

.typeAncerList .typeAncerList_item:nth-child(n+3) {
	margin-top: 30px;
}

.typeAncerList .typeAncerList_item .img {
	margin-bottom: 20px;
	text-align: center;
}

.typeAncerList .typeAncerList_item .btn {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	background: #000;
	border-radius: 30px;
}

.typeAncerList .typeAncerList_item .btn::before {
	content: "";
	position: absolute;
	content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    top: 6px;
    left: 50%;
    margin-left: -6px;
}

.typeAncerList .typeAncerList_item .btn:hover {
	opacity: .6;
}





@media screen and (max-width: 768px) {
	
	.typeAncerArea {
		padding: 20px 0 80px;
	}
	
	.readBlock .title {
		font-size: 18px;
		margin: 0 0 20px;
	}
	
	.readBlock .text {
		font-size: 14px;
		padding-bottom: 60px;
	}
	
	.typeAncerArea::before, .typeAncerArea::after {
		height: 570px;
	}
	
	.typeAncerArea::before {
		right: 0;
    	top: 90px;
	}
	
	.typeAncerArea::after {
		left: 0;
    	top: 920px;
	}
	
	.typeAncerList {
		width: auto;
	}
	
	.typeAncerList + .sub-title {
		margin-top: 50px;
	}
	
	.typeAncerList .typeAncerList_item {
		width: auto;
		float: none;
		padding: 25px 15px;
		margin-bottom: 30px;
		position: relative;
	}
	
	.typeAncerList .typeAncerList_item:nth-child(2n) {
		margin-left: 0;
	}
	
	.typeAncerList .typeAncerList_item.-bgPink {
		margin-bottom: 40px;
	}
	
	.typeAncerList .typeAncerList_item .btn {
		position: absolute;
		left: 50%;
		margin-left: -15px;
		bottom: -15px;
	}
	
	.typeAncerList .typeAncerList_item .img {
		margin-bottom: 0;
	}
	
}

@media screen and (max-width: 320px) {
	
}


/* sec
----------------------------------------------------------------------------*/

.sec .secInner {
	padding: 80px 0;
}

.sub-title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 35px;
}

.sub-title span {
	border-bottom: 3px solid #000;
	display: inline-block;
}

.sec-title {
	text-align: center;
	margin: 0 0 40px;
}

.sec-title .img {
	margin: 0 auto 10px;
}

.sec-title .txt {
	font-size: 24px;
	font-weight: bold;
}

.sec .titArea {
	width: 500px;
	height: 333px;
	background: #fff;
	border: 5px solid #000;
	padding: 40px 30px;
	float: left;
	margin-left: -60px;
}
.sec .titArea h3 {
	font-size: 33px;
	text-align: center;
    padding: 10px 0 25px;
    line-height: 1;
}

.sec .titArea h5 {
	color: #003c96;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	margin-top: 35px;
}

.sec .titArea p {
	font-size: 18px;
	text-align: center;
}

.sec .secBox {
    background: #fff;
}

@media screen and (max-width: 768px) {
	.sec .secInner {
		padding: 40px 30px;
	}
	
	.sub-title {
		font-size: 18px;
		margin: 0 0 25px;
	}
	
	.sec-title {
		margin: 0 0 25px;
	}
	
	.sec-title .txt {
		font-size: 16px;
	}
	
	.sec .titArea {
		width: 100%;
		height: auto;
		background: #fff;
		border: 4px solid #000;
		padding: 0;
		float: none;
		margin-left: 0;
	}
	.sec .titArea h3 {
		font-size: 22px;
		padding: 5px 0 10px;
		line-height: 1.4;
	}
	
	.sec .titArea h5 {
		font-size: 14px;
		margin-top: 25px;
	}
	
	.sec .titArea p {
		font-size: 14px;
	}
}





/* sec01
----------------------------------------------------------------------------*/

.sec01 {
	background: #e1e1e1;
}

.sec01 .secInner {
	padding-bottom: 0;
}

.sec01 .sec-title .img {
	width: 138px;
}

.sec.sec01 .titArea {	
	padding: 55px 40px;
}

.sec01 .imgBox01,
.sec01 .imgBox02 {
	position: relative;
}
.sec01 .imgBox01 {
	display: inline-block;
    padding: 45px 0 0 50px;
	margin: 0 0 20px;
}
.sec01 .imgBox01 .imgBox01_deco,
.sec01 .imgBox01 .repletion,
.sec01 .imgBox02 .repletion {
	position: absolute;
}
.sec01 .imgBox01 .repletion,
.sec01 .imgBox02 .repletion {
	color: #fff;
    background: #000;
    padding: 20px;
}
.sec01 .imgBox01 .imgBox01_deco{
	width: 120px;
    height: 44px;
    top: -5px;
    right: -30px;
}
.sec01 .imgBox01 .repletion {
    right: -70px;
    bottom: -20px;
}
.sec01 .imgBox02 {
	letter-spacing: -.4em;
}
.sec01 .imgBox02 .img-large,
.sec01 .imgBox02 .img-small01,
.sec01 .imgBox02 .img-small02 {
	display: inline-block;
	vertical-align: top;
}
.sec01 .imgBox02 .img-large {
	padding: 22px 32px 0 0;
}
.sec01 .imgBox02 .img-small01 {
	padding: 0 12px 0 25px;
}
.sec01 .imgBox02 .img-small02 {
	padding: 215px 0 0;
	margin-right: -25px;
}
.sec01 .imgBox02 .repletion {
	bottom: 20px;
    left: 65px;
    letter-spacing: initial;
}



@media screen and (max-width: 768px) {
	.sec01 .secInner {
		overflow: hidden;
		padding-top: 50px;
		padding-bottom: 40px;
	}
	
	.sec01 .sec-title .img {
		width: 95px;
	}
	
	.sec.sec01 .titArea {
		padding: 20px;
	}
	.sec01 .imgBox01 {
		padding: 35px 0 0;
		margin: 0 0 20px -30px;
	}
	.sec01 .imgBox01 .img-large {
		width: 278px;
	}
	.sec01 .imgBox01 .repletion,
	.sec01 .imgBox02 .repletion {
		padding: 10px 20px;
		font-size: 13px;
	}
	.sec01 .imgBox01 .repletion {
		right: -80px;
		bottom: inherit;
		top: 15px;
	}

	.sec01 .imgBox02 {
		margin-right: -30px;
	}
	.sec01 .imgBox02 .img-large {
		width: 278px;
		padding: 0;
		float: right;
	}
	.sec01 .imgBox02 .img-small01,
	.sec01 .imgBox02 .img-small02 {
		display: none;
	}
	.sec01 .imgBox02 .repletion {
		bottom: -220px;
		left: -30px;
	}
	
	.sec01 .img-middle {
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 768px) {
	
}




/* sec02
----------------------------------------------------------------------------*/

.sec02 {
	background: #e1e1e1;
}

.sec.sec02 .titArea {
	padding: 52px 40px;
}

.sec02 .secBox.-first {
	margin: 40px 0 0;
}
.sec02 .secBox .secBox_inner {
	padding: 0 120px;
}
.sec02 .secBox.-first .secBox_inner {
	padding-top: 35px;
}
.sec02 .secBox.-detail01 .secBox_inner {
	padding-top: 75px;
}
.sec02 .secBox.-detail02 .secBox_inner {
	padding-top: 75px;
	padding-bottom: 80px;
}
.sec02 .secBox.-detail02 .note {
	font-weight: normal;
	text-align: center;
	margin-top: 35px;
}
.sec02 .secBox_tit {
	font-size: 25px;
	text-align: center;
	line-height: 1.4;
}
.sec02 .secBox_tit + .text {
	text-align: center;
    padding: 5px 0 0;
    font-size: 13px;
	margin: 0 0 65px
}
.sec02 .secBox.-first .secBox_tit {
	font-size: 20px;
}
.sec02 .secBox.-detail02 .secBox_tit {
	margin: 0 0 65px
}
.sec02 .secBox .secBox_tit .point {
	display: inline-block;
}
.sec02 .secBox.-detail01 .secBox_tit .point,
.sec02 .secBox.-detail02 .secBox_tit .point {
	margin: 0 0 10px;
}
.sec02 .secBox .secBox_tit span {
	font-size: 35px;
}
.sec02 .secBox_tit span.red {
	color: #c1272d;
}
.sec02 .secBox_tit span.blue {
	color: #003c96;
}

.sec02 .secBox.-first .secBox_tit {
	margin-right: -110px;
}
.sec02 .secBox.-first .secBox_tit .point {
	padding-left: 280px;
}

.sec02 .secBox .secBox_subtit {
	font-size: 24px;
    border-bottom: 3px solid #000;
    text-align: center;
	line-height: 1.4;
    padding: 0 0 5px;
    margin: 0 0 25px;
}
.sec02 .secBox .dataImg {
	position: relative;
	height: 325px;
}
.sec02 .secBox .dataImg .img {
	position: absolute;
	width: 854px;
	height: 280px;
	top: 45px;
    left: 0;
}
.sec02 .secBox .dataList {
	overflow: hidden;
	margin: 50px 0 0;
}
.sec02 .secBox .dataList li {
	width: 355px;
	float: left;
}
.sec02 .secBox .dataList li.data01 {
	margin-right: 90px;
}
.sec02 .secBox .dataList li.data03 {
	width: 100%;
	float: none;
	clear: both;
	padding: 60px 0 0;
}
.sec02 .secBox .dataList .dataList_tit {
	border-bottom: 3px solid #000;
	margin: 0 0 20px;
}
.sec02 .secBox .dataList .dataList_subtit {
	font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 10px;
}
.sec02 .secBox .dataList .dataList_subtit span {
	font-size: 16px;
	line-height: 1.8;
    display: block;
}
.sec02 .secBox .dataList li.data03 .dataBox,
.sec02 .secBox .dataList li.data03 .dataList_img {
	float: left;
}
.sec02 .secBox .dataList li.data03 .dataBox {
	width: 290px;
    margin-right: 24px;
}
.sec02 .secBox .dataList li .dataList_img {
	margin: 15px 0 0;
}
.sec02 .secBox .dataList li.data03 .dataList_img {
	margin: 0 0 20px;
}
.sec02 .secBox .dataList .data_note {
	font-size: 13px;
	margin: 3px 0 0;
}
.sec02 .secBox .dataList .dataList_point {
	background: #f6dfdf;
    padding: 20px;
    clear: both;
	z-index: 10;
    position: relative;
}
.sec02 .secBox .dataList .dataList_point p {
	color: #c1272d;
	font-size: 24px;
	text-align: center;
}
.sec02 .secBox.-detail01 .imgBox01 {
	overflow: hidden;
	margin: 0 0 50px;
}
.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01,
.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col02 {
	float: left;
}
.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01 {
	margin-right: 90px;
}
.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01 .img {
	margin: 0 0 25px;
}
.sec02 .secBox.-detail01 .imgBox01 .imgBox_note {
	font-size: 13px;
}
.sec02 .secBox.-detail01 .imgBox02 {
	padding-right: 30px;
	overflow: hidden;
}
.sec02 .secBox.-detail01 .imgBox02 .imgBox02_col01,
.sec02 .secBox.-detail01 .imgBox02 .imgBox02_col02 {
	float: left;
	width: 50%;
	margin-right: 30px;
}
.sec02 .secBox.-detail01 .imgBox02 .imgBox02_col02 {
	margin-right: -30px;
}
.sec02 .secBox.-detail01 .imgBox02 .img {
	float: left;
	padding-right: 20px;
}
.sec02 .secBox.-detail01 .imgBox02 .tit {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0 0;
	margin-bottom: 10px;
	line-height: 1.4;
}
.sec02 .secBox.-detail01 .imgBox02 .imgBox02_col01 .tit {
	color: #999;
}
.sec02 .secBox.-detail01 .imgBox02 .imgBox02_col02 .tit {
	color: #003c96;
}
.sec02 .secBox.-detail02 .colBox {
	overflow: hidden;
}
.sec02 .secBox.-detail02 .colBox .imgArea,
.sec02 .secBox.-detail02 .colBox .txtArea {
	display: inline-block;
	vertical-align: top;
}
.sec02 .secBox.-detail02 .colBox .imgArea {
	width: 147px;
    margin-right: 47px;
}
.sec02 .secBox.-detail02 .colBox .txtArea {
	width: 600px;
}


@media screen and (max-width: 768px) {
	.sec.sec02 .titArea {
		padding: 20px;
		margin: 5px 0 0;
	}
	.sec02 .secBox.-first {
		margin: 0;
	}
	.sec02 .secBox_tit {
    	font-size: 14px;
		margin: 30px 0 15px;
	}
	.sec02 .secBox_tit span {
		font-size: 25px;
	}
	.sec02 .secBox_tit .point {
		margin: 0 auto 5px;
	}
	.sec02 .secBox_tit .point.-spSize01 {
		width: 120px;
	}
	.sec02 .secBox_tit .point.-spSize02 {
		width: 175px;
	}
	.sec02 .secBox_tit .point.-spSize03 {
		width: 97px;
	}
	.sec02 .secBox .secBox_inner {
		padding: 40px;
	}
	.sec02 .secBox.-first .secBox_inner {
		padding-top: 40px;
	}
	.sec02 .secBox .secBox_subtit {
		font-size: 16px;
		line-height: 1.6;
		margin: 0 0 15px;
	}
	.sec02 .secBox .dataImg {
		height: auto;
	}
	.sec02 .secBox .dataImg .img {
		position: relative;
		width: 230px;
		height: 433px;
		top: inherit;
		left: inherit;
		margin: 0 auto;
	}
	.sec02 .secBox .dataList {
		margin: 40px 0 0;
	}
	.sec02 .secBox .dataList li {
		width: 100%;
		float: none;
	}
	.sec02 .secBox .dataList li p {
		font-size: 13px;
	}
	.sec02 .secBox .dataList li.data01 {
		margin-right: 0;
		margin-bottom: 40px;
	}
	.sec02 .secBox .dataList li.data03 {
		padding: 40px 0 0;
	}
	.sec02 .secBox .dataList li.data03 .dataBox,
	.sec02 .secBox .dataList li.data03 .dataList_img {
		float: none;
	}
	.sec02 .secBox .dataList li.data03 .dataBox {
		width: auto;
		margin-right: 0;
	}
	.sec02 .secBox .dataList .dataList_tit {
    	margin: 0 0 10px;
	}
	.sec02 .secBox .dataList .dataList_tit img {
		width: 51px;
		vertical-align: bottom;
    	padding-bottom: 5px;
	}
	.sec02 .secBox .dataList .dataList_subtit {
		font-size: 16px;
		margin: 0 0 5px;
	}
	.sec02 .secBox .dataList li.data01 .dataList_img {
		width: 230px;
		margin: 5px auto 0;
	}
	.sec02 .secBox .dataList li.data02 .dataList_img {
		width: 230px;
		margin: 10px auto 0;
	}
	.sec02 .secBox .dataList li.data03 .dataList_img {
		width: 230px;
		margin: 15px auto 20px;
	}
	.sec02 .secBox .dataList .dataList_subtit span {
    	font-size: 13px;
	}
	.sec02 .secBox .dataList .data_note {
    	font-size: 10px;
	}
	.sec02 .secBox .dataList .dataList_point {
		padding: 15px 10px;
	}
	.sec02 .secBox .dataList .dataList_point p {
		font-size: 16px;
		line-height: 1.4;
	}
	
	.sec02 .secBox.-detail01 .secBox_inner {
		padding-top: 40px;
	}
	
	.secBlock .text {
		font-size: 10px;
    	margin-top: 5px;
	}
	
	.sec02 .secBox.-detail01 .imgBox01 {
		margin: 0;
	}
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01,
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col02 {
		float: none;
	}
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01 {
		margin-right: 0;
	}
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01 .img {
		width: 230px;
		margin: 0 auto 20px;
	}
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col02 .img {
		width: 230px;
		margin: 0 auto;
	}
	
	.sec02 .secBox.-detail02 .secBox_inner {
		padding: 40px;
	}
	.sec02 .secBox.-detail02 .colBox .imgArea {
		width: 96px;
		margin: 0 auto 15px;
		display: block;
	}
	.sec02 .secBox.-detail02 .colBox .txtArea {
		width: auto;
	}
}
@media screen and (max-width: 320px) {
	.sec02 .secBox .secBox_inner,
	.sec02 .secBox.-detail02 .secBox_inner {
		padding: 25px;
	}
	.sec02 .secBox.-detail01 .secBox_inner {
		padding-top: 25px;
	}
	.sec02 .secBox .dataImg .img {
		width: 100%;
		height: auto;
	}
	.sec02 .secBox .dataList li.data01 .dataList_img,
	.sec02 .secBox .dataList li.data02 .dataList_img,
	.sec02 .secBox .dataList li.data03 .dataList_img,
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col01 .img,
	.sec02 .secBox.-detail01 .imgBox01 .imgBox01_col02 .img {
		width: 100%;
	}
	.sec02 .secBox .dataList .dataList_point br {
		display: none;
	}
}


/* voice
----------------------------------------------------------------------------*/

.voice {
	padding: 80px 0;
}

.voice .sec-title .img {
	width: 146px;
}

.voice_tit {
	width: 340px;
	margin: 0 auto;
	position: relative;
	z-index: 50;
}
.voice .voiceList01,
.voice .voiceList02 {
	margin: 75px 0 0;
	position: relative;
}
.voice .voiceList01::before,
.voice .voiceList02::before {
	content: "";
	position: absolute;
	width: 100%;
    height: 510px;
	transform: skewY(-12deg);
    transform-origin: bottom left;
    z-index: -1;
}
.voice .voiceList01::before {
	right: 280px;
    top: 180px;
    background: #f2f2f2;
}
.voice .voiceList02::before {
	left: 280px;
    top: 90px;
    background: #e5ebf4;
}
.voice .voiceList_inner {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.voice .voiceList02 ul {
	float: right;
}
.voice li {
	overflow: hidden;
	margin: 0 0 50px;
}
.voice li:last-child {
	margin: 0;
}
.voice .voiceList_img,
.voice .voiceList_txt {
    float: left;
}
.voice .voiceList_img {
	width: 300px;
}
.voice .voiceList_txt {
	width: 370px;
	padding-left: 25px;
}
.voice .voiceList_txt .nameSet {
	font-size: 16px;
	font-weight: bold;
	margin: -5px 0 10px;
}
.voice .voiceList_txt .nameSet span {
	font-size: 20px;
}
.voice .aword {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.voice .aword .text {
	font-size: 30px;
    font-weight: bold;
    border-bottom: 3px solid #000;
    padding-bottom: 5px;
}
.voice .voiceList01 .aword {
	right: 0;
}
.voice .voiceList01 .deco {
	text-align: right;
}



@media screen and (max-width: 768px) {
	.voice {
		padding: 40px 0;
	}
	
	.voice .sec-title .img {
		width: 100px;
	}
	
	.voice .voiceList_inner {
    	width: 100%;
		padding: 0 30px;
	}
	.voice .voiceList01::before {
		right: 0;
		top: 75px;
	}
	.voice .voiceList02::before {
		left: 0;
		top: 70px;
	}
	.voice .aword {
		position: relative;
		top: auto;
		transform: inherit;
	}
	.voice .voiceList01 .aword {
		right: auto;
	}
	.voice .aword .text {
    	font-size: 25px;
		padding-bottom: 0;
		text-align: center;
    	margin: 0 0 25px;
	}
	.voice .voiceList01 .deco {
		width: 64px;
		margin: 0 auto;
	}
	.voice .voiceList02 .deco {
		width: 46px;
		margin: 0 auto;
	}
	.voice .deco img {
		vertical-align: bottom;
	}
	.voice .voiceList01,
	.voice .voiceList02 {
    	margin: 30px 0 0;
	}
	.voice li {
		margin: 0 0 25px;
	}
	.voice .voiceList_img,
	.voice .voiceList_txt {
		float: none;
	}
	.voice .voiceList_img {
		width: 165px;
	}
	.voice .voiceList_txt {
		width: 100%;
		padding-left: 0;
		margin-top: 15px;
		position: relative;
	}
	.voice .voiceList_txt .nameSet {
		font-size: 14px;
		position: absolute;
		top: -70px;
		right: 0;
	}
	.voice .voiceList_txt .nameSet span {
		font-size: 18px;
	}
	.voice .sp-text {
		clear: both;
		padding: 15px 0 0;
	}
}

@media screen and (max-width: 320px) { 
	.voice .voiceList_img {
		width: 100px;
	}
}





/* prArea
----------------------------------------------------------------------------*/

.prArea {
	background: #e1e1e1;
	padding: 110px 0;
}

.prArea.-brero,
.prArea.-scudo {
	background: #e6ebf4;
}

.prArea.-sicure {
	background: #fbf0f1;
}

.prArea.-days {
	margin-bottom: 50px;
}

.prArea .readBlock {
	position: relative;
    margin: 0 0 80px;
}

.prArea .readBlock .logoBox {
	width: 500px;
	float: left;
	margin-bottom: 35px;
}

.prArea .readBlock .logoBox .txt {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px;
}

.prArea.-brero .readBlock .logoBox .logo {
	width: 500px;
}

.prArea.-cs1 .readBlock .logoBox .logo {
	width: 360px;
}

.prArea.-scudo .readBlock .logoBox .logo {
	width: 400px;
}

.prArea.-days .readBlock .logoBox .logo {
	width: 320px;
}

.prArea.-sicure .readBlock .logoBox .logo {
	width: 520px;
}


.prArea .readBlock .txtBox {
	width: 515px;
}

.prArea .readBlock .txtBox p {
    margin: 20px 0 0;
}

.prArea .readBlock .txtBox .logo {
	padding: 30px 0;
	margin: 0 0 30px;
	border-bottom: 3px solid #000;
}

.prArea .readBlock .imgBox {
	position: absolute;
    top: 0;
    right: -160px;
    width: 645px;
}

.prArea .readBlock .prList {
	clear: both;
	margin-bottom: 30px;
}

.prArea .readBlock .prList .prList_item {
	position: relative;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 5px;
}

.prArea .readBlock .prList .prList_item:last-child {
	margin-bottom: 0;
}

.prArea .readBlock .prList .prList_item::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	background: url("../img/icon_check.png") no-repeat center;
	background-size: cover;
	width: 20px;
	height: 23px;
}


.prArea .colorImg {
	text-align: center;
	margin: 0 0 70px;
}

.prArea .giftBox {
	width: 700px;
}

.prArea .linkList {
	width: 700px;
	margin: 0 auto 40px;
	padding-right: 40px;
	overflow: hidden;
}

.prArea .linkList .linkList_item {
	width: 50%;
	float: left;
	margin-right: 40px;
	text-align: center;
}

.prArea .linkList .linkList_item:last-child {
	margin-right: -40px;
}

.prArea .linkList.-col1 .linkList_item {
	float: none;
	margin: 0 auto;
}


.prArea .linkList .linkList_item a {
	color: #fff;
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	border-radius: 7px;
    padding: 8px 10px;
}

.prArea .linkList .linkList_item a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
    transition: .3s;
    margin-top: -5px;
}

.prArea .linkList .linkList_item a:hover {
	opacity: .6;
}

.prArea .linkList .linkList_item .-amazon {
	background: -moz-linear-gradient(top, #2c2953, #5062a0);
    background: -webkit-linear-gradient(top, #2c2953, #5062a0);
    background: linear-gradient(to bottom, #2c2953, #5062a0);
	border: 1px solid #242f3e;
    
}

.prArea .linkList .linkList_item .-rakuten {
	background: -moz-linear-gradient(top, #af2317, #b36664);
    background: -webkit-linear-gradient(top, #af2317, #b36664);
    background: linear-gradient(to bottom, #af2317, #b36664);
	border: 1px solid #af2317;
}




.prArea .pointBlock {
	background: #fff;
	padding: 60px 70px 80px;
}
.prArea .pointBlock + .pointBlock {
	margin: 35px 0 0;
}
.prArea .pointBlock_tit {
	color: #003c96;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
}
.prArea .pointBlock .pointList {
	padding-right: 50px;
	margin: 25px 0 0;
}
.prArea .pointBlock .pointList li {
	width: 425px;
	margin: 0 50px 50px 0;
	float: left;
}
.prArea .pointBlock .pointList li:nth-child(2n) {
	margin-right: -50px;
}
.prArea .pointBlock .pointList li:nth-child(n+2) {
	margin-bottom: 0;
}
.prArea .pointBlock .pointList .itemImg {
	margin: 0 0 20px;
	position: relative;
}
.prArea .pointBlock .pointList .itemImg .picup {
	position: absolute;
	width: 120px;
	height: 180px;
	bottom: -30px;
    right: -30px;
}
.prArea .pointBlock .pointList .tit {
	color: #003c96;
	font-size: 22px;
	text-align: center;
	margin: 0 0 10px;
}

.prArea .pointBlock .variationList {
	padding-right: 35px;
	overflow: hidden;
}
.prArea .pointBlock .variationList li {
	width: 276px;
	margin-right: 35px;
	float: left;
}
.prArea .pointBlock .variationList li:last-child {
	margin-right: -35px;
}
.prArea .pointBlock .variationList .itemImg {
	margin: 0 0 25px;
}
.prArea .pointBlock .variationList .tit {
	text-align: center;
	margin: 0 0 10px;
}
.prArea .pointBlock .variationList li p {
	text-align: center;
}
.prArea .pointBlock .variationList li:nth-child(2) p {
	letter-spacing: -1px;
}

.prArea .pointBlock .text {
	font-size: 18px;
    text-align: center;
    margin: 10px 0 35px;
}
.prArea .pointBlock .variationImg {
	margin-left: -30px;
}


@media screen and (max-width: 768px) {

	.prArea {
		background-size: contain;
		padding: 55px 0;
	}
	
	.prArea .readBlock {
		min-height: auto;
		margin: 0 0 30px;
	}
	
	.prArea .readBlock .logoBox {
		width: auto;
		float: none;
		margin-bottom: 25px;
	}
	
	.prArea .readBlock .logoBox .txt {
    	font-size: 14px;
		text-align: center;
		margin: 0 0 15px;
	}
	
	.prArea .readBlock .logoBox .logo {
		margin: 0 auto;
	}
	
	.prArea.-brero .readBlock .logoBox .logo {
		width: 276px;
	}

	.prArea.-cs1 .readBlock .logoBox .logo {
		width: 210px;
	}

	.prArea.-scudo .readBlock .logoBox .logo {
		width: 220px;
	}

	.prArea.-days .readBlock .logoBox .logo {
		width: 160px;
	}

	.prArea.-sicure .readBlock .logoBox .logo {
		width: 255px;
	}


	.prArea .readBlock .txtBox {
		width: auto;
	}
	
	.prArea .readBlock .imgBox {
		position: relative;
		top: inherit;
		right: inherit;
		width: auto;
		margin: 0 0 20px;
	}
	
	.prArea .colorImg {
		margin: 0 0 50px;
	}
	
	
	.prArea .readBlock .prList {
		margin: 0 0 20px;
	}
	
	.prArea .readBlock .prList .prList_item {
		font-size: 16px;
		padding-left: 25px;
		margin-bottom: 10px;
		line-height: 1.4;
	}
	
	.prArea .readBlock .prList .prList_item::before {
		top: 0;
		width: 16px;
		height: 20px;
	}
	
	.prArea .linkList.-col1 .linkList_item {
		padding-right: 0;
	}
	
	.prArea .linkList.-col1 .linkList_item:last-child {
		margin-right: inherit;
	}
	
	.prArea .linkList {
		width: auto;
		margin: 0 auto 25px;
		padding-right: 10px;
	}
	
	.prArea .linkList .linkList_item {
		margin-right: 10px;
	}
	
	.prArea .linkList .linkList_item:last-child {
		margin-right: -10px;
	}
	
	.prArea .linkList .linkList_item a {
		font-size: 14px;
	}
	
	.prArea .giftBox {
		width: auto;
	}
		
	.prArea .readBlock .txtBox {
		width: 100%;
	}



}

@media screen and (max-width: 320px) {
	
}






footer {
	position: relative;
}

footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 90%;
	height: 1px;
	background: #000;
	margin-left: -45%;
}