@charset "UTF-8";
/*** style ***/


/* ========================================
	導入事例
======================================== */
.l_body_hayawakari {
background: url("/hayawakari/imgs/bg_body_pc.png") no-repeat center top;
}
.l_body_hayawakari .l_header {
background: none;
}
.l_body_hayawakari .l_header.scroll {
background: #dfeaf5;
}
.l_body_hayawakari .l_main.l_pages {
background: none;
}
@media (max-width: 767px) {
.l_body_hayawakari {
background: none;
}
.l_body_hayawakari .l_header {
background: #FFF;
}
.l_body_hayawakari .l_header.scroll {
background: #FFF;
}
.l_body_hayawakari .l_main.l_pages {
background: url("/hayawakari/imgs/bg_body_sp.png") no-repeat center top / 100% auto;
}
}


.m_h1_hayawakari .m_ttl_lv1 .e_ttl_lv1 .s_ttl_lv1_en {
font-family: 'Noto Sans Japanese Demi Light', Arial,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
font-size: 5.4rem;
}
.m_h1_hayawakari .m_ttl_lv1 .e_ttl_lv1 .s_ttl_lv1_jp {
margin-top: 17px;
font-size: 2rem;
font-weight: normal;
}
@media (max-width: 767px) {
.m_h1_hayawakari {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.m_h1_hayawakari .m_ttl_lv1 {
order: 2;
width: 100%;
padding-top: 4vw;
height: auto;
}
.m_h1_hayawakari .m_ttl_lv1 .e_ttl_lv1 .s_ttl_lv1_en {
font-size: 5.8652vw;
}
.m_h1_hayawakari .m_ttl_lv1 .e_ttl_lv1 .s_ttl_lv1_jp {
margin-top: 5.332vw;
font-size: 4vw;
}

.m_h1_hayawakari .e_breadcrumb {
order: 1;
width: 100%;
}
.m_h1_hayawakari .e_breadcrumb {
margin-top: 0;
padding-top: 53.32vw;
}
}

.l_body_hayawakari .m_sec {
padding-top: 140px;
}
.l_body_hayawakari .m_h1_hayawakari +.m_sec {
padding-top: 150px;
}
@media (max-width: 767px) {
.l_body_hayawakari .m_sec {
padding-top: 16vw;
}
.l_body_hayawakari .m_h1_hayawakari +.m_sec {
padding-top: 26.66vw;
}
}

.e_ttl_lv2.e_ttl_lv2_hayawakari {
text-align: center;
padding: 14px 0;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari:before,
.e_ttl_lv2.e_ttl_lv2_hayawakari:after {
content: none;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari span {
position: relative;
display: inline-block;
font-size: 3.6rem;
font-weight: bold;
padding-bottom: 15px;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari span:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 4px;
background: #212121;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari span:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -8px;
display: block;
margin: 0 auto;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0 6px;
border-color: #212121 transparent transparent transparent;
}
@media (max-width: 767px) {
.e_ttl_lv2.e_ttl_lv2_hayawakari {
padding: 3.4658vw 0;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari span {
font-size: 5.332vw;
padding-bottom: 2.666vw;
}
.e_ttl_lv2.e_ttl_lv2_hayawakari span:after {
bottom: -1.8662vw;
border-width: 2.1328vw 1.6vw 0 1.6vw;
}
}

.m_hayawakari_01 .m_hayawakari_clm {
margin-top: 48px;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item .m_txt .e_ttl {
font-size: 3.2rem;
font-weight: bold;
}
@media (min-width: 1025px) {
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item .e_img .s_link {
transition: opacity .3s ease-in-out;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item .e_img .s_link:hover {
opacity: .75;
}
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) .m_txt {
width: -webkit-calc(100% - 600px);
width: calc(100% - 600px);
padding-top: 100px;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) .e_img {
width: 560px;
margin-top: 0;
margin-left: 40px;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) {
position: relative;
margin-top: 80px;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) .m_txt {
position: absolute;
z-index: 1;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
max-width: 480px;
padding: 56px 0 53px 40px;
background: #FFF;
border-radius: 6px;
box-sizing: border-box;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) .e_img {
margin: 0;
}
@media (max-width: 767px) {
.m_hayawakari_01 .m_hayawakari_clm {
margin-top: 8vw;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item .m_txt .e_ttl {
font-size: 6.1318vw;
margin-top: 4vw;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) {
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) .m_txt {
order: 2;
width: 100%;
padding-top: 0;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(1) .e_img {
order: 1;
width: 100%;
margin-left: 0;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
margin-top: 11.997vw;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) .m_txt {
order: 2;
position: static;
transform: translateY(0);
width: 100%;
max-width: none;
padding: 0;
}
.m_hayawakari_01 .m_hayawakari_clm .m_hayawakari_item:nth-child(2) .e_img {
order: 1;
width: 100%;
margin: 0;
}
}

.m_hayawakari_02 .m_hayawakari_clm {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
margin-top: 48px;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item {
width: -webkit-calc((100% / 2) - (20px / 2));
width: calc((100% / 2) - (20px / 2));
margin-left: 20px;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(2n+1) {
margin-left: 0;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(n+3) {
margin-top: 20px;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(4),
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(6) {
transform: translateY(-180px);
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(5) {
transform: translateY(-10px);
}
@media (max-width: 767px) {
.m_hayawakari_02 .m_hayawakari_clm {
display: block;
margin-top: 15.4628vw;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item {
width: 100%;
margin-left: 0;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(n+2),
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(n+3) {
margin-top: 5.332vw;
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(4),
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(6) {
transform: translateY(0);
}
.m_hayawakari_02 .m_hayawakari_clm .m_hayawakari_item:nth-child(5) {
transform: translateY(0);
}
}


.m_hayawakari_03 .m_hayawakari_item {
position: relative;
margin-top: 80px;
}
.m_hayawakari_03 .m_hayawakari_item:first-child {
margin-top: 48px;
}
.m_hayawakari_03 .m_hayawakari_item .e_img {
text-align: left;
}
.m_hayawakari_03 .m_hayawakari_item:nth-child(even) .e_img {
text-align: right;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 480px;
height: 384px;
padding: 42px 0 0 48px;
background: #FFF;
border-radius: 6px;
box-sizing: border-box;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .s_txt_ruby {
position: relative;
padding: 0 .16em;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .s_txt_ruby[data-ruby]:before {
content: attr(data-ruby);
position: absolute;
top: -1em;
left: 0;
right: 0;
margin: auto;
font-size: 0.5em;
text-align: center;
}

.m_hayawakari_03 .m_hayawakari_item:nth-child(even) .m_hayawakari_item_txt {
right: auto;
left: 0;
padding: 42px 48px 0 0;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_ttl {
font-size: 3.2rem;
font-weight: bold;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_txt {
line-height: 2;
font-size: 1.8rem;
margin-top: 10px;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_txt.e_txt_en {
font-family: europa, sans-serif;
font-size: 2.4rem;
font-weight: bold;
margin-top: 8px;
}
@media (max-width: 767px) {
.m_hayawakari_03 .m_hayawakari_item {
margin-top: 10.664vw;
}
.m_hayawakari_03 .m_hayawakari_item:first-child {
margin-top: 12vw;
}
.m_hayawakari_03 .m_hayawakari_item .e_img {
text-align: center;
}
.m_hayawakari_03 .m_hayawakari_item:nth-child(even) .e_img {
text-align: center;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt {
position: static;
transform: translateY(0);
width: 100%;
height: auto;
padding: 0;
}
.m_hayawakari_03 .m_hayawakari_item:nth-child(even) .m_hayawakari_item_txt {
padding: 0;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_ttl {
font-size: 6.1318vw;
margin-top: 6.665vw;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_txt {
font-size: 4.2656vw;
margin-top: 2.666vw;
}
.m_hayawakari_03 .m_hayawakari_item .m_hayawakari_item_txt .e_txt.e_txt_en {
font-size: 5.332vw;
margin-top: 2.1328vw;
}
}