@charset "utf-8";
/* ================================================================================
色設定
================================================================================ */

/* ボタン */
.s_btn a { border:1px solid #333; }

@media only screen and (min-width:600px) { 
/* タブレット版記述 */

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

}

/* ================================================================================
汎用設定CSS
================================================================================ */

/* ボタン */
.s_btn a { border-radius:5rem; display:inline-block; padding:5px 40px; margin:20px 0; }
.s_btn a::after { background-position:center center; background-size:contain; background-repeat:no-repeat; background-image:url("../img/03facility/btn_icon.svg"); content:''; display:inline-block; margin:0 0 0 10px; height:20px; width:20px; vertical-align:middle; }

/* 施設一覧 */
div.shisetsu h1 { font-size:2rem; font-weight:500; margin:0 0 20px 0; }
div.shisetsu_txt { padding:0 20px; }

@media only screen and (min-width:600px) { 
/* タブレット版記述 */

div.shisetsu { margin:auto; max-width:80%; }
div.shisetsu_box { text-align:left; }
div.shisetsu_txt { text-align:left; }
.s_btn { padding:0 0 0 20px; }
div.shisetsu_box img { margin:auto; }

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

div.shisetsu { max-width:1024px; width:80%; }
div.shisetu_flex { display:flex; justify-content:space-around; align-items:center; }
div.shisetu_flex.re { flex-direction:row-reverse; }
div.shisetsu_box { width:50%; }
div.shisetsu_box img { padding:0 30px; }

}