/*************************************************************/
/* 全体 */
/*************************************************************/
body{
 word-break : break-all;
}


html,body{
    width: 100%;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, table, form, fieldset, input, select, blockquote, table, th, tr, td, address, iframe {
	margin: 0;
	padding: 0;
}

body {
    background-color: #FFFFFF;
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "Meiryo", sans-serif;
    color: #000000;
}

.commonBody {
    width: 100%;
}

.commonBodyInner {
    width: 60%;
    margin: 0 auto;
}


/*************************************************************/
/* ヘッダ部 */
/*************************************************************/

.pageHeader {

	background-color: #FFFFFF;
    color: #FFFFFF;

	text-align: center;
}

.pageHeader img {
	width: 65%;
	height: auto;
	vertical-align: bottom;
}


.pageHeader h1 {
	font-size: 34px;
	font-weight: bold;
	padding-top: 15px;
}

.pageHeader h2 {
	font-size: 28px;

	padding-bottom: 15px;
    font-family: "Century Gothic";
	font-weight: normal;
	color: #d1b08a;

}

/*************************************************************/
/* ボディ部 */
/*************************************************************/
.wrap {
	overflow: hidden;
}
.pageBody{

}

.mainImage {
	display: block;
}

.mainImageV {
	display: none;
}

.mainImage img {
    width: 100%;
    height: auto;
    vertical-align: bottom;

	margin-bottom: 20px;
}

.summary {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.summary p {
	font-size: 18px;
}

.panelButtons {
	text-align: center;
}

.panelButtons ul {
	list-style:none;

}

.panelButtons li {
	width: 80%;
    margin: 0 auto;
	padding-bottom: 30px;
}

.panelButton a {
	display: block;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #0B4C5F;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.panelButton a:hover {
	border: 1px solid #CED1C5;
	background-color: #F3F4F2;
	color: #331E04;

    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: “alpha(opacity=80)”;
}

.panelButtonTitle1{
	font-size: 26px;
	font-weight: bold;

	padding-top:3px;
}

.panelButtonTitle2{
	font-size: 18px;
    font-family: "Century Gothic";
	padding-bottom: 7px;
}

.panelButton img {

	width: 100%;
	vertical-align: bottom;
}

/*************************************************************/
/* フッタ部 */
/*************************************************************/

.pageFooter {
    background-image: url(../img/footer.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

	color: #FFFFFF;
	margin-top: 60px;
}

.corporate{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.corporate h1{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #d1b08a;
}

.corporateSummaryName {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.corporateSummary {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.corporateDetailName {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;

}

.corporateDetail {

    width: 80%;
    border-collapse: collapse;
	margin: 0 auto;
}

.corporateDetail td, .corporateDetail th {
    padding: 2px;
    text-align: left;
}

.corporateDetail th{
    font-weight: normal;
}

.corporateDetail .col1 {
    width: 35%;
}

.corporateDetail .col2 {
    width: 40%;
}

.corporateDetail .col3 {
    width: 25%;
}

.corporateDetail a {
	text-decoration: none;
	color: #FFFFFF;
}

.corporateDetail a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.corporateDetail a:link {
	color: #FFFFFF;
}

.corporateDetail a:visited {
	color: #FFFFFF;
}

.corporateDetail a:active {
	color: #FFFFFF;
}

.copyright {
	background-color: #434443;
	color: #d1b08a;
	height: 35px;
	text-align: center;
	padding-top:10px;
}

/*************************************************************/
/* レスポンシブ用 */
/*************************************************************/

@media screen and ( max-width: 1024px )
{
	.commonBodyInner {
	    width: 60%;
	}

	.corporateSummary {
		width: 80%;
        font-size:  12px;
		text-align: center;
	}


    .corporateDetail {
	    width: 100%;
        font-size:  12px;
    }

}

@media screen and ( max-width: 768px )
{
	.commonBodyInner {
	    width: 80%;
	}

}


@media screen and ( max-width: 480px )
{
	.mainImage {
		display: none;
	}

	.mainImageV {
		display: block;
	}

	.mainImageV img {
	    width: 100%;
	    height: auto;
	    vertical-align: bottom;

		margin-bottom: 30px;
	}

	.commonBodyInner {
	    width: 100%;
	}

	.pageHeader h1 {
		font-size: 25px;
	}

	.pageHeader h2 {
		font-size: 22px;
	}

	.mainImage img {
		margin-bottom: 10px;
	}

	.summary p {
		font-size: 14px;
	}

	.panelButtonTitle1{
		font-size: 18px;
	}

	.panelButtonTitle2{
		font-size: 14px;
	}

    .corporateDetail {
        display: block;
        font-size:  14px;
    }

    .corporateDetail thead{
        display: none;
    }

    .corporateDetail tbody{
        display: block;
    }

    .corporateDetail tbody tr{
        display: block;
        padding-bottom: 2px;
    }
    .corporateDetail tbody th,
    .corporateDetail tbody td{
        display: list-item;
        list-style: none;
        border: none;
    }
    .corporateDetail tbody th{
        margin-bottom: 1px;
        list-style-type: none;
		font-weight: bold;
    }

    .corporateDetail tbody td{
        padding: 0;
    }

	.corporateDetail .col1 {
	    width: 100%;
		text-align: center;

	}

	.corporateDetail .col2 {
	    width: 100%;
		text-align: center;
	}

	.corporateDetail .col3 {
	    width: 100%;
		text-align: center;
	}

	.copyright {
		font-size: 12px;
	}

}


/*************************************************************/
/* お問い合わせフォーム　171005追加 */
/*************************************************************/
.inquiry {
	width: 70%;
	margin: 0 auto;
}

.inquiry p {
	margin: 10px 0 20px 0;
}

.txt-center {
    text-align: center;
    /*margin-top: 10px;*/
margin-bottom: 30px;
}

.t_img {
	margin-top: 20px;

}

@media screen and (max-width:727px){
.inquiry {
	display: block;
	width: 80%;
}
}

/*お問い合わせフォーム*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.contact_table th, .contact_table td {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: none;
    border-right: none;
    padding: 15px 0;
    vertical-align: middle;
}

.contact_table th {
	width: 35%;
	text-align: left;
}

/*.contact_table th {
    font-weight: normal;
}*/

div.inquiry table tr th span {
    font-size: 12px;
    color: #84A5AE;
    display: inline-block;
	padding-left: 5px;
    /*margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;*/
}

.txt_input  {
    background: #F2F2F2;
    padding: 12px;
    border: 1px solid #BBBBBB;
}
.txtarea_input {
    background: #F2F2F2;
    border: 1px solid #BBBBBB;
	padding: 15px;
}

input[type="text"],
input[type="email"] {
    width: 96%;
	font-size: 13px;
}

textarea {
	width: 95%;
	font-size: 13px;
}


@media screen and (max-width:727px){
.contact_table th, .contact_table td {
	display: block;
	border: none;
}
.contact_table th {
	width: 100%;
	padding: 15px 0 0 0;
}

.contact_table td {
	padding: 10px 0 15px 0;
}

.contact_table tr {
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
}


}


.link_button {
    width: auto;
    padding: 15px 40px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #0B4C5F!important;
    border-bottom: 1px solid #84A5AE;
	text-decoration: none;
}

.link_button_back {
    width: auto;
    padding: 15px 40px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #84A5AE!important;
    border-bottom: 1px solid #84A5AE;
}

.link_button:hover,
.link_button_back:hover {
	cursor: pointer;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxSubmit {
    display: block;
    text-align: center;
	margin-top: 30px
}

.txt-center a {
text-decoration: none;
}

/*プライバシーポリシー*/
.policy_box_area {
	padding: 20px 0 0 0;
}

.policy_box {
    /*width: 93%;*/
    height: 150px;
    overflow-y: scroll;
    border: 1px solid #e0e0e0;
    padding: 15px;
    outline: none;
	overflow-x: hidden;
	margin: 0px auto;
}

.jspContainer {
    overflow: hidden;
    position: relative;
}

div.privacy dl dt,
.thanks dl dt {
    /*line-height: 35px;*/
    border-left: 3px solid #0B4C5F;
    background-color: #f5f5f5;
    margin: 0px 0px 10px 0px;
    padding: 10px;
	font-size: 15px;
}

.privacy {
	font-size: 13px;
}

.privacy li {
	list-style: none;
}

@media screen and (max-width:727px){
.policy_box {
    width: 92%;
}
/*.policy_box_area {
    padding: 20px 0;
}*/
}


/*************************************************************/
/* お問合わせフォーム 171006追加 */
/*************************************************************/

/*確認画面*/
.link_button_correction {
    width: auto;
    padding: 15px 40px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #54818E!important;
    border-bottom: 1px solid #84A5AE;
}

.kakunin_button {
	float:left;
}

@media screen and (max-width: 320px) {

}



/*完了画面*/
.color_txt {
	color: #0B4C5F;
    font-size: 17px;
    display: block;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.thanks p {
    margin: 10px 0 40px 0;
	font-size: 15px;
}

.thanks dl {
	padding: 0px 0 50px 0;
}

.thanks dd {
	padding-top: 5px;
}

.thanks dt {
	background-color: #84A5AE;
	padding: 8px;
}

/*************************************************************/
/* お問合わせフォーム 171010追加 */
/*************************************************************/

/*お問い合わせフォーム*/
.policy_box_area .privacy dl {
	padding-bottom: 15px
}

.contact_table .required {
	color: #fff;
	font-weight: bold;
	float: right;
	margin-right: 20px;
	padding: 2px 4px;
	background: #9f314a;
}

/*.contact_table .required {
    color: #b22222;
    font-weight: bold;
	float: right;
	padding-right: 20px;
}*/

.inquiry_tit {
	padding-top: 20px;
	font-size: 22px;
	margin-bottom: 30px;
}

.inquiry_tit span {
    font-size: 15px;
    padding-left: 5px;
    color: #84A5AE;
}

.contents_inner {
	padding: 80px 0;
}

.br-pc {
	display: none;
}

.inquiry .policy_box_area .cnt-txt {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.inquiry .policy_box_area .cnt-txt1 {
	border-bottom:none;
	padding-bottom: 0;
}



@media screen and (max-width:1250px){
.br-pc {
	display: inline;
}
}

@media screen and (max-width:1024px){
input[type="text"],
input[type="email"] {
    width: 94%;
}
textarea {
    width: 93%;
}
}

/*@media screen and (max-width:727px){
.contact_table .required {
padding-right: 0;
}
}*/

@media screen and (max-width:435px){
input[type="text"],
input[type="email"] {
    width: 92%;
}
textarea {
    width: 90%;
}
.policy_box {
    width: 90%;
}
}

@media screen and (max-width:375px){
	input[type="text"],
	input[type="email"] {
	    width: 90%;
	}
	textarea {
	    width: 87%;
	}
	.policy_box {
	    width: 88%;
	}
}


.err {
    font-size: 13px;
    color: #b22222;
}

.errMsg {
	font-size: 18px;
    color: #b22222;
    text-align: center;
    margin: 40px 0!important;
}

.thanks dl dd a {
	color: #0B4C5F;
}
.thanks dl dd a:hover {
	color: #331E04;
	text-decoration: none;
}


.link_button a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0px 74px;
    color: #fff;
    font-weight: bold;
}

input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
}

@media screen and (max-width: 500px) {
	.inquiry .boxSubmit .link_button {
		margin-top: 10px;
	}
}



/*************************************************************/
/* お問合わせフォーム 171023追加 */
/*************************************************************/
body input,
body textarea {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho", sans-serif;*/
    /*font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "Meiryo", sans-serif;*/
}