@charset "UTF-8";
/* ---------------------------------------------------------------------
 value
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative; background: linear-gradient(to right,  rgba(173,128,70,1) 0%,rgba(240,219,185,1) 50%,rgba(173,128,70,1) 100%);
padding: 40px 0
}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_image h2{font-size: 40px;letter-spacing: 0.2em;margin-bottom: 10px;}
.pages_main_image .txt{line-height: 2em;font-size: 18px; letter-spacing: 0.1em;font-weight: 600}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image{padding: 30px 0}
.pages_main_image h2{font-size: 22px;letter-spacing: 0.1em;}
.pages_main_image .txt{font-size: 14px; }
}

/*===============================================================================
===============================================================================*/


#body_recomend_c{padding-bottom: 70px}
#body_recomend_c img{width: 100%;height: auto}
#body_recomend_c .tab{border-bottom: 10px solid #081022;padding-top: 90px}
#body_recomend_c .tab li{width: 33.333%}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_recomend_c .tab{padding-top: 40px}
}


@media screen and (max-width: 767px) {/*スマホ設定*/
#body_recomend_c{padding-bottom: 60px}
#body_recomend_c img{ max-width: 100%;}
}

#body_recomend_c .sec{margin-top: 90px}
#body_recomend_c .sec .zu{width: 60%;position: relative}
#body_recomend_c .sec .zu .plan{width: 80%;margin-bottom: 60px}
#body_recomend_c .sec .txt{width: 36%;position: relative;font-weight: 600}
#body_recomend_c .sec .comment{margin-bottom: 30px}
#body_recomend_c .sec dt{position: relative;color: #fff;text-align: left;padding: 5px 20px;font-size: 20px}
#body_recomend_c .sec dd{padding: 6px 0 6px 20px;text-align: left;font-size: 15px;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";line-height: 1.4;margin-bottom: 20px}
#body_recomend_c .sec.sec1 dt{background: #2c9664;}
#body_recomend_c .sec.sec2 dt{background: #bd8dae;}
#body_recomend_c .sec.sec3 dt{background: #3bb6c0;}
#body_recomend_c .sec dt .icon{width: 50px;position: absolute;left: -35px;top: -7px}
#body_recomend_c .sec.sec2 a{color:#bd8dae }
#body_recomend_c h3{color: #003949;font-size: 27px;letter-spacing: 0.1em; margin-top: 90px}
#body_recomend_c .bt{width: 606px;margin: 30px auto 0}

.fontG{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 16px}

@media screen and (max-width: 767px) {/*スマホ設定*/

#body_recomend_c .sec{width: 90%;margin: 40px auto 0}
#body_recomend_c .sec .zu{width: 100%;margin-bottom: 30px}
#body_recomend_c .sec .txt{width: 86%;margin: auto}
#body_recomend_c .sec .zu .plan{width: 90%;margin: auto}
#body_recomend_c .sec .comment{width: 90%;margin: 30px auto}
#body_recomend_c .sec dt{font-size: 17px}
#body_recomend_c .sec dd{font-size: 13px;line-height: 1.5;margin-bottom: 20px}
#body_recomend_c .sec dt .icon{width: 40px;position: absolute;left: -25px;top: -5px}

#body_recomend_c h3{color: #003949;font-size: 20px;letter-spacing: 0.1em; margin-top: 40px}
#body_recomend_c .bt{width: 100%;margin: 20px auto 0}
.fontG{font-size: 14px;overflow-wrap: anywhere;}
}
/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}