@charset "utf-8";

/* setting
-------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a, section{
	box-sizing:border-box;
}
body{
	overflow-x:hidden;
	font-size: 86%;
	line-height: 1.8;
}
img{
	max-width: 100%;
	height:auto;
	vertical-align:bottom;
}
.clear:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear:after{
	content:" ";
	display:block;
	clear:both;
}
a:link,
a:visited,
a:hover,
a:active{
	color:#333;
}
a:hover{
	text-decoration:none;
}
a.hover:hover{
	opacity: .8;
}
h3 {
	margin-top:0;
}

/* common
-------------------------------------*/
#wraps{
	overflow:hidden;
}
/*page-top*/
.fa {
	display: inline-block;
	padding-top: 15px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
	opacity: 0.6;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 50%
}

.floatR{
	float:right;
}
.floatL{
	float:left;
}
.links{
	text-align:center;
	margin:3% 0 0;
}
.links:first-child{
	margin-top:0;
}
.links a{
	display:block;
	border-radius:8px;
	padding:4% 6%;
	background-color:#453828;
	color:#fff;
	box-shadow: 0 4px #ddd;
	width: 80%;
	margin: 0 auto;
}
.linked{
	font-weight: bold;
}
a.linked:link,
a.linked:visited,
a.linked:hover,
a.linked:active{
	color:darkblue;
}
.pc { display: none; }
.small{
	font-size:86%;
}
.Center{
	text-align: center;
}
.yellow{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.thumbs{
	margin: 1em 0 0;
}
.thumbs_02{
	margin: 2em 0 0;
}
.head{
	margin: 0 0 1em;
}
.desc{
	margin: .5em 0 0;
}
.desc_02{
	margin: 1em 0 0;
}
.lead{
	margin: 0 0 1em;
	font-size: 1.3em;
}
.sub_lead{
	margin: 0 0 .5em;
	font-size: 1.2em;
	font-weight: bold;
	color:#185ca8;
}
table{
    width: 100%;
}
table tr{
    border: 1px solid #ccc;
}
table tr th,table tr td{
    padding:.5em;
}
table tr th{
    background-color: #eee;
}

/*header*/
header{
	padding: .5em 0 .8em;
}
.logo{
	text-align: center;
}
.logo img{
	width:30%;
}
/*unit_04*/
.unit_04 .cover{
	background: #daf8ff;
	padding: 2em;
}

/*unit_05*/
.unit_05 .cover{
	padding: 2em 1.5em;
}

/*unit_06*/
.unit_06 .cover{
	background: #daf8ff;
	padding: 2em 1.5em;
}
.unit_06 .sub_lead{
	margin: 1em 0 .5em;
}
/*unit_07*/
.unit_07 .cover{
	padding: 0 1.5em;
}
/*unit_08*/
.unit_08 .cover{
	padding: 1em 1.5em 2em;
	background: #fd81c2 url(../images/sp/bg_sp_08.gif) no-repeat left top;
	background-size: contain;
}
.unit_08 .lists li{
	float: left;
	width: 44%;
	text-align: center;
	margin: .8em .5em 0;
}
.unit_08 .lists li img{
	margin: 0 0 .3em;
}

.unit_08 .comment{
	margin: 2em 0 0;
	background: #fff;
	padding: 1.5em;
	border-radius: 8px;
}
.unit_08 .comment .pro{
	text-align: center;
	margin: 0 0 1em;
}
.unit_08 .comment .pro img{
	width: 80%;
	margin: 0 0 .3em;
}
.unit_08 .comment .sub_lead{
	color:#ff1c90;
}

/*unit_10*/
.unit_10 .cover{
	padding: 2em 1.5em;
}

/*unit_11*/
.unit_11 .cover{
	background: #daf8ff;
	padding: 2em;
}
.unit_11 .unit_11a{
	padding: 1.5em 2em 0;
	text-align: center;
}
.unit_11 .unit_11a li img{
	margin: 0 0 .3em;
}
.unit_11 .unit_11a li{
	margin: 0 0 .8em;
}
.unit_11 .unit_11a li:last-child{
	margin: 0;
}
.unit_11 .unit_11b dt{
	margin:0 0 1.5em;
}
.unit_11 .unit_11b dd{
	margin:1.5em 0 0;
}
.unit_11 .unit_11b dd:first-child{
	margin:0;
}
.unit_11b,.unit_11c{
	margin: 2.5em 0 0;
}
.unit_11 .unit_11c .sub_lead{
	text-align: center;
}
.unit_11 .unit_11c dd{
	float: left;
	width: 48%;
	margin: 0 .8em .8em 0;
}
.unit_11 .unit_11c dd:nth-child(odd){
	margin: 0 .0 .8em 0;
}
.unit_11 .unit_11c dd:last-child{
	clear:both;
	width: 100%;
}


/*PC用（画面サイズ992px以上～）*/
@media only screen and (min-width: 992px) {
body{
	font-size: 116%;
}
.sp { display: none; }
.pc { display: block; }
.bg_cam { background: url(../images/campaign.jpg) no-repeat 50% 0; height: 616px; text-align: center;}
.bg_cs_01 { background: url(../images/pc_cs_01.jpg) no-repeat 50% 0; height: 797px; text-align: center;}
.bg_01 { background: url(../images/pc_01.jpg) no-repeat 50% 0; height: 1168px; padding: 1030px 0 0; text-align: center;}
.bg_02 { background: url(../images/pc_02.jpg) no-repeat 50% 0; height: 813px;}
.bg_03 { background: url(../images/pc_03.jpg) no-repeat 50% 0; height: 773px;}
.pc_floatL{
	float: left;
}
.pc_floatR{
	float: right;
}
.head{
	text-align: center;
}
table{
    width: 50%;
    margin: 0 auto;
}

/*header*/
.logo img{
	width:15%;
}
/*unit_04*/
.unit_04{
	background: #fff url(../images/bg_blue.gif) repeat-y center top;
}
.unit_04 .bg_04 { background: url(../images/pc_h_04a.gif) no-repeat 50% 0; height: 109px;}
.unit_04 .cover{
	padding: 2em 3em;
	width: 960px;
	margin: 0 auto;
}
.unit_04 .pc_inner_a{
	padding: 0 5em;
	margin: 0 0 1.5em;
}
.unit_04 .pc_inner_a .lead{
	margin: 0;
	padding: .3em 0 0 7.5em;
}
.unit_04 .pc_inner_b .pc_floatL{
	width: 480px;
}

/*unit_05*/
.unit_05 {
	background: #fff url(../images/bg_pc_05.gif) no-repeat center bottom;
}
.unit_05 .bg_05a { background: url(../images/pc_h_05.jpg) no-repeat 50% 0; height: 317px;}
.unit_05 .bg_05b { background: url(../images/pc_thumbs_05a.jpg) no-repeat 50% 0; height: 172px;}

.unit_05 .cover{
	padding: 2em 3em 5em;
	width: 960px;
	margin: 0 auto;
}
.unit_05 .desc{
	margin: 1em 6em 0;
}
/*unit_06*/
.unit_06{
	background: #fff url(../images/bg_blue.gif) repeat-y center top;
}
.unit_06 .cover{
	position: relative;
	padding: 2em 3em 3em;
	width: 960px;
	margin: 0 auto;
}
.unit_06 .cover .pc_06_ill{
	position: absolute;
	top: 1%;
	left:67%;
}
.unit_06 .pc_inner{
	background: #fff;
	padding: 0 2em 2em;
}

/*unit_07*/
.unit_07 .bg_07 { background: url(../images/pc_h_07.gif) no-repeat 50% 0; height: 144px;}

.unit_07{
	background: #fff url(../images/bg_pc_07.jpg) no-repeat center bottom;
	min-height: 700px;
}
.unit_07 .cover{
	padding: 0 3em;
	width: 960px;
	margin: 0 auto;
}

/*unit_08*/
.unit_08{
	background: url(../images/pc_bg_08.gif) no-repeat center top;
}
.unit_08 .bg_08 { background: url(../images/pc_h_08a.gif) no-repeat 50% 0; height: 158px;}

.unit_08 .cover{
	width: 960px;
	padding: 1em 1.5em 3em;
	margin: 0 auto;
	background:none;
}
.unit_08 .lists li{
	width: 22%;
}
.unit_08 .comment{
	background: rgba(255,255,255,0.8);
	padding: 2em 2em 1.5em;
}
.unit_08 .comment .pro{
	font-size: 86%;
	margin: 0;
}
.unit_08 .comment .pro img{
	width: 100%;
}
.unit_08 .pc_floatR{
	width: 64%;
}
.unit_08 .pc_floatL{
	width: 32%;
}

/*unit_09*/
.unit_09 .bg_09 { background: url(../images/pc_09.gif) no-repeat 50% 0; height: 374px;}
/*unit_10*/
.unit_10 .desc{
	width: 700px;
	margin: 2em auto 0;
}

/*unit_11*/
.unit_11{
	background: #fff url(../images/bg_blue.gif) repeat-y center top;
}
.unit_11 .cover{
	padding: 2.5em 3em 2em;
	width: 960px;
	margin: 0 auto;
}
.unit_11 .bg_11a { background: url(../images/pc_h_11a.gif) no-repeat 50% 0; height: 191px; background-size: 100%;}
.unit_11 .bg_11b { background: url(../images/pc_h_11b.gif) no-repeat 50% 0; height: 124px; background-size: 100%;}
.unit_11 .unit_11a li{
	float: left;
	margin: 0 1em 0 0;
	width:31%;
}
.unit_11 .unit_11a li:last-child{
	margin: 0;
}
.unit_11b, .unit_11c{
	margin: 3em 0 0;
}
.unit_11 .unit_11b dd{
	float: left;
	margin: 0 1em 0 0;
	width:47%;
}
.unit_11 .unit_11b dd:last-child{
	margin: 0;
}
.unit_11 .unit_11c dd{
	float: left;
	width: 23%;
	margin: 0 .8em 0 0;
}
.unit_11 .unit_11c dd:nth-child(odd){
	margin: 0 .8em 0 0;
}
.unit_11 .unit_11c dd:last-child{
	margin: 1em 0 0;
}


/*#page-top */
#page-top {
	font-size: 65%;
}
}