@charset "utf-8"; /*------------------------------------- ■目次 -WEBフォント -リセット -初期設定 -フレーム -モジュール -汎用クラス ---------------------------------------*/ /*------------------------------------- リセットCSS ---------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0px; padding: 0px; } h1,h2,h3,h4,h5,h6,th,input,textarea,select { font-family: inherit; font-size: 100%; font-weight: normal; } table { border-spacing: 0; border-collapse: collapse; } table,th,td { text-align: left; border: none; } ol,ul,li { list-style: none; } img { border: none; vertical-align: top; max-width: 100%; } input[type=text], input[type=password], input[type=button], input[type=submit], button, select, textarea { color: inherit; font-family: inherit; -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none; } input::-webkit-input-placeholder { color: #999;} input:-ms-input-placeholder { color: #999;} input::-moz-placeholder { color: #999;} textarea::-webkit-input-placeholder { color: #999;} textarea:-ms-input-placeholder { color: #999;} textarea::-moz-placeholder { color: #999;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]:focus, input[type="button"]:focus { outline-offset: -2px; } select::-ms-expand{ display:none; } /*------------------------------------- 初期設定 ---------------------------------------*/ html.s_modalShow{ overflow: hidden; } @media screen and (max-width: 767px){ html.s_modalShow, html.s_modalShow body{ height: 100vh; overflow: hidden; } } html {font-size:62.5%;} body { min-width: 320px; font-family: "Microsoft YaHei", "微软雅黑",'SimSun', sans-serif; font-size: 1.6rem; font-feature-settings: "palt"; color: #000; background-color: #fff; line-height: 1.75; -webkit-text-size-adjust: 100%; } @media screen and (max-width: 767px){ body { font-size: 1.4rem; } } a { color: inherit; text-decoration: none; } em, strong { font-weight: bold; } sub, sup { white-space: nowrap; font-size: 1rem; } *, *:before, *:after{ box-sizing: border-box; } /*------------------------------------------------------- フレーム -------------------------------------------------------*/ /*.l_pageArea --------------------*/ .l_pageArea{ /* overflow: hidden; */ position: relative; } /*.l_main --------------------*/ .l_main { display: block; } /*.l_contents --------------------*/ .l_contents{ /* line-height: 1.5; */ } .l_contents a { /* text-decoration: underline; */ } @media screen and (min-width: 768px) { .l_pageArea:not(.s_touchDevice) .l_contents a:hover { text-decoration: none } } /*.l_header --------------------*/ .l_header{ position: relative; z-index: 1001; } .l_header .l_header__inner{ } .l_header__top { } .l_header__topInner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 12px 20px 14px; } .l_header__logo { max-width: 113px; } .l_header__logo a { display: block; } .l_header__logo img { vertical-align: middle; } .l_header_topMenuWrap { display: flex; align-items: center; margin: 0 0 0 auto; } .l_header_topMenu { display: flex; align-items: center; } .l_header_topMenu > li { padding: 0 13px; } .l_header_topMenu > li a { display: block; font-size: 1.4rem; line-height: 1.35; transition: 0.3s; } .l_header_topMenu > li a:hover { opacity: 0.7; } .l_header_topMenu > li a.s_iconMali::after { content: ''; display: inline-block; width: 20px; height: 15px; margin-left: 10px; vertical-align: middle; background: url(/sustainability_report/assets/img/icon_mail.png) no-repeat 0 0; background-size: contain; } .l_header_languageMenu { display: flex; border: 1px solid #0E3092; color: #0E3092; } .l_header_languageMenu > li { text-align: center; } .l_header_languageMenu > li a { display: block; padding: 3px 5px; width: 70px; font-size: 1.4rem; transition: 0.3s; } .l_header_languageMenu > li a:hover { opacity: 0.7; } .l_header_languageMenu > li + li a { position: relative; } .l_header_languageMenu > li + li a:before { content: ""; position: absolute; display: block; width: 1px; height: 20px; background-color: #0E3092; top: 0; bottom: 0; left: 0; margin: auto 0; } .l_header_btn a { display: block; margin-left: 10px; padding: 3px 5px; border: 1px solid #0E3092; color: #fff; background-color: #0E3092; font-size: 1.4rem; transition: 0.3s; } .l_header_btn a:hover { color: #0E3092; background-color: #fff; } @media screen and (max-width: 980px){ .l_header_topMenu > li { padding: 0 8px; } .l_header_topMenu > li a, .l_header_languageMenu > li a, .l_header_btn a { font-size: calc(14 / 980 * 100vw); } } @media screen and (max-width: 767px){ .l_header__topInner { flex-wrap: nowrap; padding: 8px 20px; } .l_header__logo { max-width: 90px; } .l_header_topMenu { flex-wrap: wrap; justify-content: space-between; } .l_header_topMenu > li { /* width: 48.5%; */ padding: 0; } .l_header_topMenu > li a { padding: 10px 0; font-size: 1.4rem; } .l_header_languageMenu { margin-left: 5px; } .l_header_languageMenu > li a { font-size: 1.2rem; width: 60px; } .l_header_btn a { font-size: 1.2rem; } } .l_header__susMenuHead { background-color: #0E3092; } .l_header__titleWrap { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; padding: 13px 100px; height: 100px; } .l_header__title { font-size: 3.6rem; font-weight: bold; line-height: 1.333; color: #fff; } .l_header__subTitle { display: block; margin-top: 5px; font-size: 1.6rem; text-align: left; } @media screen and (max-width: 1240px){ .l_header__title { font-size: calc(36 / 1240 * 100vw); } .l_header__subTitle { font-size: calc(16 / 1240 * 100vw); } } .l_header__downloadBtn { margin-left: 80px; width: 31.4%; max-width: 220px; } .l_header__downloadBtn a { position: relative; display: block; padding: 20px 30px 20px 20px; color: #0E3092; line-height: 1.35; background-color: #fff; transition: 0.3s; } .l_header__downloadBtn a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; width: 15px; height: 13px; margin: auto 0; background: url(/sustainability_report/assets/img/icon_download_blue.png) no-repeat 0 0; background-size: cover; transition: 0.3s; } .l_header__downloadBtn a:hover { background-color: #45A4D6; color: #fff; } .l_header__downloadBtn a:hover::after { background: url(/sustainability_report/assets/img/icon_download_white.png) no-repeat 0 0; background-size: cover; } @media screen and (max-width: 767px){ .l_header__downloadBtn { margin-left: 0; margin: 30px 0 10px; width: 100%; max-width: 100%; } .l_header__downloadBtn a { width: 100%; padding: 20px 10px; color: #fff; background-color: #45A4D6; } .l_header__downloadBtn a::after { background: url(/sustainability_report/assets/img/icon_download_white.png) no-repeat 0 0; background-size: cover; } } .l_header__toggle { position: absolute; width: 50px; height: 40px; top: 0; bottom: 0; right: 30px; margin: auto 0; z-index: 50; cursor: pointer; } .l_header__toggle span { display: block; position: absolute; width: 50px; border-bottom: solid 4px #fff; right: 0; transition: all 0.3s; } .l_header__toggle span:nth-child(1) { top: 10px; } .l_header__toggle span:nth-child(2) { top: 25px; } .l_header__toggle.s_open span:nth-child(1) { top: 20px; right: 0; transform: rotate(-45deg); } .l_header__toggle.s_open span:nth-child(2) { top: 20px; transform: rotate(45deg); } @media screen and (max-width: 767px){ .l_header__titleWrap { justify-content: flex-start; text-align: left; padding: 20px 50px 20px 20px; height: 60px; } .l_header__title { font-size: 1.8rem; } .l_header__toggle { position: absolute; width: 25px; height: 10px; right: 20px; } .l_header__toggle span { width: 25px; border-bottom: solid 2px #fff; } .l_header__toggle span:nth-child(1) { top: 0px; } .l_header__toggle span:nth-child(2) { top: 7.5px; } .l_header__toggle.s_open span:nth-child(1) { top: 5px; } .l_header__toggle.s_open span:nth-child(2) { top: 5px; } } .l_header__menuWrap { display: block; /* position: absolute; */ width: 100%; padding: 10px 0; background-color: #fff; border-bottom: 1px solid #ccc; /* max-height: calc(100vh - 100px); overflow-y: auto; */ } .l_header__menu { display: flex; flex-wrap: wrap; } .l_header__menu > li { padding: 5px 30px; } .l_header__menu > li a { position: relative; display: block; line-height: 1.35; } .l_header__menu > li a:before { content: ""; background: #0E3092; height: 2px; left: 0; right: 0; width: 0; max-width: 100%; position: absolute; bottom: -3px; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); } .l_header__menu > li.is-current a:before, .l_header__menu > li a:hover:before { width: 100%; } /* s_materiality */ .l_header__menu > li.s_materiality { display: inline-block; } .l_header__menu > li.s_materiality a { display: inline; } .l_header__menu > li.s_materiality a:not::before{ display: none; } .l_header__menu > li.s_materiality a span { position: relative; display: inline-block; line-height: 1.35; } .l_header__menu > li.s_materiality a span:before { content: ""; background: #0E3092; height: 2px; left: 0; right: 0; width: 0; max-width: 100%; position: absolute; bottom: -3px; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); } .l_header__menu > li.s_materiality a::before{ display: none; } .l_header__menu > li.s_materiality a.s_current span:before, .l_header__menu > li.s_materiality a:hover span:before { width: 100%; } .l_header__menu > li.s_materiality .s_pc { display: inline; } .l_header__menu > li.s_materiality .s_sp { display: none; } @media screen and (max-width: 767px){ .l_header__menu > li.s_materiality { display: block; border-bottom: none; } .l_header__menu > li.s_materiality .s_sp { display: inline; } .l_header__menu > li.s_materiality .s_pc { display: none; } .l_header__menu > li.s_materiality a { display: block; border-bottom: 1px solid #ccc; } .l_header__menu > li.is-current a:before, .l_header__menu > li a:hover:before { width: 0; } .l_header__menu > li.s_materiality a.s_current span:before, .l_header__menu > li.s_materiality a:hover span:before { width: 0; } } .l_header__susMenuArea { position: relative; } .l_header.js_headerFixed .l_header__susMenuArea { position: fixed; width: 100%; top: -50px; top: 0; left: 0; z-index: 20; } .l_header.js_headerFixed { padding-bottom: 100px; } @media screen and (max-width: 767px){ .l_header__menuWrap { position: absolute; display: none; padding: 10px 20px; /* max-height: calc(100vh - 60px); */ } .l_header__menu { display: block; margin: 0; } .l_header__menu > li { padding: 0; border-bottom: solid 1px #ccc; } .l_header__menu > li a { position: relative; padding: 15px 40px 15px 10px; } .l_header__menu > li a:before { content: none; } .l_header__menu > li a::after { position: absolute; content: ""; right: 10px; top: 0; bottom: 0; margin: auto 0; width: 22px; height: 10.5px; background: url(/sustainability_report/assets/img/hd_icon_arrow.png) no-repeat 0 0; background-size: cover; } .l_header.js_headerFixed { padding-bottom: 60px; } } /*.l_navFooter --------------------*/ .l_navFooter{ /* background: #f5f5f5; */ text-align: center; margin-top: 100px; } .l_navFooter__sub{ display: none; padding-bottom: 23px; } .l_navFooter__sub__title{ padding: 15px 20px; font-size: 2.4rem; color: #fff; background-color: #0E3092; } .l_navFooter__sub.is-active{ display: block; } .l_navFooter__sub__title span{ display: block; position: relative; text-align: center; } .l_navFooter__sub__cat{ margin-top: 23px; font-size: 14px; font-weight: 500; } .l_navFooter__sub__cat li{ display: inline-block; margin: 0 10px; } .l_navFooter__sub__cat li a{ display: block; padding: 10px 0 0; position: relative; font-size: 14px; font-weight: 500; } .l_navFooter__sub__cat li.is-current a:before, .l_navFooter__sub__cat li a:hover:before{ width: 100%; } .l_navFooter__sub__cat li a:before{ content: ''; position: absolute; width: 0; max-width: 100%; height: 3px; background: #0E3092; bottom: 0; left: 0; right: 0; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); } @media only screen and (min-width:1px) and (max-width:767px){ .l_navFooter{ margin-top: 60px; } .l_navFooter__inner{ overflow-x: scroll; -webkit-overflow-x: scroll; } .l_navFooter__sub__title{ font-size: 1.8rem; } .l_navFooter__sub__cat li{ display: block; text-align: center; border-bottom: 1px solid #ccc; margin: 0 20px; } .l_navFooter__sub__cat li.is-current a{ border-bottom: 0; } .l_navFooter__sub__cat li.is-current a span{ position: relative; } .l_navFooter__sub__cat li a { padding: 10px 0; } .l_navFooter__sub__cat li a:before { display: none; } .l_navFooter__sub__cat li a, .l_navFooter__sub__cat li a:hover{ border-bottom: 0; } .l_navFooter__sub__cat li.is-current a span:before{ content: ""; height: 1px; background: #0E3092; left: 0; right: 0; margin: auto; bottom: -13px; position: absolute; } } /*フッター3階層目*/ .l_wrpContainer.l_navFooter__aux{ display: none; padding-top: 80px; padding-bottom: 100px; } @media screen and (max-width:1300px) { .l_wrpContainer.l_navFooter__aux{ padding-top: 30px; padding-bottom: 5px; } } .l_wrpContainer.l_navFooter__aux.is-active{ display: block; } .l_wrpContainer.l_navFooter__aux li{ display: inline-block; text-align: center; padding: 0 10px; margin-bottom: 15px; } .l_wrpContainer.l_navFooter__aux li a { position: relative; font-weight: normal; font-size: 13px; padding-bottom: 5px; } @media screen and (max-width:767px) { .l_wrpContainer.l_navFooter__aux__cat { display: flex; flex-wrap: wrap; padding: 0; } } .l_wrpContainer.l_navFooter__aux li a:hover, .l_wrpContainer.l_navFooter__aux li.is-current a { color: #0E3092; } .l_wrpContainer.l_navFooter__aux{ display: none; padding-bottom: 0; } .l_wrpContainer.l_navFooter__aux.is-active{ display: block; } .l_wrpContainer.l_navFooter__aux li{ margin-bottom: 15px; } @media screen and (max-width:767px) { .l_wrpContainer.l_navFooter__aux li{ width: 100%; padding: 0 20px; margin-bottom: 0px; } } .l_navFooter__aux li.is-current a:before{ width: 100%; } /*.l_footer --------------------*/ .l_footer{ background-color: #F7F7F7; border-bottom: 10px solid #0E3092; } .l_footer .l_footer__inner { display: flex; align-items: flex-end; max-width: 1240px; width: 100%; margin: 0 auto; padding: 40px 20px 70px; } .l_footer__logo a { display: block; } .l_footer__copyright { margin-top: 15px; font-size: 1.2rem; } .l_footer__link { display: flex; margin-left: 45px; } .l_footer__link > li + li { margin-left: 50px; } .l_footer__link > li { } .l_footer__link > li a { font-size: 1.4rem; display: block; } .l_footer__link > li a[target="_blank"]::after { content: ''; display: inline-block; width: 15px; height: 12px; margin-left: 5px; vertical-align: middle; background: url(/sustainability_report/assets/img/icon_blank.png) no-repeat 0 0; background-size: contain; } .l_footer__link > li a:hover { opacity: 0.7; transition: 0.3s; } @media screen and (max-width: 767px){ .l_footer{ border-bottom: 5px solid #0E3092; } .l_footer .l_footer__inner { display: block; padding: 10px 20px 60px; text-align: center; } .l_footer__logo a { display: inline-block; max-width: 190px; } .l_footer__copyright { margin-top: 10px; font-size: 1rem; } .l_footer__link { flex-wrap: wrap; justify-content: center; margin-top: 15px; margin-left: 0; font-size: 1.2rem; } .l_footer__link > li + li { margin-left: 18px; } .l_footer__link > li a { font-size: 1.2rem; } } /* l_pagetop -----------------------------------------*/ .l_pagetop { display: none; position: fixed; width: 70px; right: 40px; bottom: 10px; z-index: 999; } .l_pagetop > a{ display: block; transition: 0.3s; } .l_pagetop > a:hover{ opacity: 0.7; } @media screen and (max-width: 767px){ .l_pagetop { width: 50px; right: 20px; } } /* l_footer__floatBtn -----------------------------------------*/ .l_footer__floatBtn { display: none; position: fixed; right: 140px; bottom: 10px; z-index: 999; } .l_footer__floatBtn.s_sitemap { right: 140px; } .l_footer__floatBtn a { position: relative; width: 200px; font-size: 14px; line-height: 1.3; padding: 15px 10px; color: #fff; text-align: center; box-sizing: border-box; font-weight: 500; display: block; background-color: #45A4D6; transition: 0.3s; } .l_footer__floatBtn a::after { content: ""; position: absolute; top: 0; bottom: 0; right: 10px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin: auto 0; } .l_footer__floatBtn > a:hover{ opacity: 0.7; } @media screen and (max-width: 767px){ .l_footer__floatBtn { display: none !important; } } /*.l_breadcrumbs --------------------*/ .l_breadcrumbs { width: 100%; background: #fff; padding: 10px 20px; } .l_breadcrumbs > ol{ overflow: hidden; background-color: #fff; max-width: 1200px; width: 100%; margin: 0 auto; font-size: 1.2rem; } .l_breadcrumbs > ol > li{ float: left; } .l_breadcrumbs > ol > li + li:before{ content: ">"; padding: 0 5px; } .l_pageArea:not(.s_touchDevice) .l_breadcrumbs > ol a:hover { text-decoration: underline; } @media screen and (max-width: 767px){ .l_breadcrumbs{ } .l_breadcrumbs > ol{ font-size: 1rem; } } /*------------------------------------------------------- モジュール -------------------------------------------------------*/ /* セクション --------------------*/ .m_section { /* margin-top: 100px; */ } @media screen and (max-width: 767px) { .m_section { /* margin-top: 50px; */ } } /* コンテンツサイズ --------------------*/ .m_contentW { max-width: 1240px; margin: 0 auto; padding: 0 20px; } /* 見出し(line-height必須) --------------------*/ /*---m_pageTitle---*/ .m_pageTitle{ width: 100%; } .m_pageTitle .m_pageTitle__inner { display: flex; align-items: center; position: relative; /* padding: 50px 30px 45px; */ padding: 14px 30px; min-height: 140px; background: #F7F7F7; } .m_pageTitle .m_pageTitle__title{ max-width: 1200px; width: 100%; margin: 0 auto; font-size: 3.2rem; font-weight: bold; color: #0E3092; line-height: 1.444; } @media screen and (max-width: 767px) { .m_pageTitle .m_pageTitle__inner { /* display: flex; align-items: center; position: relative; padding: 14px 30px; */ min-height: 70px; /* background: #F7F7F7; */ } .m_pageTitle .m_pageTitle__title{ font-size: 2rem; } } /*m_title -------------------*/ /*title01*/ .m_title01{ } .m_title01__title{ display: block; background: #45A4D6; font-size: 2rem; font-weight: bold; color: #fff; text-align: left; line-height: 1.6; padding: 18px 30px; } .m_title01__subTitle + .m_title01__title{ margin-top: -12.5px; } .m_title01__subTitle{ display: inline-block; margin-left: 30px; padding: 0 20px; font-size: 1.4rem; line-height: 1.5; color: #45A4D6; border: 2px solid #45A4D6; background-color: #fff; } @media screen and (max-width:767px) { .m_title01{ } .m_title01__title{ font-size: 1.6rem; padding: 9px 15px; } .m_title01__subTitle + .m_title01__title{ margin-top: -9.5px; } .m_title01__subTitle{ font-size: 1rem; margin-left: 15px; } } /*title02*/ .m_title02{ position: relative; border-top: 2px solid #000; font-size: 1.8rem; line-height: 1.666; } .m_title02::before{ position: absolute; content: ""; top: -2px; left: 0; width: 60px; height: 2px; background-color: #45A4D6; } .m_title02 .m_title02__title{ display: inline-block; position: relative; padding-top: 6px; font-weight: bold; } @media screen and (max-width:767px) { .m_title02{ font-size: 1.5rem; } } /*m_title03*/ .m_title03 { position: relative; margin-bottom: 10px; padding-left: 0.6em; font-size: 1.8rem; font-weight: bold; line-height: 1.75; } .m_title03:before { position: absolute; content: ''; width: 7px; height: 7px; top: 11.5px; left: 0; margin: auto; border-radius: 50%; background-color: #45A4D6; } @media screen and (max-width:767px) { .m_title03 { font-size: 1.5rem; } .m_title03:before { top: 7.5px; } } /*---m_sectionTitle---*/ .m_sectionTitle{ } .m_sectionTitle .m_sectionTitle__title { } @media screen and (max-width: 767px) { .m_sectionTitle { } .m_sectionTitle .m_sectionTitle__title { } } /*---m_middleTitle---*/ .m_middleTitle{ } .m_middleTitle .m_middleTitle__title { } @media screen and (max-width: 767px) { .m_middleTitle { } .m_middleTitle .m_middleTitle__title { } } /*---m_uniqueTitle---*/ .m_uniqueTitle { } .m_uniqueTitle__title { position: relative; padding-left: 1em; font-size: 2.4rem; font-weight: bold; line-height: 1.75; } .m_uniqueTitle__title:before { position: absolute; content: ''; width: 15px; height: 15px; top: 15px; left: 0; margin: auto; border-radius: 50%; background-color: #8b9ccf; } @media screen and (max-width:767px) { .m_uniqueTitle__title { font-size: 2rem; } .m_uniqueTitle__title:before { top: 7.5px; } } /*---m_categoryTitle---*/ .m_categoryTitle{ /* margin: 30px 0 40px; */ text-align: center; } .m_categoryTitle .m_categoryTitle__title { position: relative; padding-bottom: 22px; font-size: 3.2rem; line-height: 1.4; font-weight: bold; color: #0E3092; } .m_categoryTitle .m_categoryTitle__title::after { content: " "; position: absolute; right: 0; left: 0; display: block; height: 12px; width: 12px; margin: 0 auto; margin-top: 10px; background-color: #45A4D6; border-radius: 50%; } @media screen and (max-width: 767px) { .m_categoryTitle{ } .m_categoryTitle .m_categoryTitle__title { font-size: 2.2rem; } .m_categoryTitle .m_categoryTitle__title::after { height: 10px; width: 10px; margin-top: 6px; } } /*---m_titleA---*/ .m_titleA { } .m_titleA .m_titleA__title { padding: 10px 0 0 20px; font-size: 2rem; font-weight: bold; color: #000; border-top: 5px solid #000; border-left: 5px solid #000; } .m_titleA .m_titleA__title.s_color01 { color: #0068B7; border-color: #0068B7; } .m_titleA .m_titleA__title.s_color02 { color: #009FA8; border-color: #009FA8; } .m_titleA .m_titleA__title.s_color03 { color: #924898; border-color: #924898; } .m_titleA .m_titleA__title.s_color04 { color: #009C74; border-color: #009C74; } .m_titleA .m_titleA__title.s_color05 { color: #e8334a; border-color: #e8334a; } @media screen and (max-width: 767px){ .m_titleA{ } .m_titleA .m_titleA__title { padding: 5px 0 0 10px; font-size: 1.6rem; border-top: 3px solid #000; border-left: 3px solid #000; } } /*テキスト --------------------*/ .m_text { } /* .m_text > p + p{ margin-top: 10px;} */ @media screen and (max-width: 767px) { .m_text { } } .m_text.s_catch { font-size: 2rem; font-weight: bold; } @media screen and (max-width: 767px) { .m_text.s_catch { font-size: 1.6rem; } } /*m_label -------------------*/ .m_label{ display: inline-block; font-size: 2rem; line-height: 1.6; font-weight: bold; min-width: 300px; color: #fff; text-align: center; margin-right: 10px; padding: 15px 30px; background: linear-gradient(180deg, rgb(69, 100, 189) 0%, rgb(13, 33, 94) 100%); } @media screen and (max-width:767px) { .m_label{ font-size: 1.6rem; min-width: 230px; padding: 2px 5px 2px; } } /* リンク ------------------------*/ .m_link{ position: relative; color: #092d91; text-decoration: underline; padding-left: 1.5em; word-break: break-all; } .m_list > li > .m_link{ display: inline-block; } .m_link:hover{ text-decoration: none; } /*アイコン*/ .m_link.s_circle { padding-left: 1em; } .m_link.s_circle:before { content: "・"; position: absolute; top: 0; left: 0; transition: border-color 0.3s; } .m_link.s_rightAngle { padding-left: 1em; } .m_link.s_rightAngle:before { content: "∟"; position: absolute; top: 0; left: 0; transition: border-color 0.3s; } .m_link .m_icon{ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*ビュレット:四角*/ .m_link .m_icon.s_squareBulleted{ position: absolute; top: 0.4em; left: 0.2em; width: 0.85em; height: 0.9em; background-color: #092d91; } .m_link .m_icon.s_squareBulleted:before{ content: ""; position: absolute; top: 0.25em; left: 0.15em; width: 0.3em; height: 0.3em; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); } @media screen and (max-width:767px) { .m_link .m_icon.s_squareBulleted{ top: 0.3em; } } /*別窓リンク*/ .m_link .m_icon.s_blank{ display: inline-block; vertical-align: middle; margin: -4px 0 0 4px; } .m_link .m_icon.s_blank:before{ content: ""; display: inline-block; width: 15px; height: 12px; vertical-align: middle; background: url(/sustainability_report/assets/img/icon_blank.png) no-repeat 0 0; background-size: contain; } /*PDFリンク*/ .m_link .m_icon.s_pdf{ display: inline-block; color: #be302d; font-size: 1.2rem; vertical-align: middle; margin-left: 4px; } .m_link .m_icon.s_pdf::before{ content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 4px; background: url(/sustainability_report/assets/img/icon_pdf_red.png) no-repeat 0 0; background-size: contain; } /* ---m_ancList--- */ .m_ancList{ display: flex; flex-wrap: wrap; margin: 0 -15px; } .m_ancList > li{ width: 25%; padding: 0 15px; } .m_ancList > li > a{ position: relative; display: flex; align-items: center; padding: 10px 25px 15px 10px; height: 100%; border-bottom: 5px solid #0E3092; transition: all 0.3s; } .m_ancList > li > a::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 10px; width: 8px; height: 8px; border-top: 2px solid #0E3092; border-right: 2px solid #0E3092; transform: rotate(135deg); margin: auto 0; } @media screen and (max-width: 767px){ .m_ancList > li{ width: 50%; } .m_ancList > li > a{ padding: 7.5px 25px 7.5px 5px; border-bottom: 2px solid #0E3092; } } /* ---m_pageLink--- */ .m_pageLink { } .m_pageLink a { display: block; border: 2px solid #45A4D6; } .m_pageLink .m_pageLink__title { padding: 20px 30px; font-size: 2rem; border-bottom: 2px solid #45A4D6; background-color: rgba(69,164,214,0.3); } .m_pageLink .m_pageLink__content { position: relative; padding: 20px 36px 50px; } .m_pageLink .m_pageLink__content::before, .m_pageLink .m_pageLink__content::after{ content: ""; position: absolute; right: 36px; transition: all 0.3s; } .m_pageLink .m_pageLink__content::before { bottom: 24px; width: 30px; height: 6px; height: 2px; background-color: #000; } .m_pageLink .m_pageLink__content::after{ bottom: 20px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .m_pageLink a:hover .m_pageLink__content::before, .m_pageLink a:hover .m_pageLink__content::after { right: 26px; } @media screen and (max-width: 767px){ .m_pageLink .m_pageLink__title { padding: 10px 15px; font-size: 1.6rem; } .m_pageLink .m_pageLink__content { position: relative; padding: 10px 18px 25px; } .m_pageLink .m_pageLink__content::before, .m_pageLink .m_pageLink__content::after{ right: 18px; } .m_pageLink .m_pageLink__content::before { bottom: 12px; width: 15px; height: 1px; } .m_pageLink .m_pageLink__content::after{ bottom: 10px; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; } .m_pageLink a:hover .m_pageLink__content::before, .m_pageLink a:hover .m_pageLink__content::after { right: 13px; } } /*ボタン --------------------*/ .m_btnSet{} .m_btnSet .m_btnSetList{ display: flex; flex-wrap: wrap; margin-bottom: -10px; } .m_btnSet .m_btnSetList > li{ margin-bottom: 10px; margin-right: 10px; } /*m_listBtn*/ .m_listBtn > li{ display: flex; flex-direction: column; width: 100%; border-bottom: 1px solid #8AA2BC; } .m_listBtn > li + li{ /* margin-top: 2px; */ } .m_listBtn > li .p_listBtnLink{ display: flex; align-items: center; flex: 1 1 auto; width: 100%; min-height: 75px; background-color: #fff; padding: 10px 30px; /* box-shadow: 2px 2px 11px 0px rgba(0,0,0,0.1); */ -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .m_listBtn > li span.p_listBtnLink:hover, .m_listBtn > li a.p_listBtnLink:hover{ background-color: #092d91; color: #fff; } .m_listBtn > li a.p_listBtnLink:hover .p_icon.s_squareBulleted{ color: #fff; } /*新着情報*/ .m_listBtn > li .p_listBtnNews{ display: flex; width: 100%; } .m_listBtn > li .p_listBtnNews > dt{ flex: 0 0 145px; } .m_listBtn > li .p_listBtnNews > dd{ flex: 1 1 auto; } /*タグ付き*/ .m_listBtn > li .p_backnumber > dt, .m_listBtn > li .p_backnumber > dd{ display: inline-block; vertical-align: middle; padding: 3px 0; } .m_listBtn > li .p_backnumber .p_backnumberNum, .m_listBtn > li .p_backnumber .p_backnumberTags, .m_listBtn > li .p_backnumber .p_backnumberTag01, .m_listBtn > li .p_backnumber .p_backnumberTag02{ display: inline-block; vertical-align: middle; margin-right: 10px; } .m_listBtn > li .p_backnumber .p_backnumberTag02{ margin-right: 0px; } .m_listBtn > li .p_backnumber .p_backnumberNum{ width: 5em; } .m_listBtn > li .p_backnumber .p_backnumberTag01, .m_listBtn > li .p_backnumber .p_backnumberTag02{ /* border-radius: 3px; */ text-align: center; } .m_listBtn > li .p_backnumber .p_backnumberTag01{ width: 162px; color: #fff; font-size: 14px; padding: 6px 0 5px; } .m_listBtn > li .p_backnumber .p_backnumberTag01.s_color01{ background-color: #d42654; } .m_listBtn > li .p_backnumber .p_backnumberTag01.s_color02{ background-color: #2669d4; } .m_listBtn > li .p_backnumber .p_backnumberTag01.s_color03{ background-color: #e38c29; } .m_listBtn > li .p_backnumber .p_backnumberTag01.s_color04{ background-color: #34bf69; } .m_listBtn > li .p_backnumber .p_backnumberTag02{ width: 150px; background-color: #f5f5f5; color: #222; padding: 4px 0; } @media screen and (max-width:767px) { .m_btnSet .p_btnSetList{ flex-direction: column; } .m_btnSet .p_btnSetList > li{ margin-right: 0; } .m_listBtn > li .p_listBtnLink{ padding: 10px 20px; } .m_listBtn > li .p_listBtnNews{ display: block; } .m_listBtn > li .p_backnumber .p_backnumberTag01, .m_listBtn > li .p_backnumber .p_backnumberTag02{ font-size: 10px; width: auto; padding: 2px 5px; } } .m_btn{ position: relative; } .m_btn .m_icon{ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*01*/ .m_btn .p_btn01{ position: relative; display: inline-block; min-width: 200px; background: #0E3092; border: solid 2px #0E3092; color: #fff; /* font-size: 16px; */ font-weight: 500; text-align: center; text-decoration: none; margin: 0 auto; padding: 12px 50px; -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .m_btn .p_btn01:hover{ color: #0E3092; background: #fff; } @media screen and (max-width:767px) { .m_btn .p_btn01{ display: block; font-size: 12px; max-width: 280px; margin: 0 auto; padding: 10px 22px; } } .m_btn.s_liquid .p_btn01{ display: block; text-align: left; } @media screen and (max-width:767px) { .m_btn.s_liquid .p_btn01{ max-width: 100%; } } /*02*/ .m_btn .p_btn02{ position: relative; display: inline-block; background: #fff; text-decoration: none; } .m_btn .p_btn02 .p_icon.s_squareBulleted{ top: auto; left: auto; right: -3px; bottom: -2px; } /*下層ページリンク用*/ /* .m_btn.s_pageLink{ overflow: hidden; } .m_btn.s_pageLink .p_btn02{ position: relative; width: 100%; height: 100%; padding: 30px; background-color: rgba(255,255,255,0.9); -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .m_btn.s_pageLink .p_btn02:hover{ color: #fff; background: rgba(9,45,145,0.9); } .m_btn.s_pageLink .p_btn02:hover .p_title, .m_btn.s_pageLink .p_btn02:hover .p_icon.s_squareBulleted, .m_btn.s_pageLink .p_btn02:hover .p_text{ color: #fff; } .m_btn.s_pageLink .p_bg{ position: absolute; top: -10000px; left: -10000px; right: -10000px; bottom: -10000px; max-width: none!important; min-height: 120%; min-width: 120%; margin: auto; -webkit-filter: blur(4px); -moz-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); } .m_btn.s_pageLink .p_btn02 .p_title{ color: #092d91; font-size: 18px; line-height: 1.4; font-weight: bold; } .m_btn.s_pageLink .p_btn02 .p_text{ margin-top: 20px; } @media screen and (max-width:767px) { .m_btn.s_pageLink .p_btn02{ padding: 15px; overflow: hidden; } .m_btn.s_pageLink .p_btn02 .p_title{ font-size: 15px; } .m_btn.s_pageLink .p_btn02 .p_text{ margin-top: 13px; } } */ /*s_category*/ /* .m_btn.s_category .p_btn02{ display: flex; height: 100%; align-items: center; } .m_btn.s_category .p_btn02:hover{ color: #092d91; } .m_btn.s_category .p_tag{ padding: 23px; flex: 0 0 auto; } .m_btn.s_category .p_text{ flex: 1 1 auto; font-weight: bold; line-height: 1.4; padding: 10px 20px 10px 0; } @media screen and (max-width:767px) { .m_btn.s_category .p_tag{ padding: 17px; } .m_btn.s_category .p_tag img{ width: 24px; height: 24px; } } */ /*s_media*/ /* .m_btn.s_media .p_btn02{ display: flex; align-items: center; } .m_btn.s_media .p_btn02:hover{ color: #092d91; } .m_btn.s_media .p_image{ flex: 0 0 77px; } .m_btn.s_media .p_text{ flex: 1 1 auto; font-size: 16px; font-weight: bold; padding: 0 20px; } @media screen and (max-width:767px) { .m_btn.s_media .p_text{ padding: 0 15px; } } */ /*s_imgBtn*/ /* .m_btn.s_imgBtn .p_btn02{ height: 100%; background-color: rgba(255,255,255,0.9); -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .m_btn.s_imgBtn .p_image{} .m_btn.s_imgBtn .p_text{ text-align: center; padding: 15px 15px; } .m_btn.s_imgBtn .p_text{ } .m_btn.s_imgBtn .p_btn02:hover{ color: #fff; background: rgba(9,45,145,0.9); } .m_btn.s_imgBtn .p_btn02:hover .p_text, .m_btn.s_imgBtn .p_btn02:hover .p_icon.s_squareBulleted{ color: #fff; } */ /*ビュレット*/ .m_btn .m_icon.s_bulleted{ position: absolute; top: 0; bottom: 0; left: 15px; display: inline-block; color: #fff; margin: auto 0 !important; width: 14px; height: 14px; background-color: #fff; } .m_btn .m_icon.s_bulleted:before{ content: ""; position: absolute; top: 0.25em; left: 0.15em; width: 5px; height: 5px; border-top: 1px solid #0E3092; border-right: 1px solid #0E3092; transform: rotate(45deg); } .m_btn .p_btn01:hover .m_icon.s_bulleted{ color: #0E3092; } @media screen and (max-width:767px) { .m_btn .m_icon.s_bulleted{ left: 5px; height: 14px; } } /*ビュレット:四角*/ .m_btn.s_iconBefore{ padding-left: 20px; } .m_btn .m_icon.s_bulleted02{ position: absolute; top: 0; left: 0; bottom: 0; /* height: 19px; */ display: inline-block; color: #092d91; font-size: 1.125em; margin: auto 0; } .m_btn .m_icon.s_bulleted02::before, .m_btn .m_icon.s_bulleted02::after{ content: ""; position: absolute; top: 0; bottom: 0; margin: auto 0; } .m_btn .m_icon.s_bulleted02::before { left: 0; width: 30px; height: 6px; height: 2px; background-color: #000; } .m_btn .m_icon.s_bulleted02::after{ left: 20px; width: 10px; height: 10px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .p_listBtnLink:hover .m_btn .m_icon.s_bulleted02::before { background-color: #fff; } .p_listBtnLink:hover .m_btn .m_icon.s_bulleted02::after{ border-color: #fff; } .m_btn.s_iconBefore.s_iconSizeL{ padding-left: 28px; } .m_btn.s_iconSizeL .m_icon.s_squareBulleted{ height: 25px; font-size: 25px; } .m_btn.s_iconBefore.s_iconSize01{ padding-left: 40px; } @media screen and (max-width:767px) { .m_btn.s_iconBefore.s_iconSize01{ padding-left: 25px; } .m_btn .m_icon.s_bulleted02::before { width: 20px; } .m_btn .m_icon.s_bulleted02::after{ left: 10px; } } .m_btn.s_iconBefore.s_topBtn, .m_btn.s_iconBefore.s_arrowBtnNews { display: block; width: 100%; } /*別窓リンク*/ .m_btn .m_icon.s_blank{ display: inline-block; vertical-align: middle; margin: -6px 0 0 4px !important; } .m_btn .m_icon.s_blank::before{ content: ""; display: inline-block; width: 15px; height: 12px; vertical-align: middle; background: url(/sustainability_report/assets/img/icon_blank_white.png) no-repeat 0 0; background-size: contain; color: #fff; -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); } .m_btn a:hover .m_icon.s_blank::before{ background: url(/sustainability_report/assets/img/icon_blank_blue.png) no-repeat 0 0; background-size: contain; } /*PDFリンク*/ .m_btn .m_icon.s_pdf{ display: inline-block; font-size: 1.2rem; vertical-align: middle; margin: -2px 0 0 4px !important; transition: 0.3s; } .m_btn .m_icon.s_pdf:before{ content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 4px; background: url(/sustainability_report/assets/img/icon_pdf_white.png) no-repeat 0 0; background-size: contain; color: #fff; -webkit-transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000); transition: 0.3s; } .m_btn a:hover .m_icon.s_pdf::before{ background: url(/sustainability_report/assets/img/icon_pdf_blue.png) no-repeat 0 0; background-size: contain; } .p_listBtnLink .m_icon{ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .p_listBtnLink .m_icon.s_pdf{ color: #be302d; display: inline-block; font-size: 1.2rem; vertical-align: middle; margin: -2px 0 0 4px !important; transition: 0.3s; } .p_listBtnLink .m_icon.s_pdf:before{ content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin-right: 4px; background: url(/sustainability_report/assets/img/icon_pdf_red.png) no-repeat 0 0; background-size: contain; transition: 0.3s; } .p_listBtnLink:hover .m_icon.s_pdf{ color: #fff; } .p_listBtnLink:hover .m_icon.s_pdf::before{ background: url(/sustainability_report/assets/img/icon_pdf_white.png) no-repeat 0 0; background-size: contain; } /*拡大ボタン*/ /* .m_scaleBtn{ text-align: right; margin-top: 10px; } .m_scaleBtn .p_btn{ position: relative; display: inline-block; background-color: #092d91; color: #fff; font-size: 12px; padding: 8px 15px 8px 45px; } .m_scaleBtn .p_btn:before{ content: ""; position: absolute; top: 0px; bottom: 0px; left: 15px; width: 20px; height: 20px; background: url(/csr/image/cmn_btn_icon_scale.png) no-repeat 0 0; background-size: contain; margin: auto 0; } @media screen and (max-width:767px) { .m_scaleBtn .p_btn{ font-size: 10px; padding: 7px 15px 7px 37px; } .m_scaleBtn .p_btn:before{ left: 11px; width: 17px; height: 17px; margin: auto 0; } } */ /*ボタン:パーツ(line-height必須) --------------------*/ /* .m_btn { position: relative; display: inline-block; background-color: transparent; border: 1px solid #000; color: #000; text-align: left; font-weight: bold; vertical-align: middle; text-decoration: none!important; padding: 9px 10px 8px; cursor: pointer; transition: .3s; user-select: none; } .m_btn .m_btn__inner { display: block; position: relative; text-decoration: none; } */ /*タイプ*/ /* .m_btn.s_submit{ display: flex; justify-content: center; align-items: center; max-width: 300px; width: 100%; height: 60px; } */ /*色*/ .m_btn.s_color01{ } /*サイズ*/ .m_btn.s_liquid{ width: 100%; } .m_btn.s_wXXX{ } /*アイコン(before)*/ .m_btn.s_bulleted:before { content: ""; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: translateY(-50%) rotate(45deg); transition: 0.3s; } .m_btn.s_bulleted .m_btn__inner { padding-left: 15px; padding-right: 15px; } /*アイコン(after)*/ .m_btn.s_blank:before { content: ""; position: absolute; top: 0; bottom: 0; right: 10px; background: url(/sustainability_report/assets/img/icon_blank.png) no-repeat 0 0; width: 14px; height: 12px; margin: auto 0; } .m_btn.s_blank .m_btn__inner { padding-left: 25px; padding-right: 25px; } /*オプション*/ .m_btn.s_disabled{ opacity: 0.5; cursor: default; pointer-events: none; } .m_btn.s_borderRadius { border-radius: 999em; } /*ボタン:レイアウト --------------------*/ /* .m_btnSet{ margin: 15px 0; } .m_btnSet .m_btnSet__inner{ position: relative; display: flex; flex-wrap: wrap; } .m_btnSet.s_center .m_btnSet__inner, .m_btnSet.s_center .m_btn { justify-content: center; } .m_btnSet.s_left .m_btnSet__inner{ justify-content: flex-start; } .m_btnSet.s_right .m_btnSet__inner{ justify-content: flex-end; } .m_btnSet.s_list .m_btnSet__inner{ flex-direction: column; align-items: center; } .m_btnSet.s_list .m_btn + .m_btn { margin-top: 10px; } .m_btnSet:not(.s_list) .m_btnSet__inner{ margin: 0px -10px -10px; } .m_btnSet:not(.s_list) .m_btn { display: flex; justify-content: center; align-items: center; margin: 0 10px 10px; } */ /* リスト ------------------------*/ .m_list {} .m_list > li { position: relative; } .m_list > li + li{ margin-top: 8px; } .m_list.s_circle > li { padding-left: 1em; } .m_list.s_circle > li:before { content: "・"; position: absolute; top: 0; left: 0; transform: scale(1.2); } .m_list.s_note{ /* font-size: 1.2rem; */ } .m_list.s_note > li { text-align: left; padding-left: 1.3em; } .m_list.s_note > li:before{ content: "※"; position: absolute; top: 0; left: 0; } .m_list.s_note.s_number > li{ padding-left: 2.2em; } .m_list.s_note.s_number > li:before{ content:"※" counter(cnt); } .m_list.s_number {} .m_list.s_number > li { position: relative; padding-left: 1.5em; counter-increment: cnt; } .m_list.s_number > li:before{ content: counter(cnt) " ."; position: absolute; top: 0; left: 0; } /*汎用インデント*/ .m_list.s_utility .m_list__head { float: left; margin-right: 8px; } .m_list.s_utility .m_list__text { overflow: hidden; } /*カラム ------------------------*/ .m_col{} .m_col .m_col__list{ display: flex; flex-wrap: wrap; margin: -1%; } .m_col .m_col__list > li{ width: 100%; padding: 1%; } .m_col.s_magin0 .m_col__list{ margin: 0; } .m_col.s_magin0 .m_col__list > li{ padding: 0; } .m_col.s_center .m_col__list{ justify-content: center; } .m_col.s_2col > .m_col__list > li{ width: 50%;} .m_col.s_3col > .m_col__list > li{ width: 33.333%;} .m_col.s_4col > .m_col__list > li{ width: 25%;} .m_col .m_col__list > li.s_w66{ width: 66.666%; } @media screen and (min-width: 1031px){ .m_col.s_noWrap .m_col__list{ flex-wrap: nowrap;} } @media screen and (max-width: 1030px){ .m_col.s_2col .m_col__list > li, /* .m_col.s_3col .m_col__list > li{ width: 100%;} */ .m_col.s_4col .m_col__list > li{ width: 50%;} } @media screen and (max-width: 767px){ .m_col{ margin: 10px auto 0;} .m_col .m_col__list > li{ width: 100%!important;} .m_col.s_sp2col .m_col__list > li{ width: 50%!important;} } .m_col .m_colImg{ max-width: 560px; margin: auto; } /*画像 --------------------*/ .m_centerImg { width: 100%; max-width: 750px; margin: 0 auto; } .m_centerImg.s_sizeM { max-width: 560px; } .m_centerImg.s_sizeL { max-width: 1046px; } .m_centerImg.s_sizeLL { max-width: 1200px; } .m_centerImg.s_posLeft { margin-left: 0; } /*画像テキスト ------------------------*/ .m_media{ overflow: hidden; } .m_media .m_media__image{ width: 46.666%; max-width: 560px; text-align: center; margin-bottom: 10px; } .m_media .m_media__image.s_w360 { width: 100%; max-width: 360px; } .m_media .m_media__image.s_left { float: left; margin-right: 20px; } .m_media .m_media__image.s_right { float: right; margin-left: 20px; } .m_media .m_media__image .m_title03, .m_media .m_media__image p { text-align: left; } .m_media .m_media__content{ overflow: hidden; } .m_media.s_around .m_media__content{ overflow: visible; } @media screen and (max-width: 767px){ .m_media .m_media__image { width: auto; } } /*スマホ時*/ @media screen and (max-width:767px) { .m_media .m_media__image.s_left , .m_media .m_media__image.s_right{ float: none; margin: 0 auto 15px!important; } /*画像とテキスト、スマホ時反転*/ .m_media.s_spReversal{ -webkit-transform: rotateX(180deg); transform: rotateX(180deg)} .m_media.s_spReversal > *{ -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg)} /*サイズ*/ .m_media.s_sp100 .m_media__image { max-width: 100%!important;} .m_media.s_sp100 .m_media__image img { width: 100%;} } /*ボックス --------------------*/ .m_col .m_col__list > li .m_box01, .m_col .m_col__list > li .m_box01 .m_box01_inner, .m_col .m_col__list > li .m_box02, .m_col .m_col__list > li .m_box02 .m_box02_inner{ height: 100%; } /* ボックス01 */ .m_box01{ } .m_box01 .m_box01_inner{ padding: 30px; background-color: #DCE3EB; } .m_box01_title{ padding-bottom: 10px; border-bottom: 1px solid #092d91; font-size: 1.8rem; font-weight: bold; color: #092d91; } @media screen and (max-width:767px) { .m_box01 .m_box01_inner{ padding: 20px; } .m_box01_title{ font-size: 1.5rem; } } .m_box01_title02 { font-size: 1.8rem; font-weight: bold; color: #092d91; } @media screen and (max-width:767px) { .m_box01_title02 { font-size: 1.5rem; } } .m_box01_title03 { line-height: 1.5; } .m_box01_title03 > .m_box01_title03_main { display: block; font-family: 'Fjalla One', sans-serif; font-size: 4rem; color: #fff; } .m_box01_title03 > .m_box01_title03_sub { display: block; font-size: 2rem; font-weight: bold; } /* ボックス02 */ .m_box02{} .m_box02 .m_box02_inner{ background-color: #fff; border: 1px solid #000; box-shadow: 2px 2px 11px 0px rgb(0 0 0 / 10%); padding: 30px; } @media screen and (max-width:767px) { .m_box02 .m_box02_inner{ padding: 20px; } } /*表組 --------------------*/ .m_table {} .m_table .m_table__inner{ overflow-x:auto; -webkit-overflow-scrolling: touch; } .m_table table { border-spacing: 0; border-collapse: collapse; width: 100%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .m_table table.s_layoutFix { table-layout: fixed; } .m_table.s_sizeS table { font-size: 10px!important; } .m_table table + table { margin-top: 60px; } .m_table table tr > th, .m_table table tr > td{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; vertical-align: middle; padding: 8px 10px; } .m_table.s_tableVatop table tr > th, .m_table table tr > td { vertical-align: top; } .m_table.s_sizeS table th, .m_table.s_sizeS table td { padding: 5px!important; } .m_table table tr > th { background: #eee; } .m_table table thead tr > th{ background: #8AA2BC; color: #fff; } .m_table table > thead > tr > th { /* text-align: center; */ } .m_table table tr > td { background-color: #fff; } /*サイズ*/ .m_table table.s_wAuto{ width: auto;} .m_table table.s_minw800{ min-width: 800px;} /*背景色*/ .m_table table tr.s_bgColor01 th, .m_table table tr.s_bgColor01 td, .m_table table tr th.s_bgColor01, .m_table table tr td.s_bgColor01{ background-color: #feebbe; } .m_table table tr.s_bgColor02 th, .m_table table tr.s_bgColor02 td, .m_table table tr th.s_bgColor02, .m_table table tr td.s_bgColor02{ color: #fff; background-color: #0068B7; } .m_table table tr.s_bgColor03 th, .m_table table tr.s_bgColor03 td, .m_table table tr th.s_bgColor03, .m_table table tr td.s_bgColor03{ background-color: #f5fbfe; } @media screen and (max-width: 767px) { .m_table table.s_spCol{ min-width: inherit; } .m_table table.s_spCol, .m_table table.s_spCol > tbody, .m_table table.s_spCol > tbody > tr, .m_table table.s_spCol > tbody > tr > td, .m_table table.s_spCol > tbody > tr > th { display: block; } .m_table table.s_spCol { width: auto } .m_table table + table { margin-top: 30px; } .m_table table tr > td, .m_table table tr > th { padding: 5px; } } /* m_dataContent ------------------------*/ .m_dataContent{ padding: 0 10px; } .m_dataContent dl + dl{ margin-top: 15px; } .m_dataContent dl > dt, .m_dataContent dl > dd{ /* font-size: 1.4rem; */ } .m_dataContent dl > dt{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #000; font-weight: bold; padding: 5px 0; margin-bottom: 5px; } .m_dataContent dl > dt > span:first-child{ margin-right: 10px; } .m_dataContent dl > dt > span:last-child{ text-align: right; } .m_dataContent dl > dd{ /* font-size: 1.3rem; */ } .m_dataContent .csr-popup-dataList{ margin-bottom: 20px; } .m_dataContent .csr-popup-dataList > li{ font-size: 1.3rem; } .m_dataContent .csr-popup-dataList > li > ul > li, .m_dataContent .csr-popup-dataList > li > ul > li > ul >li { margin-left: 1em; } .m_dataContent__resultText{ text-align: right; font-weight: bold; margin-top: 10px; } /* m_modal ------------------------*/ .m_modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 3000; display: none; } .m_modal .m_modal__closeBg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.9); } .m_modal .m_modal__window { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 1000px; max-width: 95%; max-height: 95%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; } .m_modal .m_modal__closeBtn { position: absolute; z-index: 100; top: 0; right: 30px; width: 30px; height: 30px; cursor: pointer; } .m_modal .m_modal__closeBtn::before, .m_modal .m_modal__closeBtn::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 30px; height: 1px; background-color: #fff; transform: rotate(45deg); } .m_modal .m_modal__closeBtn::after { transform: rotate(-45deg); } .m_modal .m_modal__scrollArea { width: 100%; max-height: 90vh; overflow-y: auto; -webkit-overflow-scrolling: touch; } .m_modal .m_modal__scrollInner { padding: 40px 30px; } .m_modal video{ width: 100%; } /*サイズ*/ .m_modal .m_modal__window.s_w600 { width: 600px; } .m_modal .m_modal__window.s_w1300 { width: 1300px; } @media screen and (max-width: 767px){ .m_modal .m_modal__scrollArea { max-height: 80vh; } .m_modal .m_modal__scrollInner { padding: 30px 15px; } .m_modal .m_modal__closeBtn{ top: 0; right: 15px; width: 15px; height: 15px; } .m_modal .m_modal__closeBtn::before, .m_modal .m_modal__closeBtn::after { width: 15px; height: 1px; } } /*m_tabList*/ .m_tabList { display: flex; flex-wrap: wrap; border-left: 2px solid #ccc; } .m_tabList > li { width: 20%; border-top: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; } .m_tabList li a { display: flex; align-items: center; justify-content: center; padding: 5px 10px; text-align: center; font-size: 1.4rem; line-height: 1.428; height: 100%; min-height: 50px; transition: 0.3s; } .m_tabList li:nth-child(n + 6) { margin-top: -2px; } .m_tabList li.s_current a { color: #fff; background: #0E3092; } .m_tabList li a:hover { color: #fff; background: #0E3092; } @media screen and (max-width: 767px){ .m_tabList { /* flex-wrap: nowrap; overflow-y: hidden; white-space: nowrap; */ } .m_tabList > li { width: 50%; } .m_tabList li:nth-child(n + 3) { margin-top: -2px; } .m_tabList li a { font-size: 1.2rem; } } /*m_iconList*/ .m_iconList { display: flex; flex-wrap: wrap; margin: -2.5px; } .m_iconList.s_posCenter { justify-content: center; } .m_iconList > li { max-width: 70px; padding: 2.5px; } .m_table .m_iconList { margin: -1px; } /*テスト用ラベル*/ .m_labelList{display: none!important;} .m_labelList > li{ display: inline-block; background-color: #D600FC; border: 1px solid #D600FC; color: #fff; text-align: center; margin-right: 10px; padding: 5px 8px 4px; } .m_labelList > li.data{ background-color: #F00; border: 1px solid #F00; } /* 「要素内の最初の子要素」「要素内の最後の子要素」のモジュールに対してmarginの上下がキャンセル*/ [class^="m_"]:not([class*="__"]):first-child { margin-top: 0} [class^="m_"]:not([class*="__"]):last-child { margin-bottom: 0} /*------------------------------------- 汎用クラス ---------------------------------------*/ .u_fontSS { font-size: 1rem!important; } .u_fontS { font-size: 1.2rem!important; } .u_fontM { font-size: 1.4rem!important; } .u_fontL { font-size: 1.6rem!important; } .u_fontLL { font-size: 1.8rem!important; } .u_fontXL { font-size: 2rem!important; } .u_lineL{ line-height: 1.8!important;} .u_lineM{ line-height: 1.5!important;} .u_lineS{ line-height: 1.3!important;} .u_fontBold { font-weight: bold!important; } .u_fontNormal { font-weight: normal!important; } .u_colorRed { color: #cc0000!important; } .u_color01 { color: #0E3092!important; } .u_clearfix { zoom: 1; } .u_clearfix:after { content: ""; display: block; clear: both; height: 0.01px; } .u_ofHidden { overflow: hidden!important; } .u_ofVisible { overflow: visible!important; } .u_floatL { float: left!important; } .u_floatR { float: right!important; } .u_posStatic { position: static !important;} .u_posRelative { position: relative!important;} .u_posAbsolute { position: absolute!important;} .u_posFixed { position: fixed!important;} .u_taLeft { text-align: left !important; } .u_taCenter { text-align: center !important; } .u_taRight { text-align: right !important; } .u_tdNon { text-decoration: none !important; } .u_tdUnder { text-decoration: underline !important; } .u_tdOver { text-decoration: line-through !important; } .u_vaTop { vertical-align: top !important; } .u_vaMdl { vertical-align: middle !important; } .u_vaBtm { vertical-align: bottom !important; } .u_myS { margin-top: 10px !important; margin-bottom: 10px !important;} .u_myM { margin-top: 20px !important; margin-bottom: 20px !important;} .u_myL { margin-top: 30px !important; margin-bottom: 30px !important;} .u_myLL { margin-top: 40px !important; margin-bottom: 40px !important;} .u_myXL { margin-top: 50px !important; margin-bottom: 50px !important;} .u_mtSS { margin-top: 20px !important;} .u_mtS { margin-top: 40px !important;} .u_mtM { margin-top: 60px !important;} .u_mtL { margin-top: 90px !important;} /* .u_mtLL { margin-top: 40px !important;} .u_mtXL { margin-top: 50px !important;} */ .u_mbSS { margin-bottom: 20px !important;} .u_mbS { margin-bottom: 30px !important;} .u_mbM { margin-bottom: 60px !important;} .u_mbL { margin-bottom: 90px !important;} .u_mxS { margin-left: 10px !important; margin-right: 10px !important;} .u_mxM { margin-left: 20px !important; margin-right: 20px !important;} .u_mxL { margin-left: 30px !important; margin-right: 30px !important;} .u_mxLL { margin-left: 40px !important; margin-right: 40px !important;} .u_mxXL { margin-left: 50px !important; margin-right: 50px !important;} .u_mlS { margin-left: 10px !important;} .u_mlM { margin-left: 20px !important;} .u_mlL { margin-left: 30px !important;} .u_mlLL { margin-left: 40px !important;} .u_mlXL { margin-left: 50px !important;} .u_mrS { margin-right: 10px !important;} .u_mrM { margin-right: 20px !important;} .u_mrL { margin-right: 30px !important;} .u_mrLL { margin-right: 40px !important;} .u_mrXL { margin-right: 50px !important;} .u_mt0 { margin-top: 0px !important; } .u_mt3 { margin-top: 3px !important; } .u_mt5 { margin-top: 5px !important; } .u_mt10 { margin-top: 10px !important; } .u_mt15 { margin-top: 15px !important; } .u_mt20 { margin-top: 20px !important; } .u_mt25 { margin-top: 25px !important; } .u_mt30 { margin-top: 30px !important; } .u_mt35 { margin-top: 35px !important; } .u_mt40 { margin-top: 40px !important; } .u_mt45 { margin-top: 45px !important; } .u_mt50 { margin-top: 50px !important; } .u_mt60 { margin-top: 60px !important; } .u_mt70 { margin-top: 70px !important; } .u_mt80 { margin-top: 80px !important; } .u_mt90 { margin-top: 90px !important; } .u_ml0 { margin-left: 0px !important; } .u_ml3 { margin-left: 3px !important; } .u_ml5 { margin-left: 5px !important; } .u_ml10 { margin-left: 10px !important; } .u_ml15 { margin-left: 15px !important; } .u_ml20 { margin-left: 20px !important; } .u_ml25 { margin-left: 25px !important; } .u_ml30 { margin-left: 30px !important; } .u_ml35 { margin-left: 35px !important; } .u_ml40 { margin-left: 40px !important; } .u_ml45 { margin-left: 45px !important; } .u_ml50 { margin-left: 50px !important; } .u_ml60 { margin-left: 60px !important; } .u_ml70 { margin-left: 70px !important; } .u_ml80 { margin-left: 80px !important; } .u_ml90 { margin-left: 90px !important; } .u_mr0 { margin-right: 0px !important; } .u_mr3 { margin-right: 3px !important; } .u_mr5 { margin-right: 5px !important; } .u_mr10 { margin-right: 10px !important; } .u_mr15 { margin-right: 15px !important; } .u_mr20 { margin-right: 20px !important; } .u_mr25 { margin-right: 25px !important; } .u_mr30 { margin-right: 30px !important; } .u_mr35 { margin-right: 35px !important; } .u_mr40 { margin-right: 40px !important; } .u_mr45 { margin-right: 45px !important; } .u_mr50 { margin-right: 50px !important; } .u_mr60 { margin-right: 60px !important; } .u_mr70 { margin-right: 70px !important; } .u_mr80 { margin-right: 80px !important; } .u_mr90 { margin-right: 90px !important; } .u_mb0 { margin-bottom: 0px !important; } .u_mb3 { margin-bottom: 3px !important; } .u_mb5 { margin-bottom: 5px !important; } .u_mb10 { margin-bottom: 10px !important; } .u_mb15 { margin-bottom: 15px !important; } .u_mb20 { margin-bottom: 20px !important; } .u_mb25 { margin-bottom: 25px !important; } .u_mb30 { margin-bottom: 30px !important; } .u_mb35 { margin-bottom: 35px !important; } .u_mb40 { margin-bottom: 40px !important; } .u_mb45 { margin-bottom: 45px !important; } .u_mb50 { margin-bottom: 50px !important; } .u_mb60 { margin-bottom: 60px !important; } .u_mb70 { margin-bottom: 70px !important; } .u_mb80 { margin-bottom: 80px !important; } .u_mb90 { margin-bottom: 90px !important; } @media screen and (max-width:767px) { .u_myS { margin-top: 5px !important; margin-bottom: 5px !important;} .u_myM { margin-top: 10px !important; margin-bottom: 10px !important;} .u_myL { margin-top: 15px !important; margin-bottom: 15px !important;} .u_myLL { margin-top: 20px !important; margin-bottom: 20px !important;} .u_myXL { margin-top: 25px !important; margin-bottom: 25px !important;} .u_mtSS { margin-top: 10px !important;} .u_mtS { margin-top: 20px !important;} .u_mtM { margin-top: 30px !important;} .u_mtL { margin-top: 45px !important;} .u_mbSS { margin-bottom: 10px !important;} .u_mbS { margin-bottom: 15px !important;} .u_mbM { margin-bottom: 30px !important;} .u_mbL { margin-bottom: 45px !important;} .u_mxS { margin-left: 5px !important; margin-right: 5px !important;} .u_mxM { margin-left: 10px !important; margin-right: 10px !important;} .u_mxL { margin-left: 15px !important; margin-right: 15px !important;} .u_mxLL { margin-left: 20px !important; margin-right: 20px !important;} .u_mxXL { margin-left: 25px !important; margin-right: 25px !important;} .u_mlS { margin-left: 5px !important;} .u_mlM { margin-left: 10px !important;} .u_mlL { margin-left: 15px !important;} .u_mlLL { margin-left: 20px !important;} .u_mlXL { margin-left: 25px !important;} .u_mrS { margin-right: 5px !important;} .u_mrM { margin-right: 10px !important;} .u_mrL { margin-right: 15px !important;} .u_mrLL { margin-right: 20px !important;} .u_mrXL { margin-right: 25px !important;} .u_spMt0 { margin-top: 0px !important; } .u_spMt3 { margin-top: 3px !important; } .u_spMt5 { margin-top: 5px !important; } .u_spMt10 { margin-top: 10px !important; } .u_spMt15 { margin-top: 15px !important; } .u_spMt20 { margin-top: 20px !important; } .u_spMt25 { margin-top: 25px !important; } .u_spMt30 { margin-top: 30px !important; } .u_spMt35 { margin-top: 35px !important; } .u_spMt40 { margin-top: 40px !important; } .u_spMt45 { margin-top: 45px !important; } .u_spMt50 { margin-top: 50px !important; } .u_spMt60 { margin-top: 60px !important; } .u_spMt70 { margin-top: 70px !important; } .u_spMt80 { margin-top: 80px !important; } .u_spMt90 { margin-top: 90px !important; } .u_spMl0 { margin-left: 0px !important; } .u_spMl3 { margin-left: 3px !important; } .u_spMl5 { margin-left: 5px !important; } .u_spMl10 { margin-left: 10px !important; } .u_spMl15 { margin-left: 15px !important; } .u_spMl20 { margin-left: 20px !important; } .u_spMl25 { margin-left: 25px !important; } .u_spMl30 { margin-left: 30px !important; } .u_spMl35 { margin-left: 35px !important; } .u_spMl40 { margin-left: 40px !important; } .u_spMl45 { margin-left: 45px !important; } .u_spMl50 { margin-left: 50px !important; } .u_spMl60 { margin-left: 60px !important; } .u_spMl70 { margin-left: 70px !important; } .u_spMl80 { margin-left: 80px !important; } .u_spMl90 { margin-left: 90px !important; } .u_spMr0 { margin-right: 0px !important; } .u_spMr3 { margin-right: 3px !important; } .u_spMr5 { margin-right: 5px !important; } .u_spMr10 { margin-right: 10px !important; } .u_spMr15 { margin-right: 15px !important; } .u_spMr20 { margin-right: 20px !important; } .u_spMr25 { margin-right: 25px !important; } .u_spMr30 { margin-right: 30px !important; } .u_spMr35 { margin-right: 35px !important; } .u_spMr40 { margin-right: 40px !important; } .u_spMr45 { margin-right: 45px !important; } .u_spMr50 { margin-right: 50px !important; } .u_spMr60 { margin-right: 60px !important; } .u_spMr70 { margin-right: 70px !important; } .u_spMr80 { margin-right: 80px !important; } .u_spMr90 { margin-right: 90px !important; } .u_spMb0 { margin-bottom: 0px !important; } .u_spMb3 { margin-bottom: 3px !important; } .u_spMb5 { margin-bottom: 5px !important; } .u_spMb10 { margin-bottom: 10px !important; } .u_spMb15 { margin-bottom: 15px !important; } .u_spMb20 { margin-bottom: 20px !important; } .u_spMb25 { margin-bottom: 25px !important; } .u_spMb30 { margin-bottom: 30px !important; } .u_spMb35 { margin-bottom: 35px !important; } .u_spMb40 { margin-bottom: 40px !important; } .u_spMb45 { margin-bottom: 45px !important; } .u_spMb50 { margin-bottom: 50px !important; } .u_spMb60 { margin-bottom: 60px !important; } .u_spMb70 { margin-bottom: 70px !important; } .u_spMb80 { margin-bottom: 80px !important; } .u_spMb90 { margin-bottom: 90px !important; } } .u_pyS { padding-top: 10px !important; padding-bottom: 10px !important;} .u_pyM { padding-top: 20px !important; padding-bottom: 20px !important;} .u_pyL { padding-top: 30px !important; padding-bottom: 30px !important;} .u_pyLL { padding-top: 40px !important; padding-bottom: 40px !important;} .u_pyXL { padding-top: 50px !important; padding-bottom: 50px !important;} .u_ptS { padding-top: 10px !important;} .u_ptM { padding-top: 20px !important;} .u_ptL { padding-top: 30px !important;} .u_ptLL { padding-top: 40px !important;} .u_ptXL { padding-top: 50px !important;} .u_pbS { padding-bottom: 10px !important;} .u_pbM { padding-bottom: 20px !important;} .u_pbL { padding-bottom: 30px !important;} .u_pbLL { padding-bottom: 40px !important;} .u_pbXL { padding-bottom: 50px !important;} .u_pxS { padding-left: 10px !important; padding-right: 10px !important;} .u_pxM { padding-left: 20px !important; padding-right: 20px !important;} .u_pxL { padding-left: 30px !important; padding-right: 30px !important;} .u_pxLL { padding-left: 40px !important; padding-right: 40px !important;} .u_pxXL { padding-left: 50px !important; padding-right: 50px !important;} .u_plS { padding-left: 10px !important;} .u_plM { padding-left: 20px !important;} .u_plL { padding-left: 30px !important;} .u_plLL { padding-left: 40px !important;} .u_plXL { padding-left: 50px !important;} .u_prS { padding-right: 10px !important;} .u_prM { padding-right: 20px !important;} .u_prL { padding-right: 30px !important;} .u_prLL { padding-right: 40px !important;} .u_prXL { padding-right: 50px !important;} .u_pt0 { padding-top: 0px !important; } .u_pt3 { padding-top: 3px !important; } .u_pt5 { padding-top: 5px !important; } .u_pt10 { padding-top: 10px !important; } .u_pt15 { padding-top: 15px !important; } .u_pt20 { padding-top: 20px !important; } .u_pt25 { padding-top: 25px !important; } .u_pt30 { padding-top: 30px !important; } .u_pt35 { padding-top: 35px !important; } .u_pt40 { padding-top: 40px !important; } .u_pt45 { padding-top: 45px !important; } .u_pt50 { padding-top: 50px !important; } .u_pt60 { padding-top: 60px !important; } .u_pt70 { padding-top: 70px !important; } .u_pt80 { padding-top: 80px !important; } .u_pt90 { padding-top: 90px !important; } .u_pl0 { padding-left: 0px !important; } .u_pl3 { padding-left: 3px !important; } .u_pl5 { padding-left: 5px !important; } .u_pl10 { padding-left: 10px !important; } .u_pl15 { padding-left: 15px !important; } .u_pl20 { padding-left: 20px !important; } .u_pl25 { padding-left: 25px !important; } .u_pl30 { padding-left: 30px !important; } .u_pl35 { padding-left: 35px !important; } .u_pl40 { padding-left: 40px !important; } .u_pl45 { padding-left: 45px !important; } .u_pl50 { padding-left: 50px !important; } .u_pl60 { padding-left: 60px !important; } .u_pl70 { padding-left: 70px !important; } .u_pl80 { padding-left: 80px !important; } .u_pl90 { padding-left: 90px !important; } .u_pr0 { padding-right: 0px !important; } .u_pr3 { padding-right: 3px !important; } .u_pr5 { padding-right: 5px !important; } .u_pr10 { padding-right: 10px !important; } .u_pr15 { padding-right: 15px !important; } .u_pr20 { padding-right: 20px !important; } .u_pr25 { padding-right: 25px !important; } .u_pr30 { padding-right: 30px !important; } .u_pr35 { padding-right: 35px !important; } .u_pr40 { padding-right: 40px !important; } .u_pr45 { padding-right: 45px !important; } .u_pr50 { padding-right: 50px !important; } .u_pr60 { padding-right: 60px !important; } .u_pr70 { padding-right: 70px !important; } .u_pr80 { padding-right: 80px !important; } .u_pr90 { padding-right: 90px !important; } .u_pb0 { padding-bottom: 0px !important; } .u_pb3 { padding-bottom: 3px !important; } .u_pb5 { padding-bottom: 5px !important; } .u_pb10 { padding-bottom: 10px !important; } .u_pb15 { padding-bottom: 15px !important; } .u_pb20 { padding-bottom: 20px !important; } .u_pb25 { padding-bottom: 25px !important; } .u_pb30 { padding-bottom: 30px !important; } .u_pb35 { padding-bottom: 35px !important; } .u_pb40 { padding-bottom: 40px !important; } .u_pb45 { padding-bottom: 45px !important; } .u_pb50 { padding-bottom: 50px !important; } .u_pb60 { padding-bottom: 60px !important; } .u_pb70 { padding-bottom: 70px !important; } .u_pb80 { padding-bottom: 80px !important; } .u_pb90 { padding-bottom: 90px !important; } @media screen and (max-width:767px) { .u_pyS { padding-top: 5px !important; padding-bottom: 5px !important;} .u_pyM { padding-top: 10px !important; padding-bottom: 10px !important;} .u_pyL { padding-top: 15px !important; padding-bottom: 15px !important;} .u_pyLL { padding-top: 20px !important; padding-bottom: 20px !important;} .u_pyXL { padding-top: 25px !important; padding-bottom: 25px !important;} .u_ptS { padding-top: 5px !important;} .u_ptM { padding-top: 10px !important;} .u_ptL { padding-top: 15px !important;} .u_ptLL { padding-top: 20px !important;} .u_ptXL { padding-top: 25px !important;} .u_pbS { padding-bottom: 5px !important;} .u_pbM { padding-bottom: 10px !important;} .u_pbL { padding-bottom: 15px !important;} .u_pbLL { padding-bottom: 20px !important;} .u_pbXL { padding-bottom: 25px !important;} .u_pxS { padding-left: 5px !important; padding-right: 5px !important;} .u_pxM { padding-left: 10px !important; padding-right: 10px !important;} .u_pxL { padding-left: 15px !important; padding-right: 15px !important;} .u_pxLL { padding-left: 20px !important; padding-right: 20px !important;} .u_pxXL { padding-left: 25px !important; padding-right: 25px !important;} .u_plS { padding-left: 5px !important;} .u_plM { padding-left: 10px !important;} .u_plL { padding-left: 15px !important;} .u_plLL { padding-left: 20px !important;} .u_plXL { padding-left: 25px !important;} .u_prS { padding-right: 5px !important;} .u_prM { padding-right: 10px !important;} .u_prL { padding-right: 15px !important;} .u_prLL { padding-right: 20px !important;} .u_prXL { padding-right: 25px !important;} .u_spPt0 { padding-top: 0px !important; } .u_spPt3 { padding-top: 3px !important; } .u_spPt5 { padding-top: 5px !important; } .u_spPt10 { padding-top: 10px !important; } .u_spPt15 { padding-top: 15px !important; } .u_spPt20 { padding-top: 20px !important; } .u_spPt25 { padding-top: 25px !important; } .u_spPt30 { padding-top: 30px !important; } .u_spPt35 { padding-top: 35px !important; } .u_spPt40 { padding-top: 40px !important; } .u_spPt45 { padding-top: 45px !important; } .u_spPt50 { padding-top: 50px !important; } .u_spPt60 { padding-top: 60px !important; } .u_spPt70 { padding-top: 70px !important; } .u_spPt80 { padding-top: 80px !important; } .u_spPt90 { padding-top: 90px !important; } .u_spPl0 { padding-left: 0px !important; } .u_spPl3 { padding-left: 3px !important; } .u_spPl5 { padding-left: 5px !important; } .u_spPl10 { padding-left: 10px !important; } .u_spPl15 { padding-left: 15px !important; } .u_spPl20 { padding-left: 20px !important; } .u_spPl25 { padding-left: 25px !important; } .u_spPl30 { padding-left: 30px !important; } .u_spPl35 { padding-left: 35px !important; } .u_spPl40 { padding-left: 40px !important; } .u_spPl45 { padding-left: 45px !important; } .u_spPl50 { padding-left: 50px !important; } .u_spPl60 { padding-left: 60px !important; } .u_spPl70 { padding-left: 70px !important; } .u_spPl80 { padding-left: 80px !important; } .u_spPl90 { padding-left: 90px !important; } .u_spPr0 { padding-right: 0px !important; } .u_spPr3 { padding-right: 3px !important; } .u_spPr5 { padding-right: 5px !important; } .u_spPr10 { padding-right: 10px !important; } .u_spPr15 { padding-right: 15px !important; } .u_spPr20 { padding-right: 20px !important; } .u_spPr25 { padding-right: 25px !important; } .u_spPr30 { padding-right: 30px !important; } .u_spPr35 { padding-right: 35px !important; } .u_spPr40 { padding-right: 40px !important; } .u_spPr45 { padding-right: 45px !important; } .u_spPr50 { padding-right: 50px !important; } .u_spPr60 { padding-right: 60px !important; } .u_spPr70 { padding-right: 70px !important; } .u_spPr80 { padding-right: 80px !important; } .u_spPr90 { padding-right: 90px !important; } .u_spPb0 { padding-bottom: 0px !important; } .u_spPb3 { padding-bottom: 3px !important; } .u_spPb5 { padding-bottom: 5px !important; } .u_spPb10 { padding-bottom: 10px !important; } .u_spPb15 { padding-bottom: 15px !important; } .u_spPb20 { padding-bottom: 20px !important; } .u_spPb25 { padding-bottom: 25px !important; } .u_spPb30 { padding-bottom: 30px !important; } .u_spPb35 { padding-bottom: 35px !important; } .u_spPb40 { padding-bottom: 40px !important; } .u_spPb45 { padding-bottom: 45px !important; } .u_spPb50 { padding-bottom: 50px !important; } .u_spPb60 { padding-bottom: 60px !important; } .u_spPb70 { padding-bottom: 70px !important; } .u_spPb80 { padding-bottom: 80px !important; } .u_spPb90 { padding-bottom: 90px !important; } } .u_ml1em { margin-left: 1em !important; } .u_ml2em { margin-left: 2em !important; } .u_disNon { display: none !important; } .u_disBlock { display: block!important; } .u_disInline { display: inline!important; } .u_disInBlock { display: inline-block!important; } .u_liquid { width: 100%!important; } .u_nowrap { white-space: nowrap!important; } .u_breakall { word-break: break-all!important; } .u_linkdisable{ pointer-events: none; } @media screen and (max-width: 1100px){ .u_ov1100 { display: none !important; } } @media screen and (max-width: 1000px){ .u_ov1000 { display: none !important; } } @media screen and (max-width: 900px) { .u_ov900 { display: none !important; } } @media screen and (max-width: 800px) { .u_ov800 { display: none !important; } } @media screen and (max-width: 767px) { .u_ov767 { display: none !important; } } @media screen and (max-width: 700px) { .u_ov700 { display: none !important; } } @media screen and (max-width: 600px) { .u_ov600 { display: none !important; } } @media screen and (max-width: 500px) { .u_ov500 { display: none !important; } } @media screen and (max-width: 400px) { .u_ov400 { display: none !important; } } @media screen and (max-width: 374px) { .u_ov374 { display: none !important; } } @media screen and (min-width: 1101px){ .u_un1100 { display: none !important; } } @media screen and (min-width: 1001px){ .u_un1000 { display: none !important; } } @media screen and (min-width: 901px) { .u_un900 { display: none !important; } } @media screen and (min-width: 801px) { .u_un800 { display: none !important; } } @media screen and (min-width: 768px) { .u_un767 { display: none !important; } } @media screen and (min-width: 701px) { .u_un700 { display: none !important; } } @media screen and (min-width: 601px) { .u_un600 { display: none !important; } } @media screen and (min-width: 501px) { .u_un500 { display: none !important; } } @media screen and (min-width: 401px) { .u_un400 { display: none !important; } } @media screen and (min-width: 375px) { .u_un374 { display: none !important; } } @media screen and (max-width: 1030px){ .u_ov1030 { display: none !important; } } /* コンテンツサイズ */ @media screen and (min-width: 1031px){ .u_un1030 { display: none !important; } } /* コンテンツサイズ */ .u_over, .u_over *, .m_btn, .l_pagetop > a { text-decoration: none!important; transition: opacity 0.5s 0s; } @media screen and (max-width: 1000px){ .l_pageArea:not(.s_touchDevice) .u_over:hover, .l_pageArea:not(.s_touchDevice) .m_btn:hover, .l_pageArea:not(.s_touchDevice) .l_pagetop > a:hover { opacity: 0.7!important; } } /* .u_onlyPc { display: block; } */ .u_onlySp { display: none; } @media screen and (max-width: 767px){ .u_onlyPc { display: none; } .u_onlySp { display: block; } }