@charset "UTF-8"; @import url(scss/libs/sticky-state.css); @import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i|Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese"); img { display: block; max-width: 100%; height: auto; margin: auto; } #footer { border-top: 10px solid #223e69; margin-top: 40px; color: #fff; /*old?*/ } @media only screen and (max-width: 767px) { #footer { margin-top: 20px; padding-bottom: 65px; } } #footer .inr { max-width: 1080px; width: 95%; margin: 0 auto; text-align: center; } #footer .main_area { background: #223e69; padding: 70px 0 75px; text-align: center; } @media only screen and (max-width: 767px) { #footer .main_area { padding: 45px 0 50px; } } #footer .main_area .main { font-size: 1.6em; font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } @media only screen and (max-width: 767px) { #footer .main_area .main { font-size: 1.2em; } } #footer .main_area .linkList { text-align: center; margin-top: 15px; } @media only screen and (max-width: 767px) { #footer .main_area .linkList { text-align: left; } } #footer .main_area .linkList > li { display: inline-block; vertical-align: middle; margin: 2px 20px; } @media only screen and (max-width: 767px) { #footer .main_area .linkList > li { width: 32%; margin: 0; text-align: left; padding: 5px; line-height: 1.5; } } @media only screen and (max-width: 767px) { #footer .main_area .linkList > li.last { width: 100%; } } #footer .main_area .linkList > li > a { display: block; font-size: 1em; color: #fff; font-weight: 500; } @media only screen and (max-width: 767px) { #footer .main_area .linkList > li > a { font-size: 0.8em; } } #footer .main_area .linkList > li > a:hover { opacity: 0.8; } #footer .sub_area { padding: 12px 0 15px; background: #385178; } #footer .sub_area .linkList { text-align: center; } #footer .sub_area .linkList > li { display: inline-block; vertical-align: middle; margin: 0 20px; } @media only screen and (max-width: 767px) { #footer .sub_area .linkList > li { width: 48%; margin: 0; } } #footer .sub_area .linkList > li > a { display: block; font-size: .9em; color: #fff; } @media only screen and (max-width: 767px) { #footer .sub_area .linkList > li > a { font-size: 0.75em; } } #footer .sub_area .linkList > li > a span { font-weight: 500; padding-right: 16px; background: url("/common/img/arw_white.png") no-repeat center right/7px 12px; } #footer .sub_area .linkList > li > a:hover { opacity: 0.8; } #footer .copyRight { font-size: .8em; color: #223e69; font-weight: 500; padding: 12px 0 15px; } @media only screen and (max-width: 767px) { #footer .copyRight { font-size: .7em; } } #footer .footer_box { background-color: #000; padding: 50px 0 40px; } @media only screen and (max-width: 767px) { #footer .footer_box { padding: 20px 0 80px; } } #footer .footer_box .info_box { border-top: 2px solid #fff; margin-top: 30px; padding-top: 30px; } @media only screen and (max-width: 767px) { #footer .footer_box .info_box { border-top: none; padding-top: 0; } } @media only screen and (min-width: 768px), print { #footer .footer_box .info_box { -ja-display: flex; display: flex; justify-content: space-between; } } #footer .footer_box .info_box .wrap_info { color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } #footer .footer_box .info_box .wrap_info .logo { width: 15%; } @media only screen and (max-width: 767px) { #footer .footer_box .info_box .wrap_info .logo { width: 100%; } #footer .footer_box .info_box .wrap_info .logo img { width: 180px; } } #footer .footer_box .info_box .wrap_info .txt { width: 45%; } @media only screen and (max-width: 767px) { #footer .footer_box .info_box .wrap_info .txt { width: 100%; margin-top: 20px; text-align: center; font-size: .9em; } } #footer .footer_box .info_box .wrap_info .copyright { width: 33%; text-align: right; color: #fff; font-size: .7em; } @media only screen and (max-width: 767px) { #footer .footer_box .info_box .wrap_info .copyright { width: 100%; margin-top: 20px; padding-top: 10px; border-top: 1px solid; text-align: center; } } #footer .footer_box .link_block { text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 980px; width: 100%; margin: 0 auto; } #footer .footer_box .link_block li { width: 33.33333%; width: calc(100% / 3); border-right: 1px solid #fff; } @media only screen and (max-width: 767px) { #footer .footer_box .link_block li { width: 100%; border-bottom: 1px solid #fff; border-right: none; text-align: left; text-align: left; padding: 15px 0 15px 30px; } } #footer .footer_box .link_block li a { font-size: .9em; color: #fff; font-weight: bold; } @media only screen and (max-width: 767px) { #footer .footer_box .link_block li a { position: relative; } #footer .footer_box .link_block li a::before { content: ''; display: inline-block; width: 10px; height: 1px; background-color: #fff; position: absolute; left: -20px; top: 7px; } } #footer .footer_box .link_block li a:hover { text-decoration: underline; } #footer .footer_box .link_block li:first-child { border-left: 1px solid #fff; } @media only screen and (max-width: 767px) { #footer .footer_box .link_block li:first-child { border-left: none; } } #footer .wrap_nav_footer { padding-top: 40px; } @media only screen and (min-width: 768px), print { #footer .wrap_nav_footer { padding-top: 24px; } } @media only screen and (min-width: 768px) and (min-width: 576px), print { #footer .wrap_nav_footer { padding-top: 30px; } } @media only screen and (min-width: 768px) and (min-width: 768px), print { #footer .wrap_nav_footer { padding-top: 60px; } } #pagetop { position: fixed; right: 0; bottom: 60px; z-index: 99999; opacity: 0; transition: all 0.2s ease 0s; } #pagetop a { transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; display: block; width: 40px; height: 40px; overflow: hidden; background-color: #333; width: 50px; height: 60px; padding: 25px 0 10px; text-align: center; color: #fff; font-weight: bold; } #pagetop a:after { content: ""; display: block; position: absolute; top: 15px; right: 0; bottom: auto; left: 0; margin: auto; transform: rotate(-45deg); color: #fff; width: 10px; height: 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; } #pagetop a:hover { opacity: 0.7; } #pagetop.fixed { opacity: 1; } .contact_area { position: fixed; bottom: 0; width: 100%; background-color: #fff; text-align: center; display: none; z-index: 99999; } @media only screen and (max-width: 767px) { .contact_area { display: block; } } .contact_area ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; width: 100%; padding: 6px; } .contact_area ul li { width: 33.333%; } .contact_area ul li:nth-child(1) { border-right: 1px solid #fff; } .contact_area ul li a { color: #223e69; display: block; width: 100%; padding: 30px 0 5px 0; font-size: .65em; background: #223e69; color: #fff; font-weight: 500; line-height: 1.5; letter-spacing: 0; } .contact_area ul li a span { position: relative; } .contact_area ul li a span::before { content: ''; display: inline-block; background-size: contain; background-repeat: no-repeat; vertical-align: middle; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); } .contact_area ul li:nth-child(1) a span::before { background-image: url(/common/img/catalog_icon.png); width: 20px; height: 17px; } .contact_area ul li:nth-child(2) a { background-color: #85bb92; } .contact_area ul li:nth-child(2) a span::before { background-image: url(/common/img/house_icon.png); width: 20px; height: 17px; } .contact_area ul li:nth-child(3) a { background-color: #da9943; } .contact_area ul li:nth-child(3) a span::before { background-image: url(/common/img/online_icon.png); width: 20px; height: 17px; } img { display: block; max-width: 100%; height: auto; margin: auto; } #header { transition: all 0.2s ease 0s; position: fixed; z-index: 9999; top: 0; right: 0; left: 0; width: 100%; min-width: 1080px; background-color: rgba(255, 255, 255, 0.9); } @media only screen and (max-width: 767px) { #header { min-width: auto; } } #header .newIcon_01 { font-size: 10px; color: #fff; background-color: #d90025; line-height: 1; padding: 3px 5px 4px; margin-left: 5px; display: inline-block !important; font-weight: bold; } #header .newIcon_02 { position: relative; } #header .newIcon_02::before { content: "NEW"; position: absolute; top: 0; right: 0; font-size: 10px; font-weight: bold; text-align: center; color: #fff; background-color: #d90025; padding-top: 11px; line-height: 1; width: 33px; height: 33px; } #header .newIcon_03 { position: relative; } #header .newIcon_03::before { content: "オススメ"; position: absolute; top: 0; right: 0; font-size: 10px; font-weight: bold; text-align: center; color: #fff; background-color: #d90025; padding-top: 11px; line-height: 1; width: 56px; height: 33px; } #header.header_scroll .nav_wrap { background-color: #fff !important; } #header .header_inner { transition: all 0.2s ease 0s; position: relative; } @media only screen and (max-height: 549px) { #header .header_inner { overflow: auto; } } #header .header_inner.fixed { background-color: #223e69; } #header .header_inner .nav_wrap { display: flex; flex-direction: row; justify-content: space-between; z-index: 9999; transition: all 0.2s ease 0s; width: 100%; position: relative; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap { padding: 0; } } #header .header_inner .nav_wrap .logo { width: 15%; padding: 20px 0; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .logo { width: 18%; padding: 10px 0; } } #header .header_inner .nav_wrap .logo .site_id { z-index: 9999; height: 60px; } #header .header_inner .nav_wrap .logo .site_id a { height: 100%; color: #000; display: flex; flex-direction: column; justify-content: center; margin-left: 10px; } #header .header_inner .nav_wrap .logo .site_id a img { display: block; /*max-width: 120px;*/ max-width: 180px; width: 100%; } #header .header_inner .nav_wrap .gnav, #header .header_inner .nav_wrap .gnav_sp { width: 90%; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav, #header .header_inner .nav_wrap .gnav_sp { width: 80%; } } #header .header_inner .nav_wrap .gnav ul, #header .header_inner .nav_wrap .gnav_sp ul { display: flex; flex-direction: row; justify-content: flex-end; height: 100%; } #header .header_inner .nav_wrap .gnav li, #header .header_inner .nav_wrap .gnav_sp li { margin-right: 20px; position: relative; } #header .header_inner .nav_wrap .gnav li::before, #header .header_inner .nav_wrap .gnav_sp li::before { content: ''; display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #536279; position: absolute; bottom: 0; left: 50%; opacity: 0; pointer-events: none; } #header .header_inner .nav_wrap .gnav li.active::before, #header .header_inner .nav_wrap .gnav_sp li.active::before { opacity: 1; pointer-events: all; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav li.active::before, #header .header_inner .nav_wrap .gnav_sp li.active::before { opacity: 0; } } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav li, #header .header_inner .nav_wrap .gnav_sp li { margin-right: 10px; } } #header .header_inner .nav_wrap .gnav li a, #header .header_inner .nav_wrap .gnav_sp li a { width: 100%; height: 100%; display: block; font-weight: bold; color: #223e69; display: flex; flex-direction: column; justify-content: center; font-size: 13px; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav li a, #header .header_inner .nav_wrap .gnav_sp li a { font-size: .7em; text-align: center; } } #header .header_inner .nav_wrap .gnav li a:hover, #header .header_inner .nav_wrap .gnav_sp li a:hover { opacity: .8; } #header .header_inner .nav_wrap .gnav li a.active, #header .header_inner .nav_wrap .gnav_sp li a.active { color: #223e69; } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav li a .icon, #header .header_inner .nav_wrap .gnav_sp li a .icon { width: 25px; margin: 0 auto; } } @media only screen and (max-width: 767px) { #header .header_inner .nav_wrap .gnav li a .icon img, #header .header_inner .nav_wrap .gnav_sp li a .icon img { width: 100%; } } #header .header_inner .nav_wrap .gnav li.cv, #header .header_inner .nav_wrap .gnav_sp li.cv { width: 100px; text-align: center; margin: 0; border-right: 1px solid #fff; } #header .header_inner .nav_wrap .gnav li.cv a, #header .header_inner .nav_wrap .gnav_sp li.cv a { background: #223e69; color: #fff; font-size: 0.75em; line-height: 1.4; } #header .header_inner .nav_wrap .gnav li.cv a img, #header .header_inner .nav_wrap .gnav_sp li.cv a img { width: 45px; height: auto; margin-bottom: 6px; } #header .header_inner .nav_wrap .gnav li.cv.cl02 a, #header .header_inner .nav_wrap .gnav_sp li.cv.cl02 a { background-color: #85bb92; } #header .header_inner .nav_wrap .gnav li.cv.cl03 a, #header .header_inner .nav_wrap .gnav_sp li.cv.cl03 a { background-color: #da9943; } #header .header_inner .tab_box_wrap { width: 100%; color: #fff; } #header .header_inner .tab_box_wrap .tab_inr { display: none; background-color: rgba(34, 62, 105, 0.8); } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr { background-color: #536279; } } #header .header_inner .tab_box_wrap .tab_inr .menu_info a .pic { width: 10%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr .menu_info a .txt { width: 88%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr .menu_info a .txt p { font-weight: bold; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr > dl > dt { background-color: #223e69; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; color: rgba(255, 255, 255, 0.9); font-size: .8em; padding: 5px 20px; line-height: 1; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr > dl > dt { padding: 10px; font-size: .7em; } } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li:last-child { border-bottom: none; } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li a { color: #fff; padding: 10px 20px; display: block; font-weight: bold; font-size: .8em; position: relative; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li a span { display: block; } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt { padding: 20px; cursor: pointer; position: relative; font-size: .8em; font-weight: bold; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt { padding: 15px 10px; } } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt::before, #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt::after { content: ''; display: block; width: 15px; height: 1px; border-radius: 2px; background: #fff; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt::after { transform: translateY(-50%) rotate(90deg); transition: 0.5s; } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dt.active::after { transform: rotate(0); transition: 0.5s; } #header .header_inner .tab_box_wrap .tab_inr > dl dd ul li dl dd { display: none; background-color: #223e69; } #header .header_inner .tab_box_wrap .tab_inr#tab1 { padding: 40px 0 60px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 { padding: 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; max-width: 1080px; width: 95%; margin: 0 auto; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu { width: 24%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .pic { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .txt { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .txt p { font-weight: bold; margin-top: 10px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .pic_menu .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu { width: 74%; display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl { width: 49%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dt { cursor: pointer; position: relative; font-size: .9em; font-weight: bold; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; letter-spacing: .1em; opacity: .4; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dt { padding: 10px; font-size: .7em; background-color: #223e69; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; color: rgba(255, 255, 255, 0.9); line-height: 1; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd { margin-top: 10px; } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd:first-child { margin-top: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li { margin-top: 5px; } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li:first-child { margin-top: 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li:last-child { border-bottom: none; } } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li a { font-size: .8em; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li a { color: #fff; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; } #header .header_inner .tab_box_wrap .tab_inr#tab1 .menu_wrap .list_menu dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 { padding: 40px 0 60px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 { padding: 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: 1080px; width: 95%; margin: 0 auto; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu { width: 30%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .pic { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .txt { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .txt p { font-weight: bold; margin-top: 10px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .pic_menu .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu { width: 90%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dt { cursor: pointer; position: relative; font-size: .9em; font-weight: bold; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; letter-spacing: .1em; opacity: .4; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dt { padding: 10px; font-size: .7em; background-color: #223e69; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; color: rgba(255, 255, 255, 0.9); line-height: 1; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd { margin-top: 10px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd { margin-top: 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li { margin-top: 5px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li:last-child { border-bottom: none; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li a { font-size: .8em; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li a { color: #fff; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } } #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl dd ul li a span { display: block; font-size: .9em; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl:first-child { width: 100%; } } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl:first-child ul li { width: 100%; } } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab2 .menu_wrap .list_menu dl:last-child { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .menu_info { padding: 10px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .menu_info .txt { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .menu_info .txt p { font-weight: bold; margin-top: 10px; font-size: .8em; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl > dt { position: relative; font-weight: bold; font-family: "Times New Roman", "游明朝", YuMincho, "Noto Serif JP", "Noto Serif JP", serif; letter-spacing: .1em; opacity: .4; padding: 10px; font-size: .7em; background-color: #223e69; color: rgba(255, 255, 255, 0.9); line-height: 1; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd { margin-top: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:first-child { margin-top: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:first-child dl dd .accordion_nav ul li:last-child a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:first-child dl dd .accordion_nav ul li:last-child a img { width: 15%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:first-child dl dd .accordion_nav ul li:last-child a p { width: 78%; font-weight: bold; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:last-child { border-bottom: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:last-child .accordion dd .accordion_nav ul li:last-child .accordion dd ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:last-child .accordion dd .accordion_nav ul li:last-child .accordion dd ul li a .pic { width: 15%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:last-child .accordion dd .accordion_nav ul li:last-child .accordion dd ul li a .txt { width: 78%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li:last-child .accordion dd .accordion_nav ul li:last-child .accordion dd ul li a .txt p { font-weight: bold; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dt { font-weight: bold; padding: 10px; font-size: .8em; border-bottom: 1px solid #223e69; position: relative; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dt::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dt::after { content: ''; display: block; width: 10px; height: 1px; background: blue; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dt::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dt.active::after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd { display: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dt { color: #223e69; background-color: #D3D8E1; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dt::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dt::after { background-color: #223e69; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dd { display: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dd ul li a { font-size: .8em; font-weight: 400; color: #223e69; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; background-color: #fff; border-bottom: 1px solid #223e69; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dd ul li a::before { position: absolute; top: 50%; right: 13px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -0.25em; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .sp .list_menu > dl dd ul li dl dd .accordion_nav ul li .accordion dd ul li a span { display: block; font-size: .9em; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 14px 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap .cont_tab_list { max-width: 680px; width: 95%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap .cont_tab_list li { width: 50%; border-right: 1px solid; text-align: center; cursor: pointer; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap .cont_tab_list li:last-child { border-right: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap .cont_tab_list li span { border-bottom: none; font-weight: 400; font-size: 1em; font-weight: 400; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .cont_tab_list_wrap .cont_tab_list li.current span { border-bottom: 1px solid; font-weight: bold; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap { max-width: 1080px; width: 95%; margin: 0 auto; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box { padding: 20px 0 40px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul li .choose { font-size: 1em; font-weight: 500; letter-spacing: .2em; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul li .txt_area { margin-top: 10px; background-color: #fff; padding: 20px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul li .txt_area p { color: #223e69; font-size: 0.8em; letter-spacing: 0.1em; position: relative; font-weight: 600; padding-left: 20px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul li .txt_area p { font-size: 1.2em; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box > ul li .txt_area p::before { content: ""; position: absolute; top: 6px; left: 0; width: 0; height: 0; border-style: solid; border-color: #223e69 transparent transparent transparent; border-width: 10px 6px 8px 6px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box .madoribtn a { display: block; background: #fff; padding: 12px; font-size: 14px; margin-top: 20px; color: #000; font-weight: 400; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li { border-bottom: 1px solid #000; margin-top: 10px; font-size: 0.9em; font-weight: 400; width: 100%; padding-bottom: 5px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li { margin-top: 5px; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a { font-weight: 400; position: relative; width: 100%; display: block; color: #000; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a { font-size: .9em; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a::before { display: block; content: ""; position: absolute; top: 4px; right: 0; width: 18px; height: 18px; border-radius: 50%; margin-left: -15px; border: 1px solid; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a::after, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a::after { display: block; content: ""; position: absolute; top: 9px; right: 0; width: 0px; height: 0px; border: 4px solid transparent; border-left: 8px solid #223e69; margin-left: -5px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a:hover, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a:hover { color: #223e69; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a:hover::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a:hover::before { background-color: #223e69; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child .txt_area ul li a:hover::after, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-last-child(2) .txt_area ul li a:hover::after { border-left-color: #fff; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area { background-color: inherit; padding: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li { width: 32%; background-color: #fff; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li:nth-child(n + 4) { margin-top: 10px; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a { display: block; width: 100%; padding: 15px 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a::after { content: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a img { margin-top: auto; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a p { margin-top: 5px; color: #000; text-align: center; font-size: .9em; font-weight: 400; line-height: 1.4; padding-left: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) .txt_area ul li a p::before { display: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) { margin: 0 !important; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) ul li { margin: 20px 10px 0 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) ul li { margin: 15px 5px 0 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) ul li a { border: 1px solid; color: #223e69; font-size: 0.8em; border-radius: 20px; padding: 2px 20px; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(3) ul li a { font-size: .9em; padding: 1px 15px; font-weight: 400; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:first-child { width: 28%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:nth-child(2) { width: 28%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.picky > ul > li:last-child { width: 38%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child { width: 50%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area { width: 90%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area ul li { margin: 20px 10px 0 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area ul li { margin: 15px 5px 0 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area ul li a { border: 1px solid; color: #223e69; font-size: 0.8em; border-radius: 20px; padding: 2px 20px; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:first-child .txt_area ul li a { font-size: .9em; padding: 1px 15px; font-weight: 400; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child { width: 50%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area { width: 90%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li { width: 50%; margin-top: 10px; border: none; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li:first-child { margin-top: 0; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a::before, #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a::after { display: none; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a .pic { width: 33.5%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a .txt { width: 66.5%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a .txt p { padding-left: 5px; font-size: 0.8em; font-weight: 400; } #header .header_inner .tab_box_wrap .tab_inr#tab3 .pc .menu_wrap > .cont_tab_box_wrap > .cont_tab_box.favorite2 > ul > li:last-child .txt_area ul li a .txt p::before { display: none; } #header .header_inner .tab_box_wrap .tab_inr#tab4, #header .header_inner .tab_box_wrap .tab_inr#tab7 { padding: 40px 0 60px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4, #header .header_inner .tab_box_wrap .tab_inr#tab7 { padding: 0; position: absolute; top: 60px; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; max-width: 1080px; width: 95%; margin: 0 auto; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu { width: 30%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .pic, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .pic { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .pic, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .pic img, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .txt, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .txt { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .txt, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .txt p, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .txt p { font-weight: bold; margin-top: 10px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .pic_menu .menu_info a .txt p, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .pic_menu .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu { width: 65%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li { width: 35%; margin-top: 5px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li:first-child, #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li:nth-child(2), #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li:first-child, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li:nth-child(2) { margin-top: 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li { border-top: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li:last-child, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li:last-child { border-bottom: none; } } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li a, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li a { font-size: .8em; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li a, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li a { color: #fff; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; } #header .header_inner .tab_box_wrap .tab_inr#tab4 .menu_wrap .list_menu dl dd ul li a::before, #header .header_inner .tab_box_wrap .tab_inr#tab7 .menu_wrap .list_menu dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 { padding: 40px 0 60px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 { padding: 0; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: 1200px; width: 95%; margin: 0 auto; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu { /*width: 20%;*/ width: 20%; margin-bottom: 25px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin-right: 50px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .pic { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .txt { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .txt p { font-weight: bold; margin-top: 10px; color: #fff; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .pic_menu .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu { width: 65%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li { width: 35%; margin-top: 5px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li:first-child, #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li:nth-child(2) { margin-top: 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li { border-top: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li:last-child { border-bottom: none; } } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li a { font-size: .8em; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li a { color: #fff; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; } #header .header_inner .tab_box_wrap .tab_inr#tab5 .menu_wrap .list_menu dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab { padding: 20px 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab { padding: 0; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; max-width: 1080px; width: 95%; margin: 0 auto; /* .pic_menu { width: 30%; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin-right: 50px; @media only screen and (max-width:767px) { width: 100%; } .menu_info { a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; @media only screen and (max-width:767px) { padding: 10px; } .pic { width: 100%; @media only screen and (max-width:767px) { width: 30%; } img { width: 100%; } } .txt { width: 100%; @media only screen and (max-width:767px) { width: 68%; } p { font-weight: bold; margin-top: 10px; @media only screen and (max-width:767px) { font-size: .8em; } } } } } }*/ } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu { /*width: 20%;*/ width: 22%; margin-bottom: 25px; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin-right: 50px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a { padding: 10px; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .pic { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .pic { width: 30%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .pic img { width: 100%; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .txt { width: 100%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .txt { width: 68%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .txt p { font-weight: bold; margin-top: 10px; color: #fff; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .pic_menu .menu_info a .txt p { font-size: .8em; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu { width: 80%; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul { width: 100%; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li { margin-right: 50px; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li { width: 100%; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li:first-child, #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li:nth-child(2) { margin-top: 0; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li { border-top: 1px solid rgba(255, 255, 255, 0.9); } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li:last-child { border-bottom: none; } } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li a { font-size: .8em; font-weight: 400; } @media only screen and (max-width: 767px) { #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li a { color: #fff; padding: 10px; display: block; font-weight: bold; font-size: .8em; position: relative; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab .menu_wrap .list_menu dl dd ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; } } .drawer .newIcon_01 { font-size: 10px; color: #fff; background-color: #d90025; line-height: 1; padding: 3px 5px 4px; margin-left: 5px; display: inline-block !important; font-weight: bold; } .drawer #header .header_top_fix { position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: #fff; z-index: 99999; } .drawer #header .header_top_fix .gnav { width: auto !important; position: absolute; top: 12px; right: 10px; } .drawer #header .header_top_fix .sp_hdlogo { /*width: 100px;*/ width: 130px; position: absolute; top: 8px; left: 50%; margin-left: -50px; height: auto; } .drawer .drawer-hamburger { width: 85px; height: 65px; box-sizing: border-box; padding: 5px 25px 30px !important; text-align: center; z-index: 100000; } .drawer .drawer-hamburger .menuTx { font-size: .68em; color: #223e69; position: absolute; left: 25px; top: 42px; letter-spacing: 0.05em; font-weight: bold; line-height: 1; } .drawer .drawer-nav .drawer-dropdown { border-bottom: 1px solid #fff; } .drawer .drawer-nav .drawer-dropdown.open .drawer-menu-item::before { transform: rotateX(180deg); } .drawer .drawer-nav .drawer-dropdown.list02.open .ttl_type02::before { transform: rotateX(180deg); } .drawer .drawer-nav .drawer-dropdown.last { border-bottom: none; } .drawer .drawer-nav .drawer-menu-item { font-size: 0.9em; display: block; padding: 12px 15px; text-decoration: none; color: #fff; font-weight: 500; background: #385178; position: relative; } .drawer .drawer-nav .drawer-menu-item::before { content: ""; position: absolute; right: 15px; top: 23px; width: 10px; height: 5px; background: url("/common/img/sphd_arw01.png") no-repeat center center/cover; } .drawer .drawer-nav .ttl_type01 a { background-color: #909eb4; color: #fff; display: block; font-size: 0.8em; font-weight: 500; padding: 10px 14px; line-height: 1; font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } .drawer .drawer-nav .ttl_type02 { border-bottom: 1px solid #223e69; display: block; font-size: 0.8em; font-weight: 500; color: #223e69; padding: 12px 14px; position: relative; } .drawer .drawer-nav .ttl_type02::before { content: ""; position: absolute; right: 15px; top: 23px; width: 10px; height: 5px; background: url("/common/img/sphd_arw04.png") no-repeat center center/cover; } .drawer .drawer-nav .link_type01 a { background: #d3d8e1; color: #223e69; position: relative; display: block; font-size: 0.8em; font-weight: 500; padding: 18px 14px; line-height: 1; } .drawer .drawer-nav .link_type01 a::before { content: ""; position: absolute; right: 15px; top: 50%; background: url("/common/img/sphd_arw02.png") no-repeat center center/cover; width: 5px; height: 10px; margin-top: -5px; } .drawer .drawer-nav .link_type02 a { color: #223e69; position: relative; display: block; font-size: 0.7em; font-weight: 500; padding: 14px 14px; line-height: 1; border-bottom: 1px solid #ddd; } .drawer .drawer-nav .link_type02 a::before { content: ""; position: absolute; right: 15px; top: 50%; background: url("/common/img/sphd_arw03.png") no-repeat center center/cover; width: 15px; height: 15px; margin-top: -8px; } .drawer .drawer-nav .link_type02 a img { width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 6px; } .drawer .drawer-nav .link_type02 a .img { width: 35px; height: 35px; display: inline-block; vertical-align: middle; margin-right: 6px; background: no-repeat center center / cover; } .drawer .drawer-nav .link_type02 a .img.img_01 { background-image: url("/common/img/life_style01.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_02 { background-image: url("/common/img/life_style02.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_03 { background-image: url("/common/img/life_style03.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_04 { background-image: url("/common/img/life_style04.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_05 { background-image: url("/common/img/life_style05.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_06 { background-image: url("/common/img/life_style06.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_07 { background-image: url("/common/img/life_style07.jpg"); } .drawer .drawer-nav .link_type02 a .img.img_08 { background-image: url("/common/img/life_style08.jpg"); } .drawer .drawer-nav .link_type02.last { border-bottom: 1px solid #223e69; } .drawer .drawer-nav .imgOn .link_type02 a { padding: 3px 14px; } .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger { left: 0; } .drawer--top.drawer-open .drawer-nav { top: 60px !important; -webkit-overflow-scrolling: touch; height: auto; overflow: auto !important; overflow-x: auto !important; overflow-y: scroll !important; height: calc(100% - 60px); background: rgba(0, 0, 0, 0.5); } .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0; overflow: auto; -webkit-overflow-scrolling: touch; } .drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right: 0; overflow: auto; -webkit-overflow-scrolling: touch; } #wrapper { position: relative; overflow: hidden; } #loader-bg { background: #fff; height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999999; } #loader-bg img { background: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .remodal { background-color: #223e69 !important; padding: 80px 40px !important; } @media only screen and (max-width: 767px) { .remodal { padding: 60px 20px !important; } } .remodal .modalInr { text-align: left; } .remodal .modalInr .conditions { font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 2em; letter-spacing: .2em; } @media only screen and (max-width: 767px) { .remodal .modalInr .conditions { font-size: 1.8em; } } .remodal .modalInr h4 { font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #fff; font-size: 1.5em; letter-spacing: .1em; margin-top: 30px; } @media only screen and (max-width: 767px) { .remodal .modalInr h4 { font-size: 1.4em; } } .remodal .modalInr .txt_area { background-color: #fff; padding: 30px 20px; margin-top: 20px; } @media only screen and (max-width: 767px) { .remodal .modalInr .txt_area { margin-top: 10px; } } .remodal .modalInr .txt_area p { color: #223e69; font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.3em; letter-spacing: .1em; position: relative; font-weight: 600; padding-left: 30px; } @media only screen and (max-width: 767px) { .remodal .modalInr .txt_area p { font-size: 1.2em; } } .remodal .modalInr .txt_area p::before { content: ""; position: absolute; top: 10px; left: 0; width: 0; height: 0; border-style: solid; border-color: #223e69 transparent transparent transparent; border-width: 16px 8px 8px 8px; } .remodal .modalInr .txt_area ul li { border-bottom: 1px solid; margin-top: 10px; font-size: 1.2em; font-weight: 500; } @media only screen and (max-width: 767px) { .remodal .modalInr .txt_area ul li { margin-top: 5px; } } .remodal .modalInr .txt_area ul li a { font-weight: 500; position: relative; width: 100%; display: block; } @media only screen and (max-width: 767px) { .remodal .modalInr .txt_area ul li a { font-size: .9em; } } .remodal .modalInr .txt_area ul li a::before { display: block; content: ""; position: absolute; top: 4px; right: 0; width: 18px; height: 18px; border-radius: 50%; margin-left: -15px; border: 1px solid; } .remodal .modalInr .txt_area ul li a::after { display: block; content: ""; position: absolute; top: 9px; right: 0; width: 0px; height: 0px; border: 4px solid transparent; border-left: 8px solid #223e69; margin-left: -5px; } .remodal .modalInr .txt_area ul li a:hover { color: #223e69; } .remodal .modalInr .txt_area ul li a:hover::before { background-color: #223e69; } .remodal .modalInr .txt_area ul li a:hover::after { border-left-color: #fff; } .remodal .remodal-close { right: 10px; top: 10px; left: inherit; color: #223e69; background-color: #fff; width: 40px; height: 40px; } .remodal .remodal-close::before { font-size: 50px; line-height: 40px; width: 40px; } .remodal#modal01 .modalInr form > ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .remodal#modal01 .modalInr form > ul > li { width: 49%; } @media only screen and (max-width: 767px) { .remodal#modal01 .modalInr form > ul > li { width: 100%; } } .remodal#modal03 ul { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .remodal#modal03 ul li { margin: 20px 15px 0 0; } @media only screen and (max-width: 767px) { .remodal#modal03 ul li { margin: 15px 10px 0 0; } } .remodal#modal03 ul li a { background-color: #fff; color: #223e69; font-size: 1.2em; border-radius: 20px; padding: 5px 30px; font-weight: 400; } @media only screen and (max-width: 767px) { .remodal#modal03 ul li a { font-size: .9em; padding: 3px 15px; font-weight: 400; } } .remodal#modal04 ul { margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .remodal#modal04 ul li { width: 50%; margin-top: 10px; border: none; } @media only screen and (max-width: 767px) { .remodal#modal04 ul li { width: 100%; } } .remodal#modal04 ul li a { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .remodal#modal04 ul li a::before, .remodal#modal04 ul li a::after { display: none; } .remodal#modal04 ul li a .pic { width: 55%; } .remodal#modal04 ul li a .pic img { width: 100%; } .remodal#modal04 ul li a .txt { width: 45%; background-color: #fff; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; } .remodal#modal04 ul li a .txt p { padding-left: 10px; font-size: 1em; font-weight: 400; } .remodal#modal04 ul li a .txt p::before { display: none; } .modal_btn { background-color: #223e69; color: #fff; text-align: center; padding: 20px 0; display: block; font-weight: 500; position: relative; border: 1px solid; cursor: pointer; } @media only screen and (max-width: 767px) { .modal_btn { padding: 7px 0; font-size: .9em; } } .modal_btn::before { content: ""; position: absolute; bottom: 2px; right: 2px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff transparent; border-width: 0 0 10px 10px; } @media only screen and (max-width: 767px) { .modal_btn::before { bottom: 1px; right: 1px; border-width: 0 0 5px 5px; } } .modal_btn:hover { background-color: #fff; color: #223e69; } .modal_btn:hover::before { border-color: transparent transparent #223e69 transparent; } .wrap_breadcrumbs { margin-top: 103px; } @media only screen and (max-width: 767px) { .wrap_breadcrumbs { margin-top: 0; } } #breadcrumbs { font-size: .8em; overflow: hidden; padding: .5em 1em .5em 2em; background-color: #EFF2F7; } #breadcrumbs li { color: #223e69; position: relative; float: left; padding: 0 1em; } #breadcrumbs li:after { font-size: 12px; content: ">"; transform: scaleX(0.7); position: absolute; top: 0; right: -0.5em; text-decoration: none !important; } #breadcrumbs li:first-child { padding-left: 2em; position: relative; } #breadcrumbs li:first-child::before { content: ''; display: inline-block; width: 20px; height: 16px; background-image: url(/common/img/home.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 2px; left: 0; } #breadcrumbs li:last-child { padding-right: 0; } #breadcrumbs li:last-child:after { display: none; } #breadcrumbs li:last-child a { color: #223e69; pointer-events: none; } #breadcrumbs li:last-child a span { font-weight: 500; } #breadcrumbs li a { display: block; color: #223e69; text-decoration: none; } #breadcrumbs li a span { font-weight: 500; } #breadcrumbs li a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { .pc { display: none; } } .sp { display: none; } @media only screen and (max-width: 767px) { .sp { display: block; } } .section .inr { max-width: 1080px; width: 95%; margin: 0 auto; } .directory_link { padding-top: 120px; } @media only screen and (max-width: 767px) { .directory_link { padding-top: 80px; } } .directory_link .inr ul { max-width: 1000px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } @media only screen and (max-width: 767px) { .directory_link .inr ul { border-top: 1px solid #EFF2F7; } } .directory_link .inr ul li { border-bottom: 1px solid #EFF2F7; width: 48%; } @media only screen and (max-width: 767px) { .directory_link .inr ul li { width: 100%; } } .directory_link .inr ul li a { color: #223e69; position: relative; padding: 10px 20px; display: block; font-size: 1.2em; font-weight: 400; transition: all 0.2s ease 0s; } .directory_link .inr ul li a::before { position: absolute; top: 50%; right: 25px; display: block; width: 0.5em; height: 0.5em; content: ""; border-right: 1px solid; border-bottom: 1px solid; transform: rotate(-45deg); margin-top: -0.25em; transition: all 0.2s ease 0s; } .directory_link .inr ul li a:hover::before { right: 0; } .icon_link { padding-top: 120px; } @media only screen and (max-width: 767px) { .icon_link { padding-top: 60px; } } .icon_link .inr ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .icon_link .inr ul li { width: 25%; border-left: 1px solid; padding: 20px 0; } @media only screen and (max-width: 767px) { .icon_link .inr ul li { width: 50%; border-left: none; } } @media only screen and (max-width: 767px) { .icon_link .inr ul li { border-bottom: 1px solid #223e69; } } .icon_link .inr ul li a { display: block; text-align: center; width: 90%; margin: 0 auto; } .icon_link .inr ul li a img { width: 50%; transition: all 0.2s ease 0s; } .icon_link .inr ul li a p { font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #223e69; font-size: 1.4em; margin-top: 10px; } @media only screen and (max-width: 767px) { .icon_link .inr ul li a p { margin-top: 5px; font-size: 1.2em; } } .icon_link .inr ul li a:hover { opacity: .8; } @media only screen and (max-width: 767px) { .icon_link .inr ul li:nth-child(odd) { border-right: 1px solid #223e69; } } @media only screen and (max-width: 767px) { .icon_link .inr ul li:nth-last-child(2), .icon_link .inr ul li:last-child { border-bottom: none; } } .icon_link .inr ul li:last-child { border-right: 1px solid; } @media only screen and (max-width: 767px) { .icon_link .inr ul li:last-child { border-right: none; } } .sns_link { padding-top: 80px; } @media only screen and (max-width: 767px) { .sns_link { padding-top: 40px; } } .sns_link .inr h5 { text-align: center; color: #223e69; font-size: 2em; font-weight: 400; } @media only screen and (max-width: 767px) { .sns_link .inr h5 { font-size: 1.2em; } } .sns_link .inr ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; max-width: 680px; margin: 20px auto 0; } @media only screen and (max-width: 767px) { .sns_link .inr ul { margin-top: 10px; } } .sns_link .inr ul li { width: 49%; } .sns_link .inr ul li a { display: block; width: 100%; } .sns_link .inr ul li a img { width: 100%; } .sns_link .inr ul li a:hover { opacity: .8; } .sns_link .inr p { text-align: center; margin-top: 10px; font-size: 1.2em; color: #223e69; font-weight: 400; } @media only screen and (max-width: 767px) { .sns_link .inr p { font-size: 1em; } } .editorArea { word-wrap: break-word; overflow-wrap: break-word; padding-top: 80px; } .editorArea h3 { text-align: center; font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 1.6em; letter-spacing: .1em; position: relative; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .editorArea h3 { font-size: 1.2em; } } .editorArea h3::before { content: ''; display: inline-block; width: 35px; height: 2px; background-color: #223e69; position: absolute; bottom: -10px; left: 50%; transform: translateY(-50%) translateX(-50%); } @media only screen and (max-width: 767px) { .editorArea h3::before { width: 15px; height: 1px; bottom: -12px; } } .editorArea h4 { font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #223e69; font-size: 1.4em; font-weight: bold; letter-spacing: .2em; margin-bottom: 25px; } @media only screen and (max-width: 767px) { .editorArea h4 { font-size: 1em; } } .editorArea ul { list-style-type: disc !important; padding-left: 1.5em; } @media only screen and (max-width: 767px) { .editorArea ul li { font-size: 13px; } } .editorArea ol { list-style-type: decimal !important; padding-left: 1.5em; } @media only screen and (max-width: 767px) { .editorArea ol { font-size: 13px; } } .editorArea a { color: #223e69; text-decoration: underline; } .editorArea a:hover { text-decoration: none; } .editorArea p { line-height: 1.7; } @media only screen and (max-width: 767px) { .editorArea p { font-size: 13px; } } .editorArea table { border-top: 1px solid #CCC; border-left: 1px solid #CCC; width: 100%; border-collapse: collapse; margin-bottom: 20px; } .editorArea table th, .editorArea table td { background-color: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; line-height: 1.4; padding: 15px; text-align: left; } @media only screen and (max-width: 767px) { .editorArea table th, .editorArea table td { font-size: 13px; } } .editorArea table th { background-color: #e4e4e4; letter-spacing: 2px; text-align: center; width: 50%; } .editorArea table td { width: 50%; } .editorArea .scrollTbl { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .editorArea .fixedTbl table { table-layout: fixed; } .editorArea .fixedTbl table th { width: 280px; } @media only screen and (max-width: 767px) { .editorArea .fixedTbl table th { display: block; width: 100%; } } .editorArea .fixedTbl table td { width: auto; } @media only screen and (max-width: 767px) { .editorArea .fixedTbl table td { display: block; width: 100%; } } .editorArea img { max-width: 100%; height: auto !important; text-align: center; margin: 10px 0 0; } .editorArea .center_img img { margin: 10px auto; } .editorArea .template01 ul { width: 100%; font-size: 0; letter-spacing: 0; } .editorArea .template01 ul > li { width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .editorArea .template01 ul > li { width: 100%; margin-right: 0; } } .editorArea .template01 ul > li:nth-child(2n) { margin-right: 0; } .editorArea .template01 ul > li p.img { width: 100%; position: relative; } .editorArea .template01 ul > li p.img::before { content: ""; display: block; padding-top: 70%; } .editorArea .template01 ul > li p.img img { position: absolute; width: 100% !important; height: 100% !important; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: bottom;'; } .editorArea .template01 ul > li p.tx { margin-top: 15px; font-size: 14px; } #favo_img { margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } #favo_img li { width: 50%; margin-top: 10px; border: none; } @media only screen and (max-width: 767px) { #favo_img li { width: 100%; } } #favo_img li a { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; height: 100%; } #favo_img li a::before, #favo_img li a::after { display: none; } #favo_img li a .pic { width: 55%; } #favo_img li a .pic img { width: 100%; width: 100%; height: 100%; margin: auto; object-fit: cover; object-position: center; height: 220px; width: 260px; } @media only screen and (max-width: 767px) { #favo_img li a .pic img { height: 140px; } } #favo_img li a .txt { width: 45%; background-color: #fff; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; } #favo_img li a .txt p { padding-left: 10px; font-size: 1em; font-weight: 400; } #favo_img li a .txt p::before { display: none; } .sidr { display: block; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: hidden; overflow-y: auto; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } @media print { body { min-width: 1080px !important; } .wow { opacity: 1; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } .visible-xs { display: none !important; } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } .hidden-xs.hidden-print { display: none !important; } .hidden-sm { display: none !important; } .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } * { box-sizing: border-box; font-weight: 500; } *:before, *:after { box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*! * ress.css • v1.1.2 * MIT License * github.com/filipelinhares/ress */ /* # ================================================================= # Global selectors # ================================================================= */ html { box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } *, ::before, ::after { box-sizing: inherit; } ::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; } /* Remove margin, padding of all elements and set background-no-repeat as default */ * { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */ padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; } /* # ================================================================= # General elements # ================================================================= */ /* Add the correct display in iOS 4-7.*/ audio:not([controls]) { display: none; height: 0; } hr { overflow: visible; /* Show the overflow in Edge and IE */ } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-style: normal; } /* * Correct `block` display not defined for any HTML5 element in IE 8/9 * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox * Correct `block` display not defined for `main` in IE 11 */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } summary { display: list-item; /* Add the correct display in all browsers */ } small { font-size: 100%; /* Set font-size to 80% in `small` elements */ } [hidden], template { display: none; /* Add the correct display in IE */ } abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */ } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ } a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ } code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ } b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ } dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ } ul, ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* Address styling not present in IE 8/9 */ mark { background-color: #ff0; color: #000; } /* https://gist.github.com/unruthless/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } address, em { font-style: normal; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { rt:not(:target) { position: relative; top: -0.7em; /* IE10（\9なしでIE11にも適用） */ } } /* # ================================================================= # Forms # ================================================================= */ input { border-radius: 0; } /* Apply cursor pointer to button elements */ button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; } /* Replace pointer cursor in disabled elements */ [disabled] { cursor: default; } [type="number"] { width: auto; /* Firefox 36+ */ } [type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ } optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ } button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /* Replace focus style removed in the border reset above */ button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } /* Remove the default button styling in all browsers */ button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; } /* Style select like a standard input */ select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } select::-ms-expand { display: none; /* Internet Explorer 11+ */ } select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ } legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ } ::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ } [type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ } /* # ================================================================= # Specify media element style # ================================================================= */ img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ vertical-align: bottom; } /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ } /* # ================================================================= # Accessibility # ================================================================= */ /* Hide content from screens but not screenreaders */ @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } /* Specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* # ================================================================= # Selection # ================================================================= */ /* Specify text selection background color and omit drop shadow */ ::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } ::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; } img { display: block; max-width: 100%; height: auto; margin: auto; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .container-wide { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media only screen and (min-width: 768px), print { .container-wide { max-width: 1460px; padding-right: 30px; padding-left: 30px; } } .container-min { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media only screen and (min-width: 768px), print { .container-min { max-width: 1060px; padding-right: 30px; padding-left: 30px; } } .img-responsive { display: block; max-width: 100%; height: auto; margin: auto; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media only screen and (min-width: 576px), print { .container { padding-right: 20px; padding-left: 20px; } } @media only screen and (min-width: 768px), print { .container { max-width: 1260px; padding-right: 30px; padding-left: 30px; } } span.container { display: block; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 768px), print { .container-fluid { padding-right: 25px; padding-left: 25px; } } .row { display: -webkit-box; display: -ms-flexbox; -js-display: flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media only screen and (min-width: 768px), print { .row { margin-right: -30px; margin-left: -30px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media only screen and (min-width: 768px), print { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 30px; padding-left: 30px; } } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media only screen and (min-width: 576px), print { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media only screen and (min-width: 768px), print { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media only screen and (min-width: 1200px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media only screen and (min-width: 1300px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media only screen and (min-width: 576px), print { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 768px), print { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 1200px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media only screen and (min-width: 1300px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; -js-display: flex; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media only screen and (min-width: 768px), print { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 768px), print { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 1200px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media only screen and (min-width: 1300px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* ======================================== br ======================================== */ /*br-XX-block*/ .br-xs-block { display: none; } @media only screen and (min-width: 480px), print { .br-xs-block { display: inline-block; } } .br-sm-block { display: none; } @media only screen and (min-width: 576px), print { .br-sm-block { display: inline-block; } } .br-md-block { display: none; } @media only screen and (min-width: 768px), print { .br-md-block { display: inline-block; } } .br-lg-block { display: none; } @media only screen and (min-width: 1200px) { .br-lg-block { display: inline-block; } } /*br-XX-none*/ @media only screen and (min-width: 375px), print { .br-xxs-none { display: none; } } @media only screen and (min-width: 480px), print { .br-xs-none { display: none; } } @media only screen and (min-width: 576px), print { .br-sm-none { display: none; } } @media only screen and (min-width: 768px), print { .br-md-none { display: none; } } @media only screen and (min-width: 1200px) { .br-lg-none { display: none; } } @media only screen and (max-width: 575px) { .br-sm-min-none { display: none; } } .br-xs-min-block { display: none; } @media only screen and (max-width: 479px) { .br-xs-min-block { display: inline-block; } } .table__plain th, .table__plain td { padding: 0.2em 0; } .table__plain th { padding-right: 1em; text-align: left; } .table__plain tr:first-child th, .table__plain tr:first-child td { padding-top: 0; } .table__plain tr:last-child th, .table__plain tr:last-child td { padding-bottom: 0; } .bgBlack .table, .bgBlack .qs_wrap__table._style01 table, .qs_wrap__table._style01 .bgBlack table, .bgBlack .qs_wrap__table._style02 table, .qs_wrap__table._style02 .bgBlack table { color: #fff; } .bgBlack .table th, .bgBlack .qs_wrap__table._style01 table th, .qs_wrap__table._style01 .bgBlack table th, .bgBlack .qs_wrap__table._style02 table th, .qs_wrap__table._style02 .bgBlack table th, .bgBlack .table td, .bgBlack .qs_wrap__table._style01 table td, .qs_wrap__table._style01 .bgBlack table td, .bgBlack .qs_wrap__table._style02 table td, .qs_wrap__table._style02 .bgBlack table td { border: 1px solid #fff; } .bgBlack .table th, .bgBlack .qs_wrap__table._style01 table th, .qs_wrap__table._style01 .bgBlack table th, .bgBlack .qs_wrap__table._style02 table th, .qs_wrap__table._style02 .bgBlack table th { background-color: #444; } .bgBlack .table td, .bgBlack .qs_wrap__table._style01 table td, .qs_wrap__table._style01 .bgBlack table td, .bgBlack .qs_wrap__table._style02 table td, .qs_wrap__table._style02 .bgBlack table td { background-color: #222; } .table, .qs_wrap__table._style01 table, .qs_wrap__table._style02 table { font-size: 14px; font-size: 1.4rem; width: 100%; height: auto; border: none; } @media only screen and (max-width: 575px) { .table, .qs_wrap__table._style01 table, .qs_wrap__table._style02 table { font-size: 14px; font-size: 1.4rem; } } .table th, .qs_wrap__table._style01 table th, .qs_wrap__table._style02 table th, .table td, .qs_wrap__table._style01 table td, .qs_wrap__table._style02 table td { padding: 0.5em 1em; } @media only screen and (min-width: 768px), print { .table th, .qs_wrap__table._style01 table th, .qs_wrap__table._style02 table th, .table td, .qs_wrap__table._style01 table td, .qs_wrap__table._style02 table td { padding: 1em 1.2em; } } .table thead th, .qs_wrap__table._style01 table thead th, .qs_wrap__table._style02 table thead th { padding: 0.5em 0.2em; text-align: center; } .qs_wrap__table._style01 table thead th { border: 1px solid #ddd; } .qs_wrap__table._style01 table thead th:nth-child(n + 2) { background-color: #eee; } .qs_wrap__table._style01 table th { border: 1px solid #ddd; background-color: #eee; vertical-align: middle; } .qs_wrap__table._style01 table td { border: 1px solid #ddd; background: #fff; } .qs_wrap__table._style02 table thead th { background-color: #F5F5F5; border: 1px solid #ddd; color: #000; } .qs_wrap__table._style02 table th { background-color: #F5F5F5; border: 1px solid #ddd; vertical-align: middle; } .qs_wrap__table._style02 table td { border: 1px solid #ddd; } .qs_wrap__table._style03 table { margin-bottom: 40px; } @media only screen and (min-width: 576px), print { .qs_wrap__table._style03 table { margin-bottom: 50px; } } @media only screen and (min-width: 768px), print { .qs_wrap__table._style03 table { margin-bottom: 100px; } } .qs_wrap__table._style03 table tr { border-top: 1px solid #ddd; -js-display: flex; display: flex; padding: 30px 0; } @media only screen and (min-width: 768px), print { .qs_wrap__table._style03 table tr { align-items: center; } } .qs_wrap__table._style03 table tr:last-child { border-bottom: 1px solid #ddd; } .qs_wrap__table._style03 table th, .qs_wrap__table._style03 table td { display: block; } .qs_wrap__table._style03 table th { width: 30%; font-size: 20px; font-size: 2rem; padding-right: 1em; text-align: left; } @media only screen and (max-width: 575px) { .qs_wrap__table._style03 table th { font-size: 16px; font-size: 1.6rem; } } @media only screen and (min-width: 768px), print { .qs_wrap__table._style03 table th { width: 25%; text-align: center; } } .qs_wrap__table._style03 table td { width: 70%; } @media only screen and (min-width: 768px), print { .qs_wrap__table._style03 table td { width: 75%; } } .qs_wrap__table._style03 table td .list__disc_s { margin: 0; } .qs_wrap__table._auto > table tbody th { width: 10%; white-space: nowrap; } .qs_wrap__table._scroll { overflow-x: scroll; } @media only screen and (min-width: 768px), print { .qs_wrap__table._scroll { overflow-x: auto; } } .qs_wrap__table._scroll:before { content: "※このテーブルは横にスクロールできます。"; display: block; margin-bottom: 5px; } @media only screen and (min-width: 768px), print { .qs_wrap__table._scroll:before { display: none; } } .qs_wrap__table._scroll > table { width: 700px; } @media only screen and (min-width: 768px), print { .qs_wrap__table._scroll > table { width: 100%; } } @media only screen and (max-width: 767px) { .qs_wrap__table._block thead th:empty { padding: 0; border: none; } .qs_wrap__table._block th, .qs_wrap__table._block td { display: block; width: 100% !important; white-space: normal; } .qs_wrap__table._block th { background-color: #f8f8f8; } .qs_wrap__table._block td:last-child { margin-bottom: 1.5em; } .qs_wrap__table._block th + td, .qs_wrap__table._block td + td { border-top: none; } .qs_wrap__table._block tr:last-child td:last-child { margin-bottom: 0; } } .info_table .qs_wrap__table._style01 table th { background-color: #fff; } .info_table .qs_wrap__table._style01 table .th_color { background: #636D73; color: #fff; font-size: 16px; font-size: 1.6rem; } @media only screen and (max-width: 575px) { .info_table .qs_wrap__table._style01 table .th_color { font-size: 15px; font-size: 1.5rem; } } .info_table a { color: #000; text-decoration: underline; } .info_table a:hover { opacity: 0.6; } .info_table .course_info { max-width: 360px; } .info_table ._dot { text-indent: -1em; padding-left: 1em; } .info_table ._dot:before { content: "・"; } .table__quarter > table tbody th { width: 25%; } .table__half > table tbody th { width: 50%; } img { display: block; max-width: 100%; height: auto; margin: auto; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .qs_wrap__form input:not([type="reset"], [type="button"], [type="submit"]), .qs_wrap__form button:not([type="reset"], [type="button"], [type="submit"]), .qs_wrap__form select, .qs_wrap__form textarea { border: 1px solid #ddd; } .qs_wrap__form input[type="button"], .qs_wrap__form input[type="submit"], .qs_wrap__form button[type="button"], .qs_wrap__form button[type="submit"] { border: none; } .qs_wrap__form input[type="button"]:focus, .qs_wrap__form input[type="submit"]:focus, .qs_wrap__form button[type="button"]:focus, .qs_wrap__form button[type="submit"]:focus { outline: 0; } .qs_wrap__form input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [type="reset"]), .qs_wrap__form select, .qs_wrap__form textarea { padding: 0 0.6em; border-radius: 2px; vertical-align: middle; } .qs_wrap__form input[type="text"] { height: 2em; line-height: 2em; } .qs_wrap__form select { width: 100%; } .qs_wrap__form select:focus { outline: 0; } .qs_wrap__form input[type="text"], .qs_wrap__form textarea { width: 100%; } .qs_wrap__form [type="radio"] { border-radius: 50%; } .qs_wrap__form input[type="number"] { -moz-appearance: textfield; } .qs_wrap__form input[type="number"]::-webkit-outer-spin-button, .qs_wrap__form input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .qs_wrap__form input[type="checkbox"], .qs_wrap__form input[type="radio"] { position: relative; margin-right: 0.35em; } .qs_wrap__form ::-webkit-input-placeholder { color: #aaa; } .qs_wrap__form :-ms-input-placeholder { color: #aaa; } .qs_wrap__form ::-moz-placeholder { color: #aaa; } .qs_wrap__form ::-placeholder { color: #aaa; } .qs_wrap__form .qs_must { font-size: 12px; line-height: 1; margin-left: 0.5em; padding: 0.1em 0.3em; background-color: #c2143d; border-radius: 2px; color: #fff; font-weight: 500; } .qs_wrap__form input[type="text"]#qs_zip { width: 7em; margin-left: 0.5em; } .qs_wrap__form #qs_addr { margin-top: 10px; } .qs_wrap__form .qs_wrap__select { position: relative; display: inline-block; } .qs_wrap__form .qs_wrap__select:after { position: absolute; top: 0; right: 8px; bottom: 0; width: 0; height: 0; margin: auto; content: ''; border-top: 4px solid #999; border-right: 4px solid transparent; border-left: 4px solid transparent; } .qs_wrap__form .qs_wrap__select._multiple:after { display: none; } .qs_wrap__form .qs_wrap__select._multiple select { margin-right: 10px; padding-right: 0; } .qs_wrap__form .qs_wrap__select select { padding-right: 25px; min-height: 2em; line-height: 2em; } .qs_wrap__form .qs_select__inline { zoom: 1; margin-top: -0.4em; } .qs_wrap__form .qs_select__inline:after { display: block; content: ""; clear: both; } .qs_wrap__form .qs_select__inline li { display: inline; } .qs_wrap__form .qs_select__inline li label { display: inline-block; margin: 0.4em 0.8em 0 0; } @media only screen and (min-width: 768px), print { .qs_wrap__form .qs_select__inline li label { margin: 0.4em 1.2em 0 0; } } .qs_wrap__form .qs_select__inline li:last-child label { margin-right: 0; } .qs_wrap__form._style01 table { width: 100%; } .qs_wrap__form._style01 table th, .qs_wrap__form._style01 table td { padding: 0.8em 1.2em; border: 1px solid #ddd; } .qs_wrap__form._style01 table th { width: 1%; color: #fff; background-color: #f8f8f8; text-align: left; white-space: nowrap; color: #666; } .qs_wrap__form._style01 table td { background-color: #fff; } .qs_wrap__form._style01 table input[type="email"], .qs_wrap__form._style01 table input[type="tel"] { width: 100%; } @media only screen and (min-width: 768px), print { .qs_wrap__form._style01 table input[type="email"], .qs_wrap__form._style01 table input[type="tel"] { min-width: 10em; width: auto; } } .qs_wrap__form._style01 table .qs_notes { font-size: 13px; display: inline-block; margin: 0.5em 0 0 0; color: #999; } @media only screen and (min-width: 768px), print { .qs_wrap__form._style01 table .qs_notes { margin: 0 0 0 1em; } } .qs_wrap__form._style01 table #qs_zip + .qs_notes { margin: 0 0 0 1em; } @media only screen and (max-width: 767px) { .qs_wrap__form._style01 table tr, .qs_wrap__form._style01 table th, .qs_wrap__form._style01 table td { display: block; width: auto; white-space: normal !important; } .qs_wrap__form._style01 table th, .qs_wrap__form._style01 table td { padding: 0.5em 1em; } .qs_wrap__form._style01 table th { padding: 0.5em 1em; } .qs_wrap__form._style01 table td { padding: 1em 1em; border-top-width: 0; border-bottom-width: 0; } .qs_wrap__form._style01 table tr:last-child td { margin-bottom: 0; border-bottom-width: 1px; } } .qs_wrap__form._style01 table input[type="text"], .qs_wrap__form._style01 table input[type="email"], .qs_wrap__form._style01 table input[type="tel"], .qs_wrap__form._style01 table textarea { background-color: #fff; } .qs_wrap__form._style02 table { width: 100%; } .qs_wrap__form._style02 table th, .qs_wrap__form._style02 table td { display: block; text-align: left; } .qs_wrap__form._style02 table th { padding-bottom: 0.8em; font-weight: 700; } .qs_wrap__form._style02 table td { margin-bottom: 2em; background-color: #fff; } .qs_wrap__form._style02 table td.wrap__input { padding-top: 0.8em; border-top: 1px solid #ddd; } .qs_wrap__form._style02 table tr:last-child td { margin-bottom: 0; } .qs_wrap__form._style02 table .qs_select__inline { margin-top: 0; padding-top: 0.4em; border-top: 1px solid #ddd; } .qs_wrap__form._style02 table .qs_select { padding-top: 0.8em; border-top: 1px solid #ddd; } .qs_wrap__form._style02 table .qs_notes { font-size: 13px; color: #999; display: inline; margin: 0 0 0 1.5em; } .qs_wrap__form._style02 table input[type="email"], .qs_wrap__form._style02 table input[type="tel"] { width: 100%; } .qs_wrap__form._style02 table input[type="text"], .qs_wrap__form._style02 table input[type="email"], .qs_wrap__form._style02 table input[type="tel"], .qs_wrap__form._style02 table textarea { background-color: #fff; } .qs_wrap__form .btn__submit a, .qs_wrap__form .btn__submit input, .qs_wrap__form .btn__submit button { padding: 0.5em 1em; background-color: #222; color: #fff; } .qs_wrap__form .btn__submit a:hover { text-decoration: none; } .qs_wrap__form .btn__reset a, .qs_wrap__form .btn__reset input, .qs_wrap__form .btn__reset button { padding: 0.5em 1em; background-color: #eee; color: #666; border: none; } .qs_wrap__form .btn__reset a:hover { text-decoration: none; } .qs_wrap__form .qs_wrap__btn { margin-top: 20px; -js-display: flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } @media only screen and (min-width: 576px), print { .qs_wrap__form .qs_wrap__btn { margin-top: 25px; } } @media only screen and (min-width: 768px), print { .qs_wrap__form .qs_wrap__btn { margin-top: 30px; } } .qs_wrap__form .qs_btn__action { margin: 0 8px; } @media only screen and (min-width: 768px), print { .qs_wrap__form .qs_btn__action { margin: 0 15px; } } .qs_wrap__form .qs_btn__action a { display: inline-block; text-align: center; } .qs_wrap__form .qs_btn__action a, .qs_wrap__form .qs_btn__action input, .qs_wrap__form .qs_btn__action button { transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; font-size: 16px; padding: 0.5em 1em; border-radius: 2px; } .qs_wrap__form .qs_btn__action a:hover, .qs_wrap__form .qs_btn__action input:hover, .qs_wrap__form .qs_btn__action button:hover { opacity: 0.8; } .qs_wrap__form .qs_btn__action a, .qs_wrap__form .qs_btn__action input:not([type="reset"]), .qs_wrap__form .qs_btn__action button:not([type="reset"]) { min-width: 9em; } @media all and (-ms-high-contrast: none) { .qs_wrap__form input[type="checkbox"], .qs_wrap__form input[type="radio"] { top: -0.15em; } } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .qs_wrap__form input[type="checkbox"], .qs_wrap__form input[type="radio"] { top: -0.15em; } } html { font-size: 62.5%; } body { color: #000; font-size: 16px; font-weight: 300; font-family: "Noto Sans JP", sans-serif; line-height: 1.7; letter-spacing: 0.02em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media only screen and (min-width: 768px), print { body { width: 100%; min-width: 1080px; } } @media all and (-ms-high-contrast: none) { body { font-family: "メイリオ", Meiryo, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; } } #g_footer { margin-top: 40px; } @media only screen and (min-width: 576px), print { #g_footer { margin-top: 50px; } } @media only screen and (min-width: 768px), print { #g_footer { margin-top: 100px; } } .top #g_footer { margin-top: 0; } img.ofi_cover { object-fit: cover; font-family: 'object-fit: cover;'; /*IE用*/ } a { color: inherit; text-decoration: none; transition: all 0.2s ease 0s; } a:focus { outline: none; } a[href^="tel:"] { display: inline; text-decoration: none; } a:hover { transition: all 0.2s ease 0s; } #loadingWrap .loading_inr { width: 100%; background: #223e69; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; -js-display: flex; display: flex; justify-content: center; align-items: center; margin: auto; } #loadingWrap .loading_inr #loading { width: 8em; height: 8em; border-top: 0.5em solid rgba(255, 255, 255, 0.2); border-right: 0.5em solid rgba(255, 255, 255, 0.2); border-bottom: 0.5em solid rgba(255, 255, 255, 0.2); border-left: 0.5em solid white; animation: loaderAnime 0.8s infinite linear; border-radius: 50%; margin: auto; } #loadingWrap .loading_inr .loading_txt { padding-top: 10rem; font-size: 30px; font-size: 3rem; position: relative; top: 50%; margin: 0 auto; font-size: 180%; text-align: center; white-space: nowrap; overflow: hidden; transform: translateY(-50%); } @keyframes loaderAnime { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .anim-typewriter { animation: typewriter 2s steps(24) 0.2s infinite both; } @keyframes typewriter { 0% { width: 0; } 60% { width: 5em; } 100% { width: 5em; } } .fade_waypoint { animation-duration: 0.5s; animation-fill-mode: both; opacity: 0; } @media only screen and (min-width: 768px), print { .fade_waypoint.anim_delay_01 { animation-delay: 0.25s; } } @keyframes fadeInUpHalf { from { opacity: 0; transform: translate3d(0, 20%, 0); } to { opacity: 1; transform: none; } } .fadeInUpHalf { animation-name: fadeInUpHalf; animation-duration: 1.6s; animation-fill-mode: forwards; } .cmn_floatBnr{ position: fixed; z-index: 99999; bottom: 30px; right: 0; width: 330px; font-size: 0; letter-spacing: 0; transition: all 0.2s ease 0s; } .cmn_floatBnr p{ display: inline-block; vertical-align: top; } .cmn_floatBnr.off{ right: -300px; } .cmn_floatBnr .cmn_floatBnr_arw{ transition: all 0.2s ease 0s; } .cmn_floatBnr.off .cmn_floatBnr_arw{ transform: rotate(180deg); } .cmn_floatBnrSp{ position: fixed; bottom: 62px; left: 0; width: 100%; z-index: 99999999; } .cmn_floatBnrSp a{ display: block; color: #fff; font-size: 1.3rem; text-align: center; background: #bc2c2a; padding: 10px 5px; } #pagetop{ bottom: 100px!important; } /*# sourceMappingURL=common-dist.css.map */ /*220803追加*/ #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab#tab6{ padding: 40px 0 60px; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab#tab6 .menu_wrap .pic_menu{ width: 20%; } #header .header_inner .tab_box_wrap .tab_inr.cmn03_menuTab#tab6 .menu_wrap{ max-width: 1200px; }