@charset 'utf-8';

img {width: 100%;}
body {background-size: cover;margin: 0;font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;}
h1{margin-top: 0;margin-bottom: 0;}
.logo:hover{opacity: 0.8 cursor:pointer;}

.sp {display: none;}
.pc {display: inline-block;}


/* 応募パターン */
.back_orange{background-color: #FDD157;}
.pattern_wrap{width: min(68vw,1310px);display: flex;flex-direction: row;margin: 0 auto;justify-content: space-between;gap: 1vw;}
.pattern_img{position: relative;}
.pattern a{display: inline-block;position: absolute;bottom: 2vw;right: 0;left: 0;margin: 0 auto;width: 19vw;}
.pattern a:hover{opacity: 0.7;}
.attention{position: relative;}
.attention_button{position: absolute;display: inline-block;width: 33vw;right: 21vw;top: 6vw;}
.attention_button:hover{opacity: 0.8;cursor: pointer;}

/*固定バー*/
.kotei {padding: 15px 0;position: fixed;bottom: 0;z-index: 100;width: 100vw;background: #3C2C25;}
.kotei div { margin: 0 auto;width: 20vw;}
.button_tel{width: 420px;}
.button_matome{display: flex;justify-content: center;width: 700px;align-items: center;}
.button_tel.pc img { width: 45px; margin-right: 10px;}
.button_tel.pc span.tel_no {color: #fff; font-weight: bold; line-height: 45px; vertical-align: text-bottom;letter-spacing: .05em;
font-size: 26px;}
.kotei a {display: inline-block;}
.kotei a:hover {opacity: 0.8;}
.button_form .sp{display: none;}

/* フッター */
footer{background: #525252;}
.footer_contents{width: 68vw;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;padding-top: 20px;padding-bottom: 110px;color: white;align-items: center;}
.footer_contents a{display: inline-block;width: 200px;}
.footer_contents a:hover{opacity: 0.8;cursor: pointer;}

@media screen and (max-width: 740px) {
.sp {width: 100%;display: block;}
.pc {display: none;}

/*固定バー*/
.kotei div { margin: 0 auto;width: 70vw;}
.button_form .pc{display: none;}
.button_form .sp{display: block;}

/*ボタン付のところ*/
.attention{position: relative;}
.attention_button{width: 70vw;right: 0;left: 0;margin: 0 auto;bottom: 12vw;top: initial;}
.attention_button img{width: 100%;}

/* フッター */
.footer_contents{flex-direction: column;padding-bottom: 110px;}
.footer_contents a{margin-bottom: 10px;}
}