@import "https://fonts.googleapis.com/css?family=Open+Sans";

html {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Tahoma", sans-serif;
}

body {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Tahoma", sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

ul {
    margin-bottom: 0;
}

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

.top-contact {
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.top-language {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Tahoma", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	color: #ffffff;
}

.top-language li {
	border: 1px solid #ffffff;
	vertical-align: top;
}

.top-language li a {
	text-decoration: none;
	color: #ffffff;
}

.top-language li.active,
.top-language li:hover,
.top-language li a:hover {
	background-color: #ffffff;
	color: #082FBB;
}

.top-language li:last-child {
	font-family: Tahoma, sans-serif;
}

.hoyo-logo {
    margin-top: 30px;
    margin-bottom: 36px;
    padding-left: 170px;
    padding-right: 170px;
}

.hoyo-title {
    padding-left: 170px;
    padding-right: 170px;
}

.top-banner {
    margin-top: 36px;
    margin-bottom: 51px;
    padding-left: 110px;
    padding-right: 110px;
}

.menu-style {
    background: url("../images/bg-blue-transparent.png") repeat;
    background-color: transparent;
    display: flex;
    align-items: center;
    color: #ffffff;
    text-align: center;
    padding: 15px 0;
}

.menu-style img {
    height: 35px;
    padding-top: 8px;
}

.menu-style a {
    color: #ffffff;
}

.menu-style li {
    width: 19%;
    height: 90px;
    letter-spacing: 4px;
    border-left: 1px solid #dddddd;
}

.menu-style li:first-child {
    border-left: none;
}

.menu-style li div {
    margin-top: 15px;
}

.home-content {
    color: #ffffff;
    padding: 20px 70px;
}

.home-content .title {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
}

.home-content .title .text {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    font-size: 22px;
    letter-spacing: 4px;
}

.home-list {
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    /*margin-bottom: 30px;*/
}

.home-list li:first-child {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
    letter-spacing: 4px;
    width: 210px;
    background: url("../images/bg-list.png") no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #171F4D;
    padding: 5px 0 3px 20px;
}

.home_list_row{
	margin-bottom:20px;
}

.home_list_first{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif;
	letter-spacing:1px;
    background: url("../images/bg-list.png") repeat-y top right;
    font-size: 16px;
	line-height:20px;
    font-weight: bold;
    color: #171F4D;
    padding: 5px 5px 5px 15px;
	width:37% !important;
}

.home_list_last{
	font-size: 14px;
	vertical-align:top;
	width:63% !important;
}

.row-footer {
    background-color: #0E2255;
    color: #ffffff;
    padding: 10px 0;
}

.content-footer {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.content-footer a {
    color: #ffffff;
}

.menu-footer {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

ul.square-list,
ul.triangle-list {
    list-style: none;
}

.square-list li:before {
    content: url("../images/square.png");
}

.triangle-list li:before {
    content: url("../images/triangle.png");
}

.list-partially {
    margin-left: -40px;
}

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

.footer-pjr-banner{
	display: block;	
	margin: 0 auto 0 auto;
	width: auto;
	height: 70px;
	border: solid 1px #ffffff;
}

/*------------------------------*
	Header 	
*------------------------------*/
.flex_container{
	display:flex;
}

.top_logo{
	padding:20px 0;
}

.top_menu{
	background: url(../images/menu-bg.png) center;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:100%;
	height:50px;
	margin-bottom:20px;
}

.top_menu_container{
	width:960px;
	margin:0 auto;
}

.top_menu_list li{
	display:inline-block;
	vertical-align: top;
	margin:0;
	height:50px;
}

.top_menu_list li a{
	color:#fff;
}

.top_banner{
	width:900px;
	margin:0 auto 10px auto;
}

.content_box{
	width:900px;
	margin:0 auto 50px auto;
}

.content_box_head{
	width:900px;
	height:40px;
	padding:5px 0 0 25px;
	background:url(../images/content-head.png) no-repeat;
	font-size:22px;
	font-weight:bolder;
	letter-spacing:0.5px;
}

.content_box_head_2{
	width:900px;
	height:78px;
	padding:5px 0 0 25px;
	background:url(../images/content-head-2.png) no-repeat;
	font-size:20px;
	font-weight:bold;
	/*letter-spacing:2px;*/
}


.content_box_head_dark{
	width:900px;
	height:40px;
	padding:5px 0 0 25px;
	background:url(../images/content-head-dark.png) no-repeat;
	font-size:22px;
	font-weight:bolder;
	letter-spacing:2px;
}

.content_box_body{
	width:900px;
	padding:30px 30px 0 30px;
	background:url(../images/content-body.png);
	font-size:14px;
	/*letter-spacing:1px;*/
}

.content_box_footer{
	width:900px;
	height:30px;
	background:url(../images/content-footer.png) no-repeat bottom;
}

.content_box_footer_dark{
	width:900px;
	height:30px;
	background:url(../images/content-footer-dark.png) no-repeat bottom;
}

.content_title_box{
	width:100%;
	/*height:40px;*/
	padding:8px 0 8px 10px;
	margin-bottom:20px;
	background:url(../images/title-bg.jpg) right bottom no-repeat #e8eaeb;
}

.content_title_box_2{
	width:100%;
	height:70px;
	padding:2px 0 0px 10px;
	margin-bottom:20px;
	background:url(../images/title-bg-2.jpg) #e8eaeb right bottom no-repeat;
}

.content_title_text{
	font-size:18px;
	line-height:1.3em;
	letter-spacing:2px;
	font-weight:bold;
	border-left:#1362c9 solid 5px;
	/*background:url(../images/title-bullet.png) no-repeat left center;*/
	padding:3px 0 2px 10px;
}

.content_title_text_2{
	font-size:18px;
	line-height:24px;
	/*letter-spacing:2px;*/
	font-weight:bold;
	background:url(../images/title-bullet-2.png) no-repeat left top;
	padding:10px 0 0px 15px;
}

.content_box_text{
	width:auto;
	height:auto;
	font-size:13px;
	/*letter-spacing:1px;*/
	white-space:normal;
	text-align:justify;
}

.content2_box_head{
	width:900px;
	height:20px;
	background: url(../images/content2-head-bg.png);
}

.content2_box_body{
	width:900px;
	padding:10px 20px 20px 20px;
	background:url(../images/content2-body-bg.png);
}

.content2_box_bottom{
	width:900px;
	height:25px;
	background:url(../images/content2-bottom-bg.png);
}

/*------------------------------*
	Profile
*------------------------------*/
.profile_bg{
	background:url(../images/profile/bg-profile-2.png) center top no-repeat #000392 fixed;
	background-size:cover;
}

.profile_table_row{
	margin:10px 10px 20px 0px;
	border-bottom:#e8eaeb thin solid;
}

.profile_table_col1{
	background:#e8eaeb;
	font-size:16px;
	font-weight:bold;
	/*letter-spacing:1px;*/
	padding:10px 0 5px 15px;
}

.profile_table_col2{
	padding:10px 0 5px 20px;
	font-size:14px;
}

.profile_map{
	width:830px;
	height:395px;
	margin:0 auto;
	padding:5px;
	border:#d1d3d4 solid thin;
}

.profile_company{
	list-style-image:url(../images/profile/profile-company-bullet.jpg);
	letter-spacing:-0.5px;
	font-size:13.5px;
	padding:0px 0px 0px 10px !important;
}

/*------------------------------------*
	Facilities
*------------------------------------*/
.facilities_btn_container{
	margin:0 auto 50px auto;
}

.facilities_btn_flock{
	margin:0 auto;
	width:440px;
	height:45px;
	padding-top:5px;
	background:url(../images/product-flock-btn-1.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.facilities_btn_flock:hover{
	background:url(../images/product-flock-btn-2.png) no-repeat;
	color:#171f4d;
	text-decoration:none;
}

.facilities_btn_flock_active{
	margin:0 auto;
	width:440px;
	height:45px;
	padding-top:5px;
	background:url(../images/product-flock-btn-2.png) no-repeat;
	color:#171f4d;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.facilities_btn_box{
	margin:0 auto;
	width:440px;
	height:45px;
	padding-top:5px;
	background:url(../images/product-box-btn-1.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.facilities_btn_box:hover{
	background:url(../images/product-box-btn-2.png) no-repeat;
	color:#171f4d;
	text-decoration:none;
}

.facilities_btn_box_active{
	margin:0 auto;
	width:440px;
	height:45px;
	padding-top:5px;
	background:url(../images/product-box-btn-2.png) no-repeat;
	color:#171f4d;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.facilities_pic{
	/*float:left;*/
	margin:0 15px 0 0;
}

.facilities_1_text{
	/*float:left;*/
	width:270px;
}

.facilities_2_text{
	/*float:left;*/
	width:630px;
}

.facilities_3_text{
	/*float:left;*/
	width:630px;
}

.facilities_4_text{
	/*float:left;*/
	width:500px;
}

.facilities_5_text{
	/*float:left;*/
	width:500px;
}

.facilities_6_text{
	/*float:left;*/
	width:500px;
}

/*--------------------------*
	Product
*--------------------------*/
.product_top_text{
	width:900px;
	color:#ffffff;
	margin:0 auto 40px auto;
	text-align: justify;
	font-size:14px;
	/*letter-spacing:1px;*/
}

.product_underconstruction{
	text-align:center;
	font-size:30px;
	letter-spacing:1px;
	color:#171f4d;
	font-weight:bold;
	padding:40px 0 20px 0;
}

.product_head_small{
	font-size:15px;
}

.product_title_1{
	width:840px;
	margin:0 0 30px 0;
}

.product_title_2{
	width:400px;
	margin:0 0px 10px 0;
}

.product_flock_photo{
	width:420px;
	text-align:center;
	margin:0 0 30px 0;
}

.product_head_title{
	line-height:1.2em;
}

.product_btn_flock{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-flock-blue.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_flock:hover,
.product_btn_flock:active {
	background:url(../images/product/product-button-flock-white.png) no-repeat;
	color:#171f4d;
	text-decoration:none;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_flock_active{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-flock-white.png) no-repeat;
	color:#171f4d;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.product_btn_box{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-box-blue.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_box:hover,
.product_btn_box:active {
	background:url(../images/product/product-button-box-white.png) no-repeat;
	color:#171f4d;
	text-decoration:none;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_box_active{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-box-white.png) no-repeat;
	color:#171f4d;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.product_btn_equipment{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-equipment-blue.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_equipment:hover,
.product_btn_equipment:active {
	background:url(../images/product/product-button-equipment-white.png) no-repeat;
	color:#171f4d;
	text-decoration:none;
	
	transition: background 0.2s ease-out,
              color 0.2s ease-out;
}

.product_btn_equipment_active{
	display: inline-block;
	margin:0 auto;
	width:280px;
	height:45px;
	padding:5px 0 0 25px;
	background: url(../images/product/product-button-equipment-white.png) no-repeat;
	color:#171f4d;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.product_photo{
	padding:0 0 30px 0;
}

/*--------------------------*
	Contact
*--------------------------*/
.contact_top_bar{
	width:735px;
	margin:0 auto 30px auto;
	display:flex;
	text-align:center;
}

.contact_top_item_blue{
	width:225px;
	height:40px;
	margin-right:20px;
	padding-top:8px;
	padding-right:16px;
	background:url(../images/contact/contact-step-bg-blue.png) no-repeat;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	/*letter-spacing:1px;*/
	color:#0e2255;
}

.contact_top_item_gray{
	width:225px;
	height:40px;
	margin-right:20px;
	padding-top:8px;
	padding-right:16px;
	background:url(../images/contact/contact-step-bg-gray.png) no-repeat;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	/*letter-spacing:1px;*/
	color:#414042;
}

.contact_top_text{
	width:900px;
	padding:10px;
	color:#ffffff;
	margin:0 auto 10px auto;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
}

.contact_remark_text{
	width:800px;
	margin:0 auto 0px auto;
	padding-right:20px;
	color:#58595b;
	font-size:16px;
	line-height:1em;
	text-align:right;
}

.contact_remark_sign{
	color:#d1161b;
	font-size:20px;
	font-weight:bold;
}

.contact_form_text{
	width:280px;
	padding-top:10px;
	font-size:18px;
	font-weight:bold;
	color:#0e2255;
	letter-spacing:1px;
	text-align:right;
}

.contact2_form_text{
	width:410px;
	padding-top:10px;
	font-size:18px;
	font-weight:bold;
	color:#0e2255;
	letter-spacing:1px;
	text-align:right;
}

.contact_form_input{
	background:#fff;
	border:solid thin #1362c9;
	height:35px;
	width:500px;
	padding-left:10px;
}

.contact_form_textarea{
	background:#fff;
	border:solid thin #1362c9;
	height:150px;
	width:500px;
	padding-left:10px;
	resize:none;
}

.contact_form_check_label{
	font-size:15px;
	letter-spacing:1px;
	font-weight:500;
	width:250px;
	height:35px;
}

.contact_form_check_input{
	width:16px;
	height:16px;
	background:#fff;
	border:solid thin #1362c9;
}

.contact_table_input{
	padding:10px 0 10px 30px;
}

.contact2_table_content{
	font-size:18px;
	padding:10px 0 10px 30px;
	letter-spacing:1px;
}

.contact3_text1{
	width:800px;
	margin:0 auto 20px auto;
	font-size:28px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
}

.contact3_text2{
	width:800px;
	margin:0 auto 40px auto;
	font-size:16px;
	text-align:center;
	/*letter-spacing:0px;*/
	line-height:30px;
	font-weight:500;
}

.contact3_text3{
	width:523px;
	height:160px;
	margin:0 auto 30px auto;
	text-align:center;
	background:url(../images/contact/contact-frame.png) top center no-repeat;
}

.contact3_text3_1{
	padding-top:5px;
	font-family: 'Exo', sans-serif;
	color:#FFF;
	text-align:center;
	font-size:28px;
}

.contact3_text3_2{
	margin:20px auto 0 auto;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
}

.contact3_button_home{
	width:800px;
	margin:0 auto;
	text-align:center;
}

.contact3_box{
	width:523px;
	margin:0 auto 30px auto;
	text-align:center;
}

.contact3_box_head{
	width:523px;
	height:55px;
	padding-top:5px;
	font-family: 'Exo', sans-serif;
	color:#FFF;
	text-align:center;
	font-size:28px;
	background:url(../images/contact/contact-frame-head.png) no-repeat;
}

.contact3_box_body{
	background:url(../images/contact/contact-frame-body.png) repeat-y;
	font-size:22px;
	font-weight:bold;
	line-height:36px;
	padding:15px 0 0 0;
}

.contact3_box_bottom{
	width:523px;
	height:25px;
	background:url(../images/contact/contact-frame-bottom.png) no-repeat;
}