@charset "UTF-8";
html,body {
	margin:0;
	padding:0;
	width:100%;
	font-family:"Noto Sans Japanese", sans-serif;
	line-height:1.8;
	font-size:18px;
	color:#000;
	background:#fff;
	overflow-x:hidden;
}
.wrapper {
	  margin:0;
}
a:link{
    color:#000;
}
a:hover{
    color:#000;
}
a:visited{
    color:#000;
}
a:active{
    color:#000;
}
a:link.pagebacklink,
a:visited.pagebacklink,
a:hover.pagebacklink,
a:active.pagebacklink {
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}
img {
	max-width:100%;
	height:auto;
}
p{
	font-style:normal;
}
.ct_cap{
    padding-left:1em;
    text-indent:-1em;
}



div#contents {
	width: 100%;
}
#contentsMain.full {
	width: 100% !important;
}

div#pageTtl {
	display: none;
}

#contentsMain {
    padding: 0 0 60px;
}

div#hdpt-ut {
	font-size: 16px;
	line-height: 1.6;
}



/*bigger than 640-----------------------------*/
@media screen and (min-width:640px) {
    
/*=======================
#header
=======================*/
header{
	margin: 0 auto 0 auto;
}
#header_bg_pc{
	/*height: 1110px;*/
	margin: 0 auto 0 auto;
	background: url("/campaign/hdd_backup/img/header_bg.jpg");
	background-repeat: no-repeat;
	min-height:1060px;
	background-position: center top;
	background-size: cover;
}
#header_bg_pc p{
    width: 1200px;
    margin:0 auto 0 auto;
    text-align: center;
}

/*=======================
.content
=======================*/
.content{
	max-width:100%;
	margin:0 auto;
}
.content_inner{
	max-width:1001px;
	margin:0 auto 0 auto;
    padding: 60px 0 70px 0;
}
.content h2 img{
	text-align:center;
	margin:0 auto 0 auto;
}
.content h3 img{
	text-align:center;
	margin:0 auto 0 auto;
}



div#contents h3 {
border-left: none;
padding: 0;
}
div#contents h3 img {
border-left: none;
max-width: 1001px;
padding: 50px 0;
margin:0 auto;
}

div#contents p {
margin-bottom: 0px;
}



/*=======================
#content1
=======================*/
#content1 h2 img{
    padding: 70px 0 70px 0;
}
#content1 p img{
    padding-top: 50px;
    text-align: center;
}
.txt{
    padding-top: 65px;
    text-align: center;
}

/*=======================
#content2
=======================*/
#content2{
    background: #FF0A3C;
}
#content2 p{
    text-align: center;
    color: #fff;
    padding-top: 0px;
}

.h2_img {
    padding-top: 10px;
}
.h2_img_2 {
    padding: 40px 0;
}
    
/*=======================
#content3
=======================*/
#content3{
    background: #F5E707;
    padding-bottom: 70px;
}

.pc3_ttl{
	text-align: center;
}
.h2_img_3 {
    padding-top: 110px;
    text-align: center;
}

#content3 h2{
    padding-top: 110px;
}
#content3 h3{
    padding: 75px 0 50px 0;
}
#content3_box{
    width: 1000px;
    background: #fff;
    padding: 60px 0 60px 0;
    border-radius: 25px;
margin-top: -20px;
}
#content3 table{
    width: 845px;
    margin: 0 auto 0 auto;
    text-align: left;
    padding-bottom: 70px;
}
#content3 table tr th{
    width: 145px;
    vertical-align: top;
}

#content3 table th {
padding-top: 5px;
}

.tbl_inner{
    padding: 50px 0;
}
#content3 table tr td em{ 
    font-style: normal;
    color: #FF0A3C;
}
#content3_btn{
    padding-top: 60px;
    text-align: center;
}
/*=======================
#content4
=======================*/
#content4{
    background: #FFC900;
}
.content4_inner{
	max-width:1000px;
	margin:0 auto 0 auto;
}


}