@charset "utf-8";
/* ===================================================================
 style info : 個別のスタイル設定
=================================================================== */
 p{	text-indent: 0em;	color: #333333;	font-size:123.1%;	line-height:1.8em;}
img{	height:auto!important;}
.ie7_anon{	height:0;}

figure{	display:block;}
figure + figure{	margin-top:10px;}
figcaption{	display:block;	font-size:123.1%;	color:#1F1F1F;	padding:18px 10px;}

@media screen and (max-width: 640px){
	p{	font-size:100%;}
	div,section,ul,ol,li,a,table,tr,th,td,input,dt,dd{	-moz-box-sizing: border-box;	box-sizing:border-box;}
}

.lt-ie7 .sp,.lt-ie8 .sp{	display:none!important;}
@media screen and (max-width: 640px){
	.pc{	display:none!important;}
	.pc-fR,
	.pc-fL{	float:none;}
}

@media screen and (min-width: 641px){
	.sp{	display:none!important;}
	.pc-fR{	float:right;}
	.pc-fL{	float:left;}
}

.sansserif{	font-family: "游ゴシック", YuGothic,'Lucida Grande', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
.lh15{	line-height:1.5em!important;}
/* ------------------------------------------------------ *
	header
 * ------------------------------------------------------ */
.header-std{	display:block;	height:600px;	background:center center no-repeat;	background-size:cover!important;	position:relative;}
	.header-std > h2{	text-align:center;	font-size:50px;	letter-spacing:0.3em;	color:#FFFFFF;}
	
	.papercontainer .header-std{	background-image:url(../img/bg-papercontainer-header.jpg);}
	.package .header-std{	background-image:url(../img/bg-package-header.jpg);}
	.outline .header-std{	background-image:url(../img/bg-outline-header.jpg);}
	.inquiry .header-std{	background-image:url(../img/bg-inquiry-header.jpg);}
	@media screen and (max-width: 640px){
		.header-std{	height:200px;}
			.header-std > h2{	font-size:25px;}
	}

/* ------------------------------------------------------ *
	bg
 * ------------------------------------------------------ */
.bg01{	background:url(../img/bg01.png) repeat!important;}
.bg02{	background:url(../img/bg02.png) repeat!important;}
.bg03{	background:url(../img/bg03.png) repeat!important;}
.bg04{	background:url(../img/bg04.png) repeat!important;}
.bg05{	background:url(../img/bg05.png) repeat!important;}

.nobg{	background: none!important;}

/* ------------------------------------------------------ *
	a
 * ------------------------------------------------------ */
 [class^="btn-ghost"]{	display:block;	margin:0 auto;	color:#FFF!important;	text-align:center; border-radius:5px;}
	.btn-ghost01{	font-size:138.5%;	height:50px;	line-height:50px;}
	.btn-ghost02{	font-size:108%;		height:40px;	line-height:40px;}
	.btn-ghost03{	font-size:108%;		height:40px;	line-height:40px;	margin: 1rem 0;	border: 1px solid #DDDDDD;}
.arrow01{	position:relative;}
	.arrow01:after{	content:"";	display:block;	background:url(../img/icon-arrow01.png) no-repeat;	height:17px;	width:9px;	position:absolute;	right:20px;	top:50%;	margin:-8px 0 0 0;}
.blank01:after{	content:url(../img/icon-blank01.png);	height:18px;	width:21px;;}
	@media screen and (max-width: 640px){
		.btn-ghost01{	font-size:108%;	height:40px;	line-height:40px;}
		.btn-ghost02{	font-size:93%;		height:30px;	line-height:30px;}
		.btn-ghost03{	font-size:93%;		height:30px;	line-height:30px;	border: 1px solid #DDDDDD;}
	}
/* ------------------------------------------------------ *
	box
 * ------------------------------------------------------ */
.inner01{	max-width:980px;	margin:0 auto;}
	@media screen and (max-width: 640px) {
		.inner01{	margin:0 10px;}
	}

.block{	display:block;}
.inline{	display:inline-block;}
.overhide{	overflow:hidden;	padding-bottom:20px;}
.hide{	display:none;}
.table > *,
.cell{	display:table-cell;}

.relativeBox{	position:relative;}
.absolute{	left:0;	top:0;	position:absolute;}
[class^="absolute-"]{	position:absolute;}
	.absolute-lt{	left:0;	top:0;}
	.absolute-rt{	right:0;	top:0;}
	.absolute-lb{	left:0;	bottom:0;}
	.absolute-rb{	right:0;	bottom:0;}
	.absolute-c{	left:50%;	top:50%;}
	.absolute-d{	left:50%;	top:50%;}
	.absolute-lc{	left:0;	top:50%;}
	.absolute-rc{	right:0;	top:50%;}
	.absolute-b{	left:0;	bottom:0;	margin:0;}
	.absolute-t{	left:0;	top:0;	margin:0;}

.box2column > *{	width:475px;	float:left;}
.box2column > *:nth-child(even){	float:right;}
	@media screen and (max-width: 640px) {
		.box2column > *{	width:100%!important;}
		.box2column > * + *{	margin-top:20px;}
	}

[class^="tile"]{	position:relative;	background:#FFF;}
	[class^="tile"] img{	width:100%;}
	[class^="tile"] > *{	display:block;	width:50%; float:left;}
	.tileR > *{ float:right;}
	[class^="tile"] .box{	position:absolute;	left:50%;	top:50%;	width:510px;	max-width:94%;}
	[class^="tile"] .box img{	width:100%;}
	@media screen and (max-width: 640px){
		[class^="tile"] > *{	width:100%;	height:auto!important;}
		[class^="tile"] .box{	margin:10% 3%!important;	position:static;	width:auto;}
	}

/* ------------------------------------------------------ *
	h
 * ------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{	font-weight:normal;	color:#333333;}

.h-txt01{	font-size:182%;	padding-bottom:10px;border-bottom:solid 2px #B9B1A6;line-height:1.2em;}
.h-txt02{	display:block;	font-size:32px;	margin-bottom:40px;	line-height:1.5em;}
.h-txt03{	display:block;	height:50px;	line-height:50px;	font-size:18px;	margin-bottom:30px;	color:#FFF;	border-radius:5px;	text-align:center;}
.h-txt04{	font-size:182%;	margin-bottom:40px;	line-height:1.5em;	text-align:center;}
.h-txt05{	display:block;	font-size:32px;	text-align:center;	margin-bottom:40px;	padding-bottom:10px;	background: url(../img/bg-papercontainer-list.png) 0 bottom repeat-x;}
.h-txt06{	display:block;	font-size:153.9%;	padding-bottom:10px;	border-bottom:solid 1px #333333;	font-family: "游ゴシック", YuGothic,'Lucida Grande', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
.h-txt07{	display:block;	font-size:24px;	text-align:center;	margin-bottom:20px;	padding-bottom:10px;	background: url(../img/bg-papercontainer-list.png) 0 bottom repeat-x;}

@media screen and (max-width: 640px){
	/*.h-txt01{	font-size:108%;	padding-bottom:5px;}*/
	.h-txt01{	font-size:138.5%;	padding-bottom:5px;}
	.h-txt02{	font-size:16px;	margin-bottom:20px;}
	.h-txt03{	height:40px;	line-height:40px;	font-size:116%;}
	.h-txt04{	font-size:138.5%;	margin-bottom:20px;	}
	.h-txt05{	font-size:138.5%;	margin-bottom:20px;}
	.h-txt06{	font-size:116%;	padding-bottom:5px;	border-bottom:solid 1px #333333;}
}
/* ------------------------------------------------------ *
	ul ol
 * ------------------------------------------------------ */
[class^="ul-block"] li{	display:block;	list-style:none;}
	.ul-block01 li + li{	margin-top:10px;}

[class^="float0"] li{	display:block;	list-style:none;	float:left;}
	.float01 li{	width:306px;}
	.float01 li + li{	margin-left:31px;}
	.float02 li{	width:240px;}
	.float02 li + li{	margin-left:10px;}

	[class^="float0"] li.return{	margin-left:0;}
	
.ul-2column > li{	display:block;	list-style:none;	float:left;	width:49%;	position:relative;}
	.ul-2column > li:nth-child(even){	float:right;}
	.ul-2column > li img{	width:100%;}
	.ul-2column > li+li+li{	margin-top:2%;}
	.ul-2column p{	display:block;	padding:0.7em 1em;	letter-spacing:0.2em;	background:#333333;	color:#FFF!important;	font-size:18px!important;	margin-top:-1.2em;}

.sns { width: 100%; margin: 0 auto; text-align: center; margin-top: 1rem; max-width: 143px;}
.sns ul li { float: left; list-style: none; width: 30px; margin-right: 10px; }
.sns ul li:first-child { width: 43px; margin-left: 10px; }

@media screen and (max-width: 640px){
	.float0 img,
	[class^="float01"] img,
	.ul-2column img{	width:100%;}
	[class^="float0"] li,
	.ul-2column li{	width:100%;	margin:0 0!important;}
	.float0 li +li,
	[class^="float01"] li + li,
	.ul-2column li + li{	margin-top:10px!important;}
	[class^="float02"] li{	margin-bottom:10px!important;}
	
	.ul-2column p{	font-size:16px!important;}
}

/* ------------------------------------------------------ *
	dl
 * ------------------------------------------------------ */
.dl01{	font-size:108%;	line-height:1.3em;}
.dl01 dt{	margin-bottom:5px;	padding-bottom:5px;	font-weight:bold;	border-bottom:solid 1px #333333;}
.dl01 dd + dt{	margin-top:17px;}
.dl01 .dl09 dt { border: none!important; }
.dl01 span{	display:block;	font-size:1.7em;	line-height:1.8em;}
	@media screen and (max-width: 640px){
		.dl01{	font-size:100%;}
		.dl01 span{	font-size:1.4em;}
	}

.dl02{	font-size:123.1%;	line-height:1.3em;	color:#444444;}
.dl02 dt{	margin-bottom:10px;		font-weight:bold;}
.dl02 dd + dt{	margin-top:30px;}
	@media screen and (max-width: 640px){
		.dl02{	font-size:93%;	margin:0 10px;}
		.dl02 dt{	margin-bottom:5px;}
		.dl02 dd + dt{	margin-top:15px;}
	}

@media screen and (max-width: 640px){
    .dl-news {	max-height: 250px;	}
}


/* ------------------------------------------------------ *
	table
 * ------------------------------------------------------ */
 table{	width:100%;}
 .table01 > tbody > tr > *{	text-align:left;	border-bottom:solid 20px #F9F9F7;}
	 .table01 > tbody > tr > th{	font-size:138.5%;	vertical-align:middle;	padding-left:20px;	background:#EEEEE8;	padding:20px 0 20px 20px;	width:160px;}
	 .table01 > tbody > tr > td{	padding-left:40px;	position:relative;}
	 .table01 > tbody > tr > td:after{	content:"";	display:block;	background:#333333;	height:100%;	width:1px;	position:absolute;	left:20px;	top:0;}
	 .table01 > tbody > tr > td > *{	margin:20px 0;	display:block;	color:inherit;}
.table02{	width:100%;	border:solid 1px #969695;	font-size:108%;}
	.table02 > thead > tr > *,
	.table02 > tbody > tr > *{	padding:15px 7px;	color:#333333;	text-align:left;	line-height:1.5em; vertical-align:top;	border:solid 1px #969695; border-bottom:dotted 1px #969695;	border-top:none;}
	.table02 th{ font-weight:bold;	text-align:center;}
	.table02 > thead > tr > th{	text-align:center;	border:solid 1px #969695;}
.table03{	width:100%;	border-bottom:dotted 1px #969695;	font-size:108%;}
	.table03 > tbody > tr > *{	padding:15px 0;	color:#333333;	text-align:left;	line-height:1.5em; vertical-align:top;	border-bottom:dotted 1px #969695;}
	.table03 th{ font-weight:bold;	width:15%;}
	
 
	@media screen and (max-width: 640px) {
		.table01 > tbody > tr > *{	font-size:100%!important;	display:block;	border:none!important;	float:none;	padding:10px!important;	width:100%!important;}
			.table01 > tbody > tr > td:after{	display:none;}
			 .table01 > tbody > tr > td > a{	margin:0;}
		.table02 > thead > tr > *,
		.table02 > tbody > tr > *{	padding:5px;	font-size:77%;}
		.table03 > tbody > tr > *{	padding:5px!important;		font-size:77%;}
			.table03 > tbody > tr > th{	white-space:nowrap;}
		/*
		.table03{	border-bottom:none;	font-size:93%;}
		.table03 > thead > tr > *,
		.table03 > tbody > tr > *{	display:block;	float:none;	padding:10px!important;	width:100%!important;}*/
	}
	
[class^="table-form"]{	border-collapse: separate;	border-spacing:30px 20px;	vertical-align:middle;	font-size:123.1%; color:#444444;}
	[class^="table-form"] tr > *{	text-align:left;	font-weight:normal;	font-size:100%;	line-height:1.5em;	min-width:265px;	padding:0 0 20px;	border:none;}
	[class^="table-form"] th{	border-bottom:dotted 1px #403000;	font-weight:bold;}
	[class^="table-form"] td{	border-bottom:solid 1px #403000;	vertical-align:middle;}
	[class^="table-form"] td textarea{	min-height:150px;	display:block;}
	[class^="table-form"] td label{	padding:15px 2%!important;}
	.table-form .end > *{		border-bottom:none;	padding:0 0;}
	.table-form .required:after{	content:url(../img/icon-required.png);	width:50px;	height:20px;	float:right;}
	
	@media screen and (max-width: 640px) {
		[class^="table-form"]{	border:none;	font-size:93%;	width:100%;	display:block;	margin:0 auto;	border-collapse:collapse;	border-spacing: 0;-webkit-box-sizing:border-box;	box-sizing:border-box;}
		[class^="table-form"] tbody{	width:100%;	display:block;}
		[class^="table-form"] tr{	width:100%;	display:block;}
		[class^="table-form"] tr > *{	display:block;	padding:10px 0;	width:100%;	clear:both;	float:left;	background:none;	min-width:0;	-webkit-box-sizing:border-box;	box-sizing:border-box;}
		[class^="table-form"] .g-recaptcha{	padding:0;	width:300px;	position:relative;	margin:0 auto 20px;}
		[class^="table-form"] .g-recaptcha iframe{	width:100%!important;}
	}
	
.verticalM *,
.verticalM{	vertical-align:middle!important;}
.verticalT *,
.verticalT{	vertical-align:top!important;}



/* ------------------------------------------------------ *
	form
 * ------------------------------------------------------ */
.submit-box{	padding:20px 0;	text-align:center;}
.text, textarea{	-webkit-appearance: none;}
label{	display:inline-block;}
button,input[type="button"],input[type="submit"],input[type="reset"]{	display:inline-block;}
button,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{	outline:none;}
button{	padding:0;	border:none;	background-color:transparent;	margin:0 3px;}
input[type="button"],input[type="submit"],
.text, textarea{
 	/*-webkit-appearance: none;*/
	margin:2px 0;
}
input[type="checkbox"]{	margin:0 0.3em 0 0;}
input[type="radio"]{	margin:0.3em;}
input[type="tel"],
input[type="email"],
input[type="text"],
textarea{	-webkit-appearance: none;	height:30px;	line-height:30px;	width:100%;	border:1px solid #DDDDDD;	padding:0 3px;	color: #333;	background:#EEEEEE;	zoom: 1;	-webkit-box-sizing:border-box;	box-sizing:border-box;	border-radius:5px;}
	.lt-ie8 input[type="tel"],
	.lt-ie8 input[type="email"],
	.lt-ie8 input[type="text"],
	.lt-ie8 textarea{	width:100%;	border:1px solid #CCC;	padding: 3px;	color: #333;	background: #fff;	zoom: 1;	-webkit-box-sizing:border-box;	box-sizing:border-box;}
.dropdown01{	border:1px solid #CCC;	padding:5px 3px 4px;	color: #333;	border-radius:0;	background: #fff;	zoom: 1;}
	.dropdown01 optgroup{	background:#EEE;	color:#444;}
input[type="file"]{	-webkit-appearance: none;	border:1px solid #999;	padding: 3px;	color: #333;	background: #FFFFFF;	border-radius: 3px;	zoom: 1;	margin-bottom:10px;}

select:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus{	outline: none;	border: 1px solid #65AFD7;	color:#333;}
.area01{	display:block;	min-height:150px;}

/*送信ボタンの装飾*/
button,input[type="button"],
[type="submit"],
[type="reset"]{	white-space:nowrap;	border:none;	color: #FFF;	font-weight:bold;	cursor: pointer;	font-size:153.9%;  	background:url(../img/bg06.png) repeat;	zoom: 1;	vertical-align:middle;	height:70px;	line-height:70px;	padding:0 3em;	border-radius:5px;}
[type="reset"]{	color: #0072AC;	border:solid 1px #0072AC;	background:#FFF;}
input[name="submitBack"]{	color:#333;	background-color:#EEE;	margin-right:20px;}
button,input[type="button"]{	color:#333;	background:#EEE;	margin-right:20px;}
.disabled{	opacity:0.2;}

@media screen and (max-width: 640px){
	input[type="tel"],
	input[type="email"],
	input[type="text"],
	textarea{	padding:8px;}
	.dropdown01{	padding:8px;	-webkit-appearance:button;}
	button,input[type="button"],
	[type="submit"],
	[type="reset"]{	margin:20px auto;}
}
/* ------------------------------------------------------ *
	Template
 * ------------------------------------------------------ */
[class^="temp-img"] + [class^="temp-img"]{	margin-top:50px;}
[class^="temp-img"] p{	font-size:108%!important;	line-height:1.5em!important;}
[class^="temp-img"] img{	margin-bottom:5px;}
.imgC iframe{	display:block;	width:655px;	margin-bottom:5px;}
.imgC iframe{	display:block;	width:655px;	margin-bottom:5px;}
.imgC img{	display:block;	max-width:100%;	height:auto!important;	margin:0 auto;}
.imgB img{	display:block;	margin-top:30px;}

.imgR iframe,
.imgR img{	float:right;	margin-left:30px;}

.imgL iframe,
.imgL img{	float:left;	margin-right:30px;}

.imgR,
.imgL:after{	content:"";	display:table;	clear:both;}

@media screen and (max-width: 640px) {
	.imgR iframe,
	.imgR img{	width:40%;	margin-left:10px;}
	.imgL iframe,
	.imgL img{	width:40%;	margin-right:10px;}
	.imgC img,
	.imgB img{	width:100%;}
	
}

/* ------------------------------------------------------ *
	Download
 * ------------------------------------------------------ */

a[href$=".pdf"] {   
    background: url(../img/icon_pdf.png) no-repeat 0% 50%;
    padding: 5px 0 5px 30px;
    line-height: 36px;
    height: 36px;
}  
* html a.pdf{   
    background: url(../img/icon_pdf.png) no-repeat 100% 50%;  
}