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

/* common */
html{}
body{ font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","メイリオ","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif; color: #1a1a1a;}

main{ color: #1a1a1a; background: #fff;}

div{ margin: 0; padding: 0;}
img{ max-width:100%; margin: 0; padding: 0; width: 100%;}
.container{ width: 900px; min-width: 900px; padding: 0; margin: 0 auto; background: #fff100; display: flex; flex-wrap: wrap; position: relative; align-items: flex-start;}
main{ min-width: 900px; }
label{ margin: 0;}
a:hover{ opacity: .8; transition: all 1s ease;}

.main_link{ position: absolute; width: 200px; height: 30px; top: 80px; right: 45px;}
.main_img{ width: 100%;}
.main_img>img{ width: 100%;}
.tab-wrap{ width: 640px;}

.tab-wrap { display: flex; flex-wrap: wrap;}
.tab-label {width: 33.3%; order: -1;}
.tab-label>img{ width: 100%;}
.tab-label:hover{ cursor: pointer;}
.tab-content { width: 100%; display: none;}
/* アクティブなタブ */
.tab-switch:checked+.tab-label.tab_1{ background: url("../img/bt_amu02.png") no-repeat center 0 / 100%;}
.tab-switch:checked+.tab-label.tab_2{ background: url("../img/bt_est02.png") no-repeat center 0 / 100%;}
.tab-switch:checked+.tab-label.tab_3{ background: url("../img/bt_other02.png") no-repeat center 0 / 100%;}
.tab-switch:checked+.tab-label>img{ opacity: 0;}
.tab-switch:checked+.tab-label+.tab-content { display: block;}
/* ラジオボタン非表示 */
.tab-switch { display: none;}

.side{ list-style-type: none; padding: 0; margin: 0 35px; width: 158px;}
ul.side>li{ margin-bottom: 10px; position: relative;}

footer{ background: #fff100; display: flex; justify-content: center; padding: 75px 0; width: 100%;}
footer>a{ background-color: #fff; color: #231815; text-decoration: none;　word-break: break-all; line-height: 50px; text-align: center; font-weight: bold;} 
footer>a{ width: 300px; height: 50px; margin: 0 30px;}
footer>a>span{ display: block;}
footer>a:nth-child(1){ background-color: lightgray; color: black;}
footer>a:nth-child(2){ background-color: gray; color: white;}
footer>a:hover{ text-decoration: none; opacity: .9;}

.copyright{ background: #796baf; width: 100%; padding: 30px 0; margin-top: 30px;}
.copyright>a{ width: 100px; display: block; margin: 0 auto 10px;}
.copy_r{ color: #fff; text-align: center; display: block;}
.copy_big{ font-size: 16px; vertical-align: -2px;}

.button-020 { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: none; border-radius: 50%; background-color: #bab7b6; position: fixed; bottom: 20px; right: 30px; color: #bab7b6!important;}
.button-020:hover { border: 1px solid #bab7b6; background-color: #fff;}
.button-020:hover path { fill: #bab7b6;}

.hankyu_a1{ position: absolute; width: 140px; height: 60px; top: 97px; right: 0; left: 0; margin: 0 auto;}
.hankyu_a2{ position: absolute; width: 140px; height: 60px; top: 165px; right: 0; left: 0; margin: 0 auto;}

.hankyu_a1:hover,.hankyu_a2:hover{ background: #fff; opacity: .3;}