@charset "utf-8";
/**********************************************
movie CSS
***********************************************/

#main {
	font-size: 1.48em;
}

#main > header {
	margin-bottom: 20px;
}

#main > header h1 {
	background: url(../../images/customer/title_icon.gif) left center no-repeat;
	background: url(../../images/customer/title_icon_mini.png) left center no-repeat\9;
	padding-left: 52px;
	color:#3e54a7;
	margin-bottom:0.5em;
}

#main > header #info{
	border-collapse:collapse;
	width:100%;
	border-spacing:0;
}

#main > header #info img{
	width:28%;
}

#main > header #info th{ padding:0; vertical-align:top;}

#main > header #info .right{text-align:right;}

#main > header #info a{
	color:#db0000;
	text-decoration:underline;
}



#panels > li#information h3 {
	background-color: #00A040;
	color:#fff;
	font-size: 1.1em;
	padding: 1px 10px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	display: inline-block;
	margin-bottom: 5px;
}


/*--------------------------------------------------------*/
/*section{margin-bottom:1.6em;}*/
#contact, #question, #commu, #relInfo {
	/*margin-bottom: 1.6em;*/
}

#commu {
	margin-top: 30px;
}

h2.type1, h3.type1 {
    border-bottom: 3px solid #EBEFEC;
    margin-bottom: 20px;
    font-weight: bold;
}
h2.type1 span, h3.type1 span {
    color: #3e54a7;
    border-bottom: 3px solid #3e54a7;
}

section .contents li{
	width:32%;
	margin-left:2%;
	margin-bottom:2%;
	float:left;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

section .rel li{
	width:31%;
	margin-left:2%;
	margin-bottom:2%;
	display:inline-block;
	vertical-align:middle;
	float:left;
	border:solid 3px #dadff3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
}

section .rel li a {
	background:url(../../images/customer/arrow03pc.gif) no-repeat right center;
}

.organize .li03 {margin-bottom: 0;}

section .faq_detail_list li a {
	display: block;
	padding: 20px 0 20px 10px;
	margin: 1px;
}

section .faq_detail_list li .two_lines {
	display: block;
	padding: 8px 0 8px 10px;
}

section .faq_detail_list li a:hover, .current {
	background:url(../../images/customer/arrow03pc.gif) no-repeat right 10px center, #dadff3;
	margin: 1px;
	text-decoration: none;
}


#faq_detail_title {
	font-size: 24px;
	color: #3e54af;
	font-weight: bold;
	margin-bottom: 20px;
}

#faq_detail_list dt,#faq_recent_detail_list dt {
	background-color: #eaecf4;
	padding: 10px;
}

#faq_detail_list dd, #faq_recent_detail_list dd {
	padding: 10px;
}

#faq_detail_list span, #faq_recent_detail_list span {
	color: #3e54af;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

#faq_detail_list p, #faq_recent_detail_list p {
	margin-left: 2.5em;

}

#faq_detail_list dt p {
	font-weight: bold;
}

#faq_detail_list dd a {
	padding: 0 15px;
	background: url(../../images/customer/link_icon.gif) no-repeat left center,  url(../../images/customer/w_icon.gif) no-repeat right center;
	color: #07a244;
}

#faq_recent_detail_list dd a {
	padding: 0 5px 0 15px;
	background: url(../../images/customer/link_icon.gif) no-repeat left center;
	color: #07a244;
}


#sitemap_link {
	padding: 0 15px;
	background: url(../../images/customer/link_icon.gif) no-repeat left center !important;
	color: #07a244;
}

.pdf_icon {
	vertical-align: middle;
}

.costomer_content {
	
}

.customer_title {
	background-color: #eaecf4 !important;
	padding: 10px;
	border-left: none !important;
}

.costomer_content h3 {
	background-color: #f3f5f4;
	border-left: 3px solid #3d51a8;
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

.customer_sub_title {
	color: #06C; font-weight: bold; font-size: 22px; margin-top: 20px; margin-bottom: 20px;
}

.costomer_content p {
	margin-bottom: 20px;
}

#teach_list li a {
	padding: 0 15px;
	background: url(../../images/customer/link_icon.gif) no-repeat left center;
}

#teach_list li a:hover {
	color: #07a244;
}

.teach_link,  .guide_link {
	display: block;
	padding: 0 15px;
	background: url(../../images/customer/link_icon.gif) no-repeat left center;
	margin-bottom: 20px;
	float: right;
}

.teach_link:hover, .guide_link:hover {
	color: #07a244;
}

.costomer_content ol {
	margin-left: 2em;
}


.costomer_content ol li {
	list-style: decimal outside;
}

.costomer_content ol li span {
	font-weight: bold;
}

.customer_txt {
	margin-top: 10px;
}

section .rel a{
	margin:1em;
	padding-right:10%;
	display:block;
}

section .rel span { width:4%; position:absolute; right:0.5em; top:30%; z-index:999;}

section .cap li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}

section .cap li a{ color: #090;}

section img{width:100%; height:auto;}

.first{clear:left; margin-left:0 !important;}

#contact .contents li{	height:300px; 	padding-bottom:1em;}

#contact .contents li h4{
	text-align:center;
	padding:1em;
	margin-bottom:2em;
	background:#3e54a7;
}

#contact .contents li p{
	text-align:center;
	width:90%;
	margin:0 auto;
}

#contact .contents li .icon{
	width:30%;
	margin-bottom:1em;
}

#contact #formBtn{background:#00A040; line-height:250%; color:#fff; text-align:left; padding-left:0.5em; width:90%}
#contact #formBtn a{background:url(../../images/customer/bg_formBtn.png) no-repeat right center; color:#fff; margin-right:  10px;}
#contact .contents .last{clear:both; width:100%; margin:0 auto 2em; text-align:center; height:inherit; padding:1em 0;}

#contact .contents .last img{width:30%;}


#contact h4 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.faq_list { margin-bottom: 0 !important;}

#question .type3{background:#e1e4f0; color:#3e54a7;margin-bottom:1em; padding: 5px;}
#question .type3 span{ font-size:100%; line-height:150%; margin-bottom:0;}
#question .contents a{ display:block; margin:0; padding:0;}
#question .contents{margin-bottom:2em;}
#question li{box-sizing:border-box; border:solid 3px #fff;}
#question .li01 a,#question .li02 a,#question .li03 a{ width: 200px; padding: 30px 0; margin: 0 auto; display: block; font-size: 18px;}


.customer_img {width: 32px; margin-right: 10px;}

#question .li01{background-color:#e6f2e2;}


#question .li02 {background:#e2eef2;}

#question .li03{background:#f0f0f0;}

#question .arrow li{
	padding:0.4em 0 0.4em 1em;
	border-bottom:dotted 2px #c7cdca;
    background:url(../../images/customer/arrow01.gif) no-repeat left center; padding-left:1em;
}
#question p.arrow{text-align:right; margin-top: 1em;}
#question p.arrow a{background:url(../../images/customer/arrow02.gif) no-repeat left center; padding-left:1em;}
#commu h2{font-size:140%; background:url(../../images/customer/arrow03pc.gif) no-repeat right center;}
#commu li{box-shadow:none;}
#commu li p{box-sizing:border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
#commu li a{margin:0; display:block; border:7px solid #fff; height:100%; line-height:3.5em;}
#commu li a span { font-size: 1em !important; }



#relInfo li a{line-height:250%;}

#organiz li { height: 85px; background: url(../../images/customer/arrow03pc.gif) no-repeat right 10px center; }
#organiz li a{ background-repeat: no-repeat; background-position:center; text-indent:-9999px; height:100%; margin:0;}
#organiz .li01 a{background-image:url(../../images/customer/organiz01.gif);}
#organiz .li02 a{background-image:url(../../images/customer/organiz02.gif);}
#organiz .li03 a{background-image:url(../../images/customer/organiz03.gif);}

.bottomBtn {
	margin-top: 30px;
	float: left !important;
}


/*--------------------------------------------------------*/


/*--------------------------------------------------------*/


@media screen and (min-width: 641px), print {
.customer_txt {text-align: center;}

section .faq_detail_list li{
	width:32%;
	margin-left:2%;
	margin-bottom:2%;
	display:inline-block;
	vertical-align:middle;
	float:left;
	border:solid 3px #dadff3 ;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
	background:url(../../images/customer/arrow03pc.gif) no-repeat right 10px center;
}

.contact_phone02_sp {
	display: none;
}
#contact .contents li a{margin-top:1em; display:block;}





.float01a .floatright {
    float: right;
    width: 48.5%;
}

.float01a .floatleft {
    float: left;
    width: 48.5%;
}

div.class1Style table.tableStyle {
    border: 1px solid #CCCCCC;
    font-size: 100%;
    width: 325px;
}

.clear {
    clear: both;
    font-size: 0;
}

.mb_30{
margin-bottom:30px;
}


table.tableStyle {
	clear: both;
	font-size: 90%;
	margin-bottom: 5px;
}

table.tableStyle th {
	background: #e9e9e9;
	border: 1px  solid #ccc;
	font-weight: bold;
	padding: 9px 10px 4px 10px;
	text-align: center;
}

table.tableStyle td {
	border: 1px  solid #ccc;
	padding: 9px 10px 4px 10px;
}

table.tableStyle .center {
	text-align: center;
}

.headingtext {
	margin-bottom: 10px;
	margin-top: 10px;
}

.sp_img {
	display: none;
}

}

@media screen and (max-width: 640px) {
#main > header h1 {
	line-height:150%;
	background-size:contain;
}

#main > header #info img {
    width: 60%;
}

section h3 { font-size:140%; background-size:contain;}

section .contents li{
	width:100%;
	margin-left:0;
	margin-bottom:1em;
	float:none;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-sizing:border-box;
	border:solid 3px #fff;
}

section .rel li{
	width:100%;
	margin-left:0;
	margin-bottom:2%;
	display:inline-block;
	vertical-align:middle;
	float:none;
	border:solid 3px #dadff3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
}
#contact .contents li{height:auto; padding-bottom:1.5em;}

#contact .contents li:before,
#contact .contents li:after {
    content:"";
    display:block;
    overflow:hidden;
}

#contact .contents li:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
#contact .contents li {
    zoom:1;
}

#contact .contents li p{
	float:right;
	width:60%;
	margin-right:1em;
}
#contact #formBtn{float:none; clear:both; margin:0 auto;}
#contact .contents li .icon{
	float:left;
	width:20%;
	margin-left:1em;
}

#contact .contents .last img {
    width: 60%;
}

#question li{padding:0.1em 0;}


section .changeSP{background:#ebefec; border-left:solid 3px #455dc2; padding-left:0.2em; line-height:200%; font-size:120%; border-bottom: none !important; padding-bottom: 2px;}
section .changeSP span{border:none;}
#question .type2{
    border-bottom: 3px solid #EBEFEC;
    font-weight: bold;
	background:none;
	padding:0;
	margin:0 0 16px;
}
#question .type2 span{
	font-weight:bold;
    color: #3e54a7;
    position: relative;
    bottom: -3px;
    border-bottom: 3px solid #3e54a7;
	display:inline-block;
}

#commu li {border:none;}
#commu .contents li p:before,
#commu .contents li p:after	{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#commu .contents p{ padding:0.2em 0;}
#commu .contents img{width:100%; float:left; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
#commu .contents p span{display:inline-block; width:50%; line-height:150%; float:right;}
#commu .contents a:after	{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#organiz li a{padding:0; background-size:90%; margin:0 10% 0 0.5em; width:auto;}
#organiz .li01 a{background-image:url(../../images/customer/organiz01sp.gif);}
#organiz .li02 a{background-image:url(../../images/customer/organiz02sp.gif);}
#organiz .li03 a{background-image:url(../../images/customer/organiz03sp.gif);}


section .faq_detail_list li{
	margin-bottom:2%;
	vertical-align:middle;
	border:solid 3px #dadff3 ;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:relative;
}

section .faq_detail_list li a {
	background:url(../../images/customer/arrow03pc.gif) no-repeat right center;
	margin-right: 10px;
}
#quality_h1 {
	display: none;
}

.contact_phone02_pc {
	display: none;
}

#contact .contents li a{display:block;}

.bottomBtn {
	width: 100%;

}

.bottomBtn a { padding-left:20px;}






.float01a .floatright, .float01a .floatleft {
	width: 100%;
}

div.class1Style table.tableStyle {
    border: 1px solid #CCCCCC;
    font-size: 100%;
    width: 325px;
}

.clear {
    clear: both;
    font-size: 0;
}

.mb_30{
margin-bottom:30px;
}


table.tableStyle {
	clear: both;
	font-size: 90%;
	margin-bottom:30px;
}

table.tableStyle th {
	background: #e9e9e9;
	border: 1px  solid #ccc;
	font-weight: bold;
	padding: 9px 10px 4px 10px;
	text-align: center;
}

table.tableStyle td {
	border: 1px  solid #ccc;
	padding: 9px 10px 4px 10px;
}

table.tableStyle .center {
	text-align: center;
}

.headingtext {
	margin-bottom: 10px;
}

.pc_img {
	display: none;
}

.teach_content {
	margin-bottom: 30px !important;
}

}

@media screen and (max-width: 1039px) {
#faq01,
#faq02,
#faq03,
#faq04 {
    margin-top:-90px;
    padding-top:90px;
}
}

/* お知らせ追加 */

#panels { position:relative;}

#panels li{ padding:3px 10px;}

#panels h3 { margin:-14px -10px 0px -10px; padding:0px;}

#panels span.list a{ display: block; height: 24px; line-height:24px; padding:0 10px 0 21px; color: #FFF; background:url(/assets/images/icons/arrow/white_mini.png) 10px center no-repeat #00A040}

#panels span.list { position: absolute; top:0px; right:0px;}