@charset "UTF-8";
@media screen and (min-width: 768px), print { /* 3枚表示のbxslider-------------------------------------*/
h2 { background: url("../images/after/h2.jpg") no-repeat; }
main { width: 100%; }
.seo_bread_list { width: 1100px; margin: 0 auto; }
#main { position: relative; width: 1200px; margin: 0 auto 86px; }
#main .txt-1 { position: absolute; bottom: 196px; right: 292px; width: 607px; color: #ffffff; font-size: 14px; line-height: 22px; }
/*#main*/
#eight { margin-bottom: 30px; /*.list*/ }
#eight .img-1 { width: 330px; margin: 0 auto 30px; }
#eight .ttl-1 { width: 1000px; margin: 0 auto 40px; padding-bottom: 40px; text-align: center; color: #282828; font-size: 28px; font-weight: 700; letter-spacing: 1.4px; background: url("../images/performance/under02.jpg") repeat-x bottom center; }
#eight .list { width: 1160px; margin: 0 auto; }
#eight .list .list-item { float: left; width: 260px; min-height: 484px; margin-right: 40px; }
#eight .list .list-item:nth-child(4n) { margin-right: 0; }
#eight .list .list-item .img-2 { margin-bottom: 15px; }
#eight .list .list-item .ttl-2 { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 2px solid #3e3e3e; text-align: center; color: #363636; font-size: 18px; font-weight: 700; line-height: 24px; }
#eight .list .list-item .span1 { font-size: 14px; letter-spacing: -0.14px; }
#eight .list .list-item .txt-1 { color: #181617; font-size: 14px; line-height: 24px; }
#eight .list .pt48 { padding-top: 48px; }
/*#eight*/
#start { width: 1000px; margin: 0 auto 189px; }
#start .ttl-1 { text-align: center; }
/*#start*/
#end { width: 1200px; margin: 0 auto; padding-bottom: 121px; background: url("../images/after/island.jpg") no-repeat; }
#end .ttl-1 { margin-bottom: 50px; padding-top: 101px; text-align: center; }
#end .txt-1 { margin-bottom: 25px; text-align: center; color: #ffffff; font-size: 18px; font-weight: 700; line-height: 26px; letter-spacing: -0.18px; }
/*#end*/
#support { position: relative; top: -90px; width: 1000px; margin: 0 auto; padding: 0 37px; background-color: #fcffff; }
#support .ttl-1 { width: 647px; margin: 0 auto 35px; padding: 65px 0 40px; text-align: center; color: #282828; font-size: 28px; font-weight: 700; letter-spacing: 1.4px; background: url("../images/performance/under02.jpg") repeat-x bottom center; }
#support .span1 { color: #e08a04; }
#support .inner-box { float: left; width: 440px; margin-right: 40px; }
#support .inner-box:nth-of-type(2) { margin-right: 0; margin-bottom: 44px; }
#support .img-1 { margin-bottom: 11px; }
#support .ttl-2 { display: inline-block; width: 440px; margin-bottom: 20px; padding-left: 10px; border-bottom: 2px solid #589a4d; text-align: left; color: #fcffff; font-size: 18px; font-weight: 700; background-color: #589a4d; }
#support .span2 { display: inline-block; margin-left: 13px; padding: 12px 35px 10px 40px; text-align: right; color: #363636; background-color: #fcffff; }
#support .txt-1 { color: #181617; font-size: 14px; font-weight: 400; line-height: 24px; }
#support .link { display: inline-block; width: 900px; margin-left: 10px; padding: 24px 0 23px; border: 2px solid #3e3e3e; text-align: center; background-color: #ffffff; }
#support .square { padding-left: 30px; }
/*#support*/
#banner { width: 800px; margin: 0 auto -10px; padding: 33px 60px; background: url("../images/performance/banner-bg.jpg") no-repeat; }
#banner .link { display: inline-block; margin-right: 34px; }
#banner .link:nth-of-type(2) { margin-right: 0; }
/* #banner */ }
/*@media screen*/
@media screen and (max-width: 767px) { #main { margin-bottom: 10%; }
#main .ttl-1 { margin-bottom: 5%; text-align: center; }
#main .txt-1 { margin-bottom: 3%; padding: 0 2%; color: #141414; text-align: left; font-size: 0.9rem; line-height: 1.4em; letter-spacing: 0.12em; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }
/* #main */
#eight { margin-bottom: 5%; /* .list-item */ }
#eight .img-1 { margin-bottom: 3%; text-align: center; width: 60vw; margin: 0 auto 3vw;}
#eight .ttl-1 { width: 95%; margin: 0 auto 5%; padding: 0 2% 3%; text-align: center; font-size: 1.1rem; line-height: 1.2em; letter-spacing: 0.12em; color: #282828; font-weight: 700; background: url("../images/performance/under02.jpg") repeat-x bottom center; }
#eight .list-item { margin-bottom: 8%; }
#eight .list-item:nth-child(2n) { margin-right: 0; }
#eight .list-item .img-2 { margin-bottom: 3%; text-align: center; }
#eight .list-item .ttl-2 { width: 95%; margin: 0 auto 5%; padding: 0 2%; text-align: center; font-size: 1.1rem; line-height: 1.2em; letter-spacing: 0.12em; border-bottom: 2px solid #3e3e3e; color: #363636; font-weight: 700; }
#eight .list-item .span1 { font-size: 0.9rem; }
#eight .list-item .txt-1 { margin-bottom: 3%; padding: 0 2%; text-align: left; color: #181617; font-size: 0.9rem; line-height: 1.4em; letter-spacing: 0.12em; }
/* #eight */
#start { margin-bottom: 10%; }
#start .ttl-1 { text-align: center; }
/*#start*/
#end { padding: 5% 0 10%; background: url("../images/after/island.jpg") no-repeat top 0% left 72%; background-size: 198%; }
#end .ttl-1 { max-width: 95%; margin: 0 auto 5%; text-align: center; }
#end .txt-1 { margin-bottom: 3%; padding: 0 2%; text-align: left; font-size: 0.8rem; line-height: 1.4em; letter-spacing: 0.12em; color: #ffffff; font-weight: 700; }
/*#end*/
#support { position: relative; top: -5vh; width: 95%; margin: 0 auto; padding-top: 3%; background-color: #fcffff; }
#support .ttl-1 { width: 95%; margin: 0 auto 5%; padding: 0 2% 3%; text-align: center; font-size: 1.1rem; line-height: 1.2em; letter-spacing: 0.12em; color: #282828; font-weight: 700; background: url("../images/performance/under02.jpg") repeat-x bottom center; }
#support .span1 { color: #e08a04; }
#support .img-1 { width: 100%; margin: 0 auto 5%; text-align: center; }
#support .ttl-2 { width: 100%; margin: 0 auto 5%; text-align: center; font-size: 0.8rem; font-weight: 700; }
#support .span0 { padding: 2% 2%; width: 50%; display: inline-block; border-bottom: 1px solid #589a4d; color: #fcffff; background-color: #589a4d; }
#support .span2 { padding: 2% 3%; width: 50%; display: inline-block; border-bottom: 1px solid #589a4d; color: #363636; background-color: #fcffff; }
#support .txt-1 { margin-bottom: 3%; padding: 0 2%; text-align: left; font-size: 0.9rem; line-height: 1.4em; letter-spacing: 0.12em; color: #181617; }
#support .link { display: block; width: 100%; margin: 0 auto 3%; padding: 2%; border: 2px solid #3e3e3e; text-align: center; background-color: #ffffff; }
#support .square { padding-left: 2%; }
/*#support*/
#banner { margin-bottom: 10%; padding: 5% 0 2%; background: url("../images/performance/banner-bg.jpg") repeat-y; }
#banner .link { display: block; max-width: 90%; margin: 0 auto 3%; text-align: center; } }
/*@media screen*/