@charset "utf-8";

/* ==================================================
contents
================================================== */

/* 共通
============================== */
/* コンテンツ */
.sec_learning .wrap_cont,
.sec_keyword .wrap_cont,
.sec_info .wrap_cont,
.sec_voice .wrap_cont,
.sec_inquiry .wrap_cont,
.sec_related .wrap_cont {
    max-width: 1440px;
    margin: 0 auto;
}

/* 見出し */
.sec_title {
    text-align: center;
    line-height: 1.2;
    font-size: 178%;
    font-weight: 600;
}
.sec_title span {
    display: inline-block;
    padding: 0 0 9px 43px;
    background-image: url("/shared/templates/manabi_top/images/ttl_icon.gif");
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
}
.sec_title span::before {
    display: block;
    content: "";
    width: calc(100% - 45px);
    height: 3px;
    color: inherit;
    background-color: #1d8f7a;
    border-radius: 99em;
    position: absolute;
    left: 45px;
    bottom: 0;
}

/* サブ見出し */
.sec_sub_title {
    display: inline-block;
    margin: 0 0 26px 0;
    padding: 0 0 0 28px;
    background-image: url("/shared/templates/manabi_top/images/sub_ttl_icon.gif");
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 1.2;
    font-size: 133.5%;
    font-weight: 600;
}


/* ボタン */
.btn_default,
.inquiry_btn {
    display: flex;
    justify-content: center;
    margin-top: 31px;
}
.btn_default a,
.inquiry_btn a {
    display: block;
    padding: 18px 27px 15px 57px;
    text-decoration: none;
    color: #222222;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 99em;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
    z-index: 1;
}
.btn_default a:hover,
.inquiry_btn a:hover,
.btn_default a:focus,
.inquiry_btn a:focus {
    background-color: #f0fcf9;
    text-decoration: underline;
}
.btn_default a::after,
.inquiry_btn a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left 30px center;
    border-radius: 99em;
    transition-duration: 0.3s;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.btn_default a::before,
.inquiry_btn a::before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    color: inherit;
    border: 3px solid #1db397;
    border-radius: 99em;
    transition-duration: 0.3s;
    position: absolute;
    inset: -1px;
	opacity: 0;
    z-index: -1;
}
.btn_default a:hover::before,
.inquiry_btn a:hover::before,
.btn_default a:focus::before,
.inquiry_btn a:focus::before {
	opacity: 1;
}


/* メインイメージ
============================== */
.sec_mainvisual {
    padding: 0 0 31px 0;
    background-image: url("/shared/templates/manabi_top/images/top_main_bg_pc.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.sec_mainvisual .main_img {
    display: block;
    width: 100%;
    text-align: center;
}
.sec_mainvisual .main_img img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
.sec_mainvisual .main_img .pc_img {
    display: block;
}
.sec_mainvisual .main_img .sp_img {
    display: none;
}

/* 学びの場を探す
============================== */
/* 共通 */
.sec_learning .sec_title {
    margin-bottom: 59px;
}
.sec_learning .wrap_cont {
    padding: 78px 117px 108px 112px;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    color: inherit;
    background-color: #cef2e9;
}
.sec_learning .container {
    max-width: 1200px;
    padding: 0;
}

.sec_learning .sec_title span {
    padding: 0 0 9px 46px;
    background-position: left 6px bottom;
}

/* コンテンツ */
.sec_learning .learn_search_wrap {
    display: flex;
    gap: 0 100px;
}
.sec_learning .learn_search_wrap .learn_search_cnt {
    width: calc(50% - 50px);
}
.sec_learning .learn_search_wrap .sec_sub_title {
    margin: 0 0 24px 0;
    padding: 0 0 0 29px;
    background-position: left 2px top 8px;
}

/* 目的から探す */
.sec_learning .container > .learn_search_cnt {
    margin-bottom: 38px;
}
.sec_learning .purpose_list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    list-style: none;
}
/* ボタン */
.sec_learning .learn_btn a {
    display: flex;
    align-items: center;
    min-height: 80px;
    padding: 20px 18px;
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    border-radius: 16px;
    text-decoration: none;
    text-align: left;
    line-height: 1.2;
    color: #222222;
    font-weight: 600;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    transition-duration: 0.3s;
}
.sec_learning .learn_btn a:hover,
.sec_learning .learn_btn a:focus {
    background-color: #f0fcf9;
    text-decoration: underline;
}
.sec_learning .learn_btn a::before {
    display: block;
    content: "";
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 3px solid #1db397;
    border-radius: 16px;
    color: inherit;
	inset: -3px;
    transition-duration: 0.3s;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.sec_learning .learn_btn a:hover::before,
.sec_learning .learn_btn a:focus::before {
	opacity: 1;
}
.sec_learning .detail_img {
    display: inline-block;
    margin-right: 10px;
    line-height: 0;
}
.sec_learning .detail_img img {
    width: 42px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}


/* 地域から探す */
.sec_learning .area_wrap {
    display: flex;
    gap: 0 29px;
}
/* マップ */
.sec_learning .area_map {
    width: 39%;
}
.sec_learning .area_map img {
    height: auto;
}
/* ボタン */
.sec_learning .area_list {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    list-style: none;
    width: calc(61% - 29px);
}
.sec_learning .area_item a {
    display: block;
    padding: 19px 25px 16px 58px;
    text-decoration: none;
    color: #222222;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 99em;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
    z-index: 1;
}
.sec_learning .area_item a:hover,
.sec_learning .area_item a:focus {
    background-color: #f0fcf9;
    text-decoration: underline;
}
.sec_learning .area_item a::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left 33px center;
    border-radius: 99em;
    transition-duration: 0.3s;
    position: absolute;
    inset: 0;
    z-index: -1;
}
.sec_learning .area_item a::before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 3px solid #1db397;
    color: inherit;
	border-radius: 99em;
    transition-duration: 0.3s;
    position: absolute;
    inset: -1px;
	opacity: 0;
    z-index: -1;
}
.sec_learning .area_item a:hover::before,
.sec_learning .area_item a:focus::before {
	opacity: 1;
}


/* キーワードで探す
============================== */
/* 共通 */
.sec_keyword .sec_title {
    margin-bottom: 60px;
}
.sec_keyword .sec_title span {
    padding: 0 0 8px 39px;
}
.sec_keyword .wrap_cont {
    display: block;
    padding: 76px 0 153px;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    border: 1px solid #eeeeee;
    border-color: #eeeeee;
    background-image: url("/shared/templates/manabi_top/images/keyword_bg_pc.jpg");
    background-position: center top;
    position: relative;
}
.sec_keyword .wrap_cont::before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 100%;
    color: inherit;
    background-color: #cef2e9;
    border: none;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -2;
}
.sec_keyword .wrap_cont::after {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 75px;
    color: inherit;
    background-color: #f0fcf9;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

/* 検索窓 */
.sec_keyword .keyword_wrap {
    max-width: 800px;
    margin: 0 auto;
}
.sec_keyword .wrap_sch_box {
	width: 100%;
    display: table-cell;
    vertical-align: top;
}
.sec_keyword .wrap_sch_box input {
    display: block;
    width: 100%;
    background-color: #ffffff;
	border: 2px solid #14806d;
	border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #222222;
    padding: 15px 21px 14px 21px;
    line-height: 1.53;
    font-weight: 500;
    height: 57px;
}
.sec_keyword .wrap_sch_btn {
    display: table-cell;
    vertical-align: top;
    width: 120px;
}
.sec_keyword .wrap_sch_btn input {
    width: 100px;
    height: 57px;
	border: 2px solid #14806d;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #14806d;
    letter-spacing: 0.3em;
    text-indent: 5px;
    color: #ffffff;
    font-size: 111.5%;
    font-weight: 600;
    cursor: pointer;
    padding: 6px 5px 5px;
	transition: all .3s ease;
}
.sec_keyword .wrap_sch_btn input:hover,
.sec_keyword .wrap_sch_btn input:focus,
.sec_keyword .wrap_sch_btn input:active {
	background-color:#14806d;
    color: #ffffff;
    opacity: 0.7;
}


/* インフォメーション一
============================== */
/* 共通 */
.sec_info .sec_title {
    margin-bottom: 61px;
}
.sec_info .sec_title span {
    margin-left: -28px;
    padding: 0 0 8px 43px;
}

.sec_info .btn_default {
    margin-bottom: 80px;
}

.sec_info .wrap_cont {
    padding: 0 0 114px 0;
    background-color: #f0fcf9;
    color: inherit;
}

/* インフォメーション一 */
.sec_info .info_cnt {
    display: flex;
    gap: 0 79px;
}
.sec_info .info_list {
    flex: 1;
    min-width: 45%;
}
.sec_info .thumbnail_cnt .thumbnail_img {
    margin-bottom: 12px;
}
.sec_info .thumbnail_cnt .thumbnail_img img {
    display: block;
    border-radius: 16px;
    object-fit: contain;
}
.sec_info .thumbnail_cnt .thumbnail_link a {
    display: inline-block;
    padding: 0 0 0 28px;
    text-decoration: none;
    color: #222222;
    font-weight: 500;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center;
    transition: all 0.2s ease-out;
}
.sec_info .thumbnail_cnt .thumbnail_link a:hover,
.sec_info .thumbnail_cnt .thumbnail_link a:focus {
    text-decoration: underline;
    color: #222222;
    background-color: transparent;
}

/* インフォメーション一一覧 */
.sec_info .info_list ul {
    list-style: none;
}
.sec_info .info_list ul li {
    display: flex;
    padding: 16px 0 17px;
    border-bottom: 1px solid #b0e6db;
}
.sec_info .info_list ul li a {
    display: inline-block;
    flex: 1;
    padding: 0 0 0 28px;
    text-decoration: none;
    color: #222222;
    font-weight: 500;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center;
    transition: all 0.2s ease-out;
}
.sec_info .info_list ul li a:hover,
.sec_info .info_list ul li a:focus {
    text-decoration: underline;
}
.sec_info .info_list .day {
    display: inline-block;
    margin: 0 21px 0 0;
    min-width: 70px;
    background-color: transparent;
    color: #222222;
    font-size: 89%;
    font-weight: 600;
}
.sec_info .btn_default a {
    padding: 18px 27px 15px 57px;
}

/* 動画コンテンツ */
.sec_info .info_movie_cnt .sec_sub_title {
    margin: 0 0 29px 0;
    padding: 0 0 0 12px;
    background-position: left top 7px;
    letter-spacing: 0.021em;
}
.sec_info .info_movie_cnt {
    display: flex;
    justify-content: space-between;
    gap: 0 20px;
}
.sec_info .info_movie_cnt .movie_dec {
    width: 50%;
}
.sec_info .info_movie_cnt .movie_dec p {
    font-weight: 500;
}
.sec_info .info_movie_cnt .movie_code {
    margin-bottom: 4px;
}
.sec_info .info_movie_cnt .movie_box,
.sec_info .info_movie_cnt .movie_code iframe {
    max-width: 520px;
    width: 100%;
    height: 100%;
    aspect-ratio: 520 / 293;
}

.sec_info .info_movie_cnt .movie_link a {
    display: inline-block;
    padding: 0 0 0 23px;
    text-decoration: none;
    letter-spacing: 0.02em;
    color: #222222;
    font-weight: 500;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center;
    transition: all 0.2s ease-out;
}
.sec_info .info_movie_cnt .movie_link a:hover,
.sec_info .info_movie_cnt .movie_link a:focus {
    text-decoration: underline;
}


/* 学び直しを体験した人の声
============================== */
/* 共通 */
.sec_voice .wrap_cont {
    display: block;
    padding: 76px 0 136px;
    box-sizing: border-box;
    color: inherit;
    background-color: transparent;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    border: 1px solid #eeeeee;
    border-color: #eeeeee;
    background-image: url("/shared/templates/manabi_top/images/keyword_bg_pc.jpg");
    background-position: center top;
    position: relative;
}
.sec_voice .wrap_cont::before {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 100%;
    color: inherit;
    background-color: #f0fcf9;
    border: none;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -2;
}
.sec_voice .wrap_cont::after {
    display: block;
    content: "";
    width: calc(100% + 2px);
    height: 75px;
    color: inherit;
    background-color: #f0fcf9;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.sec_voice .sec_title {
    margin-bottom: 61px;
}

/* 学び直しを体験した人の声一覧 */
.sec_voice .voice_list {
    display: grid;
    gap: 90px 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding: 60px 0 0 0;
}
.sec_voice .voice_list .voice_item {
    padding: 79px 27px 21px 28px;
    color: inherit;
    background-color: #FFFFFF;
    border: 3px solid #1db397;
    border-radius: 16px;
    text-align: center;
    position: relative;
}
.sec_voice .voice_list .voice_icon {
    display: inline-block;
    line-height: 0;
    position: absolute;
    top: -64px;
    left: 50%;
    transform: translateX(-50%);
}
.sec_voice .voice_list .voice_ttl {
    margin-bottom: 3px;
    color: #14806d;
    font-size: 111.3%;
    font-weight: 600;
    background-color: transparent;
    line-height: 1.2;
}
.sec_voice .voice_list .voice_cat {
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: 54px auto;
    background-position: center bottom;
    position: relative;
}
.sec_voice .voice_list .voice_cat span {
    display: inline-block;
    padding: 2px 4px;
    border: 1px solid #14806d;
    border-radius: 4px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 1.2;
    color: #14806d;
    font-size: 78%;
    font-weight: 600;
}
.sec_voice .voice_list .voice_text {
    text-align: left;
    line-height: 31px;
}
.sec_voice .btn_default  {
    margin-top: 40px;
}

/* ご相談・お問い合わせ
============================== */
.sec_inquiry .sec_title {
    margin-bottom: 35px;
}
.sec_inquiry .sec_title span {
    padding: 0 0 9px 39px;
}
.sec_inquiry .inquiry_btn {
    margin-top: 32px;
}
.sec_inquiry .wrap_cont {
    padding: 0 0 138px 0;
    color: inherit;
    background-color: #f0fcf9;
    position: relative;
}
.sec_inquiry .wrap_cont::after {
    display: block;
    content: "";
    width: 100%;
    height: 80px;
    color: inherit;
    background-color: #FFFFFF;
    border-top-left-radius: 80px;
    border-top-right-radius: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.sec_inquiry .inquiry_desc {
    text-align: center;
    font-weight: 500;
}


/* 関連リンク
============================== */
.sec_related .wrap_cont {
    padding: 0 0 5px 0;
}
.sec_related .sec_title {
    margin-bottom: 41px;
}
.sec_related .sec_title span {
    margin-left: -40px;
    padding: 0 0 3px 43px;
}
.sec_related .link_list {
    display: flex;
    justify-content: center;
    gap: 18px;
    list-style: none;
}
.sec_related .link_list .link_item a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}
.sec_related .link_list .link_item a:hover .link_text,
.sec_related .link_list .link_item a:focus .link_text {
    text-decoration: underline;
}
.sec_related .link_list .link_item a:hover .link_img::before,
.sec_related .link_list .link_item a:focus .link_img::before {
    border: 3px solid #1db397;
}
.sec_related .link_list .link_item a .link_img {
    display: block;
    margin-bottom: 12px;
    border-radius: 16px;
    line-height: 0;
    position: relative;
    overflow: hidden;
}
.sec_related .link_list .link_item a .link_img::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #1db397;
    border-radius: 16px;
    position: absolute;
    inset: 0;
    transition: all 0.2s ease-out;
}

.sec_related .link_list .link_item a .link_text {
    display: inline-block;
    padding: 0 0 0 26px;
    text-decoration: none;
    color: #222222;
    font-weight: 500;
    background-color: transparent;
    background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-position: left center;
    transition: all 0.2s ease-out;
}



/* ==================================================
accsessibility
================================================== */
.color_blue .sec_keyword .wrap_cont,
.color_yellow .sec_keyword .wrap_cont,
.color_black .sec_keyword .wrap_cont {
    border: none;
}
.color_blue .sec_keyword .wrap_cont::after,
.color_yellow .sec_keyword .wrap_cont::after,
.color_black .sec_keyword .wrap_cont::after {
    content: none;
}
.color_blue .sec_voice .wrap_cont,
.color_yellow .sec_voice .wrap_cont,
.color_black .sec_voice .wrap_cont {
    border: none;
}
.color_blue .sec_voice .wrap_cont::after,
.color_yellow .sec_voice .wrap_cont::after,
.color_black .sec_voice .wrap_cont::after {
    content: none;
}
.color_blue .sec_inquiry .wrap_cont::after,
.color_yellow .sec_inquiry .wrap_cont::after,
.color_black .sec_inquiry .wrap_cont::after {
    content: none;
}
.color_blue .sec_learning .learn_btn a::before,
.color_yellow .sec_learning .learn_btn a::before,
.color_black .sec_learning .learn_btn a::before {
    content: none;
}
.color_blue .sec_learning .learn_btn a,
.color_yellow .sec_learning .learn_btn a,
.color_black .sec_learning .learn_btn a {
    border: 1px solid #ffffff;
}
.color_blue .sec_learning .area_item a,
.color_yellow .sec_learning .area_item a,
.color_black .sec_learning .area_item a {
    padding: 19px 25px 16px;
}
.color_blue .sec_learning .area_item a::before,
.color_yellow .sec_learning .area_item a::before,
.color_black .sec_learning .area_item a::before {
    content: none;
}
.color_blue .sec_learning .area_item a::after,
.color_yellow .sec_learning .area_item a::after,
.color_black .sec_learning .area_item a::after {
    content: none;
}
.color_blue .sec_info .btn_default a,
.color_yellow .sec_info .btn_default a,
.color_black .sec_info .btn_default a {
    padding: 18px 27px 15px;
    text-align: center;
}
.color_blue .sec_voice .btn_default a,
.color_yellow .sec_voice .btn_default a,
.color_black .sec_voice .btn_default a {
    padding: 18px 27px 15px;
    text-align: center;
}
.color_blue .sec_inquiry .inquiry_btn a,
.color_yellow .sec_inquiry .inquiry_btn a,
.color_black .sec_inquiry .inquiry_btn a {
    padding: 18px 27px 15px;
    text-align: center;
}
.color_blue .sec_learning .sec_title span,
.color_yellow .sec_learning .sec_title span,
.color_black .sec_learning .sec_title span {
    padding: 0 0 9px 0;
}
.color_blue .sec_keyword .sec_title span,
.color_yellow .sec_keyword .sec_title span,
.color_black .sec_keyword .sec_title span {
    padding: 0 0 8px 0;
}
.color_blue .sec_info .sec_title span,
.color_yellow .sec_info .sec_title span,
.color_black .sec_info .sec_title span {
    margin-left: 0;
    padding: 0 0 8px 0;
}
.color_blue .sec_voice .sec_title span,
.color_yellow .sec_voice .sec_title span,
.color_black .sec_voice .sec_title span {
    padding: 0 0 9px 0;
}
.color_blue .sec_inquiry .sec_title span,
.color_yellow .sec_inquiry .sec_title span,
.color_black .sec_inquiry .sec_title span {
    padding: 0 0 9px 0;
}
.color_blue .sec_related .sec_title span,
.color_yellow .sec_related .sec_title span,
.color_black .sec_related .sec_title span {
    margin-left: 0;
    padding: 0 0 3px 0;
}
.color_blue .btn_default a::before,
.color_yellow .btn_default a::before,
.color_black .btn_default a::before,
.color_blue .inquiry_btn a::before,
.color_yellow .inquiry_btn a::before,
.color_black .inquiry_btn a::before {
    content: none;
}
.color_blue .btn_default a::after,
.color_yellow .btn_default a::after,
.color_black .btn_default a::after,
.color_blue .inquiry_btn a::after,
.color_yellow .inquiry_btn a::after,
.color_black .inquiry_btn a::after {
    content: none;
}
.color_blue .sec_title span::before,
.color_yellow .sec_title span::before,
.color_black .sec_title span::before {
    content: none;
}



/* ==================================================
print
================================================== */
@media print {
    body {
        background:#FFFFFF !important;
    }
    #tmp_wrapper {
        width: 100% !important;
    }
    #tmp_wrapper img {
        animation: none;
    }
    #tmp_header {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
        color:#000000 !important;
        background:#FFFFFF !important;
    }
    #tmp_footer {
        margin-top: 10px !important;
        padding-top: 10px !important;
        color:#000000 !important;
        background:#FFFFFF !important;
    }
    .related_links,
    #tmp_print,
    .municipal_office_link,
    #tmp_hnavi_s,
    #tmp_feedback,
    #tmp_lnavi,
    .gnavi,
    .wrap_col_lft_navi,
    .wrap_col_rgt_navi,
    .pnavi,
    .fnavi,
    .plugin,
    #tmp_social_plugins,
    #tmp_inquiry_cnt .inquiry_btn,
    #tmp_feedback,
    #tmp_pankuzu {
        display: none !important;
    }
    .wrap_col_nm,
    .column_lnavi .wrap_col_main,
    .column_rnavi .wrap_col_main {
        float: none !important;
    }
    body,
    #tmp_pankuzu {
        background: none !important;
    }
    .wrap_col_nm,
    .wrap_col_nm2,
    .col_main {
        margin: 0 !important;
        padding: 0 !important;
    }
    #tmp_contents .box_gmap {
        margin: 0;
        padding: 170px 0 0 0;
        position: relative;
        top: -170px;
        page-break-before: always;
    }
    .copyright {
        text-align: left !important;
    }
}

@media screen and (max-width : 1200px) {
    /* 学びの場を探す
    ============================== */
	/* 共通 */
	.sec_learning .wrap_cont {
		padding: 77px 90px 118px 90px;
	}

    /* コンテンツ */
    .sec_learning .learn_search_wrap {
        gap: 0 60px;
    }
    .sec_learning .learn_search_wrap .learn_search_cnt {
        width: calc(50% - 30px);
    }
}
@media screen and (max-width : 1000px) {
	/* 学びの場を探す
	============================== */
	/* 共通 */
	.sec_learning .wrap_cont {
		padding: 77px 50px 118px 50px;
	}

    /* コンテンツ */
    .sec_learning .learn_search_wrap {
        gap: 0 30px;
    }
    .sec_learning .learn_search_wrap .learn_search_cnt {
        width: calc(50% - 15px);
    }


	/* キーワードで探す
	============================== */

	/* 検索窓 */
	.sec_keyword .keyword_wrap {
		max-width: 700px;
	}


	/* インフォメーション一
	============================== */

	/* インフォメーション一 */
	.sec_info .info_cnt {
		gap: 0 45px;
	}

	/* 動画コンテンツ */
	.sec_info .info_movie_cnt .sec_sub_title {
		margin: 0 0 29px 0;
		padding: 0 0 0 12px;
		background-position: left top 7px;
		letter-spacing: 0.021em;
	}
	.sec_info .info_movie_cnt {
		display: flex;
		justify-content: space-between;
		gap: 0 20px;
	}
	.sec_info .info_movie_cnt .movie_dec {
		width: 50%;
	}
	.sec_info .info_movie_cnt .movie_dec p {
		font-weight: 500;
	}
	.sec_info .info_movie_cnt .movie_code {
		margin-bottom: 4px;
	}
	.sec_info .info_movie_cnt .movie_box,
	.sec_info .info_movie_cnt .movie_code iframe {
		flex: 1;
		max-width: 520px;
		width: 100%;
		height: 100%;
		aspect-ratio: 520 / 293;
	}

	.sec_info .info_movie_cnt .movie_link a {
		display: inline-block;
		padding: 0 0 0 15px;
		text-decoration: none;
		letter-spacing: 0.02em;
		color: #222222;
		font-weight: 500;
		background-color: transparent;
		background-image: url("/shared/site_manabi/images/icon/icon_circle_arrow_right_gr.gif");
		background-repeat: no-repeat;
		background-size: auto 16px;
		background-position: left center;
		transition: all 0.2s ease-out;
	}
	.sec_info .info_movie_cnt .movie_link a:hover,
    .sec_info .info_movie_cnt .movie_link a:focus {
		text-decoration: underline;
	}

}