@charset "UTF-8";

* .sp {
display: none;
}
.main {
width: 100%;
overflow: hidden;
}
a {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.inner {
min-height: 1px;
width: 90%;
max-width: 1200px;
min-width: 960px;
margin: 0 auto;
position: relative;
line-height: 0;
}
.cf {
min-height: 1px;
line-height: 0;
}
.cf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
* html .cf {
height: 1px; /*/*/}
.leftBox {
width: 50%;
float: left;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rightBox {
width: 50%;
float: right;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.util {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.util .tel {
line-height: 1;
padding-top: 12px;
color: #11a5d3;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: -.5px;
font-weight: 500;
letter-spacing: 0;
position: relative;
}
.util .tel:before {
font-size: 65%;
margin-right: 5px;
position: relative;
top: -2px;
}
.util .tel span {
font-size: 10px;
font-size: 1rem;
font-weight: 700;
font-family: "NotoSansJP", sans-serif;
letter-spacing: 3px;
position: absolute;
top: 0;
right: 0;
}
.util .goContact {
padding: 5px 15px;
display: block;
margin-left: 30px;
font-family: "NotoSansJP", sans-serif;
text-align: center;
background: #11a5d3;
color: #fff;
font-weight: 500;
font-size: 14px;
font-size: 1.4rem;
border: 1px solid #11a5d3;
border-radius: 5px;
}
.util .goContact:hover {
background: #fff;
color: #11a5d3;
}
.pageMain {
padding-top: 107px;
border-bottom: 1px solid #eaeaea;
}
.pageInner {
width: 900px;
margin: 0 auto;
}
.pageHeader {
padding: 20px 0 60px;
background: -webkit-gradient(linear, left top, left bottom, from(#32B6ED), to(#A5DEF6));
background: linear-gradient(#32B6ED, #A5DEF6);
position: relative;
}
.pageHeader:before {
content: "";
width: 100%;
height: 200px;
background: url(//yamahoshi-web.com/wp-content/themes/yamahoshi/svg/city.svg) repeat-x center bottom -6px;
background-size: 1500px auto;
position: absolute;
bottom: 0;
left: 0;
}
.pageHeader h1 {
font-size: 30px;
font-size: 3rem;
font-weight: 300;
color: #fff;
}
.pageHeader h1 span {
display: block;
font-family: "Roboto", sans-serif;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 1px;
text-transform: capitalize;
}
.pageContent {
padding: 60px 0;
}
.secTtl {
border-bottom: 3px solid #eee;
margin-bottom: 20px;
}
.secTtl h2 {
display: inline-block;
font-size: 26px;
font-size: 2.6rem;
padding-bottom: 5px;
font-weight: 300;
position: relative;
}
.secTtl h2:before {
content: "";
width: 100%;
height: 3px;
background: #11a5d3;
position: absolute;
bottom: -3px;
left: 0;
}
.disc {
padding-left: .4em;
}
.disc li {
list-style-type: disc;
list-style-position: inside;
}/**/