@charset "utf-8";

@import "print.css";


*{
    margin: 0px;
	padding: 0px;
}


img{border: 0;}

a {outline: none;}

ul,ol { list-style-type: none;}

A:link{color:#000;text-decoration:underline}
A:visited{color:#000;text-decoration:none;}
A:active{color:#000;text-decoration:none;}
A:hover{color:#ffa200;text-decoration:none;}

table{
	border-collapse:collapse;
}

input{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "HGPｺﾞｼｯｸE";
}

body{
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "HGPｺﾞｼｯｸE";
	font-size: 15px;
}

#wrapper{
	margin: 0 auto;
	width: 100%;
	text-align: left;
}


::selection{
	background: #0071ad;
	color: #FFF;
}
::-moz-selection{
	background: #0071ad;
	color: #FFF;
}

@media screen and (max-width: 979px) {
.wrapper{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
}
@media screen and (max-width: 768px){
#topcontrol{
	display: none;
}
.sp{
	display: block;
}
.pc{
	display: none;
}
#wrapper{
	background: #FFF;
}
}





/*section
************************************************************************************/
section{
	padding-left: 30px;
	padding-right: 30px;
}
.section{
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto;
	text-align: left;
}

.section:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .section{
    height: 1em;
}
.section{
    display: block;
}
/* ▲ */
/* for IE7 */
*:first-child+html .section{
	zoom:1;
}

.section_box{
	border: 1px solid #666;
	margin: 15px 0px;
}


.section_border{
	border-bottom: 1px solid #000;
}
.section_border.white_base{
	border-bottom: 1px solid #FFF;
}

.section_innner{
	padding-bottom: 15px;
	margin-bottom: 15px;
}


.text{
	padding: 10px;
	line-height: 1.6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
	word-wrap:break-word;
}
.text20{
	padding: 20px;
	line-height: 1.6;
}
.text p,
.text20 p{
	padding: 0 0 1em 0;
}
.text p:last-child,
.text20 p:last-child{
	padding: 0;
}
.text:after,
.text20:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .text,
* html .text20{
    height: 1em;
}
.text,
.text20{
    display: block;
}
*:first-child+html .text,
*:first-child+html .text20{
	zoom:1;
}


/*itemBox
----------------------------------------------------------------------*/
.itemBox{
	margin: 30px 0;
}
.itemBox.nomargin{
	margin: 0 0 30px 0;
}
.itemBox ul,
.itemBox .frameBox{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: left;
	justify-content: left;
}
.itemBox ul li,
.itemBox .frameBox .inframe{
	display: block;
	padding: 10px;
	margin: 2px 0.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.itemBox ul li.pdno{
	padding: 0;
}

.itemBox .item1{
	width: 99%;
}
.itemBox .item2{
	width: 49%;
}
.itemBox .item3{
	width: 32%;
}
.itemBox .item4{
	width: 24%;
}
.itemBox .item5{
	width: 19%;
}
.itemBox .box{
	border: 1px solid #e6e6e6;
}
.itemBox .line{
	border-right: 1px solid #e6e6e6;
}
.itemBox .none{
	border: 0;
}

.itemBox .image{
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
}
.itemBox .image img{
	width: 100%;
	height: auto;
}
.itemBox .image img.border{
	border: 2px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.itemBox .caption{
	text-align: center;
	padding: 0;
	word-break: break-all;
	word-wrap:break-word;
}
.itemBox .cmt{
	text-align: left;
	padding: 7px 0 0 0;
	word-break: break-all;
	word-wrap:break-word;
}


/*table*/

table.normal{
	width: 100%;
	margin: 20px auto;
	border-collapse:collapse;
	border: 1px solid #CCC;
}

table.normal th{
	padding: 10px 15px;
	text-align: left;
	border: 1px solid #CCC;
	background: #1a8bab;
	color: #FFF;
}
table.normal thead th{
	background: #333;
	color: #FFF;
	text-align: center;
}
table.normal th.nobold{
	font-weight: normal;
}

table.normal td{
	padding: 10px 15px;
	border: 1px solid #CCC;
	word-break: break-all;
	word-wrap:break-word;
}


table.line_btm{
	width: 100%;
	margin: 0 auto 1em auto;
	border-collapse:collapse;
	border-top: 1px solid #000;
}

table.line_btm th{
	padding: 20px 10px;
	text-align: left;
	border-bottom: 1px solid #000;
}
table.line_btm th.sttl{
	background: none;
}

table.line_btm td{
	padding: 20px 10px;
	border-bottom: 1px solid #000;
}


/**/
dl.normal dt{
	font-weight: 600;
	font-size: 16px;
	margin: 0 0 10px 0;
}
dl.normal dd{
	margin: 0 0 20px 0;
}

/**/
.divTable{
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 5px 0;
}
.divTable .cell{
	display: table-cell;
}
.divTable .cell.top{
	vertical-align: top;
}
.divTable .cell.middle{
	vertical-align: middle;
}
.divTable .cell.bottom{
	vertical-align: bottom;
}



span.br{}
span.spbr{}
a.tel{}
@media screen and (min-width: 980px) {
span.br{
	display: block;
	text-indent: -9999px;
	height: 0;
	font-size: 0;
}
a.tel{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #222222;
}
span.space1em{
	width: 1em;
	display: inline-block;
	margin: 0;
	padding: 0;
}
}

@media screen and (max-width: 979px) {
a.tel{
	text-decoration: underline;
	pointer-events: auto;
	cursor: pointer;
}
span.br{
	display: inline;
	text-indent: 0;
	height: auto;
}
span.spbr{
	display: block;
}
}
@media screen and (max-width: 768px){

}

/*text
************************************************************************************/
.textCenter{
 text-align:center;
}
.textRight{
 text-align:right;
}
.textLeft{
 text-align:left;
}
.smidashi{
	font-weight: bold;
	font-size: 17px;
}
.bold{
	font-weight: bold;
}


/* -- float -- */
.rf10{float:right; margin-left:10px;}
.rf15{float:right; margin-left:15px;}
.lf15{float:left; margin-right:15px;}
.rf{float:right;}
.lf{float:left;}



/*list
----------------------------------------------------------------------*/
/*number*/
ul.number{
	list-style-type: decimal;
	margin-left: 30px;
}

ul.number li{
	margin: 5px 0;
	background: none;
	padding: 0;
	list-style-type: decimal;
}
/*number circle*/
ol.number{
	counter-reset:number;
	list-style:none;
	margin:0;
	padding:0;
}

ol.number li{
	margin: 15px 0;
	background: none;
	padding: 0;
	list-style-type: none;
}

ol.number li:before {
	counter-increment: number;
	content: counter(number);
	float: left;
	background: #050a50;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	line-height: 2.0;
	margin: -0.3em 7px 0 0;
}
ol.number li p,
ol.number li div{
	overflow: auto;
	zoom: 1;
	margin: 0 !important;
	padding: 0 !important;
}


ol.number li ul li:before {
	counter-increment: none;
	content: normal;
	float: none;
	background: none;
	width: auto;
	height: auto;
	color: #FFF;
	text-align: center;
	line-height: 1.5;
	margin: 0;
}
ol.number li ul li{
	margin: 0 0 5px 0;
}

/**/
ul.square{
	counter-reset: none;
	list-style-type: square;
	margin-left: 1em;
	margin-top: 5px;
}
ul.square li{
	margin-bottom: 5px;
	background: none;
	padding: 0;
	list-style-type: square;
}

ul.square li p{
	padding: 0;
}

/*icon*/
ul.ar_black{
	margin-bottom: 1em;
}
ul.ar_black li{
	background: url(../img/ar_black.svg) no-repeat left 0.4em !important;
	-moz-background-size: 10px auto !important;
	-webkit-background-size: 10px auto !important;
	background-size: 10px auto !important;
	padding: 0 0 0 15px !important;
	margin: 3px 0;
	border: 0 !important;
	width: auto !important;
}


ul.pdf li,
a.pdf{
	background: url(../img/icon_pdf.svg) no-repeat left 0.2em;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	padding: 0 0 0 25px; 
}
ul.pdf li{
	margin: 5px 0;
}
ul.pdf.inline li{
	display: inline-block;
	padding: 0 1em 0 25px;
}

.btn_pdf{
	border: 1px solid #ea4c3a;
	border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	display: inline-block;
	margin: 15px 0;
	padding: 0 0 0 1.5em !important;
	background: #FFF;
}

.btn_pdf:hover{
	background: #ffae95;
}
.btn_pdf a{
	background: url(../img/icon_pdf.svg) no-repeat left 0.85em;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	padding: 10px 1.5em 10px 25px;
	display: block;
	color: #ea4c3a;
	font-weight: bold;
	text-decoration: none;
}
.btn_pdf:hover a{
	color: #FFF;
}


ul.word li,
a.word{
	background: url(../img/icon_word.svg) no-repeat left 0.2em;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	padding: 0 0 0 25px; 
}

ul.excel li,
a.excel{
	background: url(../img/icon_excel.svg) no-repeat left 0.2em;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
	background-size: 17px auto;
	padding: 0 0 0 25px; 
}
ul.pdf li{
	margin: 5px 0;
}

a.outlink:after{
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(../img/icon_outlink.svg);
	-moz-background-size: 13px auto;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
	background-size: contain;
	vertical-align: middle;
	margin-left: 0.5em;
}


ul.inline li,
ol.inline li{
	display: inline-block !important;
	margin: 5px 1.5em 5px 0;
}

.valign{
	vertical-align: middle !important;
}
img.valign{
	margin: 0 5px;
}

img.icon{
	width: 15px;
	height: auto;
	vertical-align: middle;
	margin: 0 10px;
}


.imp{
	border-bottom: 1px solid #ea4411;
	color: #ea4411;
}




/*clearfix
************************************************************************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
* html .clearfix{
    height: 1em;
}
.clearfix{
    display: block;
}
*:first-child+html .clearfix{
	zoom:1;
}

/*form
----------------------------------------------------------------------*/
.form td li{
	display: inline-block;
	padding: 0 15px 0 0;
}


.form input{
	margin: 1px;
	padding: 10px;
	border: 0;
}

.form input[type=text],
.form input[type=tel],
.form input[type=email],
.form input[type=password]{
	width: 450px;
	background: #f1f1f1;
}

.form input.m[type=text],
.form input.m[type=tel]{
	width: 200px;
	background: #f1f1f1;
}

.form input.s[type=text],
.form input.s[type=tel]{
	width: 100px;
	background: #f1f1f1;
}

.form input.zip{
	width: 100px;
	background: #f1f1f1;
	padding: 5px;
}


.form textarea{
	width: 500px;
	height: 150px;
	padding: 10px;
	background: #f1f1f1;
	border: 0;
}

.form select{
	padding: 10px;
}

.btnSend{
	text-align: center;
	padding: 20px 0;
}

.btnSend input[type=submit]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 40px;
	background: #666;
	color: #FFF;
	border: 1px;
	cursor: pointer;
	margin: 0 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:2px 2px 0px #c9c9c9;
	-moz-box-shadow:2px 2px 0px #c9c9c9;
	-webkit-box-shadow:2px 2px 0px #c9c9c9;
}

.btnSend input[type=reset],
.btnSend input[type=button],
.btnSend input.back{
	padding: 20px 40px;
	background: #666;
	color: #FFF;
	border: 1px;
	cursor: pointer;
	margin: 0 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:2px 2px 0px #c9c9c9;
	-moz-box-shadow:2px 2px 0px #c9c9c9;
	-webkit-box-shadow:2px 2px 0px #c9c9c9;
}



/*inpage
************************************************************************************/
#inpage ul.list{
	border-top: 1px solid #ededed;
}
#inpage ul.list li{
	width: 100%;
	display: table;
	padding: 15px 0;
	border-bottom: 1px solid #ededed;
	line-height: 1.5;
}
#inpage ul.list li .date{
	width: 8em;
	display: table-cell;
	vertical-align: top;
	font-weight: bold;
	padding: 0;
}
#inpage ul.list li .cmt{
	display: table-cell;
	vertical-align: top;
	padding: 0;
}
#inpage .text ul.list li .cmt p{
	padding: 0 0 0.4em 0;
}
#inpage .text ul.list li .cmt p:last-child{
	padding: 0;
}
#inpage ul.list li .cmt ul.square,
#inpage ul.list li .cmt ul.square li{
	border: 0;
	padding: 0;
	width: auto;
	display: block;
}

#inpage .btn_logout{
	margin: 2em auto;
	text-align: center;
}
#inpage .btn_logout a{
	background: #e0a970;
	display: block;
	width: 250px;
	text-align: center;
	text-decoration: none;
	color: #333;
	padding: 15px 0;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: auto;
}


/*page_details
************************************************************************************/
.page_details h1{
	font-size: 21px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
}

.page_details .movie{
	text-align: center;
}
@media screen and (max-width: 719px) {
.page_details .movie video{
	width: 100%;
	height: auto;
}
}