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

/*---------------------------------------
#mainImg
------------------------------------------*/

/*SP*/
@media screen and (max-width: 900px){
#mainImg .pcStyle01 {
display: none;
}

#mainImg {
padding-top: 60px;
}

#mainImg .spStyle01 {
background: url(../images/hotel-uniform/bg_mv_sp01.jpg) no-repeat center top;
background-size: cover;
position: relative;
min-height: 129.3vw;
}

#mainImg .spStyle01 p {
width: 82.6%;
margin: 0 auto 36px;
padding-top: 44%;
}

#mainImg .spStyle01 ul {
overflow: hidden;
position: absolute;
bottom: 0px;
width: 100%;
}

#mainImg .spStyle01 li {
background: #CD8D0E;
width: 49.6%;

}

#mainImg .spStyle01 li:first-child {
float: left;
}

#mainImg .spStyle01 li:last-child {
float: right
}
}


/*PC*/
@media screen and (min-width: 901px){
#mainImg .spStyle01 {
display: none;
}

#mainImg {
padding-top: 120px;
background: url(../images/hotel-uniform/bg_mv_pc02.gif) repeat 0 0;
background-size: 1% auto;
}

#mainImg .pcStyle01 {
background: url(../images/hotel-uniform/bg_mv_pc01.jpg) no-repeat center top;
position: relative;
/*margin: 0 -10%;*/
}

#mainImg .pcStyle01 p {
margin: 0 auto;
text-align: center;
padding: 90px 0 120px;
}

#mainImg .pcStyle01 ul {
overflow: hidden;
position: absolute;
left: 57%;
bottom: 10px;

}

#mainImg .pcStyle01 li {
float: left;
}
}

/*---------------------------------------
#nayami
------------------------------------------*/
#nayami {
background: #7A8B9B;
color: #ffffff;
}

#nayami .secIn01 ul li {
overflow: hidden;
color: #0A2F41;
background: #ffffff;
font-weight: bold;
}

/*SP*/
@media screen and (max-width: 900px){
#nayami {
padding: 13% 0 ;
margin-top: -28px;
}

#nayami .secIn01 {
width: 89.3%;
margin: 0 auto;
}

#nayami .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_01.gif) no-repeat center bottom;
background-size: 9% auto;
}

#nayami .secIntro01 p {
margin-bottom: 5.3%;
}

#nayami .secIn01 ul li {
margin-bottom: 1.3%;
height: 16.7vw;
}

#nayami .secIn01 ul li p.number01 {
width: 18.6%;
float: left;

}

#nayami .secIn01 ul li p.txt01 {
width: 70%;
float: left;
padding: 4.5% 5% 0 5%;
}

#nayami .secIn01 .secIn02 {
margin-top: 50px;
}
#nayami .secIn01 .secIn02 .titLine01 h2 {
font-size: 5.6vw;
text-align: center;
margin-bottom: 20px;
color: #0A2F41;
}
#nayami .secIn01 .secIn02 .jobList {
overflow: hidden;
}
#nayami .secIn01 .secIn02 .jobList li {
width: 32%;
height: auto;
float: left;
margin: 0 2% 5% 0;
}
#nayami .secIn01 .secIn02 .jobList li a {
display: block;
width: 100%;
height: 100%;
}

#nayami .secIn01 .secIn02 .jobList li:nth-child(3n) {
margin-right: 0;
}
#nayami .secIn01 .secIn02 .jobList li .jobPic {
width: 100%;
height: auto;
line-height: 0;
}
#nayami .secIn01 .secIn02 .jobList li a:hover .jobPic {
opacity: 0.6;
}
#nayami .secIn01 .secIn02 .jobList li .jobPic img {
width: 100%;
}
#nayami .secIn01 .secIn02 .jobList li .jobName {
text-align: center;
color: #0A2F41;
background: #7A8B9B;
padding-top: 10px;
font-weight: normal;
}

}

/*PC*/
@media screen and (min-width: 901px){
#nayami .secIn01 {
padding: 100px 0 115px;
}

#nayami .secIntro01 {
text-align: center;
}

#nayami .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_01.gif) no-repeat center bottom;
background-size: 4% auto;
}

#nayami .secTit01 .spStyle01 {
display: none;
}

#nayami .secIntro01 p {
margin-bottom: 50px;
}

#nayami .secIn01 ul  {
overflow: hidden;
}

#nayami .secIn01 ul li {
margin-bottom: 20px;
height: 120px;
width: 470px;
overflow: hidden;
}

#nayami .secIn01 ul li:nth-child(odd) {
float: left;
}

#nayami .secIn01 ul li:nth-child(even) {
float: right;
}

#nayami .secIn01 ul li p.number01 {
width: 120px;
float: left;
}

#nayami .secIn01 ul li p.number01 img {
width: 100%;
}

#nayami .secIn01 ul li p.txt01 {
width: 300px;
float: left;
padding: 30px 0 0 25px;
font-size: 18px;
text-align: left;
}
#nayami .secIn01 .secIn02 {
margin-top: 50px;
}
#nayami .secIn01 .secIn02 .titLine01 {
width: 960px;
margin: 0 auto 25px;
background: url(../../images/hotel-uniform/front/bg_h2_pc.gif) no-repeat center center;
text-align: center;
}
.titLine01 h2 {
font-size: 28px;
background: #7A8B9B;
padding: 2px 20px;
display: inline-block;
color: #0A2F41;
}
.titLine01 h2 .spStyle01 {
display: none;
}
#nayami .secIn01 .secIn02 .jobList {
overflow: hidden;
}
#nayami .secIn01 .secIn02 .jobList li {
width: 140px;
height: auto;
float: left;
margin-right: 24px;
}
#nayami .secIn01 .secIn02 .jobList li a {
display: block;
width: 100%;
height: 100%;
}

#nayami .secIn01 .secIn02 .jobList li:last-child {
margin-right: 0;
}
#nayami .secIn01 .secIn02 .jobList li .jobPic {
width: 100%;
height: auto;
line-height: 0;
}
#nayami .secIn01 .secIn02 .jobList li a:hover .jobPic {
opacity: 0.6;
}
#nayami .secIn01 .secIn02 .jobList li .jobPic img {
width: 100%;
}
#nayami .secIn01 .secIn02 .jobList li .jobName {
text-align: center;
color: #0A2F41;
background: #7A8B9B;
padding-top: 10px;
font-weight: normal;

}
}



/*---------------------------------------
#support
------------------------------------------*/
#support .secIntro01 h2 {
color: #0A2F41;
}

/*SP*/
@media screen and (max-width: 900px){
#support {
margin-top: 13.3%;
}

#support .secIntro01 {
padding-bottom: 13.3%;
border-bottom: solid 1px #D7D7D7;
margin-bottom: 13.3%;
}

#support .secIn01 {
width: 89.3%;
margin: 0 auto;
}

#support .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_02.gif) no-repeat center bottom;
background-size: 9% auto;
}

#support .supportContents01 {
margin-bottom: 13.3%;
}

#support .supportContents01 .secIntro02 h3 {
color: #0A2F41;
font-size: 5.5vw;
font-weight: 500;
}
}

/*PC*/
@media screen and (min-width: 901px){
#support {
margin-top: 100px;
}

#support .secIntro01 {
margin-bottom: 100px;
}

#support .secIntro01 p {
text-align: center;
}


#support .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_02.gif) no-repeat center bottom;
background-size: 4% auto;
}

#support .supportContents01 {
margin: 100px 0;
}

#support .supportContents01 .secIntro02 {
overflow: hidden;
}

#support .supportContents01 .secIntro02 .pic01 {
width: 600px;
position: relative;
z-index: 1;
}

#support .supportContents01 .secIntro02 .pic01 img {
width: 100%;
}

#support .supportContents01 .secIntro02 .introIn01 {
width: 470px;
position: relative;
z-index: 2;
}

#support .supportContents01 .secIntro02 h3 {
color: #0A2F41;
font-size: 28px;
font-weight: 500;
letter-spacing: -0.07em;
}
}


/*---------------------------------------
#support #concept
------------------------------------------*/
#concept .secIntro02 h3::before {
content: "";
background: url(../images/hotel-uniform/num_sec02_01.png) no-repeat;
background-size: contain;
width: 100%;
position: relative;
}

#concept .sectionBox01 {
background: #F1F1F1;
}

#concept .sectionBox01 h4 {
font-weight: 500;
text-align: center;
color: #0A2F41;
}

#concept .sectionBox01 h5 {
text-align: center;
}

/*SP*/
@media screen and (max-width: 900px){
#concept .secIntro02 {
margin-bottom: 8%;
}

#concept .secIntro02 h3::before {
background-position: center top;
display: block;
height:14.9vw;
top: -5.6vw;
}

#concept .sectionBox01 {
padding: 6.6% 6.6% 10%;
}

#concept .sectionBox01 h4 {
font-size: 5.3vw;
}

#concept .sectionBox01 li {
border-bottom: solid 1px #FFFFFF;
padding: 8.6% 0 ;
}

#concept .sectionBox01 li:last-child {
border-bottom: none;
padding-bottom: 0;
}

#concept .sectionBox01 h5 {
font-size: 4.7vw; 
font-weight: normal;
margin: 4% 0 2.6%;
}
}

/*PC*/
@media screen and (min-width: 901px){
#concept .secIntro02 {
overflow: hidden;
}

#concept .secIn01 .secIntro02 .pic01 {
float: right;
}

#concept .secIn01 .secIntro02 .introIn01 {
float: left;
top: -330px;
margin-bottom: -200px;
}

#concept .secIntro02 h3::before {
background-position: left top;
display: block;
height:60px;
top: -22px;
}

#concept .sectionBox01 {
padding: 35px 38px 40px;
}

#concept .sectionBox01 h4 {
font-size: 24px;
margin-bottom: 35px;
/*background: url(../images/hotel-uniform/bg_concept_pc01.gif) no-repeat center center;*/
}

#concept .sectionBox01 h4 .spStyle01 {
display: none;
}

#concept .sectionBox01 ul {
overflow: hidden;
}

#concept .sectionBox01 li {
margin-right: 16px;
width: 284px;
float: left;
}

#concept .sectionBox01 li .pic01 img {
width: 100%;
}

#concept .sectionBox01 li:last-child {
margin-right: 0;
}

#concept .sectionBox01 h5 {
font-size: 20px; 
font-weight: 500;
margin: 20px 0 10px;
}
}

/*---------------------------------------
#support #unity
------------------------------------------*/
#unity {
background: #F1F1F1;
}

#unity .secIntro02 h3::before {
content: "";
background: url(../images/hotel-uniform/num_sec02_02.png) no-repeat;
background-position: center top;
background-size: contain;
width: 100%;
position: relative;
}

#unity .sectionBox01 {
background: #ffffff;
padding: 5% 2.6%;
overflow: hidden;
}

#unity .sectionBox01 h4 {
font-weight: 500;
text-align: center;
color: #0A2F41;
}
#unity .sectionBox01 h5 {
text-align: center;
}

#unity .sectionBox02 {
background: #7A8B9B;
}

#unity .sectionBox02 h4 {
color: #ffffff;
font-weight: normal;
}

#unity .sectionBox02 .txt01 {
color: #ffffff;
}


/*SP*/
@media screen and (max-width: 900px){
#unity{
padding-top: 13.3%;
}

#unity .secIn01 {
padding-bottom: 13.3%;
}

#unity .secIntro02 {
margin-bottom: 8%;
}

#unity .secIntro02 h3::before {
display: block;
height:14.9vw;
top: -5.6vw;
}

#unity .sectionBox01 {
padding: 6.6% 6.6% 10%;
}

#unity .sectionBox01 h4 {
font-size: 5.3vw;
}

#unity .sectionBox01 li {
border-bottom: solid 1px #B1BAC1;
padding: 8.6% 0 ;
}

#unity .sectionBox01 li:last-child {
border-bottom: none;
padding-bottom: 0;
}

#unity .sectionBox01 h5 {
font-size: 4.7vw; 
font-weight: normal;
margin: 4% 0 2.6%;
}

#unity .secIn02 {
width: 89.3%;
margin: 0 auto;
padding-top: 12%;
}

#unity .sectionBox02 h4 {
text-align: center;
font-size: 5.6vw;
padding: 14.6% 0 5.3%;
background: url(../images/hotel-uniform/tit_odermade_sp01.png) no-repeat center top;
background-size: 22% auto;
}

#unity .sectionBox02 .txt01 {
padding-bottom: 5%;
}

#unity .sectionBox02 .pic01 {
width: 100%;
height: auto;
}

#unity .sectionBox02 .pic01 img {
display: block;
width: 80%;
position: relative;
bottom: 0;
left: 14%;

}
}


/*PC*/
@media screen and (min-width: 901px){
#unity {
padding-top: 100px;
}

#unity .secIn01 {
padding-bottom: 100px;
}

#unity .secIntro02 {
overflow: hidden;
}

#unity .secIn01 .secIntro02 .pic01 {
float: left;
}

#unity .secIn01 .secIntro02 .introIn01 {
float: right;
top: -320px;
margin-bottom: -240px;
}

#unity .secIntro02 h3::before {
background-position: left top;
display: block;
height:60px;
top: -22px;
}

#unity .sectionBox01 {
padding: 35px 38px 40px;
}

#unity .sectionBox01 h4 {
font-size: 24px;
margin-bottom: 35px;
/*background: url(../images/hotel-uniform/bg_unity_pc01.gif) no-repeat center center;*/
}

#unity .sectionBox01 h4 .spStyle01 {
display: none;
}

#unity .sectionBox01 ul {
overflow: hidden;
}

#unity .sectionBox01 li {
margin-right: 16px;
width: 284px;
float: left;
}

#unity .sectionBox01 li .pic01 img {
width: 100%;
}

#unity .sectionBox01 li:last-child {
margin-right: 0;
}

#unity .sectionBox01 h5 {
font-size: 20px; 
font-weight: 500;
margin: 20px 0 10px;
}

#unity .sectionBox02 {
padding-top: 60px;
height: 360px;
}

#unity .secIn02 {
width: 960px;
margin: 0 auto;
}

#unity .sectionBox02 h4 {
font-size: 28px;
font-weight: 500;
padding: 60px 0 20px;
background: url(../images/hotel-uniform/tit_odermade_pc01.png) no-repeat left top;
}

#unity .sectionBox02 h4 .spStyle01 {
display: none;
}
#unity .sectionBox02 .txt01 {
width: 570px;
}

#unity .sectionBox02 .pic01 {
width: 100%;
height: auto;
}

#unity .sectionBox02 .pic01 img {
display: block;
width: 410px;
position: relative;
bottom: 330px;
left: 600px;
}
}

/*---------------------------------------
#support #cost
------------------------------------------*/
#cost .secIntro02 h3::before {
content: "";
background: url(../images/hotel-uniform/num_sec02_03.png) no-repeat;
background-position: center top;
background-size: contain;
width: 100%;
position: relative;
}

#cost .sectionBox01 {
border: solid 1px #ADB6C2;
}

/*SP*/
@media screen and (max-width: 900px){
#cost .secIntro02 {
margin-bottom: 6.6%;
}

#cost .secIntro02 h3::before {
display: block;
height:14.9vw;
top: -5.6vw;
}

#cost .sectionBox01 {
padding: 0% 5.3% 6.6%;
margin-bottom: 4%;
}

#cost .sectionBox01 h4::before  {
content: "Example1";
color: #ffffff;
font-size: 3.2vw;
display: block;
width: 30%;
text-align: center;
position: relative;
left: -5.7%;
background: #DEA827;
padding: 1.3% 1.6% 1.2%;
margin-bottom: 5.3%;
}

#cost .sectionBox01:nth-of-type(3) h4::before  {
content: "Example2";
color: #ffffff;
font-size: 3.2vw;
display: block;
width: 30%;
text-align: center;
position: relative;
left: -5.7%;
background: #DEA827;
padding: 1.3% 1.6% 1.2%;
margin-bottom: 5.3%;
}

#cost .sectionBox01 h4  {
font-size: 5vw;
color: #0A2F41;
}

#cost .sectionBox01 .pic01  {
margin: 6% 0;
}

#cost .sectionBox02 {
background-color: #F1F1F1;
background-image:
url(../images/hotel-uniform/bg_oguchi01.png),
url(../images/hotel-uniform/bg_oguchi02.png);
background-repeat:
no-repeat,
no-repeat;
background-position:
top 8% left 5%,
top 10% right 6%;
background-size:
20% auto,
20% auto;
border: solid 6px #0A2F41;
padding: 5.3%;
}

#cost .sectionBox02 h4 {
text-align: center;
font-weight: bold;
color: #7B2424;
font-size: 5.8vw;
margin-bottom: 3.7%;
}

#cost .sectionBox02 h4 span {
color: #ffffff;
font-size: 3.2vw;
display: block;
width: 28%;
padding: 1% 4%;
background: #DEA827;
margin: 0 auto 3%;
border-top-left-radius: 14% 60%;
border-top-right-radius: 14% 60%;
border-bottom-left-radius: 14% 60%;
border-bottom-right-radius: 14% 60%;

}
}

/*PC*/
@media screen and (min-width: 901px){
#cost .secIntro02 {
overflow: hidden;
}

#cost .secIn01 .secIntro02 .pic01 {
float: right;
}

#cost .secIn01 .secIntro02 .introIn01 {
float: left;
top: -330px;
margin-bottom: -200px;
}

#cost .secIntro02 h3::before {
background-position: left top;
display: block;
height:60px;
top: -22px;
}

#cost .sectionBox01 {
padding: 0 30px 40px;
margin-right: 20px;
width: 405px;
height: 575px;
margin-bottom: 20px;
}

#cost .sectionBox01:nth-of-type(2) {
float: left;
}

#cost .sectionBox01:nth-of-type(3) {
float: right;
margin-right: 0;
}

#cost .sectionBox01 h4::before  {
content: "Example1";
color: #ffffff;
font-size: 18px;
display: block;
width: 126px;
text-align: center;
position: relative;
left: -30px;
background: #DEA827;
padding: 10px 15px 10px;
margin-bottom: 30px;
}

#cost .sectionBox01:nth-of-type(3) h4::before  {
content: "Example2";
color: #ffffff;
font-size: 3.2vw;
font-size: 18px;
display: block;
width: 126px;
text-align: center;
position: relative;
left: -30px;
background: #DEA827;
padding: 10px 15px 10px;
margin-bottom: 30px;
}

#cost .sectionBox01 h4 {
font-weight: 500;
color: #0A2F41;
font-size: 24px;
margin-bottom: 30px;
}

#cost .sectionBox01 .pic01 {
width: 100%;
text-align: center;
height: 150px;
margin-bottom: 30px;
}

#cost .sectionBox01 .pic01 img {
width: 80%;
}

#cost .sectionBox02 {
clear: both;
background-color: #F1F1F1;
background-image:
url(../images/hotel-uniform/bg_oguchi02.png);
background-repeat:
no-repeat;
background-position:
top 13px right 50px;
background-size:
10% auto;
border: solid 6px #0A2F41;
padding: 20px 30px 28px;
}

#cost .sectionBox02 h4 {
font-weight: bold;
color: #7B2424;
font-size: 34px;
margin-bottom: 10px;
display: inline-block;
}

#cost .sectionBox02 h4 span {
text-align: center;
color: #ffffff;
font-size: 20px;
display: inline-block;
width: 172px;
padding: 4px 2px;
background: #DEA827;
margin-right: 10px;
border-top-left-radius: 14% 60%;
border-top-right-radius: 14% 60%;
border-bottom-left-radius: 14% 60%;
border-bottom-right-radius: 14% 60%;
vertical-align: middle;
}

#cost .sectionBox02 h4 .spStyle01 {
display: none;
}
}

/*---------------------------------------
#support #functionality
------------------------------------------*/
#functionality.supportContents01 {
background: #F1F1F1;
margin-bottom: 0;
}

#functionality .secIntro02 h3::before {
content: "";
background: url(../images/hotel-uniform/num_sec02_04.png) no-repeat;
background-position: center top;
background-size: contain;
width: 100%;
position: relative;
}

#functionality .sectionBox01 {
background: #ffffff;
}

/*SP*/
@media screen and (max-width: 900px){
#functionality {
padding: 13.3% 0;
}


#functionality .secIntro02 {
margin-bottom: 6.6%;
}

#functionality .secIntro02 h3::before {
display: block;
height:14.9vw;
top: -5.6vw;
}

#functionality .sectionBox01 {
padding: 5.3% 5.3% 8%;
}

#functionality .sectionBox01 h4 {
text-align: center;
font-size: 5.3vw;
color: #0A2F41;
padding: 13.3% 0 4%;
background: url(../images/hotel-uniform/icon_sample01.png) no-repeat center top;
background-size: 10% auto;
}
}

/*PC*/
@media screen and (min-width: 901px){
#functionality {
padding-top: 100px;
}

#functionality .secIn01 {
padding-bottom: 100px;
}

#functionality .secIntro02 {
overflow: hidden;
}

#functionality .secIn01 .secIntro02 .pic01 {
float: left;
}

#functionality .secIn01 .secIntro02 .introIn01 {
float: right;
top: -320px;
margin-bottom: -240px;
}

#functionality .secIntro02 h3::before {
background-position: left top;
display: block;
height:60px;
top: -22px;
}

#functionality .sectionBox01 {
padding:20px;
overflow: hidden;
}

#functionality .sectionBox01 h4 {
font-size: 22px;
color: #0A2F41;
padding: 10px 22px 6px 50px;
background: url(../images/hotel-uniform/icon_sample01.png) no-repeat left center;
background-size: 10% auto;
width: 280px;
height: 30px;
float: left;
}
}


/*---------------------------------------
#flow
------------------------------------------*/
#flow .secIntro01 h2 {
color: #0A2F41;
}

#flow .flowBox01 {
background: url(../images/hotel-uniform/bg_flow01.gif) no-repeat center bottom;
}

#flow .flowBox01:last-child {
background-image: none;
}

#flow .flowBoxIn01 {
border: solid 1px #B6B6B6;
}

#flow .flowBox01 h3 {
color: #0A2F41;
border-bottom: dotted 2px #ACACAC;
font-weight: 500;
}

#flow .flowBox01 .contactFlow01 {
overflow: hidden;
background: #0A2F41;
}

#flow .flowBox01 .contactFlow01 li:last-child:hover {
opacity: 0.6;
}

/* SP*/
@media screen and (max-width: 900px){
#flow {
margin-top: 13.3%;
}

#flow .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_02.gif) no-repeat center bottom;
background-size: 9% auto;
}

#flow .flowBox01 .pcStyle01 {
display: none; 
}

#flow .flowBox01 {
width: 89.3%;
margin: 0 auto 2%;
background-size: 10%;
padding-bottom: 5%;
}

#flow .flowBoxIn01 {
padding: 8% 4.6% 5%;
}

#flow .flowBox01 h3 {
width: 54%;
float: left;
border-bottom: none;
}

#flow .flowBox01 h3 span {
font-size: 27px;
display: block;
line-height: 1.1;
}

#flow .flowBox01 .img {
width: 40%;
float: right;
margin-bottom: 10px;
}

#flow .flowBox01 .img img {
width: 100%;
}

#flow .flowBox01 .txt {
clear: both;
}

#flow .flowBox01 .contactFlow01 {
padding: 3% 3% 1.5%; 
margin-top: 2%;
}

#flow .flowBox01 .contactFlow01 li {
width: 100%;
}


#flow .flowBox01 .contactFlow01 li:first-child {
float: left;
width: 74%;
}

#flow .flowBox01 .contactFlow01 li:first-child img {
width: 100%;
}

#flow .flowBox01 .contactFlow01 li:last-child {
float: right;
width: 25%;
}

#flow .flowBox01 .contactFlow01 li:last-child img {
width: 100%;
}

#flow .flowBox01 .contactFlow01 li a { 
display: block;
width: 100%;
height: auto;
}
}

/*PC*/
@media screen and (min-width: 901px){
#flow {
margin: 100px 0;
}

#flow .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_02.gif) no-repeat center bottom;
background-size: 4% auto;
}

#flow .flowBox01 {
padding-bottom: 36px;
margin-bottom: 8px;
background-size: 8%;
}

#flow .flowBox01 .spStyle01 {
display: none; 
}

#flow .flowBoxIn01 {
padding: 30px 0 30px 40px;
overflow:hidden;
}

#flow .flowBox01 .img {
text-align: center;
width: 300px;
float: right;
}

#flow .flowBox01:nth-of-type(1) .img {
padding-top: 50px;
}

#flow .flowBox01 .img img {
width: 80%;
}

#flow .flowBox01 h3 {
width: 580px;
float: left;
padding-bottom: 5px;
font-size: 24px;
}

#flow .flowBox01 .txt {
width: 580px;
float: left;
}

#flow .flowBox01 .contactFlow01 {
width: 520px;
float: left;
padding: 16px 30px 10px; 
margin-top: 20px;
}

#flow .flowBox01 .contactFlow01 li:first-child {
width: 290px;
float: left;
}

#flow .flowBox01 .contactFlow01 li:first-child img {
width: 100%;
}

#flow .flowBox01 .contactFlow01 li:last-child {
width: 199px;
float: right;
}

#flow .flowBox01 .contactFlow01 li:last-child img {
width: 100%;
}

#flow .flowBox01 .contactFlow01 li a { 
display: block;
width: 100%;
height: auto;
}
}

/*---------------------------------------
#contact
------------------------------------------*/
#contact {
background: #7A8B9B;
margin: 0;
border: none;
border-radius: 0;
}

#contact .secTit01 {
color: #ffffff;
border: none;
}

#contact .contactBox {
background: #ffffff;
border:none;
}

#contact .form_area .contact_btn {
/*text-align: center;*/
width: 303px;
}

#contact .form_area .contact_btn:hover {
opacity: 0.6;
}

#hotelLP #contact .mfp_element_submit:hover{
box-shadow: none;
}

.mfp_element_all{
max-width: 100%;
}

#contact .mfp_element_submit:hover{
box-shadow: none;
}


/*SP*/
@media screen and (max-width: 900px){
#contact {
padding: 13.3% 0;
}

#contact .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_01.gif) no-repeat center bottom;
background-size: 9% auto;
font-size: 6.4vw;
line-height: 1.3;
letter-spacing: 0.06em;
padding-bottom: 6.6%;
margin-bottom: 6%;
}

#contact .contactBox {
width: 89.3%;
margin: 0 auto;
}

#contact .contactBox .form_area {
padding: 4% 6.6% 4%
}

#contact .form_area dl dd input {
width: 95%;
}

#contact .form_area dl dd textarea {
width: 95%;
}

#contact .form_area dl dd input.addressArea01 {
width: 70%;
}

}

/*PC*/
@media screen and (min-width: 901px){
#contact {
padding: 100px 0;
width: 100%;
}

#contact .secTit01 {
background: url(../images/hotel-uniform/bg_sectit_01.gif) no-repeat center bottom;
background-size: 4% auto;
font-size: 40px;
line-height: 1.3;
letter-spacing: 0.06em;
padding-bottom: 40px;
margin-bottom: 40px;
}

#contact .contactBox {
width: 840px;
margin: 0 auto;
padding: 40px 60px;
}

#contact .form_area {
padding: 0;
width: 100%;
margin: 0;
}

#contact .form_area dl dt {
width: 30%;
}

#contact .form_area dl dd input {
width: 70%;
}

#contact .form_area dl dd input.addressArea01 {
width: 70%;
}
}

/*---------------------------------------
.thanks
------------------------------------------*/
#contact .thanks p {
text-align: center;
width: 100%;
}

/*SP*/
@media screen and (max-width: 900px){
#contact .thanks {
width: 76.1%;
padding: 4% 6.6% 4%;
}
}