@charset "UTF-8";
/* CSS Document */
body {
 overflow-x: hidden;
}


/*　＝＝＝＝＝　ヘッダー部分　＝＝＝＝＝*/
.top_bg_1 {
background-image: url("../image/pc/03/03_header01.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 762px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto;
position: relative;
z-index: 3;
}

.header {
width: 100vw;
height: 700px;
display: block;
position: relative;
margin-bottom:  -775.2px;
top: -775.2px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
z-index: 3;
	max-width: 1427px;
	min-width: 1427px;
	mix-blend-mode: hard-light!important;
	/*
min-width: 2060px;
max-width: 2060px;
	*/
}

.header2 {
width: 100vw;
height: 700px;
display: block;
position: relative;
top: -700px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
z-index: 10;
	max-width: 1427px;
	min-width: 1427px;
	margin-bottom:  -700px;
	/*
min-width: 2060px;
max-width: 2060px;
	*/
}
/*
.header .top_bg_1 {
background-image: url("../image/pc/02/02_feature_header01.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 754px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto;
position: relative;
z-index: 2;
}
*/

.header2 .sub {
background-image: url("../image/pc/03/03_header01_2.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 450px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: absolute;
top: 785px;
left:0px;
z-index: 50;
mix-blend-mode:multiply;
}

.header2 .greetingh3 {
background-image: url("../image/pc/03/03_titleheader.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
width: 1427px;
height: 601px;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
margin: 0px auto;
position: relative;
top: 834px;
z-index: 40;
}

.header .bg_yellow {
background-color: #FFD928;
width: 99.9%;
height: 110px;
display: block;
position: absolute;
top: 755px;
z-index: 1;
} 

.yellow {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.yellow .inner {
	position: absolute;
	padding: 0.3em 120%.3em 120%;
	-webkit-transform: skewX(61.5deg);
	        transform: skewX(61.5deg);
	border-radius: 1px 1px 1px 1px;
	background-color: #FFD928;
	height: 1000px;
	width: 100%;
	right: 106.8%;
	top: -125px;
	z-index: 3;
		mix-blend-mode: hard-light!important;
}


/*
.header .yellow {
background-image: url("../image/pc/02/02_feature_header01_yellow.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100vw;
height: 315px;
text-indent: 300%;
position: absolute;
left: 0%;
top: 435px;
z-index: 5;
mix-blend-mode: hard-light;
}*/


.title_area {
width: 1047px;
height: auto;
display: block;
margin: 0px auto;
position: relative;
top: 20px;
}

.title_area hr {
border:solid 7px #ffffff;
position: relative;
width: 200vw;
transform: translateX(-50%);
top: 54.5px;
z-index: 6;
}
.title_area .title {
background-image: url("../image/pc/03/03_header01_3.png");
background-repeat: no-repeat;
background-size: 100%;
width: 613px;
height: 159px;
overflow: hidden;
text-indent: 300%;
white-space: nowrap;
position: relative;
left: -73px;
z-index: 6;
}

.menu_palette {
width: 397px;
height: auto;
display: block;
position: relative;
float: right;
top: -370px;
right: 147px;
z-index: 10;
margin-bottom: -370px;
}
.menu_palette ul {
width: 397px;
height: auto;
display: block;
list-style: none;
filter: contrast(1.3);
}
.menu_palette ul li {
width: 397px;
height: 35px;
padding-top: 3px;
display: block;
margin: 10px auto;
background-color: #C9161D;
filter: opacity(0.75);
}

.menu_palette ul li a {
text-decoration: none;
color: #ffffff;
font-size: 21px;
font-weight: 500;
width: 397px;
height: 38px;
display: block;
}
.menu_palette ul li:hover{
opacity: 0.5;
}

.menu_palette ul li a span{
color: #ffffff;
font-size: 14px;
float: right;
margin-right: 10px;
padding-top: 5px;
}

.fa-position-right {
float: right;
font-size: 17px;
margin-right: 10px;
padding-top: 6px;
}

/*　＝＝＝＝＝　ヘッダー部分　終了　＝＝＝＝＝*/

.article_top {
clear: both;
width: 1047px;
height: 6800px;
display: block;
margin: 0px auto -140px auto;
background-color: hsla(0,100%,99%,0.00);
box-shadow: -2px 0 30px 0px rgba(0, 0, 0, .2);
padding-bottom: 0px;
padding-top: 620px;
position: relative;
top: -90px;
z-index: 2;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ごあいさつ　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */

.greeting01{
width: 100%;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 100px;
padding-top: 18px;
}

.greeting01 .comment{
display: none;
}

.greeting01 .g_tittle_01 {
background-image: url("../image/pc/03/03_company_1.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 306px;
height: 52px;
margin: 100px 0px 0px -1px;
}

.greeting01 .g_tittle_02 {
background-image: url("../image/pc/03/03_company_2.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 306px;
height: 52px;
margin: 60px 0px 0px -1px;
}

.greeting01 p {
width: 870px;
display: block;
margin: 15px auto 0px auto;
font-size : 16px;
line-height: 32px;
font-family: "Comic Sans MS", "cursive"
}

.greeting01 .specialty {
background-image: url("../image/pc/03/03_company_3.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 802px;
height: 72px;
margin: 50px auto;
}

.greeting02,
.greeting03,
.greeting04 {
width: 1047px;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 100px;
padding-top: 50px;
}

.greeting02 h3 {
background-image: url("../image/pc/03/03_company_4.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 1047px;
height: 214px;
margin: 0px auto;
}

.greeting02 h4 {
font-size: 22px;
font-weight: 600;
color: #005B8C;
text-align: center;
padding-top: 60px;
}

.greeting02 p {
width: 870px;
text-align: center;
margin: 15px auto 0px auto;
font-size : 16px;
line-height: 32px;
font-family: "Comic Sans MS", "cursive"
}

.greeting03 h3 {
background-image: url("../image/pc/03/03_company_5.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 1047px;
height: 214px;
margin: 0px auto;
}

.greeting03 .maiduru {
background-image: url("../image/pc/03/03_company_6.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 864px;
height: 490px;
margin: 80px auto 60px auto;
}

.greeting03 .g_tittle_03 {
background-image: url("../image/pc/03/03_company_7.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 168px;
height: 48px;
margin: 0px auto 40px auto;
}

.greeting03 .g_tittle_04 {
background-image: url("../image/pc/03/03_company_8.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 168px;
height: 48px;
margin: 0px auto 40px auto;
}


.greeting03 table {
width: 864px;
height: auto;
display: block;
margin: 20px auto 80px auto;
border-bottom: dashed 1px #B8B2AE;
column-span: none;
}

.greeting03 table th {
font-weight: 300;
font-size: 15px;
background-color: #F6F6F6;
padding: 15px 10px;
width: 15%;
text-align:center;
border-right: solid 1px #B8B2AE;
border-top: dashed 1px #B8B2AE;
}

.greeting03 table td {
width: 45%;
font-weight: 300;
font-size: 15px;
background-color: #ffffff;
padding: 10px 10px 10px 30px;
text-align:left;
border-top: dashed 1px #B8B2AE;
}

.greeting04 h3 {
background-image: url("../image/pc/03/03_company_9.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 1047px;
height: 214px;
margin: 0px auto;
}


.greeting04 .map_space {
width: 890px;
height: 1300px;
display: block;
margin: 80px auto 0px auto;
}

.greeting04 .map_space .f_map {
width: 415px;
height: auto;
display: block;
margin: 0px 15px 30px 15px;
background-color: #ffffff;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .2);
float: left;
}

.greeting04 .map_space .f_map iframe{
width: 415px;
height: 238px;
display: block;
}

.greeting04 .map_space .f_map h5 {
font-size : 15px;
font-weight: 300;
text-align: left;
padding: 20px 0px 5px 30px;
}
.greeting04 .map_space .f_map address {
font-style: normal;
font-size : 15px;
font-weight: 300;
text-align: left;
padding: 0px 0px 20px 30px;
}


/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:1000px){
/*　＝＝＝＝＝　ヘッダー部分　＝＝＝＝＝*/
.top_bg_1 {
background-image: url("../image/sp/03/03_company_profile_sp_01.png");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 239%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto -200px auto;
padding-bottom: 0px;
position: relative;
z-index: 3;
}

.header {
display: none;
}
.header2 {
display: none;
}
.header .sub {
display: none;
}
.yellow {
display: none;
}
.title_area {
display: none;
}

.menu_palette {
width: 230px;
height: auto;
display: block;
position: relative;
float: right;
top: -520px;
right: 10px;
z-index: 10;
}
.menu_palette ul {
width: 230px;
height: auto;
display: block;
list-style: none;
filter: contrast(1.5);
}
.menu_palette ul li {
width: 230px;
height: 28px;
padding-top: 4px;
display: block;
margin: 12px auto;
background-color: #C9161D;
filter: opacity(0.85);
}
.menu_palette ul li a {
text-decoration: none;
color: #ffffff;
font-size: 12pt;
font-weight: 600;
width: 230px;
height: 22px;
display: block;
}
.menu_palette ul li:hover{
opacity: 0.5;
}
.menu_palette ul li a span{
color: #ffffff;
font-size: 12px;
float: right;
margin-right: 10px;
padding-top: 5px;
}
.fa-position-right {
float: right;
font-size: 11px;
margin-right: 10px;
padding-top: 7px;
}

/*　＝＝＝＝＝　ヘッダー部分　終了　＝＝＝＝＝*/

.article_top {
clear: both;
width: 100%;
height: auto;
display: block;
margin: 0px auto -250px auto;
background-color: none;
box-shadow: none;
padding-bottom: 0px;
position: relative;
padding-top: 40%;
top: -60px;
z-index: 10;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ごあいさつ　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */

.greeting01{
width: 100%;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 60px;
padding-top: 18px;
}
.greeting01 .comment{
width: 85%;
display: block;
margin: 100px auto 0px auto;
padding-left: 5px;
font-size : 25pt;
line-height: 50px;
letter-spacing: -2.5px;
font-family: "Comic Sans MS", "cursive"
}

.greeting01 .g_tittle_01 {
background-image: url("../image/sp/03/03_company_profile_sp_03.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 12%;
margin: 40px auto 0px auto;
}

.greeting01 .g_tittle_02 {
background-image: url("../image/sp/03/03_company_profile_sp_05.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 12%;
margin: 30px auto 0px auto;
}

.greeting01 p {
width: 85%;
display: block;
margin: 20px auto 0px auto;
font-size : 15pt;
line-height: 32pt;
font-family: "Comic Sans MS", "cursive";
text-align: justify;
}

.greeting01 .specialty {
background-image: url("../image/sp/03/03_company_profile_sp_07.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 18%;
margin: 40px auto 30px auto;
}

.greeting02,
.greeting03,
.greeting04 {
width: 100%;
height: auto;
display: block;
margin: 0px auto 0px auto;
padding-bottom: 90px;
padding-top: 0px;
}

.greeting02 h3 {
background-image: url("../image/sp/03/03_company_profile_sp_09.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 24%;
margin: 0px auto 15px auto;
}

.greeting02 h4 {
font-size: 19pt;
font-weight: 600;
color: #005B8C;
text-align: center;
padding-top: 40px;
}

.greeting02 p {
width: 85%;
text-align: center;
margin: 15px auto 0px auto;
font-size: 20px;
line-height: 32pt;
font-family: "Comic Sans MS", "cursive"
}

.greeting03 h3 {
background-image: url("../image/sp/03/03_company_profile_sp_11.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 24%;
margin: 0px auto;
}

.greeting03 .maiduru {
background-image: url("../image/sp/03/03_company_profile_sp_13.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 68%;
margin: 40px auto 60px auto;
}

.greeting03 .g_tittle_03 {
background-image: url("../image/sp/03/03_company_profile_sp_15.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 11%;
margin: 0px auto 10px auto;
}

.greeting03 .g_tittle_04 {
background-image: url("../image/sp/03/03_company_profile_sp_17.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 11%;
margin: 0px auto 10px auto;
}


.greeting03 table {
width: 100%;
height: auto;
display: inline-table;
margin: 20px auto 55px auto;
border-bottom: dashed 1px #B8B2AE;
column-span: none;
}

.greeting03 table th{
width: 100%;
display: inline-table;
text-align: center;
margin: 0px auto;
padding: 8px 0px;
font-weight: 500;
}
.greeting03 table td{
width: 100%;
display: inline-table;
text-align: center;
margin: 0px auto;
padding: 18px 0px;
}


.greeting04 h3 {
background-image: url("../image/sp/03/03_company_profile_sp_19.png");
background-size: 100%;
display: block;
background-repeat: no-repeat;
text-indent: 300%;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 24%;
margin: 0px auto 0px auto;
}


.greeting04 .map_space {
width: 100%;
height: auto;
display: block;
margin: 45px auto 0px auto;
padding-bottom: 120px;
}

.greeting04 .map_space .f_map {
width: 85%;
height: auto;
display: block;
margin: 0px auto 30px auto;
background-color: #ffffff;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .2);
float: none;
}

.greeting04 .map_space .f_map iframe{
width: 100%;
height: 238px;
display: block;
}

.greeting04 .map_space .f_map h5 {
font-size : 15px;
font-weight: 300;
text-align: left;
padding: 20px 0px 5px 30px;
}
.greeting04 .map_space .f_map address {
font-style: normal;
font-size : 15px;
font-weight: 300;
text-align: left;
padding: 0px 0px 20px 30px;
}


}