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

/* 基本設定 */
.flex.between                            { -webkit-justify-content:space-between; justify-content:space-between; }
#support #wrap *                         { -webkit-box-sizing:border-box; box-sizing:border-box; font-feature-settings:"palt"; }
#support #wrap                           { position:relative; width:100%; padding:70px 0 50px 0; }
#support #wrap .wrap_inner               { width:calc(100% - 100px); max-width:1400px; margin:50px auto 0 auto; background:#ffffff; border-radius:8px; box-shadow:1px 4px 10px rgba(0,0,0,0.15); }

/* ヘッタ */
#support_header .leaflet h1              { position:absolute; top:50px; left:50px; z-index:4; width:calc(100% - 100px); font-size:24px; line-height:30px; height:40px; font-weight:normal; letter-spacing:0.05em; color:#111; border-bottom:1px solid rgba(0,0,0,0.5); font-family: 'Fjalla One', sans-serif; }
#support_header .leaflet img             { width:100%; -webkit-border-radius:8px 0 0 0; border-radius:8px 0 0 0; }
#support_header .leaflet a               { display:block; width:100%; height:100%; }
#support_header .leaflet a:before        { content:""; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0); -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
#support_header .leaflet a:hover img     { opacity:1.0; filter:alpha(opacity=100); }
#support_header .leaflet a:hover:before  { background:rgba(0,0,0,0.1); }
#support_header .leaflet,
#support_header article                  { position:relative; width:50%; }
#support_header article                  { padding:50px; -webkit-border-radius:0 8px 0 0; border-radius:0 8px 0 0; }
#support_header article h1               { font-size:24px; line-height:30px; font-weight:normal; letter-spacing:0.05em; color:#222; height:40px; margin-bottom:15px; border-bottom:1px solid rgba(0,0,0,0.5); font-family: 'Fjalla One', sans-serif; }
#support_header article h1 span          { display:block; width:auto; height:30px; margin:5px; float:right; }
#support_header article h1 span.facebook .fb-like { margin:-10px -28px; }
#support_header article h1 span.line     { }
#support_header article h1 span.twitter  { background:#1d9bf0; border-radius:3px; }
#support_header article h2               { font-size:42px; line-height:1.4em; margin-bottom: 30px; color:#222; letter-spacing:0.05em;  font-family: 'Fjalla One', sans-serif; }
#support_header article h3               { font-size:26px; line-height:1.4em; margin-bottom: 10px; color:#222; }
#support_header article h4               { font-size:50px; line-height:1.2em; margin-bottom: 30px; color:#222; }
#support_header article h5               { font-size:20px; line-height:1.6em; margin-bottom: 30px; color:#222; }
#support_header article p                { font-size:18px; line-height:2.0em; margin-bottom: 50px; color:#222; letter-spacing:0.05em; }

/* 概要／トピックス共通（カラム） */
#support #box_outline,
#support #box_topics                     { position:relative; padding:60px 0; }
#support #box_topics .col_main           { width:calc(100% - 360px); position:relative; }
#support #box_topics .col_side           { position:relative; width:300px; }
#support #box_topics .col_side .fb-page,
#support #box_topics .col_side .fb-page span,
#support #box_topics .col_side iframe    { height:100% !important; }
#support #wrap h6                        { font-size:42px; line-height:1.4em; margin-top:-10px; font-feature-settings:"palt"; margin-bottom:20px; letter-spacing:0.02em; }
#support #wrap p.read                    { font-size:17px; line-height:1.6em; }
#support_header a.btn:before             { background-image:url(../../img/common/wt/down.svg) }
#support #jump_outline,
#support #jump_topics                    { position:absolute; top:-70px; left:auto; }
#support .atls_list                      { border-top:1px solid #e5e5e5; }
#support .atls article                   { width:47%; background:#fff; }

/* 学生用 */
#support.student #support_header .leaflet        { width:100%; border-radius:8px 8px 0 0; overflow:hidden; }
#support.student #support_header .youtube_if     { margin:0; background:#111; }
#support.student #support_header article         { width:100%; border-radius:0; }
#support.student #support_header article h4      { font-size:70px; }
#support.student #support_header article h4 span { margin-right:-0.1em; }
@media screen and (max-width: 800px){
#support.student #support_header .leaflet        { border-radius:6px 6px 0 0; }
#support.student #support_header article h4      { font-size:30px; }
}

/* フッタ */
#support_footer                          { padding:10px 50px 60px 50px; text-align:center; }
#support_footer p                        { font-size:17px; line-height:1.6em; font-weight:bold; text-align:center; }

@media screen and (max-width:1140px){
#support_header article h3               { font-size:20px; }
#support_header article h4               { font-size:40px; }
#support_header article h4 br            { display:none; }
#support_header article p                { font-size:16px; }
}
@media screen and (max-width:940px) {
#support_header .flex.between,
#support #box_topics .flex.between       { display:block; }
#support_header .leaflet,
#support_header article,
#support #box_topics .col_main,
#support #box_topics .col_side           { width:100%; margin:0 auto; }
#support #box_topics .col_side           { margin-top:30px; }
#support #box_topics .col_side .fb-page,
#support #box_topics .col_side .fb-page span,
#support #box_topics .col_side .fb-page  { width:300px; height:400px !important; margin:0 auto; display:block; }
#support_header .leaflet img             { -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
#support_header article                  { -webkit-border-radius:0; border-radius:0; }
}
@media screen and (max-width:760px) {
#support #wrap                           { padding:35px 0 15px 0; }
#support #wrap .wrap_inner               { width:calc(100% - 30px); margin:15px auto 0 auto; border-radius:6px; }
#support_header article                  { padding:20px; }
#support_header article h1 span.title    { display:none; }
#support_header article h3               { font-size:18px; }
#support_header article h4               { font-size:30px; }
#support_header article h2,
#support #wrap h6                        { font-size:20px; }
#support_header article p                { margin-bottom:30px; }
#support #wrap .btns .btn                { width:100%; float:none; margin:0 0 10px 0;} 
#support #box_outline, 
#support #box_topics                     { padding:40px 0; }
#support #box_topics .col_side           { height:400px; }
#support #box_topics .col_side .fb-page  { position:absolute; top:0; top: 0; left:50%; margin:0 0 0 -150px; }
}

/* カラー設定／アーリーステージ */
#support.early #wrap                     { background-color:#ddce21; }
#support.early #support_header .btn      { background-color:#e8dd37; }
#support.early #support_header article,
#support.early #box_topics               { background:#f8f5c3; }
#support.early #support_header           { border-bottom:1px solid #f8f5c3; }

/* カラー設定／十勝人チャレンジ */
#support.challenge #wrap                 { background-color:#8ac1e7; }
#support.challenge #support_header .btn  { background-color:#63acdf; }
#support.challenge #support_header article,
#support.challenge #box_topics           { background:#d0e6f5; }
#support.challenge #support_header       { border-bottom:1px solid #d0e6f5; }

/* カラー設定／ものづくり */
#support.monozukuri #wrap                { background-color:#bd9154; }
#support.monozukuri #support_header .btn { background-color:#c8a063; }
#support.monozukuri #support_header article,
#support.monozukuri #box_topics          { background:#eee2d0; }
#support.monozukuri #support_header      { border-bottom:1px solid #eee2d0; }

/* カラー設定／学生起業家育成奨学 */
#support.student #wrap                   { background-color:#ec999f; }
#support.student #support_header .btn    { background-color:#e70012; }
#support.student #support_header article,
#support.student #box_topics             { background:#ffe7e7; }
#support.student #support_header         { border-bottom:1px solid #e6e7c8; }

/* カラー設定／とかちビジネスチャレンジ補助金 */
#support.bizchallenge #wrap                   { background-color:#eded74; }
#support.bizchallenge #support_header .btn    { background-color:#cccc39; }
#support.bizchallenge #support_header article,
#support.bizchallenge #box_topics             { background:#fbfbe3; }
#support.bizchallenge #support_header         { border-bottom:1px solid #eded74; }

#support.bizchallenge #support_header .leaflet        { width:100%; border-radius:8px 8px 0 0; overflow:hidden; }
#support.bizchallenge #support_header article         { width:100%; border-radius:0; }
#support.bizchallenge #support_header article h4      { font-size:70px; }
#support.bizchallenge #support_header article h4 span { margin-right:-0.1em; }
#support.bizchallenge #support_header .leaflet        { border-radius:6px 6px 0 0; }
#support.bizchallenge #support_header article h4      { font-size:30px; }