@charset "UTF-8";
/*------------------------------------------------------------
contents common settings
------------------------------------------------------------ */
body{ font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;}

/*** ここからレイアウト部分の記述 ***/

.gothic{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.wrapper{ width: 100%; max-width: 1020px; margin: auto; padding: 0 10px; box-sizing: border-box;}
.wrapper_100{ width: 100%;}
.img_100{ width: 100%;}

header{}
header p img{}}
section{}
footer{ height: 90px;}

#text_01{ width: 62.7%; margin: auto;}
#btn_01{ float: left; width: 48%;}
#btn_02{ float: right; width: 48%;}
#img_01{ width: 40.7%; margin: auto;}
#btn_03{ width: 40.7%; margin: auto; padding-bottom: 22px;}
#btn_04{ width: 40.7%; margin: auto; padding-bottom: 22px; padding-top: 12px;}

#polus_logo{ float: left; width: 34.4%; margin: 2% 0 0 0;}
#tochu_logo{ float: left; width: 28.6%; margin: 2% 0 0 4%;}
#footer_tel{ float: right; width: 29.6%; margin: 1.4% 0 0 0;}

.txt_main{ z-index: 100; font-size: 10px; color: #FFF; text-align: right; line-height: 20px; margin-top: -20px;}


/*** SP rayout ***/
#logo_01_sp{ width:231px; margin: auto;}
#main_01_sp{ width:231px; margin: auto;}
#btn_01_sp{ margin: 4% 0;}
#btn_02_sp{ margin: 4% 0;}
#btn_03_sp{ margin: auto; padding-bottom: 5%;}
#btn_04_sp{ margin: auto; padding-bottom: 5%; padding-top: 2%;}

#polus_logo_sp{ width: 85%; margin: 8% auto 4% auto;}
#tochu_logo_sp{ width: 75%; margin: 4% auto 4% auto;}
#footer_tel_sp{ width: 96%; margin: 8% auto; padding-bottom: 4%;}


/*** ここからカラー部分の記述 ***/
.bg_01{ background-color: #86B8F0;}
.bg_02{ background-color: #04AD93;}


/*** ここからレスポンシブの記述 ***/

._pc{ display: block;}
._sp{ display: none;}
._sp a img:hover{ opacity: 1 !important;}

@media screen and (max-width: 540px) {
  ._pc{ display: none;}
  ._sp{ display: block;}
}