@charset "UTF-8"; /* About This CSS File ----------------------------------------------- name:base.css date:2018.07.31 ヘッダー・ナビのブレイクポイント 1001px〜 601px〜1000px 351px〜600px 〜351px コンテンツのブレイクポイント 951px〜：PC-Max 769px〜950px：PC-Min 601px〜768px：TAB 351px〜600px：SP-Max 〜351px：SP-Min --------------------------------------------------------------------*/ /*---------------------------------------------------- 基本設定 ----------------------------------------------------*/ html { overflow-y:scroll; height:100%; -webkit-text-size-adjust:100%; } body { width:100%!important; height:100%!important; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:13px; color:#231815; line-height:1.4em; text-align:left; background:#FFF; -webkit-text-size-adjust:100%; _display:inline; _zoom:1; position:relative; } @media screen and (min-width:1001px) ,print{ .tabDisplay { display:none!important; } .spDisplay { display:none!important; } .sptabDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media screen and (min-width:601px) and (max-width:1000px) ,print{ .pcDisplay { display:none!important; } .spDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media screen and (min-width:351px) and (max-width:600px) ,print{ .pcDisplay { display:none!important; } .pctabDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media screen and (max-width:350px) ,print{ .pcDisplay { display:none!important; } .pctabDisplay { display:none!important; } } .fixed { position:fixed!important; top:0; left:0; width:100%; height:100%; margin-top:0!important; z-index:2000; } .hoverImg { display:block; overflow:hidden; } /*---------------------------------------------------- リンク設定 ----------------------------------------------------*/ /*--link--*/ a:link { color:#3D5F3F; text-decoration:none; } /*@media screen and (min-width:1px) ,print{ a:hover { opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)"; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; } }*/ /*--bottom mouseover setting--*/ .btnImg:hover { opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)"; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; } /*---------------------------------------------------- テキスト設定 ----------------------------------------------------*/ .sans-serif { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; } .font_Oswald { font-family: 'Oswald', sans-serif; } .serif { font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } .font-Montserrat { font-family: 'Montserrat', sans-serif; } .font-barlow { font-family: 'Barlow Condensed', sans-serif; } .kakko { margin-left:-0.4em; } /*---------------------------------------------------- #page（ページ全体）（未調整） ----------------------------------------------------*/ #container { width:100%!important; } #page { font-size:100%; width:100%; height:100%; text-align:left; position:relative; } .basicSectioin { width:100%; height:auto; position:relative; } .wrap { width:100%; margin:0 auto; position:relative; } .wrapMax { width:100%; padding:120px 0; margin:0 auto; position:relative; } @media screen and (max-width:768px) ,print{ .wrapMax { padding:75px 0; } } @media screen and (max-width:600px) ,print{ .wrapMax { padding:70px 0; } } @media screen and (max-width:500px) ,print{ .wrapMax { padding:65px 0; } } @media screen and (max-width:400px) ,print{ .wrapMax { padding:60px 0; } } @media screen and (max-width:350px) ,print{ .wrapMax { padding:55px 0; } } .wrapMin { max-width:1000px; padding:0 20px; box-sizing:border-box; margin:0 auto; } @media print, screen and ( min-width:769px ) and ( max-width:1040px ) { .wrapMin { padding:0 40px; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .wrapMin { padding:0 20px; } } @media print, screen and ( min-width:401px ) and ( max-width:600px ) { .wrapMin { padding:0 20px; } } @media print, screen and ( min-width:351px ) and ( max-width:400px ) { .wrapMin { padding:0 20px; } } @media print, screen and ( max-width:350px ) { .wrapMin { padding:0 20px; } } .wrapHarf { /*max-width:1400px;*/ margin:0 auto; position:relative; } .main { padding:20px 20px; position:relative; } .mainBlock { padding:20px 0; position:relative; } /*--background-color setting--*/ .white01-bg { background-color:#fff; } .black01-bg { background-color:#000; } .gray01-bg { background-color:#f2f2f2; } .gray02-bg { background-color:#000000; } .gray03-bg { background-color:#c5c5c5; } .gray04-bg { background:rgba(0,0,0,0.7); } .content_block { background:url(assets/images/common/contentBlockBg.jpg) repeat-x bottom right #000; overflow:hidden; } /*--video--*/ video { position:fixed!important; } #pageFull { font-size:100%; width:100%; height:100%; text-align:left; position:relative; } /*---------------------------------------------------- ファーストビュー ----------------------------------------------------*/ #globalHeader { } body.home #globalHeader { height:100%; width:100%; position:relative; } body.page #globalHeader { height:auto; width:100%; position:relative; } /* #first-view ----------------------------------------------------*/ #first-view { /*min-width:1060px;*/ height:100%; min-height:100%; text-align:center; position:relative; overflow:hidden; } #first-view #logo { z-index:2; } #first-view #contentsLink { z-index:2; } @media screen and (min-width:1001px) ,print{ #first-view #logo { font-size:0; line-height:0; width:340px; height:50px; margin:0 auto; padding-top:20px; } #first-view #logo .logoImg { width:340px; } #first-view #contentsLink { font-size:0; line-height:0; width:28px; height:70px; margin-left:-14px; position:absolute; bottom:40px; left:50%; } #first-view #contentsLink .page-down { width:24px; } } @media screen and (min-width:601px) and (max-width:1000px) ,print{ #first-view #logo { font-size:0; line-height:0; width:300px; height:50px; margin:0 auto; padding-top:20px; } #first-view #logo .logoImg { width:300px; } #first-view #contentsLink { font-size:0; line-height:0; width:28px; height:70px; margin-left:-14px; position:absolute; bottom:40px; left:50%; } #first-view #contentsLink .page-down { width:22px; } } @media screen and (min-width:351px) and (max-width:600px) ,print{ #first-view #logo { font-size:0; line-height:0; width:280px; height:auto; margin:0 auto; padding-top:20px; } #first-view #logo .logoImg { width:280px; } #first-view #contentsLink { font-size:0; line-height:0; width:280px; height:auto; margin-top:-60px; margin-left:-140px; position:absolute; bottom:20px; left:50%; } #first-view #contentsLink .page-down { width:20px; } } @media screen and (max-width:350px) ,print{ #first-view #logo { font-size:0; line-height:0; width:260px; margin:0 auto; padding-top:20px; } #first-view #logo .logoImg { width:240px; } #first-view #contentsLink { font-size:0; line-height:0; width:240px; margin-top:-100px; margin-left:-120px; position:absolute; bottom:20px; left:50%; } #first-view #contentsLink .page-down { width:18px; } } #first-view #contentsLink .page-down { padding-top:0px; -webkit-animation:floating 3s infinite ease-in-out; animation:floating 3s infinite ease-in-out; } @-webkit-keyframes floating { from { -webkit-transform:translateY(0px); transform:translateY(0px); } 65% { -webkit-transform:translateY(15px); transform:translateY(15px); } to { -webkit-transform:translateY(-0px); transform:translateY(-0px); } } @keyframes floating { from { -webkit-transform:translateY(0px); transform:translateY(0px); } 65% { -webkit-transform:translateY(15px); transform:translateY(15px); } to { -webkit-transform:translateY(-0px); transform:translateY(-0px); } } /* companyConceptTxt ----------------------------------------------------*/ .companyConceptTxt { position:absolute; z-index:2; } .companyConceptTxt p { color:#fff; /*margin-bottom:10px; background:#fff; padding:15px 25px;*/ /*text-shadow:0 0 8px rgba(0,0,0,.7);*/ } @media screen and (min-width:851px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:38px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:38px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:30px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (min-width:769px) and (max-width:850px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:36px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:36px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:30px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (min-width:601px) and (max-width:768px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:34px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:34px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:28px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (min-width:501px) and (max-width:600px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:32px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:32px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:26px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (min-width:431px) and (max-width:500px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:28px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:28px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:23px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (min-width:351px) and (max-width:430px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:26px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:26px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:20px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } @media screen and (max-width:350px) ,print{ .companyConceptTxt { width:100%; top:50%; right:0; transform:translateY(-50%); background:rgb(0,22,59,0.8); } .companyConceptTxt .p01 { font-size:23px; text-align:center; line-height:1.0em; padding:25px 10px 0 10px; } .companyConceptTxt .p02 { font-size:23px; text-align:center; line-height:1.0em; padding:10px 10px 10px 10px; } .companyConceptTxt .p03 { font-size:17px; text-align:center; line-height:1.0em; padding:0 10px 25px 10px; } } /* Swiper ----------------------------------------------------*/ .swiper-container { width:100%; height:100%; } .swiper-slide { background-position:center; background-size:cover; } .swiper-slide { position:relative; } @keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } } .slide-img { width:100%; height:100%; background-position:center; background-size:cover; overflow: hidden; } .swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img { animation: zoomUp 10s linear 0s 1 normal both; } .slide-img img { display: block; overflow: hidden; } .imageMask_w { width:100%; height:100%; background:url(assets/images/dot-white.png) repeat; } .imageMask_b { width:100%; height:100%; background:url(assets/images/dot-black.png) repeat; } .slideTxt01,.slideTxt02,.slideTxt03 { position:absolute; /*margin-left:-300px;*/ text-align:left; box-sizing:border-box; z-index:3; /*-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);*/ } @keyframes slideRight { 0% { transform:translateX(-10%); opacity:0; } 100% { transform:translateX(0%); opacity:1; } } @keyframes slideUp { 0% { transform:translateY(-12%); opacity:0; } 100% { transform:translateY(0%); opacity:1; } } @media screen and (min-width:501px) ,print{ .swiper-slide-active .slideTxt, .swiper-slide-duplicate-active .slideTxt, .swiper-slide-prev .slideTxt { animation: slideRight 1.5s linear 0s 1 normal both; } } @media screen and (max-width:500px) ,print{ .swiper-slide-active .slideTxt, .swiper-slide-duplicate-active .slideTxt, .swiper-slide-prev .slideTxt { animation: slideUp 1.5s linear 0s 1 normal both; } } @media screen and (min-width:851px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg.jpg); } .slideImg03 { background-image:url(slider03Bg.jpg); } } @media screen and (min-width:769px) and (max-width:850px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg.jpg); } .slideImg03 { background-image:url(slider03Bg.jpg); } } @media screen and (min-width:701px) and (max-width:768px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg.jpg); } .slideImg03 { background-image:url(slider03Bg.jpg); } } @media screen and (min-width:601px) and (max-width:700px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg_sp.jpg); } .slideImg03 { background-image:url(slider03Bg_sp.jpg); } } @media screen and (min-width:501px) and (max-width:600px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg_sp.jpg); } .slideImg03 { background-image:url(slider03Bg_sp.jpg); } } @media screen and (min-width:431px) and (max-width:500px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg_sp.jpg); } .slideImg03 { background-image:url(slider03Bg_sp.jpg); } } @media screen and (min-width:351px) and (max-width:430px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg_sp.jpg); } .slideImg03 { background-image:url(slider03Bg_sp.jpg); } } @media screen and (max-width:350px) ,print{ .slideImg01 { background-image:url(slider01Bg.jpg); } .slideImg02 { background-image:url(slider02Bg_sp.jpg); } .slideImg03 { background-image:url(slider03Bg_sp.jpg); } } /*---------------------------------------------------- ヘッダー・ナビ ----------------------------------------------------*/ /* header ----------------------------------------------------*/ #gNaviWrap { /*background-color:#000;*/ width:100%; /*background-color:rgb(255,255,255,1.0);*/ text-align:center; position:fixed; top:0; z-index:3; } #gNaviWrap #logo { height:auto; position:absolute; z-index:4; } #gNaviWrap .logoImg { padding:0; transition:all 300ms 0s ease; } #gNaviWrap .logoTypeImg { padding:0; transition:all 300ms 0s ease; } .headerMax { background:#fff; transition:all 300ms 0s ease; box-shadow:0px 3px 15px rgba(0,0,0,0.2); } .headerMin { background:#fff; transition:all 300ms 0s ease; box-shadow:0px 3px 15px rgba(0,0,0,0.2); } .headerMax .navFix { position:absolute; top:0; } .headerMin .navFix { position:absolute; top:0; } .headerMax #logo { position:absolute; } .headerMin #logo { position:absolute; } .headerMax #logoType { position:absolute; border:none; } .headerMin #logoType { position:absolute; border:none; } .headerContact { position:fixed; height:auto; text-align:center; padding:0; box-sizing:border-box; font-family:'Montserrat', sans-serif; } .headerContact .contactMail { position:relative; width:100%; height:100%; } @media print, screen and ( min-width:931px ) { .headerMax { height:90px; } .headerMin { height:70px; } .headerMax #header { height:90px; } .headerMin #header { height:70px; } .headerMax #logo { top:15px; left:10px; width:120px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:10px; left:10px; width:100px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:110px; padding-bottom:10px; } .headerMin #logo .logoImg { height:90px; padding-bottom:10px; } .headerMax #logoType { top:24px; left:132px; width:190px; } .headerMax #logoType .logoTypeImg { width:190px; } .headerMin #logoType { top:16px; left:112px; width:170px; } .headerMin #logoType .logoTypeImg { width:170px; } .headerContact { width:150px; top:0; right:0; } .headerContact .contactMail_sp { display:none; } .headerMax .headerContact .contactMail { height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn { width:150px; height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn { height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:26px; } .headerMin .headerContact .contactMail { height:100%; } .headerMin .headerContact .contactMail .pagelinkBtn { width:150px; height:70px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn { height:70px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:15px; } .headerMax .navFix { width:425px; height:90px; right:160px; } .headerMin .navFix { width:425px; height:70px; right:160px; } } @media print, screen and ( min-width:851px ) and ( max-width:930px ) { .headerMax { height:90px; } .headerMin { height:70px; } .headerMax #header { height:90px; } .headerMin #header { height:70px; } .headerMax #logo { top:15px; left:5px; width:110px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:10px; left:5px; width:90px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:100px; padding-bottom:10px; } .headerMin #logo .logoImg { height:80px; padding-bottom:10px; } .headerMax #logoType { top:26px; left:116px; width:160px; } .headerMax #logoType .logoTypeImg { width:160px; } .headerMin #logoType { top:18px; left:95px; width:150px; } .headerMin #logoType .logoTypeImg { width:150px; } .headerContact { width:140px; top:0; right:0; } .headerContact .contactMail_sp { display:none; } .headerMax .headerContact .contactMail { height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn { width:140px; height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn { height:90px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:26px; } .headerMin .headerContact .contactMail { height:100%; } .headerMin .headerContact .contactMail .pagelinkBtn { width:140px; height:70px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn { height:70px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:17px; } .headerMax .navFix { width:410px; height:90px; right:150px; } .headerMin .navFix { width:410px; height:70px; right:150px; } } @media print, screen and ( min-width:601px ) and ( max-width:850px ) { .headerMax { height:70px; } .headerMin { height:70px; } .headerMax #header { height:70px; } .headerMin #header { height:70px; } .headerMax #logo { top:13px; left:10px; width:110px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:13px; left:10px; width:90px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:100px; padding-bottom:10px; } .headerMin #logo .logoImg { height:80px; padding-bottom:10px; } .headerMax #logoType { top:17px; left:123px; width:160px; } .headerMax #logoType .logoTypeImg { width:160px; } .headerMin #logoType { top:19px; left:103px; width:150px; } .headerMin #logoType .logoTypeImg { width:150px; } .headerContact { width:150px; top:0; right:70px; z-index:100; } .headerContact .contactMail_sp { display:none; } .headerContact .contactMail { height:70px; } .headerContact .contactMail .pagelinkBtn { width:150px; height:70px; } .headerContact .contactMail .pagelinkBtn .btn { height:70px; } .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:17px!important; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media print, screen and ( min-width:431px ) and ( max-width:600px ) { .headerMax { height:60px; } .headerMin { height:60px; } .headerMax #header { height:60px; } .headerMin #header { height:60px; } .headerMax #logo { top:10px; left:5px; width:85px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:10px; left:5px; width:75px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:80px; padding-bottom:8px; } .headerMin #logo .logoImg { height:70px; padding-bottom:8px; } .headerMax #logoType { top:17px; left:92px; width:130px; } .headerMax #logoType .logoTypeImg { width:130px; } .headerMin #logoType { top:17px; left:82px; width:130px; } .headerMin #logoType .logoTypeImg { width:130px; } .headerContact { width:130px; top:0; right:60px; z-index:100; } .headerContact .contactMail_sp { display:none; } .headerContact .contactMail { height:70px; } .headerContact .contactMail .pagelinkBtn { width:130px; height:60px; } .headerContact .contactMail .pagelinkBtn .btn { height:60px; } .headerContact .contactMail .pagelinkBtn .btn a { height:100%; padding-top:12px!important; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media print, screen and ( min-width:351px ) and ( max-width:430px ) { .headerMax { height:60px; } .headerMin { height:60px; } .headerMax #header { height:60px; } .headerMin #header { height:60px; } .headerMax #logo { top:10px; left:5px; width:75px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:10px; left:5px; width:70px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:70px; padding-bottom:8px; } .headerMin #logo .logoImg { height:65px; padding-bottom:8px; } .headerMax #logoType { top:16px; left:82px; width:130px; } .headerMax #logoType .logoTypeImg { width:130px; } .headerMin #logoType { top:16px; left:78px; width:130px; } .headerMin #logoType .logoTypeImg { width:130px; } .headerContact { width:38px; top:0; right:60px; z-index:100; } .headerContact .contactTel { display:none; } .headerContact .contactMail { display:none; } .headerContact .contactTel_sp { width:48px; height:60px;float:left; } .headerContact .contactTel_sp img { width:38px; padding:11px 10px 11px 0; } .headerContact .contactMail_sp { width:38px; height:60px; float:left; } .headerContact .contactMail_sp img { width:38px; padding:11px 0 11px 0; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media print, screen and ( max-width:350px ) { .headerMax { height:60px; } .headerMin { height:60px; } .headerMax #header { height:60px; } .headerMin #header { height:60px; } .headerMax #logo { top:10px; left:5px; width:70px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMin #logo { top:10px; left:5px; width:65px; background:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .headerMax #logo .logoImg { height:65px; padding-bottom:8px; } .headerMin #logo .logoImg { height:60px; padding-bottom:8px; } .headerMax #logoType { top:16px; left:75px; width:130px; } .headerMax #logoType .logoTypeImg { width:130px; } .headerMin #logoType { top:16px; left:70px; width:130px; } .headerMin #logoType .logoTypeImg { width:130px; } .headerContact { width:34px; top:0; right:60px; z-index:100; } .headerContact .contactTel { display:none; } .headerContact .contactMail { display:none; } .headerContact .contactTel_sp { width:44px; height:60px;float:left; } .headerContact .contactTel_sp img { width:34px; padding:13px 10px 13px 0; } .headerContact .contactMail_sp { width:34px; height:60px; float:left; } .headerContact .contactMail_sp img { width:34px; padding:13px 0 13px 0; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } /* nav ----------------------------------------------------*/ #panel-btn { display:none; } .mainNavLi:hover { cursor:pointer } #header { z-index:97; width:100%; position:fixed; top:0; left:0; } #gNav a:hover { color:#999; } nav li a { font-size:13px; } nav .sub-menu { background:#fff; /*background-image:linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/ } .mainNavLi:hover .mainNavTxt { color:#004a9c; transition:all 300ms 0s ease; } @media print, screen and ( min-width :931px ) { nav li a { font-size:12px; /*letter-spacing:0.2em;*/ } nav .sub-menu { background:#fff; /*background-image:linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/ } .headerMax .mainNavLi { height:90px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMin .mainNavLi { height:70px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMax .pullDown { padding-top:26px; } .headerMin .pullDown { padding-top:16px; } .headerMax .directLink { height:90px; padding-top:28px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMin .directLink { height:70px; padding-top:17px; box-sizing:border-box; transition:all 300ms 0s ease; } .mainNavTxt { font-size:14px; color:#000; font-family:'Montserrat', sans-serif; transition:all 300ms 0s ease; } .mainNavTxt span { font-size:11px; } /*.headerMin .mainNavTxt { transition:all 300ms 0s ease; }*/ /*.mainNavLi:hover .mainNavTxt { color:#195a80; }*/ } @media print, screen and ( min-width :851px ) and ( max-width :930px ) { nav li a { font-size:12px; /*letter-spacing:0.2em;*/ } nav .sub-menu { background:#fff; /*background-image:linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/ } .headerMax .mainNavLi { height:90px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMin .mainNavLi { height:70px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMax .pullDown { padding-top:26px; } .headerMin .pullDown { padding-top:18px; } .headerMax .directLink { height:90px; padding-top:26px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMin .directLink { height:70px; padding-top:17px; box-sizing:border-box; transition:all 300ms 0s ease; } .mainNavTxt { font-size:14px; color:#000; font-family:'Montserrat', sans-serif; transition:all 300ms 0s ease; } .mainNavTxt span { font-size:11px; } } @media only screen and ( max-width:850px ) { .mainNavTxt { z-index:10001; font-size:12px; text-align:center; } .mainNavTxt span { font-size:12px; padding-left:0.5em; } .mainNavTxt br { display:none; } .pullDown {} .pullDown p { display:block; float:left; width:100%; padding:1em 10px 1em 30px; margin:0; text-align:left; text-decoration:none; text-transform:uppercase; box-sizing:border-box!important; } .mean-nav .mask { background:rgba(0,0,0,.6); top:58px; left:0; z-index:1; position:absolute; width:100%; height:100vh; opacity:1; display:none; } #header { /*padding:10px 0;*/ position:fixed; width:100%; top:0; left:0; /*height:58px;*/ /*background:#fff;*/ /*overflow:hidden;*/ } /*#gNav .nav {*/ #gNav nav { overflow-y:auto; height:100vh; z-index:2; } .mean-nav .container { padding:0; } nav .sub-menu li:last-child { border-bottom:none; } nav li .fa { display:none; } } @media print, screen and ( min-width :931px ) { #h_top { display:flex; justify-content:space-between; align-items:center; } #gNav ul { position:relative; display:flex; } #gNav li { position:relative; margin-right:1.2em; } #gNav li:last-child { margin-right:0; } #gNav li i { font-size:12px; } #gNav li a { position:relative; display:block; text-align:center; /*line-height:80px;*/ } #gNav .sub-menu { visibility:hidden; opacity:0; z-index:1; display:block; position:absolute; left:50%; margin-left:-100px; width:200px; -webkit-transition:all .2s ease; transition:all .2s ease; box-shadow:0px 3px 15px rgba(0,0,0,0.2); } #gNav .sub-menu a { display:block; border-bottom:none; padding:20px; line-height:1.2em; } #gNav .sub-menu a:hover:after { content:none; } #gNav .sub-menu li { display:block; font-size:16px; padding:0; margin:0; border-bottom:1px solid #eee; } #gNav .sub-menu li:last-child { border-bottom:none; } #gNav ul > li:hover { -webkit-transition:all .5s; transition:all .5s; } #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a { color:#bfd0ff; } #gNav li:hover ul.sub-menu { visibility:visible; opacity:1; z-index:9999; } #gNav li ul li:after { content:none; } #gNav li:hover ul.sub-menu a { color:#000; transition:all 300ms 0s ease; } #gNav .sub-menu li a:hover { background:#0054ab; color:#fff!important; transition:all 300ms 0s ease; } #gNav .contact_btn a:hover { color:#fff; } } @media print, screen and ( min-width:851px ) and ( max-width:930px ) { #h_top { display:flex; justify-content:space-between; align-items:center; } #gNav ul { position:relative; display:flex; } #gNav li { position:relative; margin-right:1.0em; } #gNav li:last-child { margin-right:0; } #gNav li i { font-size:12px; } #gNav li a { position:relative; display:block; text-align:center; /*line-height:80px;*/ } #gNav .sub-menu { visibility:hidden; opacity:0; z-index:1; display:block; position:absolute; left:50%; margin-left:-100px; width:200px; -webkit-transition:all .2s ease; transition:all .2s ease; box-shadow:0px 3px 15px rgba(0,0,0,0.2); } #gNav .sub-menu a { display:block; border-bottom:none; padding:20px; line-height:1.2em; } #gNav .sub-menu a:hover:after { content:none; } #gNav .sub-menu li { display:block; font-size:16px; padding:0; margin:0; border-bottom:1px solid #eee; } #gNav .sub-menu li:last-child { border-bottom:none; } #gNav ul > li:hover { -webkit-transition:all .5s; transition:all .5s; } #gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a { color:#bfd0ff; } #gNav li:hover ul.sub-menu { visibility:visible; opacity:1; z-index:9999; } #gNav li ul li:after { content:none; } #gNav li:hover ul.sub-menu a { color:#000; transition:all 300ms 0s ease; } #gNav .sub-menu li a:hover { background:#0054ab; color:#fff!important; transition:all 300ms 0s ease; } #gNav .contact_btn a:hover { color:#fff; } } @media print, screen and ( min-width:851px ) { .headerMax #gNav .sub-menu { top:100px; } .headerMin #gNav .sub-menu { top:80px; } .headerMax #gNav li:hover ul.sub-menu { top:90px; } .headerMin #gNav li:hover ul.sub-menu { top:70px; } } @media print, screen and ( min-width:601px ) and ( max-width:850px ) { .headerMax #gNav .sub-menu { top:80px; } .headerMin #gNav .sub-menu { top:80px; } .headerMax #gNav li:hover ul.sub-menu { top:70px; } .headerMin #gNav li:hover ul.sub-menu { top:70px; } } /* footerContact ----------------------------------------------------*/ #footerContact { width:100%; padding:50px 0; text-align:center; /*background:#0054ab;*/ position:relative; } #footerContact::before { display:block; content:""; width:100%; height:100%; position:absolute; top:0; right:0; background: url(assets/images/common/footerConatct_bg.jpg) no-repeat center; background-size:100% auto; } @media print, screen and ( min-width:951px ) { #footerContact .txt01 { font-size:18px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:22px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:30px; } #footerContact .exBr { display:none; } #footerContact .exBr2 { display:none; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { #footerContact { padding:50px 0; } #footerContact .txt01 { font-size:17px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:21px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:28px; } #footerContact .exBr { display:none; } #footerContact .exBr2 { display:none; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { #footerContact { padding:50px 0; } #footerContact .txt01 { font-size:15px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:21px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:28px; } /*#footerContact .exBr { display:none; }*/ #footerContact .exBr2 { display:none; } } @media print, screen and ( min-width:431px ) and ( max-width:600px ) { #footerContact { padding:40px 0; } #footerContact .txt01 { font-size:14px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:18px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:22px; } #footerContact .exBr2 { display:none; } } @media print, screen and ( max-width:430px ) { #footerContact { padding:30px 0; } #footerContact .txt01 { font-size:13px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:16px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:18px; } #footerContact .exBr { display:none; } #footerContact .exBr2 { display:none; } } @media print, screen and ( max-width:350px ) { #footerContact .txt01 { font-size:12px; color:#fff; line-height:1.8em; padding-top:10px; position:relative; z-index:2; } #footerContact .txt02 { font-size:15px; color:#fff; line-height:1.8em; position:relative; z-index:2; } #footerContact .txt02 span { font-size:16px; } } /* footer ----------------------------------------------------*/ footer { width:100%; background:#ededed; padding:50px 0 0 0; font-size:14px; } footer .footerWrap { width:100%; background:#fff; padding:20px 0; } footer .footerInner { max-width:1000px; padding:0 20px; box-sizing:border-box; margin:0 auto; } footer .footerLeft { width:40%; float:left; } footer .footerLeft .companyDisplay { border-bottom:1px solid #bebebe; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:85px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:15px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:18px; } footer .footerLeft .companyAdress { font-size:15px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:60%; float:right; position:relative; margin-top:30px; } footer .footerRight .footerNav { float:right; } footer .footerRight .footerNav li { padding:5px 20px 5px 8px; } footer .footerRight .navLeft { float:left; padding-right:0px; } footer .footerRight .navCenter { float:left; padding-right:0px; } footer .footerRight .navRight { float:left; } footer .footerRight .navRight li { float:left; width:80px; } footer .footerRight .navRight li .gmark_logo { width:80px; } footer .footerRight .navRight li .hataraki_logo { width:80px; } footer .footerRight .footerNav .childTxt { font-size:13px; padding:5px 0 0 15px; } footer .footerRight .footerNav a { color:#000; } footer .footerRight .footerNav a:hover { color:#0054ab; } footer .copyRight { width:100%; background:#01014b; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:50px; } @media print, screen and ( min-width:851px ) and ( max-width:960px ) { footer .footerLeft .companyDisplay { border-bottom:1px solid #bebebe; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:85px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:14px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:17px; } footer .footerLeft .companyAdress { font-size:14px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:60%; float:right; margin-top:25px; } footer .footerRight .navLeft { float:left; } footer .footerRight .footerNav li { /*border-bottom:1px solid #bebebe;*/ padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 15px; } footer .footerRight .navRight li { float:left; width:70px; } footer .footerRight .navRight li .gmark_logo { width:70px; } footer .footerRight .navRight li .hataraki_logo { width:70px; } } @media print, screen and ( min-width:601px ) and ( max-width:850px ) { footer .footerLeft { width:100%; float:none; text-align:center; } footer .footerLeft .companyDisplay { width:280px; border-bottom:1px solid #bebebe; margin:0 auto; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:80px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:14px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:17px; } footer .footerLeft .companyAdress { font-size:14px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:100%; float:none; padding-top:0px; margin-top:30px; } footer .footerRight .footerNav { float:none; width:430px; margin:0 auto; padding:0; box-sizing:border-box; } footer .footerRight .navLeft { float:left; width:120px; padding:0; } footer .footerRight .navCenter { float:left; width:150px; padding:0; } footer .footerRight .navRight { float:left; width:160px; padding:0; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 15px; } footer .footerRight .navRight li { float:left; width:60px; } footer .footerRight .navRight li:last-child { padding-right:0; } footer .footerRight .navRight li .gmark_logo { width:60px; } footer .footerRight .navRight li .hataraki_logo { width:60px; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { footer .footerLeft { width:100%; float:none; text-align:center; } footer .footerLeft .companyDisplay { width:280px; border-bottom:1px solid #bebebe; margin:0 auto; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:80px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:14px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:17px; } footer .footerLeft .companyAdress { font-size:14px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:100%; float:none; padding-top:0px; margin-top:30px; } footer .footerRight .footerNav { float:none; width:430px; margin:0 auto; padding:0; box-sizing:border-box; } footer .footerRight .navLeft { float:left; width:120px; padding:0; } footer .footerRight .navCenter { float:left; width:150px; padding:0; } footer .footerRight .navRight { float:left; width:160px; padding:0; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 15px; } footer .footerRight .navRight li { float:left; width:60px; } footer .footerRight .navRight li:last-child { padding-right:0; } footer .footerRight .navRight li .gmark_logo { width:60px; } footer .footerRight .navRight li .hataraki_logo { width:60px; } } @media print, screen and ( min-width:431px ) and ( max-width:500px ) { footer .footerLeft { width:100%; float:none; text-align:center; } footer .footerLeft .companyDisplay { width:280px; border-bottom:1px solid #bebebe; margin:0 auto; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:80px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:14px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:17px; } footer .footerLeft .companyAdress { font-size:14px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:100%; float:none; padding-top:0px; margin-top:30px; } footer .footerRight .footerNav { float:none; width:330px; margin:0 auto; padding:0; box-sizing:border-box; } footer .footerRight .navLeft { float:left; width:120px; padding:0; } footer .footerRight .navCenter { float:left; width:140px; padding:0; } footer .footerRight .navRight { float:left; width:45px; padding:0; } footer .footerRight .footerNav li { padding: 5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:12px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 10px; } footer .footerRight .navRight li { float:none; width:45px; } footer .footerRight .navRight li:first-child { padding-right:0; } footer .footerRight .navRight li:last-child { padding-right:0; } footer .footerRight .navRight li .gmark_logo { width:45px; } footer .footerRight .navRight li .hataraki_logo { width:45px; } footer .copyRight { width:100%; background:#01014b; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } @media print, screen and ( min-width:351px ) and ( max-width:430px ) { footer { padding-top:40px; } footer .footerLeft { width:100%; float:none; text-align:center; } footer .footerLeft .companyDisplay { width:280px; border-bottom:1px solid #bebebe; margin:0 auto; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:80px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:13px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:16px; } footer .footerLeft .companyAdress { font-size:13px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:100%; float:none; padding-top:0px; margin-top:20px; } footer .footerRight .footerNav { float:none; width:280px; margin:0 auto; padding:0; box-sizing:border-box; } footer .footerRight .navLeft { float:left; width:100px; padding:0; } footer .footerRight .navCenter { float:left; width:132px; padding:0; } footer .footerRight .navRight { float:left; width:40px; padding:0; } footer .footerRight .footerNav li { padding: 3px 0 3px 0; } footer .footerRight .footerNav .parentTxt { font-size:12px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 0px; } footer .footerRight .navRight li { float:none; width:40px; } footer .footerRight .navRight li:first-child { padding-right:0; } footer .footerRight .navRight li:last-child { padding-right:0; } footer .footerRight .navRight li .gmark_logo { width:40px; } footer .footerRight .navRight li .hataraki_logo { width:40px; } footer .copyRight { width:100%; background:#01014b; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } @media print, screen and ( max-width:350px ) { footer { padding-top:30px; } footer .footerLeft { width:100%; float:none; text-align:center; } footer .footerLeft .companyDisplay { width:280px; border-bottom:1px solid #bebebe; margin:0 auto; padding-bottom:10px; } footer .footerLeft .companyDisplay .liLeft { float:left; width:80px; } footer .footerLeft .companyDisplay .liRight { float:left; } footer .footerLeft .footerlogoImg { width:70px; max-width:100%; padding:0 10px; } footer .footerLeft .companyName { font-size:13px; line-height:1.6em; padding:30px 0 0 10px; } footer .footerLeft .companyName span { font-size:16px; } footer .footerLeft .companyAdress { font-size:13px; line-height:1.4em; padding:10px 10px 0 10px; } footer .footerRight { width:100%; float:none; padding-top:0px; margin-top:20px; } footer .footerRight .footerNav { float:none; width:280px; margin:0 auto; padding:0; box-sizing:border-box; } footer .footerRight .navLeft { float:left; width:100px; padding:0; } footer .footerRight .navCenter { float:left; width:132px; padding:0; } footer .footerRight .navRight { float:left; width:40px; padding:0; } footer .footerRight .footerNav li { padding: 3px 0 3px 0; } footer .footerRight .footerNav .parentTxt { font-size:12px; } footer .footerRight .footerNav .childTxt { font-size:12px; padding:5px 0 0 0px; } footer .footerRight .navRight li { float:none; width:40px; } footer .footerRight .navRight li:first-child { padding-right:0; } footer .footerRight .navRight li:last-child { padding-right:0; } footer .footerRight .navRight li .gmark_logo { width:40px; } footer .footerRight .navRight li .hataraki_logo { width:40px; } footer .copyRight { width:100%; background:#01014b; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } /*---------------------------------------------------- #content ----------------------------------------------------*/ #contents { clear:both; position:relative; overflow: hidden;} .contentsBg { position:absolute; top:0; width:calc(110%); height:calc(100%); border-right:80px solid #f6f6f6; background:rgba(237,237,237,0.3); /*background:rgba(255,255,255,.8);*/ transform:skew(-24.5deg,0deg); } .contentsBg { left:-40%; } @media screen and (min-width:769px) ,print{ #contents { margin-top:-70px; padding-top:70px; } } @media screen and (max-width:768px) ,print{ #contents { margin-top:-70px; padding-top:70px; } } @media screen and (max-width:600px) ,print{ #contents { margin-top:-60px; padding-top:60px; } } /* @media screen and (max-width:500px) ,print{ #contents { margin-top:-60px; padding-top:60px; } } @media screen and (max-width:400px) ,print{ #contents { margin-top:-55px; padding-top:55px; } } @media screen and (max-width:350px) ,print{ #contents { margin-top:-51px; padding-top:51px; } } */ .contentSection { width:100%; } .contentSectionInner { max-width:1000px; margin:0 auto; } .sectionRelative { position:relative; z-index:1; } @media screen and (min-width:821px) ,print{ .contentSection { width:100%; /*margin-top:-100px; padding-top:100px;*/ } .contentSectionWrap { width:100%; } .contentSectionInner { padding:60px 20px; } } @media screen and (max-width:820px) ,print{ .contentSection { } .contentSectionWrap { width:100%; } .contentSectionInner { padding:50px 20px; } } @media print, screen and ( max-width:450px ) { .contentSection { } .contentSectionInner { padding:40px 20px; } } @media print, screen and ( max-width:340px ) { .contentSection { } .contentSectionInner { padding:35px 20px; } } .page .contentSection { width:100%; margin:0; padding-top:0; } .page .contentSectionWrap { width:100%; } .page .contentSectionInner { padding:0 20px; } /*.page #contents .contentSectionInner { max-width:960px; }*/ @media print, screen and ( max-width:430px ) { .page .contentSectionInner { padding:0 15px; } } /*---------------------------------------------------- トップページ ----------------------------------------------------*/ /* .pagelinkBtn ----------------------------------------------------*/ .pagelinkBtn { width:260px; text-align:center; position:relative; z-index:1; } .pagelinkBtn .btn { background:#fdd000; /*opacity:0;*/ transition:all 300ms 0s ease; } .pagelinkBtn .btn p { font-size:14px; padding-left:18px; font-family: 'Montserrat', sans-serif; display:inline-block; background:url(assets/images/common/ico_btn_off.png) left center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn p span { font-size:11px; } .pagelinkBtn .btn a { color:#000; display:block; width:100%; padding:15px 0; box-sizing:border-box; z-index:2; position:relative; transition:all 300ms 0s ease;/*background:url(assets/images/common/ico_btn_off.png) 85px center no-repeat; background-size:12px 12px;*/ } .pagelinkBtn .btn a:hover { color:#fff!important; /*background:url(assets/images/common/ico_btn_on.png) 85px center no-repeat; background-size:12px 12px;*/ } .pagelinkBtn .btn a:hover p { background:url(assets/images/common/ico_btn_on.png) left center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn::before { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:''; background:#01014a!important; background-size:16px 16px; transform-origin:right top; transform:scale(0, 1); transition:transform .3s; } .pagelinkBtn:hover .btn::before { transform-origin:left top; transform:scale(1, 1); } /*--#information--*/ #information .pagelinkBtn { float:right; margin-top:30px; } /*--#showCase--*/ #showCase .pagelinkBtn .btn a { display:block; width:100%; padding:10px 0; box-sizing:border-box; z-index:2; position:relative; } /*--#media--*/ #media .pagelinkBtn .btn a { display:block; width:100%; padding:10px 0; box-sizing:border-box; z-index:2; position:relative; } /*--.headerContact--*/ .headerContact .contactMail .pagelinkBtn .btn a { display:block; width:100%; padding:0; box-sizing:border-box; z-index:2; position:relative; } /*--#footerContact--*/ #footerContact .pagelinkBtn { width:500px; margin:30px auto 0 auto; } #footerContact .pagelinkBtn .btn p { font-size:22px; padding-left:26px; line-height:1.0em; background:url(assets/images/common/ico_btn_off.png) center left no-repeat; background-size:16px 16px; } #footerContact .pagelinkBtn .btn a { display:block; width:100%; padding:20px 0; box-sizing:border-box; z-index:2; position:relative; } #footerContact .pagelinkBtn .btn a:hover p { background:url(assets/images/common/ico_btn_on.png) center left no-repeat; background-size:16px 16px; } @media print, screen and ( min-width:851px ) and ( max-width:930px ) { /*--.headerContact--*/ .headerContact .contactMail .pagelinkBtn .btn p { font-size:14px; } .headerContact .contactMail .pagelinkBtn .btn p span { font-size:11px; } } @media print, screen and ( max-width:850px ) { .pagelinkBtn { width:200px; margin:0 auto; } .pagelinkBtn .btn p { font-size:14px; padding-left:18px; font-family: 'Montserrat', sans-serif; } .pagelinkBtn .btn a { padding:13px 0; } .pagelinkBtn .btn a:hover { } #information .pagelinkBtn { float:right; margin-top:25px; } #footerContact .pagelinkBtn { width:450px; margin:30px auto 0 auto; } #footerContact .pagelinkBtn .btn a { display:block; width:100%; padding:20px 0; box-sizing:border-box; z-index:2; } } @media print, screen and ( max-width:500px ) { .pagelinkBtn { width:160px; margin:0 auto; } .pagelinkBtn .btn p { font-size:13px; padding-left:17px; } .pagelinkBtn .btn a { padding:12px 0; } .pagelinkBtn .btn a:hover { } #information .pagelinkBtn { margin-top:20px; } #footerContact .pagelinkBtn { width:380px; margin:25px auto 0 auto; } #footerContact .pagelinkBtn .btn p { font-size:22px; padding-left:26px; } #footerContact .pagelinkBtn .btn a { display:block; width:100%; padding:18px 0; box-sizing:border-box; z-index:2; position:relative; } } @media print, screen and ( max-width:430px ) { .pagelinkBtn { width:160px; margin:0 auto; } .pagelinkBtn .btn p { font-size:12px; padding-left:15px; } .pagelinkBtn .btn a { padding:10px 0; } #information .pagelinkBtn { margin-top:20px; float:none; } #footerContact .pagelinkBtn { width:300px; margin:20px auto 0 auto; } #footerContact .pagelinkBtn .btn p { font-size:20px; padding-left:26px; } #footerContact .pagelinkBtn .btn a { display:block; width:100%; padding:16px 0; box-sizing:border-box; z-index:2; position:relative; } } @media print, screen and ( max-width:350px ) { #footerContact .pagelinkBtn { width:260px; margin:15px auto 0 auto; } #footerContact .pagelinkBtn .btn p { font-size:18px; padding-left:26px; } #footerContact .pagelinkBtn .btn a { display:block; width:100%; padding:14px 0; box-sizing:border-box; z-index:2; position:relative; } } /* h1 ----------------------------------------------------*/ .h1_tle { font-size:1.3rem; font-weight:normal; /*font-style:italic;*/ color:#0054ab; line-height:1.4; letter-spacing:0; position:relative; z-index:2; } .h1_tle_sub { font-size:2.5rem; color:#0054ab; font-weight:normal; /*font-style:italic;*/ line-height:1.2; letter-spacing:0; position:relative; z-index:2; } @media print, screen and ( max-width:900px ) { .h1_tle { font-size:1.3rem; } .h1_tle_sub { font-size:2.5rem; } } @media print, screen and ( max-width:768px ) { .h1_tle { font-size:1.3rem; } .h1_tle_sub { font-size:2.5rem; } } @media print, screen and ( max-width:560px ) { .h1_tle { font-size:1.3rem; } .h1_tle_sub { font-size:2.4rem; } } @media print, screen and ( max-width:400px ) { .h1_tle { font-size:1.1rem; } .h1_tle_sub { font-size:2.2rem; } } @media print, screen and ( max-width:360px ) { .h1_tle { font-size:1.1rem; } .h1_tle_sub { font-size:2.0rem; } } /* #message ----------------------------------------------------*/ #message { /*position:relative;*/ padding:30px 0;/*border-top:50px solid #fff; border-bottom:50px solid #fff;*/ } .bgTest2 { position:absolute; top:0; width:calc(100%); height:calc(100%); border-right:40px solid #fff; background:rgba(237,237,237,1.0); /*background:rgba(255,255,255,.8);*/ transform:skew(23.0deg,0deg); } .bgTest2 { left:-40%; } .bgTest5 { position:absolute; top:0; width:calc(100%); height:calc(100%); border-right:40px solid #fff; background:rgba(220,220,220,0.7); /*background:rgba(255,255,255,.8);*/ transform:skew(23.0deg,0deg); } .bgTest5 { left:-34%; } #message .contentSectionInner {} #message .contentSectionWrap { } #message .animateCont { transition:1.0s ease-in-out; background-image:url(assets/images/top/img001.jpg); background-repeat:no-repeat; background-position:right -100px top 0; } @media screen and ( min-width:1681px ) { #message .animateCont { background-size:48vw auto; } } @media screen and ( max-width:1680px ) { #message .animateCont { background-size:auto 100%; } } #message .isAnimate { background-position:right -50px top 0; } #message .messageCont { width:60%; } #message h1 { margin-top:15px; font-size:2.0rem; font-feature-settings:"palt"; } #message .messageBox { margin-top:35px; position:relative; z-index:2; } #message .messageBox p { font-size:14px; color:#000; line-height:1.8rem; padding-bottom:10px; } #message .messageBox p:last-child { padding-bottom:0; } @media print, screen and ( min-width:1051px ) { #message h1 .exBr { display:none; } } @media print, screen and ( min-width:901px ) and ( max-width:1050px ) { .bgTest2 { left:-40%; } .bgTest5 { left:-25%; } #message .isAnimate { background-position:right -120px top 0; } #message .messageCont { width:51%; } #message h1 { font-size:1.8rem; } #message h1 .exBr { display:none; } #message .messageBox { margin-top:25px; } #message .messageBox p br { display:none; } } @media print, screen and ( min-width:851px ) and ( max-width:900px ) { .bgTest2 { left:-40%; } .bgTest5 { left:-20%; } #message .isAnimate { background-position:right -130px top 0; } #message .messageCont { width:52%; } #message h1 { font-size:1.7rem; } #message h1 .exBr { display:none; } #message .messageBox { margin-top:30px; } #message .messageBox p br { display:none; } } @media print, screen and ( min-width:769px ) and ( max-width:850px ) { .bgTest2 { left:-38%; border-right:30px solid #fff; } .bgTest5 { left:-20%; } #message .contentSectionInner { padding:40px 20px; } #message .isAnimate { background-position:right -10px top 0; } #message .messageCont { width:54%; } #message h1 { font-size:1.6rem; } #message h1 .exBr { display:none; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:13px; line-height:1.6rem; } #message .messageBox p br { display:none; } } @media print, screen and ( min-width:701px ) and ( max-width:768px ) { .bgTest2 { transform:skew(16deg,0deg); left:-43%; border-right:30px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:-30%; } #message .contentSectionInner { padding:30px 20px; } #message .isAnimate { background-position:right -20px top 0; } #message .messageCont { width:54%; } #message h1 { font-size:1.4rem; } #message h1 .exBr { display:none; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:12px; line-height:1.6rem; } #message .messageBox p br { display:none; } } @media print, screen and ( min-width:601px ) and ( max-width:700px ) { .bgTest2 { transform:skew(16deg,0deg); left:-49%; border-right:25px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:-30%; } #message .contentSectionInner { padding:30px 20px; } #message .isAnimate { background-position:left -0px top 0; } #message .messageCont { width:50%; } #message h1 { font-size:1.6rem; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:12px; line-height:1.5rem; } #message .messageBox p br { display:none; } } @media screen and (min-width:501px) and (max-width:600px) ,print{ .bgTest2 { transform:skew(16deg,0deg); left:-43%; border-right:20px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:8%; } #message .contentSectionInner { background:rgba(255,255,255,0.8); } #message .contentSectionInner { padding:30px 20px; } #message .isAnimate { background-position:left -0px top 0; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:15px; } #message h1 { font-size:1.8rem; } #message h1 .exBr { display:none; } #message .messageBox p { font-size:13px; line-height:1.5rem; } #message .messageBox p br { display:none; } } @media screen and (min-width:431px) and (max-width:500px) ,print{ .bgTest2 { transform:skew(16deg,0deg); left:-50%; border-right:20px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:8%; } #message .contentSectionInner { background:rgba(255,255,255,0.8); } #message .contentSectionInner { padding:20px 20px; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:15px; } #message h1 { font-size:1.6rem; } #message h1 .exBr { display:none; } #message .messageBox p { font-size:12px; line-height:1.5rem; } #message .messageBox p br { display:none; } } @media screen and (min-width:351px) and (max-width:430px) ,print{ .bgTest2 { transform:skew(16deg,0deg); left:-50%; border-right:20px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:8%; } #message .contentSectionInner { background:rgba(255,255,255,0.8); } #message .contentSectionInner { padding:20px 20px; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:20px; } #message h1 { font-size:1.5rem; } /*#message h1 .exBr { display:none; }*/ #message .messageBox p { font-size:12px; line-height:1.4rem; } #message .messageBox p br { display:none; } } @media screen and (max-width:350px) ,print{ .bgTest2 { transform:skew(16deg,0deg); left:-50%; border-right:20px solid #fff; } .bgTest5 { transform:skew(16deg,0deg); left:20%; } #message .contentSectionInner { background:rgba(255,255,255,0.8); } #message .contentSectionInner { padding:20px 20px; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:15px; } #message h1 { font-size:1.4rem; } /*#message h1 .exBr { display:none; }*/ #message .messageBox p { font-size:12px; line-height:1.4rem; } #message .messageBox p br { display:none; } } /*---------------- #information ----------------*/ #information { width:100%; background:rgba(255,255,255,.6); position:relative; } #information .contentSectionInner { position:relative; z-index:1; } .bgTest3 { position:absolute; top:0; width:calc(100%); height:calc(100%); border-right:40px solid #fff; background:rgba(237,237,237,0.3); /*background:rgba(255,255,255,.8);*/ transform:skew(-24.5deg,0deg); } .bgTest3 { left:-24%; } #information .h1_tle_sub { padding-left:0px; } #information h1 { color:#000; padding-left:0px; font-feature-settings:"palt"; } #information h2 { color:#000; } #information .h2SubTxt { color:#000; } #information .topTopicsList { border-top:1px solid #d5d5d5; margin-top:30px; } #information .topTopicsList li { border-bottom:1px solid #d5d5d5; padding:30px 30px 30px 30px; } #information .topTopicsList .date { float:left; font-size:14px!important; color:#000; width:10%; } #information .topTopicsList .cate { float:left; font-size:12px!important; color:#fff!important; width:12%; text-align:center; } #information .topTopicsList .linkFalse { background:#929292; } #information .topTopicsList .linkTrue { background:#0054ab; } #information .topTopicsList .linkOutside { background:#176a0c; } #information .topTopicsList .linkPdf { background:#d42929; } #information .topTopicsList .topicsTle { float:left; font-size:14px!important; color:#000; padding:0 0 0 30px; width:78%; box-sizing:border-box; } #information .topTopicsList .topicsTle a { color:#000; } #information .topTopicsList .topicsTle span { margin-left:6px; background:#9f3232; color:#fff; fonvt-weight:normal; font-size:80%; padding:0 10px; } @media screen and (min-width:801px) and (max-width:1000px) ,print{ #information .topTopicsList { margin-top:45px; max-width:1000px; } #information .topTopicsList li { padding:30px 30px 30px 30px; } #information .topTopicsList .date { font-size:14px!important; width:12%; } #information .topTopicsList .cate { font-size:12px!important; width:12%; } #information .topTopicsList .topicsTle { font-size:14px!important; width:76%; } } @media screen and (min-width:601px) and (max-width:800px) ,print{ #information .topTopicsList { margin-top:35px; } #information .topTopicsList li { padding:20px 15px 20px 15px; } #information .topTopicsList .date { font-size:13px!important; width:15%; } #information .topTopicsList .cate { font-size:12px!important; width:15%; } #information .topTopicsList .topicsTle { font-size:13px!important; width:70%; } } @media screen and (min-width:401px) and (max-width:600px) ,print{ #information .topTopicsList { margin-top:30px; } #information .topTopicsList li { padding:20px 15px 20px 15px; } #information .topTopicsList .date { font-size:13px!important; width:90px; } #information .topTopicsList .cate { font-size:12px!important; width:100px; } #information .topTopicsList .topicsTle { font-size:13px!important; width:100%; padding:10px 0 0 0; } } @media screen and (min-width:351px) and (max-width:400px) ,print{ #information .topTopicsList { margin-top:20px; } #information .topTopicsList li { padding:15px 10px 15px 10px; } #information .topTopicsList .date { font-size:13px!important; width:90px; } #information .topTopicsList .cate { font-size:12px!important; width:100px; } #information .topTopicsList .topicsTle { font-size:13px!important; width:100%; padding:10px 0 0 0; } } @media screen and (max-width:350px) ,print{ #information .topTopicsList { margin-top:20px; } #information .topTopicsList li { padding:15px 10px 15px 10px; } #information .topTopicsList .date { font-size:12px!important; width:80px; } #information .topTopicsList .cate { font-size:12px!important; width:100px; } #information .topTopicsList .topicsTle { font-size:12px!important; width:100%; padding:10px 0 0 0; } } /*---------------- #showCase ----------------*/ #showCase {} .bgTest4 { position:absolute; top:0; width:calc(100%); height:calc(200%); border-right:40px solid #fff; /*background:rgba(255,220,190,1.0);*/ background:rgba(255,255,255,1.0); transform:skew(0deg,5.0deg); } .bgTest4 { left:0; top:-30px; } #showCase .contentSectionInner { padding:10px 20px; } #showCase .h1_tle_sub { padding-left:0px; } #showCase h1 { color:#000; padding-left:0px; font-feature-settings:"palt"; } #showCase .showCaseList { padding:60px 0 50px 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } #showCase .showCaseList li { float:left; /*display:none;*/ /*opacity:0; transition:0.7s;*/ position:relative; box-sizing:border-box; padding:0; } #showCase .showCaseList li:nth-child(3n) { margin-right:0!important; } #showCase .showCaseList img { max-width:100%; transition:all 1.2s 0s ease; } #showCase .showCaseList .pBox { width:100%; height:auto; padding:15px 0; box-sizing:border-box; } #showCase .showCaseList .pBox .showCase-numbering { font-size:90px; color:#0054ab; line-height:1.0; /*font-style:italic;*/ transform:scale(0.8, 1.3); position:absolute; opacity:0.25; } #showCase .showCaseList .tle { color:#000; line-height:1.4em; padding-bottom:20px; /*padding:0 0 8px 0; border-bottom:1px solid #133376;*/ } /*#showCase .showCaseList .tle span { letter-spacing:.1em; }*/ #showCase .showCaseList .pBox .txt { color:#000; padding:8px 0 40px 0; line-height:1.6em; } /*#showCase .showCaseList li:hover { background-color:#0054ab; }*/ #showCase .showCaseList li:hover img { opacity:1.0; transform: scale(1.1); transition:all 2.0s 0s ease; } /*#showCase .showCaseList li:hover .tle { color:#fff; } #showCase .showCaseList li:hover .txt { color:#fff; }*/ /*#showCase .showCaseList li:hover .showCase-numbering { color:#fff; opacity:0.2; }*/ #showCase .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .animateCont2 { transition:1.2s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .animateCont3 { transition:1.6s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .isAnimate { transform:translateY(0); opacity:1; } @media screen and (min-width:851px) ,print{ #showCase .showCaseList { margin:0 auto 0 auto; } #showCase .showCaseList li { width:30.6%; margin-bottom:50px; margin-right:3.9%; } /* 3列リストの一番左下にある要素 */ #showCase .showCaseList li:nth-child(3n+1):nth-last-child(-n+3), /* 3列リストの一番左下にある要素以降にあるliすべて */ #showCase .showCaseList li:nth-child(3n+1):nth-last-child(-n+3) ~ li { margin-bottom:0; } #showCase .showCaseList li:last-child { margin-right:0; } #showCase .showCaseList .tle { font-size:14px; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle768 { display:none; } #showCase .showCaseList .pBox .txt { font-size:13px; } #showCase .showCaseList .pBox .showCase-numbering { top:-20px; left:-25px; } #showCase .pagelinkBtn { width:150px; position:absolute; bottom:0; left:0; } } @media screen and (min-width:769px) and (max-width:850px) ,print{ .bgTest4 { height:calc(190%); } #showCase .showCaseList { margin:0 auto 0 auto; } #showCase .showCaseList li { width:30%; margin-bottom:50px; margin-right:4.9%; } /* 3列リストの一番左下にある要素 */ #showCase .showCaseList li:nth-child(3n+1):nth-last-child(-n+3), /* 3列リストの一番左下にある要素以降にあるliすべて */ #showCase .showCaseList li:nth-child(3n+1):nth-last-child(-n+3) ~ li { margin-bottom:0; } #showCase .showCaseList .tle { font-size:14px; } #showCase .showCaseList .tle .oneLine { display:none; } #showCase .tle768 { display:none; } #showCase .showCaseList .pBox .txt { font-size:13px; } #showCase .showCaseList .pBox .showCase-numbering { top:-20px; left:-25px; } #showCase .pagelinkBtn { width:150px; position:absolute; bottom:0; left:0; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .bgTest4 { height:calc(175%); } #showCase .showCaseList { padding:60px 0 50px 0; } #showCase .showCaseList li { width:100%; margin:0 0 40px 0; } #showCase .showCaseList li:last-child { margin:0 0 0 0; } #showCase .showCaseList .tle { font-size:14px; border-bottom:1px solid #d5d5d5; padding-bottom:10px; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle769 { display:none; } #showCase .hoverImg { width:40%; float:left; } #showCase .showCaseList .pBox { width:60%; float:left; padding:5px 0 5px 20px; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { font-size:13px; padding:10px 0 0 0; } #showCase .showCaseList .pBox .showCase-numbering { top:-20px; left:-25px; } #showCase .pagelinkBtn { width:150px; position:absolute; bottom:0; right:0; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .bgTest4 { height:calc(145%); } #showCase .showCaseList { padding:60px 0 30px 0; } #showCase .showCaseList li { width:100%; margin:0 0 40px 0; } #showCase .showCaseList li:last-child { margin:0 0 0 0; } #showCase .showCaseList .tle { font-size:16px; border-bottom:1px solid #d5d5d5; padding:10px 0; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle769 { display:none; } #showCase .hoverImg { width:100%; } #showCase .showCaseList .pBox { width:100%; padding:5px 0 20px 0px; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { font-size:14px; padding:10px 0 0 0; } #showCase .showCaseList .pBox .showCase-numbering { bottom:130px; left:-20px; } } @media print, screen and ( min-width:431px ) and ( max-width:500px ) { .bgTest4 { height:calc(150%); } #showCase .showCaseList { padding:40px 0 30px 0; } #showCase .showCaseList li { width:100%; margin:0 0 40px 0; } #showCase .showCaseList li:last-child { margin:0 0 0 0; } #showCase .showCaseList .tle { font-size:15px; border-bottom:1px solid #d5d5d5; padding:10px 0; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle769 { display:none; } #showCase .hoverImg { width:100%; } #showCase .showCaseList .pBox { width:100%; padding:5px 0 20px 0px; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { font-size:13px; padding:10px 0 0 0; } #showCase .showCaseList .pBox .showCase-numbering { bottom:130px; left:-20px; } } @media print, screen and ( min-width:351px ) and ( max-width:430px ) { .bgTest4 { height:calc(150%); } #showCase .showCaseList { padding:40px 0 30px 0; } #showCase .showCaseList li { width:100%; margin:0 0 40px 0; } #showCase .showCaseList li:last-child { margin:0 0 0 0; } #showCase .showCaseList .tle { font-size:14px; border-bottom:1px solid #d5d5d5; padding:10px 0; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle769 { display:none; } #showCase .hoverImg { width:100%; } #showCase .showCaseList .pBox { width:100%; padding:5px 0 20px 0px; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { font-size:13px; padding:10px 0 0 0; } #showCase .showCaseList .pBox .showCase-numbering { bottom:130px; left:-20px; } } @media print, screen and ( max-width:350px ) { .bgTest4 { height:calc(150%); } #showCase .showCaseList { padding:40px 0 30px 0; } #showCase .showCaseList li { width:100%; margin:0 0 40px 0; } #showCase .showCaseList li:last-child { margin:0 0 0 0; } #showCase .showCaseList .tle { font-size:14px; border-bottom:1px solid #d5d5d5; padding:10px 0; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .tle769 { display:none; } #showCase .hoverImg { width:100%; } #showCase .showCaseList .pBox { width:100%; padding:5px 0 20px 0px; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { font-size:12px; padding:10px 0 0 0; } #showCase .showCaseList .pBox .showCase-numbering { bottom:130px; left:-20px; } } /*---------------------------------------------------- 下層ページ ----------------------------------------------------*/ /* #topImage ----------------------------------------------------*/ #topImage { width:100%; position:relative; margin-top:90px; z-index:1; } #topImage .bgDecoLeft { position:absolute; top:0; width:calc(100%); height:260px; border-right:30px solid #fff; /*background:#0054ab;*/ background:rgba(237,237,237,1.0); transform:skew(20deg,0deg); } #topImage .bgDecoLeft { left:-55%; } #topImage .bgDecoRight { position:absolute; top:0; width:calc(100%); height:260px; /*background:#0054ab;*/ background:rgba(237,237,237,1.0); transform:skew(20deg,0deg); } #topImage .bgDecoRight { left:100%; } #topImage .contentSection { margin:0; padding:0; background:#ededed; } /*#topImage .contentSectionInner { padding:68px 0 0 0; }*/ #topImage .contentSectionInner { padding:80px 20px 0 20px; }/*/////ページタイトル下のテキストがない場合/////*/ #topImage .contentSectionWrap { max-width:1700px; height:260px; padding-top:0; overflow:hidden; margin:0 auto; position:relative; } #topImage .contentSectionWrap { /*transition:1.0s ease-in-out;*/ background-repeat:no-repeat; background-position:right 9% top 50%; background-size:auto 130%; background-color:#fff; } #topImage .contentSectionWrap::before { display:block; content:""; width:60%; height:100%; position:absolute; top:0; right:0; background-size:100% auto; background-position:center center; } @media print, screen and ( max-width:1050px ) { #topImage .contentSectionWrap::before { background-size:auto 100%; } } @media print, screen and ( max-width:600px ) { #topImage .contentSectionWrap::before { width:100%; height:100%; } } /*--サービス--*/ .page_service #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/service.jpg); } /*--インフォ--*/ .page_info #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/info.jpg); } /*--会社情報--*/ .page_company #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/company.jpg); } /*--採用情報--*/ .page_recruit #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/recruit.jpg); } /*--お問い合わせ--*/ .page_contactForm #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/contact.jpg); } /*--プライバシーポリシー--*/ .page_privacy #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/privacy.jpg); } /*--当社の取組み--*/ .page_efforts #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/efforts.jpg); } /*--404--*/ .page_404 #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/404.jpg); } /*--運行管理高度化の取り組み--*/ .page_efforts2 #topImage .contentSectionWrap::before { background-image:url(assets/images/headImg/efforts2.jpg); } #topImage .contentSectionInner { position:relative; z-index:2; } #topImage .contentSectionInner .pageTle { } #topImage .contentSectionInner .pageTle p { font-size:2.4rem; color:#0054ab; font-weight:normal; line-height:1.4; letter-spacing:0; position:relative; z-index:2; } #topImage .contentSectionInner .pageTle h1 { color:#000; font-size:1.6rem; font-weight:normal; margin-top:10px; font-feature-settings:"palt"; position:relative; z-index:2; } /*--挿入画像--*/ .sectionImage { width:100%; height:auto; padding-top:30px; } .sectionImage img { max-width:100%; } .sectionImage ul {} .sectionImage li { width:33.333%; float:left; box-sizing:border-box; } .sectionImage .liLeft { padding:0 0 50px 0; } .sectionImage .liCenter { padding:25px 0; } .sectionImage .liRight { padding:50px 0 0 0; } @media print, screen and ( min-width:1400px ) { #topImage .bgDecoRight { left:110%; } } @media print, screen and ( min-width:1001px ) and ( max-width:1201px ) { #topImage .contentSectionWrap { background-position:right 0 top 50%; } } @media print, screen and ( min-width:851px ) and ( max-width:1000px ) { #topImage .contentSectionWrap { background-position:right 0 top 50%; } } @media print, screen and ( min-width:769px ) and ( max-width:850px ) { #topImage { margin-top:70px; } #topImage .contentSectionWrap { background-position:right 0 top 50%; } #topImage .contentSectionInner { padding:110px 20px 0 20px; } #topImage .contentSectionInner .pageTle p { font-size:2.2rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.4rem; margin-top:8px; } } @media print, screen and ( min-width:701px ) and ( max-width:768px ) { #topImage { margin-top:70px; } #topImage .bgDecoLeft { transform:skew(10deg,0deg); left:-52%; border-right:20px solid #fff; } #topImage .bgDecoRight { transform:skew(10deg,0deg); left:98%; } #topImage .contentSectionWrap { height:250px; background-position:right -10px top 0; background-size: auto 110%; } #topImage .contentSectionInner { padding:90px 20px 0 20px; } #topImage .contentSectionInner .pageTle p { font-size:2.0rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.3rem; margin-top:6px; } .sectionImage .liLeft { padding:0 0 30px 0; } .sectionImage .liCenter { padding:15px 0; } .sectionImage .liRight { padding:30px 0 0 0; } } @media print, screen and ( max-width:700px ) { #topImage { margin-top:70px; } #topImage .bgDecoLeft { transform:skew(10deg,0deg); left:-53%; border-right:20px solid #fff; } #topImage .bgDecoRight { transform:skew(10deg,0deg); left:98%; } #topImage .contentSectionWrap { height:250px; background-position:right -10px top 0; background-size: auto 110%; } #topImage .contentSectionInner { padding:90px 20px 0 20px; } #topImage .contentSectionInner .pageTle p { font-size:1.8rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.2rem; margin-top:5px; } .sectionImage .liLeft { padding:0; } .sectionImage .liCenter { padding:0; } .sectionImage .liRight { padding:0; } } @media print, screen and ( max-width:600px ) { #topImage { margin-top:60px; } #topImage .bgDecoLeft { display:none; } #topImage .bgDecoRight { display:none; } #topImage .contentSectionWrap { height:240px; background-position:right 0 top 0; background-size: auto 100%; } #topImage .contentSectionInner { position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:15px 20px 20px 20px; background:rgba(237,237,237,0.9); } #topImage .contentSectionInner .pageTle p { font-size:1.8rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.2rem; margin-top:4px; } } @media print, screen and ( max-width:500px ) { #topImage .contentSectionWrap { height:220px; } #topImage .contentSectionInner { padding:13px 20px 16px 20px; } #topImage .contentSectionInner .pageTle p { font-size:1.7rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.1rem; margin-top:3px; } } @media print, screen and ( max-width:430px ) { #topImage .contentSectionWrap { height:200px; } #topImage .contentSectionInner { padding:10px 15px 13px 15px; } #topImage .contentSectionInner .pageTle p { font-size:1.6rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.0rem; margin-top:2px; } } @media print, screen and ( max-width:350px ) { #topImage .contentSectionWrap { height:180px; } #topImage .contentSectionInner { padding:10px 10px 13px 10px; } #topImage .contentSectionInner .pageTle p { font-size:1.5rem; } #topImage .contentSectionInner .pageTle h1 { font-size:1.0rem; margin-top:1px; } } /*--パンくず--*/ .panCuz { width:100%; background:#dcdcdc; padding:12px 0; text-align:left; position:relative; z-index:2; } .panCuz .contentSection { margin:0; padding:0; } .panCuz .contentSectionInner { padding:0 20px; } .panCuz p { font-size:13px; display:inline-block; /*padding:0 20px;*/ } .panCuz p span { padding:0 10px; } .panCuz p a { color:#000; } .panCuz p a:hover { color:#0054ab; } .panCuz sup { vertical-align:0.1em; font-size:100%; line-height:1.0em; } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .panCuz p { font-size:12px; } } @media print, screen and ( min-width:401px ) and ( max-width:600px ) { .panCuz p { font-size:11px; } } @media print, screen and ( max-width:400px ) { .panCuz p { font-size:11px; } } /*--section setting--*/ .topSection { padding:70px 0; width:100%; font-size:14px; position:relative; z-index:1; } .underSection { padding:0 0 70px 0; width:100%; font-size:14px; position:relative; /*z-index:1;*/ } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { .topSection {} .underSection {} } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .topSection { padding:60px 0; } .underSection { padding:0 0 60px 0; } } @media print, screen and ( min-width:401px ) and ( max-width:600px ) { .topSection { padding:50px 0; } .underSection { padding:0 0 50px 0; } } @media print, screen and ( max-width:400px ) { .topSection { padding:40px 0; } .underSection { padding:0 0 40px 0; } } /* #pageNavi ----------------------------------------------------*/ #pageNavi { width:100%; position:relative; z-index:2; } #pageNavi .contentSection { margin:0; padding:0; } #pageNavi .local-nav .navContainer { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; } #pageNavi .local-nav li { display:block; } #pageNavi .local-nav li { width:calc(25% - 10px); } #pageNavi .local-nav a { background:#eaeaea; /*color:#0054ab;*/ color:#0054ab; font-size:15px; line-height:1.3em; padding:25px 20px 15px 20px; position:relative; min-height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:start; align-items:flex-start; /*box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.4);*/ } #pageNavi .local-nav a:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:25px; display:block; text-align:center; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; } #pageNavi .local-nav a:hover { text-decoration:none; background:#c3d1e0; color:#000; } #pageNavi .local-nav a:hover:after { height:35px; } #pageNavi .local-nav p { margin-top:-2px; } #pageNavi .local-nav .nav-en { display:block; font-size:14px; letter-spacing:.02em; margin-bottom:6px; color:#000; } #pageNavi .local-nav a:hover .nav-en { color:#000; } #pageNavi .local-nav a:after { background:url(assets/images/common/ico_btn_w_on.png) center no-repeat #0054ab; background-size:12px 12px; } #pageNavi .local-nav a:hover:after { background:url(assets/images/common/ico_btn_w_on.png) center no-repeat #bfbfbf; background-size:12px 12px; color:#fff; } .page_efforts #pageNavi .local-nav { height:120px; } .page_seminar #pageNavi .local-nav { height:138px; } @media print, screen and ( max-width:900px ) { #pageNavi .local-nav .navContainer { display:block; } #pageNavi .local-nav li { width:49%; float:left; margin-right:2%; margin-bottom:2%; } #pageNavi .local-nav li:nth-child(even) { margin-right:0; } #pageNavi .local-nav a { font-size:14px; padding:25px 15px 15px 15px; } #pageNavi .local-nav .nav-en { font-size:14px; } #pageNavi .local-nav p { padding-bottom:30px; margin:0 auto; text-align:center; } .page_efforts #pageNavi .local-nav { height:240px; } .page_seminar #pageNavi .local-nav { height:275px; } } @media print, screen and ( max-width:500px ) { #pageNavi .local-nav .nav-en { font-size:13px; } .page_efforts #pageNavi .local-nav { height:235px; } .page_seminar #pageNavi .local-nav { height:270px; } } @media print, screen and ( max-width:420px ) { #pageNavi .local-nav li { width:100%; float:left; margin-right:0; margin-bottom:3%; } #pageNavi .local-nav li:nth-child(even) { margin-right:0; } .page_efforts #pageNavi .local-nav { height:484px; } .page_seminar #pageNavi .local-nav { height:554px; } } /*--#pageIntro ----------------------------------------------------*/ #pageIntro { } #pageIntro .tle { font-size:18px; color:#fff; padding: 12px 20px 10px 20px; background:#0054ab; display:inline-block; letter-spacing:.08em; } #pageIntro .tleBottom { margin-top:50px; } #pageIntro h1 { font-size:28px; color:#000; font-weight:normal; line-height:1.4em; padding:20px 0 15px 0; letter-spacing:.08em; } #pageIntro h1 span.colorTxt { color:#0054ab; } #pageIntro h2 { font-size:17px; line-height:1.7em; padding-top:15px; border-top:1px solid #d5d5d5; letter-spacing:.08em; } #pageIntro .txt { font-size:17px; line-height:1.7em; padding-top:15px; border-top:1px solid #d5d5d5; letter-spacing:.08em; } .contTleBottom { margin-top:50px; } .contTle { font-size:18px; color:#fff; padding: 12px 20px 10px 20px; background:#0054ab; display:inline-block; letter-spacing:.08em; } @media print, screen and ( min-width:769px ) { /*--運行管理高度化の取り組み--*/ .page_efforts2 .h1Top { padding-top:50px!important; } } @media print, screen and ( max-width:768px ) { #pageIntro .tle { font-size:17px; } #pageIntro .tleBottom { margin-top:40px; } #pageIntro h1 { font-size:26px; } /*--運行管理高度化の取り組み--*/ .page_efforts2 .h1Top { padding-top:30px!important; } #pageIntro h2 { font-size:16px; } #pageIntro .txt { font-size:16px; } .contTle { font-size:17px; } } @media print, screen and ( max-width:700px ) { #pageIntro .tle { font-size:16px; } #pageIntro h1 { font-size:24px; } #pageIntro h2 { font-size:15px; } #pageIntro .txt { font-size:15px; } .contTle { font-size:16px; } } @media screen and (max-width:600px) ,print{ #pageIntro .tleBottom { margin-top:30px; } #pageIntro h1 { font-size:22px; } #pageIntro h2 { font-size:14px; } #pageIntro .txt { font-size:14px; } } @media screen and (max-width:500px) ,print{ #pageIntro .exBr { display:none; } #pageIntro h1 { font-size:20px; } /*--運行管理高度化の取り組み--*/ .page_efforts2 .h1Top { padding-top:20px!important; } } @media screen and (max-width:430px) ,print{ #pageIntro .tle { font-size:15px; } #pageIntro .tleBottom { margin-top:20px; } #pageIntro h1 { font-size:18px; } #pageIntro h2 { font-size:13px; } #pageIntro .txt { font-size:13px; } .contTle { font-size:15px; } } @media screen and (max-width:350px) ,print{ #pageIntro .tle { font-size:14px; padding: 12px 15px 10px 15px; } #pageIntro h1 { font-size:16px; } #pageIntro h2 { font-size:13px; } #pageIntro .txt { font-size:13px; } .contTle { font-size:14px; padding: 12px 15px 10px 15px; } } #showCase .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .animateCont2 { transition:1.2s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .animateCont3 { transition:1.6s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .isAnimate { transform:translateY(0); opacity:1; } /* .page_efforts ----------------------------------------------------*/ .page_efforts {} .page_efforts .animateCont { transform:translateY(-15%); opacity:0; } .page_efforts .isAnimate { transition:1.0s ease-in-out; transform:translateY(0); opacity:1; } .sdgsIconList {} .sdgsIconList img { max-width:100%; } .sdgsIconList li { float:left; box-sizing:border-box; } /*--共通--*/ #efforts1, #efforts2, #efforts3, #efforts4 { margin-top:-140px; padding-top:140px; } #efforts1 .contentSectionInner, #efforts2 .contentSectionInner, #efforts3 .contentSectionInner, #efforts4 .contentSectionInner { position:relative; z-index:1; } #efforts1 h1, #efforts2 h1, #efforts3 h1, #efforts4 h1 { font-size:18px; color:#fff; padding:12px 20px 10px 20px; background:#0054ab; display:inline-block; letter-spacing:.15em; } #efforts1 .h1Sub, #efforts2 .h1Sub, #efforts3 .h1Sub, #efforts4 .h1Sub { font-size:18px; color:#0054ab; padding-bottom:5px; letter-spacing:.1em; } #efforts1 h2, #efforts2 h2, #efforts3 h2, #efforts4 h2 { font-size:14px; letter-spacing:.08em; line-height:1.6em; margin:20px 0 25px 0; padding-bottom:20px; border-bottom:1px solid #d5d5d5; } #efforts1 h3, #efforts2 h3, #efforts3 h3, #efforts4 h3 { font-size:15px; letter-spacing:.1em; font-weight:bold; padding-bottom:10px } /*--#efforts1--*/ #efforts1 .bgTest4 { position:absolute; width:calc(100%); height:calc(200%); border-right:40px solid #fff; /*background:rgba(255,220,190,1.0);*/ background:rgba(255,255,255,1.0); transform:skew(0deg,5.0deg); } #efforts1 .bgTest4 { left:0; top:-30px; } #efforts1 .sdgs_logo { max-width:100%; padding:30px 0 10px 0; } #efforts1 .tle { font-size:15px; padding-bottom:5px; letter-spacing:.1em; font-weight:bold; } /*--#efforts2--*/ #efforts2 .bgTest4 { position:absolute; width:calc(100%); height:calc(100%); background:#f9f9f9; /*background:rgba(255,255,255,1.0);*/ transform:skew(0deg,5.0deg); } #efforts2 .bgTest4 { left:0; top:130px; } #efforts2 .tle { font-size:14px; padding-bottom:5px; letter-spacing:.1em; line-height:1.4; } /*--#efforts3--*/ #efforts3 .bgTest4 { position:absolute; width:calc(100%); height:calc(100%); background:#fff; /*background:rgba(255,255,255,1.0);*/ transform:skew(0deg,5.0deg); } #efforts3 .bgTest4 { left:0; top:140px; } #efforts3 .tle { font-size:14px; padding-bottom:5px; letter-spacing:.1em; line-height:1.4; } /*--#efforts4--*/ #efforts4 .bgTest4 { position:absolute; width:calc(100%); height:calc(100%); background:#f9f9f9; /*background:rgba(255,255,255,1.0);*/ transform:skew(0deg,5.0deg); } #efforts4 .bgTest4 { left:0; top:140px; } #efforts4 .tle { font-size:14px; padding-bottom:5px; letter-spacing:.1em; line-height:1.4; } @media print, screen and ( min-width:901px ) { .sdgsIconList { margin-top:25px; } .sdgsIconList li { width:16.666%; padding-right:10px; } } @media print, screen and ( max-width:900px ) { #efforts1, #efforts2, #efforts3, #efforts4 { margin-top:-130px; padding-top:130px; } #efforts2 .bgTest4 { left:0; top:120px; } #efforts3 .bgTest4 { left:0; top:130px; } .sdgsIconList { margin-top:25px; } .sdgsIconList li { width:16.6666%; padding-right:5px; } #efforts2 .sdgsIconList li:nth-child(1) { margin-bottom:2%; } #efforts2 .sdgsIconList li:nth-child(2) { margin-bottom:2%; } #efforts2 .sdgsIconList li:nth-child(3) { margin-bottom:2%; } } @media print, screen and ( max-width:768px ) { #efforts1 h1, #efforts2 h1, #efforts3 h1, #efforts4 h1 { font-size:17px; } #efforts1 .h1Sub, #efforts2 .h1Sub, #efforts3 .h1Sub, #efforts4 .h1Sub { font-size:17px; } #efforts1 .tle, #efforts2 .tle, #efforts3 .tle, #efforts4 .tle { font-size:14px; } #efforts3 .bgTest4 { left:0; top:135px; } #efforts4 .bgTest4 { left:0; top:120px; } .sdgsIconList { margin-top:25px; } .sdgsIconList li { width:25%; padding-right:10px; } #efforts2 .sdgsIconList li:nth-child(1) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(2) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(3) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(4) { margin-bottom:10px; } } @media print, screen and ( max-width:700px ) { #efforts1 h1, #efforts2 h1, #efforts3 h1, #efforts4 h1 { font-size:16px; } #efforts1 .h1Sub, #efforts2 .h1Sub, #efforts3 .h1Sub, #efforts4 .h1Sub { font-size:16px; } #efforts2 .bgTest4 { left:0; top:110px; } } @media screen and (max-width:600px) ,print{ #efforts1, #efforts1, #efforts2, #efforts4 { margin-top:-110px; padding-top:110px; } #efforts2 .bgTest4 { left:0; top:95px; } #efforts4 .bgTest4 { left:0; top:100px; } } @media screen and (max-width:500px) ,print{ #efforts1, #efforts1, #efforts2, #efforts4 { margin-top:-100px; padding-top:100px; } #efforts1 h2, #efforts2 h2, #efforts3 h2, #efforts4 h2 { font-size:13px; } #efforts1 h3, #efforts2 h3, #efforts3 h3, #efforts4 h3 { font-size:14px; } #efforts2 .bgTest4 { left:0; top:85px; } #efforts3 .bgTest4 { left:0; top:125px; } #efforts4 .bgTest4 { left:0; top:90px; } } @media screen and (max-width:430px) ,print{ #efforts1, #efforts1, #efforts2, #efforts4 { margin-top:-90px; padding-top:90px; } #efforts1 h1, #efforts2 h1, #efforts3 h1, #efforts4 h1 { font-size:15px; } #efforts1 .h1Sub, #efforts2 .h1Sub, #efforts3 .h1Sub, #efforts4 .h1Sub { font-size:15px; } #efforts2 .bgTest4 { left:0; top:75px; } #efforts4 .bgTest4 { left:0; top:80px; } .sdgsIconList { margin-top:25px; } .sdgsIconList li { width:33.3333%; padding-right:10px; } #efforts2 .sdgsIconList li:nth-child(1) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(2) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(3) { margin-bottom:10px; } #efforts2 .sdgsIconList li:nth-child(4) { margin-bottom:0; } } @media screen and (max-width:350px) ,print{ #efforts1 h1, #efforts2 h1, #efforts3 h1, #efforts4 h1 { font-size:14px; padding: 12px 15px 10px 15px; } #efforts1 .h1Sub, #efforts2 .h1Sub, #efforts3 .h1Sub, #efforts4 .h1Sub { font-size:14px; } #efforts1 h2, #efforts2 h2, #efforts3 h2, #efforts4 h2 { font-size:13px; } #efforts1 h3, #efforts2 h3, #efforts3 h3, #efforts4 h3 { font-size:13px; } #efforts1 .tle, #efforts2 .tle, #efforts3 .tle, #efforts4 .tle { font-size:12px; } } /*--上部--*/ @media screen and (min-width:1041px) ,print{ .page_efforts .contentsBox_bottom { padding-bottom:100px!important; } } @media screen and (min-width:601px) ,print{ .page_efforts { padding-top:30px; } .page_efforts .contentsBox { border-bottom:1px solid #d7d7cf; padding:50px 0 40px 0; } .page_efforts .contentsBox_bottom { padding-bottom:8.615vw; border-bottom:none; } .page_efforts .efforts_h1 { color:#0054ab; font-size:24px; line-height:1.0em; padding:0 0 35px 10px; } .page_efforts .contentsList { padding:0 10px; } .page_efforts .contentsList li { float:left; box-sizing:border-box; } .page_efforts .liLeft { width:35%; float:left; } .page_efforts .liLeft img { max-width:100%; } .page_efforts .liRight { width:65%; float:left; padding:0 0 0 30px; } .page_efforts .liRight .g_mark { width:160px; padding:0 20px 10px 0; float:left; } .page_efforts .liRight .green_keiei_mark { width:160px; padding:0 20px 10px 0; float:left; } .page_efforts .contentsList .txt { font-size:15px; margin-bottom:25px; line-height:2.0em; } .page_efforts .contentsList .txt .txtStrong { font-weight:bold; font-size:120%; color:#0054ab; } .page_efforts .contentsList .txt .txtNallow { font-size:90%; } .page_efforts .contentsList .subTxt { font-size:15px; margin-bottom:10px; font-weight:bold; line-height:1.8em; } } @media screen and (max-width:600px) { .page_efforts { padding-top:10px; } .page_efforts .contentsBox { border-bottom:1px solid #d7d7cf; padding:20px 0 20px 0; } .page_efforts .contentsBox_bottom { padding-bottom:40px; border-bottom:none; } .page_efforts .efforts_h1 { color:#0054ab; font-size:18px; line-height:1.4em; padding:0 0 20px 0; text-align:center; } .page_efforts .contentsList { padding:0 10px; } .page_efforts .contentsList li { float:left; box-sizing:border-box; } .page_efforts .liLeft { width:100%; float:left; padding:0 20px 30px 20px; } .page_efforts .liLeft img { max-width:100%; } .page_efforts .liRight { width:100%; float:left; padding:0 10px; } .page_efforts .liRight .g_mark { width:160px; padding:0 20px 10px 0; float:left; } .page_efforts .liRight .green_keiei_mark { width:160px; padding:0 20px 10px 0; float:left; } .page_efforts .contentsList .txt { font-size:14px; margin-bottom:25px; line-height:2.0em; } .page_efforts .contentsList .txt .txtStrong { font-weight:bold; font-size:120%; color:#0054ab; } .page_efforts .contentsList .txt .txtNallow { font-size:90%; } .page_efforts .contentsList .subTxt { font-size:14px; margin-bottom:10px; font-weight:bold; line-height:1.8em; } } @media screen and (max-width:500px) ,print{ .page_efforts .contentsBox_bottom { padding-bottom:30px; } .page_efforts .liLeft { width:100%; float:left; padding:0 10px 30px 10px; } .page_efforts .liLeft img { max-width:100%; } .page_efforts .liRight { width:100%; float:left; padding:0 0; } .page_efforts .liRight .g_mark { width:140px; padding:0 20px 10px 0; float:left; } .page_efforts .liRight .green_keiei_mark { width:140px; padding:0 20px 10px 0; float:left; } .page_efforts .contentsList .txt { font-size:13px; margin-bottom:25px; line-height:2.0em; } .page_efforts .contentsList .subTxt { font-size:13px; margin-bottom:10px; font-weight:bold; line-height:1.8em; } } @media screen and (max-width:430px) ,print{ .page_efforts .contentsBox_bottom { padding-bottom:20px; } .page_efforts .liLeft { width:100%; float:left; padding:0 0 30px 0; } .page_efforts .liRight .g_mark { width:120px; padding:0 20px 10px 0; float:left; } .page_efforts .liRight .green_keiei_mark { width:120px; padding:0 20px 10px 0; float:left; } .page_efforts .contentsList .txt { font-size:13px; margin-bottom:25px; line-height:2.0em; } .page_efforts .contentsList .subTxt { font-size:13px; margin-bottom:10px; font-weight:bold; line-height:1.8em; } } @media screen and (max-width:350px) ,print{ .page_efforts .liRight .g_mark { width:100px; padding:0 20px 10px 0; float:left; } .page_efforts .liRight .green_keiei_mark { width:100px; padding:0 20px 10px 0; float:left; } } /* .page_service ----------------------------------------------------*/ .page_service {} .page_service .txt { line-height:1.7em; padding-top:15px; letter-spacing:.08em; } .page_service h3 { font-size:18px; margin-top:25px; padding-top:25px; color:#0054ab; border-top: 1px solid #d5d5d5; } .page_service .txt2 { font-size:16px; line-height:1.6em; padding-top:10px; letter-spacing:.08em; } .page_service .txt span { color:#0054ab; } .page_service .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } .page_service .animateCont2 { transition:1.2s ease-in-out; transform:translateY(-15%); opacity:0; } .page_service .animateCont3 { transition:1.6s ease-in-out; transform:translateY(-15%); opacity:0; } .page_service .isAnimate { transform:translateY(0); opacity:1; } @media print, screen and ( max-width:768px ) { } @media print, screen and ( max-width:700px ) { .page_service h3 { font-size:17px; } .page_service .txt2 { font-size:15px; } } @media screen and (max-width:600px) ,print{ } @media screen and (max-width:500px) ,print{ .page_service h3 { font-size:16px; } .page_service .txt2 { font-size:14px; } } @media screen and (max-width:430px) ,print{ } @media screen and (max-width:350px) ,print{ } /* .page_company ----------------------------------------------------*/ /*--企業理念--*/ /*--代表挨拶--*/ .message .ceoName { text-align:right; } /*--会社概要--*/ /*.companyProfile { padding-top:140px; margin-top:-70px; }*/ .companyProfile .kakomi { margin-top:25px; } .companyProfile .companyTable { width:100%; margin:0 auto; text-align:left; } .companyProfile .companyTable .tle { background:#d5d5d5; } .companyProfile .companyTable p { font-size:14px; letter-spacing:.08em; } @media print, screen and ( min-width:601px ) { .message .ceoName img { width:280px; padding:30px 10px 0 0; } .companyProfile .companyTable { display:table; } .companyProfile .companyTable .tle { display:table-cell; width:250px; padding:20px 30px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:center; color:#000; box-sizing:border-box; } .companyProfile .companyTable .txt { display:table-cell; width:auto; padding:20px 50px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:left; color:#000; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { .message .ceoName img { width:280px; padding:30px 10px 0 0; } .companyProfile .companyTable { width:100%; } .companyProfile .companyTable .tle { width:220px; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .companyProfile .companyTable { width:100%; } .companyProfile .companyTable .tle { width:170px; padding:25px 20px; } .companyProfile .companyTable .txt { padding:25px 20px; } .companyProfile .companyTable p { font-size:13px; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .message .ceoName img { width:250px; padding:25px 5px 0 0; } /*.companyProfile { padding-top:100px; margin-top:-50px; }*/ .companyProfile .companyTable { width:100%; } .companyProfile .companyTable .tle { width:100%; padding:15px 20px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .txt { width:100%; padding:15px 20px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .tle p { font-size:14px; line-height:1.0em; } .companyProfile .companyTable .txt p { font-size:13px; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { .message .ceoName img { width:220px; padding:20px 0 0 0; } /*.companyProfile { padding-top:100px; margin-top:-50px; }*/ .companyProfile .companyTable { width:100%; } .companyProfile .companyTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .txt { width:100%; padding:15px 15px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .tle p { font-size:13px; line-height:1.0em; } .companyProfile .companyTable .txt p { font-size:12px; } } @media print, screen and ( max-width:400px ) { .message .ceoName img { width:200px; padding:20px 0 0 0; } /*.companyProfile { padding-top:100px; margin-top:-50px; }*/ .companyProfile .companyTable { width:100%; } .companyProfile .companyTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .txt { width:100%; padding:15px 15px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } .companyProfile .companyTable .tle p { font-size:13px; line-height:1.0em; } .companyProfile .companyTable .txt p { font-size:12px; } } /*--アクセス--*/ .access { } /*.access .accessMap { margin-top:43px; }*/ .access .accessMap iframe { width:100%; height:300px; padding-bottom:30px; } .access .accessTable { width:100%; } .access .accessTable .tle { font-size:17px; color:#0054ab; padding-bottom:10px; } .access .accessTable .divLeft .txt { font-size:15px; line-height:1.5em; } .access .accessTable .divRight .txt { font-size:14px; line-height:1.4em; } @media print, screen and ( min-width:601px ) { .access .accessTable { display:table; } .access .accessTable .divLeft { display:table-cell; width:40%; padding:0 30px 0 0; border-right:solid 1px #b6b6b6; vertical-align:top; text-align:left; box-sizing:border-box; } .access .accessTable .divRight { display:table-cell; width:60%; padding:0 0 0 30px; vertical-align:top; text-align:left; box-sizing:border-box; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { /*.access .accessMap { margin-top:33px; }*/ .access .accessMap iframe { height:350px; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { /*.access .accessMap { margin-top:33px; }*/ .access .accessMap iframe { height:300px; } .access .accessTable .divLeft { width:45%; padding:0 25px 0 0; } .access .accessTable .divRight { width:55%; padding:0 0 0 25px; } .access .accessTable .tle { font-size:16px; } .access .accessTable .divLeft .txt { font-size:14px; } .access .accessTable .divRight .txt { font-size:13px; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .access { padding-top:100px; margin-top:-100px; } /*.access .accessMap { margin-top:28px; }*/ .access .accessMap iframe { height:280px; } .access .accessTable .divLeft { width:100%; padding:0 5px 15px 5px; text-align:left; border-bottom:solid 1px #b6b6b6; } .access .accessTable .divRight { width:100%; padding:15px 5px 0 5px; text-align:left; } .access .accessTable .tle { font-size:15px; } .access .accessTable .divLeft .txt { font-size:13px; } .access .accessTable .divRight .txt { font-size:13px; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { .access { padding-top:100px; margin-top:-100px; } /*.access .accessMap { margin-top:28px; }*/ .access .accessMap iframe { height:260px; } .access .accessTable .divLeft { width:100%; padding:0 5px 15px 5px; text-align:left; border-bottom:solid 1px #b6b6b6; } .access .accessTable .divRight { width:100%; padding:15px 5px 0 5px; text-align:left; } .access .accessTable .tle { font-size:14px; } .access .accessTable .divLeft .txt { font-size:12px; } .access .accessTable .divRight .txt { font-size:12px; } } @media print, screen and ( min-width:351px ) and ( max-width:400px ) { .access { padding-top:100px; margin-top:-100px; } /*.access .accessMap { margin-top:23px; }*/ .access .accessMap iframe { height:240px; } .access .accessTable .divLeft { width:100%; padding:0 5px 15px 5px; text-align:left; border-bottom:solid 1px #b6b6b6; } .access .accessTable .divRight { width:100%; padding:15px 5px 0 5px; text-align:left; } .access .accessTable .tle { font-size:14px; } .access .accessTable .divLeft .txt { font-size:12px; } .access .accessTable .divRight .txt { font-size:12px; } } @media print, screen and ( max-width:350px ) { .access { padding-top:100px; margin-top:-100px; } /*.access .accessMap { margin-top:23px; }*/ .access .accessMap iframe { height:220px; } .access .accessTable .divLeft { width:100%; padding:0 5px 15px 5px; text-align:left; border-bottom:solid 1px #b6b6b6; } .access .accessTable .divRight { width:100%; padding:15px 5px 0 5px; text-align:left; } .access .accessTable .tle { font-size:14px; } .access .accessTable .divLeft .txt { font-size:12px; } .access .accessTable .divRight .txt { font-size:12px; } } /* .page_philosophy ----------------------------------------------------* .page_philosophy {} .page_philosophy .txt { font-size:14px; line-height:1.7em; padding-top:15px; letter-spacing:.14em; } .page_philosophy .txt2 { font-size:15px; } .page_philosophy .txt span { color:#0054ab; } .page_philosophy .nameTxt { font-size:18px; line-height:1.7em; letter-spacing:.12em; text-align:right; padding:15px 10px 0 0; margin-top:15px; border-top:1px solid #d5d5d5; } @media print, screen and ( max-width:768px ) { } @media print, screen and ( max-width:700px ) { .page_philosophy .txt { font-size:13px; } .page_philosophy .txt2 { font-size:14px; } .page_philosophy .nameTxt { font-size:17px; } } @media screen and (max-width:600px) ,print{ .page_philosophy .nameTxt { font-size:16px; } } @media screen and (max-width:500px) ,print{ .page_philosophy .txt { font-size:12px; } .page_philosophy .txt2 { font-size:13px; } .page_philosophy .nameTxt { font-size:14px; } } @media screen and (max-width:430px) ,print{ } @media screen and (max-width:350px) ,print{ }*/ /* .page_recruit ----------------------------------------------------*/ .page_recruit .workDetail .workDetailList { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } .page_recruit .workDetail .workDetailList li { box-sizing:border-box; border-bottom: 1px solid #d5d5d5; } .page_recruit .workDetail .workDetailList li:nth-child(5) { border:none; } .page_recruit .workDetail .workDetailList li:nth-child(6) { border:none; padding-bottom:0!important; } .page_recruit .workDetail .workDetailList li img { max-width:100%; } .page_recruit .workDetail .txt { line-height:1.7em; padding-top:15px; letter-spacing:.08em; } .page_recruit .workDetail h3 { font-size:18px; line-height:1.4em; color:#0054ab; } .page_recruit .workDetail .txt2 { font-size:16px; line-height:1.6em; padding-top:10px; letter-spacing:.08em; } .page_recruit .workDetail .txt span { color:#0054ab; } @media print, screen and ( min-width:769px ) { .page_recruit .workDetail .workDetailList .liLeft { float:left; width:35%; padding:25px 0; } .page_recruit .workDetail .workDetailList .liRight { float:left; width:65%; padding:25px 0 25px 25px; } } @media print, screen and (min-width:701px) and ( max-width:768px ) { .page_recruit .workDetail .workDetailList .liLeft { float:left; width:40%; padding:25px 0; } .page_recruit .workDetail .workDetailList .liRight { float:left; width:60%; padding:25px 0 25px 25px; } } @media print, screen and ( max-width:700px ) { .page_recruit .workDetail .workDetailList .liLeft { float:none; width:100%; padding:25px 0 0 0; border:none; } .page_recruit .workDetail .workDetailList .liRight { float:none; width:100%; padding:25px 0 0 0; border:none; } .page_recruit .workDetail h3 { font-size:17px; } .page_recruit .workDetail .txt2 { font-size:15px; } } @media screen and (max-width:600px) ,print{ } @media screen and (max-width:500px) ,print{ .page_recruit .workDetail h3 { font-size:16px; } .page_recruit .workDetail .txt2 { font-size:14px; } } @media screen and (max-width:430px) ,print{ } @media screen and (max-width:350px) ,print{ } .page_recruit .officeList { padding:0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } /*--小表示--*/ .page_recruit .officeList li { /*display:none;*/ /*opacity:0; transition:0.7s;*/ background:#ececec; position:relative; box-sizing:border-box; padding:0; } .page_recruit .officeList .recruitImg { max-width:100%; padding:15px 15px 0 15px; box-sizing:border-box; } .page_recruit .officeList img { max-width:100%; } .page_recruit .officeList .recruitDetail { width:100%; position:relative; } .page_recruit .officeList h1 { font-size:16px; color:#000; line-height:1.3; font-weight:bold; margin:20px 15px 15px 15px; padding-bottom:15px; border-bottom:1px solid #b3b3b3; letter-spacing:.08em; } .page_recruit .officeList h2 { font-size:14px; letter-spacing:.1em; line-height:1.4; margin:0 15px 20px 15px; padding-bottom:15px; border-bottom:1px solid #b3b3b3; } .page_recruit .officeList .txt { font-size:13px; margin:0 15px; letter-spacing:.08em; padding-bottom:10px; } .page_recruit .officeList .pagelinkBtn { position:absolute; bottom:0; left:0; } .page_recruit .recruitNone { width:100%!important; background:none!important; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; } /*--テキスト制御--*/ .page_recruit .officeList h1, .page_recruit .officeList h2, .page_recruit .officeList .txt { text-align: justify; text-justify: inter-ideograph; } @media screen and (min-width:851px) ,print{ /*--小表示--*/ .page_recruit .officeList { margin-top:25px; } .page_recruit .officeList li { width:31.3%; padding-bottom:55px; margin-bottom:3%; } .page_recruit .officeList li:nth-child(1), .page_recruit .officeList li:nth-child(4), .page_recruit .officeList li:nth-child(7) { margin-right:2%; } .page_recruit .officeList li:nth-child(2), .page_recruit .officeList li:nth-child(5), .page_recruit .officeList li:nth-child(8) { margin-right:1%; margin-left:1%; } .page_recruit .officeList li:nth-child(3), .page_recruit .officeList li:nth-child(6), .page_recruit .officeList li:nth-child(9) { margin-left:2%; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .recruitNone { margin:0!important; padding:30px 10px!important; } } @media screen and (min-width:769px) and (max-width:850px) ,print{ /*--小表示--*/ .page_recruit .officeList li { width:48%; padding-bottom:65px; margin-bottom:3%; } .page_recruit .officeList li:nth-child(odd) { margin-right:2%; } .page_recruit .officeList li:nth-child(even) { margin-left:2%; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:14px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:25px 10px!important; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { /*--小表示--*/ .page_recruit .officeList li { width:48%; padding-bottom:60px; margin-bottom:3%; } .page_recruit .officeList li:nth-child(odd) { margin-right:2%; } .page_recruit .officeList li:nth-child(even) { margin-left:2%; } .page_recruit .officeList h1 { font-size:15px; margin:15px 15px 10px 15px; padding-bottom:10px; } .page_recruit .officeList h2 { font-size:13px; margin:0 15px 15px 15px; padding-bottom:10px; } .page_recruit .officeList .txt { font-size:12px; margin:0 15px; padding-bottom:10px; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:13px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:25px 10px!important; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { /*--小表示--*/ .page_recruit .officeList li { width:100%; padding:20px; margin-bottom:30px; } .page_recruit .officeList li article { position:relative; padding-bottom:60px; } .page_recruit .officeList .officeImg { padding:0; } .page_recruit .officeList h1 { font-size:15px; margin:15px 0 10px 0; padding-bottom:10px; } .page_recruit .officeList h2 { font-size:13px; margin:0 0 15px 0; padding-bottom:10px; } .page_recruit .officeList .txt { font-size:12px; margin:0; padding-bottom:10px; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:13px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:20px 10px!important; } } @media print, screen and ( min-width:431px ) and ( max-width:500px ) { /*--小表示--*/ .page_recruit .officeList li { width:100%; padding:15px; margin-bottom:20px; } .page_recruit .officeList li article { position:relative; padding-bottom:60px; } .page_recruit .officeList .recruitImg { padding:0; } .page_recruit .officeList h1 { font-size:14px; margin:15px 0 10px 0; padding-bottom:10px; } .page_recruit .officeList h2 { font-size:13px; margin:0 0 15px 0; padding-bottom:10px; } .page_recruit .officeList .txt { font-size:12px; margin:0; padding-bottom:10px; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:13px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:20px 10px!important; } } @media print, screen and ( min-width:351px ) and ( max-width:430px ) { /*--小表示--*/ .page_recruit .officeList li { width:100%; padding:10px; margin-bottom:20px; } .page_recruit .officeList li article { position:relative; padding-bottom:60px; } .page_recruit .officeList .recruitImg { padding:0; } .page_recruit .officeList h1 { font-size:14px; margin:15px 0 10px 0; padding-bottom:10px; } .page_recruit .officeList h2 { font-size:13px; margin:0 0 15px 0; padding-bottom:10px; } .page_recruit .officeList .txt { font-size:12px; margin:0; padding-bottom:15px; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:13px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:18px 10px!important; } } @media print, screen and ( max-width:350px ) { /*--小表示--*/ .page_recruit .officeList li { width:100%; padding:10px; margin-bottom:20px; } .page_recruit .officeList li article { position:relative; padding-bottom:60px; } .page_recruit .officeList .recruitImg { padding:0; } .page_recruit .officeList h1 { font-size:14px; margin:15px 0 10px 0; padding-bottom:10px; } .page_recruit .officeList h2 { font-size:13px; margin:0 0 15px 0; padding-bottom:10px; } .page_recruit .officeList .txt { font-size:12px; margin:0; padding-bottom:15px; } .page_recruit .officeList .pagelinkBtn { width:100%; } .page_recruit .officeList .pagelinkBtn a { padding:13px 0; } .page_recruit .recruitNone { margin:25px 0 0 0!important; padding:18px 10px!important; } } #recruitInfo .kakomi { margin-top:25px; } #recruitInfo .infoTable { width:100%; margin:0 auto; text-align:left; } #recruitInfo .infoTable .tle { background:#d5d5d5; } #recruitInfo .infoTable p { font-size:14px; letter-spacing:.14em; } #recruitInfo .recruitNum { font-size:17px; color:#0054ab; padding-bottom:15px; font-feature-settings:"palt"; } @media print, screen and ( min-width:601px ) { #recruitInfo .infoTable { display:table; } #recruitInfo .infoTable .tle { display:table-cell; width:220px; padding:20px 30px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:center; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .txt { display:table-cell; width:auto; padding:20px 50px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:left; color:#000; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { #recruitInfo .infoTable { width:100%; } #recruitInfo .infoTable .tle { width:220px; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { #recruitInfo .infoTable { width:100%; } #recruitInfo .infoTable .tle { width:170px; padding:25px 20px; } #recruitInfo .infoTable .txt { padding:25px 20px; } #recruitInfo .infoTable p { font-size:13px; } #recruitInfo .recruitNum { font-size:16px; padding-bottom:15px; font-feature-settings:"palt"; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { #recruitInfo { padding-top:100px; margin-top:-50px; } #recruitInfo .infoTable { width:100%; } #recruitInfo .infoTable .tle { width:100%; padding:15px 20px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .txt { width:100%; padding:15px 20px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .tle p { font-size:14px; line-height:1.0em; } #recruitInfo .infoTable .txt p { font-size:13px; } #recruitInfo .recruitNum { font-size:15px; padding-bottom:15px; font-feature-settings:"palt"; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { #recruitInfo { padding-top:100px; margin-top:-50px; } #recruitInfo .infoTable { width:100%; } #recruitInfo .infoTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .txt { width:100%; padding:15px 15px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .tle p { font-size:13px; line-height:1.0em; } #recruitInfo .infoTable .txt p { font-size:12px; } #recruitInfo .recruitNum { font-size:15px; padding-bottom:15px; font-feature-settings:"palt"; } } @media print, screen and ( max-width:400px ) { #recruitInfo { padding-top:100px; margin-top:-50px; } #recruitInfo .infoTable { width:100%; } #recruitInfo .infoTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .txt { width:100%; padding:15px 15px; border-bottom:solid 1px #e6e9ee; text-align:left; color:#000; box-sizing:border-box; } #recruitInfo .infoTable .tle p { font-size:13px; line-height:1.0em; } #recruitInfo .infoTable .txt p { font-size:12px; } #recruitInfo .recruitNum { font-size:15px; padding-bottom:15px; font-feature-settings:"palt"; } } /* page_privacy ----------------------------------------------------*/ .page_privacy {} .page_privacy .kakomi { padding-top:30px; margin-top:30px; border-top:1px solid #d5d5d5; } .page_privacy #contents h1 { font-size:15px; line-height:1.5em; padding:30px 0; } .page_privacy .mainTle { font-size:18px; color:#0054ab; text-align:left; padding:0; } .page_privacy .leadTxt { text-align:left; font-size:15px; padding-top:15px; line-height:1.4em; } .page_privacy .privacyContents { padding:10px 1.1em 0 1.1em; text-align:left; } .page_privacy .subTxt { padding-bottom:5px; font-size:13px; } .page_privacy .txt { padding:10px 1.2em 0 1.2em; font-size:13px; } @media screen and (min-width:1001px) ,print{ } @media screen and (min-width:851px) and (max-width:1000px) ,print{ } @media screen and (max-width:850px) ,print{ .page_privacy #contents h1 { font-size:14px; } .page_privacy .mainTle { font-size:17px; } .page_privacy .leadTxt { font-size:14px; } } @media print, screen and ( max-width:768px ) { .page_privacy .kakomi { padding-top:25px; margin-top:25px; } .page_privacy .mainTle { font-size:16px; } .page_privacy .txt { font-size:12px; padding:10px 1.1em 0 1.1em; } .page_privacy .subTxt { font-size:12px; } .page_privacy .privacyContents { padding:10px 1.1em 0 1.1em; } } @media print, screen and ( max-width:600px ) { } @media print, screen and ( max-width:500px ) { } @media print, screen and ( max-width:430px ) { .page_privacy .kakomi { padding-top:20px; margin-top:20px; } .page_privacy #contents h1 { font-size:13px; } .page_privacy .mainTle { font-size:15px; } .page_privacy .txt { padding:10px 1.0em 0 1.0em; } .page_privacy .leadTxt { font-size:13px; } .page_privacy .privacyContents { padding:10px 1.0em 0 1.0em; } } @media print, screen and ( max-width:350px ) { } /* フォームセット ----------------------------------------------------*/ /*--注意事項 ー フォーム--*/ .table { border-top:solid 1px #e6e9ee; margin-top:30px; } .formSet .contactCoution { width:100%; text-align:left; padding:0 20px; box-sizing:border-box; } .formSet .contactCoution .mainTxt { font-size:14px; padding-bottom:15px; } .formSet .contactCoution .subTxt { font-size:13px; } /*.formSet .contactCoution span { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }*/ .formSet .basicTable { width:100%; text-align:left; } /*.formSet .basicTable .tle span { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }*/ .formSet .basicTable p { font-size:14px; } .formSet .basicTable .inputAreaRequired { background:#f9dddd; border:1px solid #f3afaf!important; } .formSet .basicTable input { padding:0 10px; box-sizing:border-box; border:1px solid #d7d7d7; } .formSet .basicTable textarea { width:100%; height:200px; padding:10px 10px; box-sizing:border-box; border:1px solid #d7d7d7; } /*--radio02--*/ .radio02-input{ display:none; } .radio02-input + label{ padding-left:20px; position:relative; margin-right:20px; } .radio02-input + label::before{ content:""; display:block; position:absolute; top:0; left:0; width:15px; height:15px; border:1px solid #d2d2d2; border-radius:50%; background:#fff; } .radio02-input:checked + label{ color:#0054ab; } .radio02-input:checked + label::after{ content:""; display:block; position:absolute; top:3px; left:3px; width:11px; height:11px; background:#0054ab; border-radius:50%; } /*--select--*/ .formSet .basicTable select { border:1px solid #d2d2d2; width:200px; height:34px; } /*--確認・修正・送信ボタン--*/ .table .btn { width:100%; display:flex; flex-wrap:wrap; justify-content:center; } .table .btn input { cursor:pointer; } .table .btn .inputBtn2w { width:40%!important; margin:20px 10px 0 10px; } @media print, screen and ( min-width:401px ) { .formSet .basicTable ul { margin-top:15px; overflow:hidden; } .formSet .basicTable .ulType01 .koumoku { float:left; width:5em; height:34px; } .formSet .basicTable .ulType01 .koumoku p { padding-top:8px; } .formSet .basicTable .ulType01 .input { float:left; width:100%; margin-left:-5em; padding-left:5em; box-sizing:border-box; } .formSet .basicTable .ulType02 .koumoku { float:left; width:3em; height:34px; } .formSet .basicTable .ulType02 .koumoku p { padding-top:8px; } .formSet .basicTable .ulType02 .input { float:left; width:100%; margin-left:-3em; padding-left:3em; box-sizing:border-box; } .formSet .basicTable .inputType01 { width:100%; height:34px; } .formSet .basicTable .inputType02 { width:150px; height:34px; } .formSet .basicTable .inputType03 { width:250px; height:34px; } .formSet .basicTable .inputType04 { width:100%; max-width:640px; height:34px; } .formSet .basicTable .inputType05 { width:250px; height:34px; } } @media print, screen and ( max-width:400px ) { .formSet .basicTable ul { margin-top:15px; overflow:hidden; } .formSet .basicTable .ulType01 .koumoku { float:left; width:5em; height:34px; } .formSet .basicTable .ulType01 .koumoku p { padding-top:8px; } .formSet .basicTable .ulType01 .input { float:left; width:100%; margin-left:-5em; padding-left:5em; box-sizing:border-box; } .formSet .basicTable .ulType02 .koumoku { float:left; width:3em; height:34px; } .formSet .basicTable .ulType02 .koumoku p { padding-top:8px; } .formSet .basicTable .ulType02 .input { float:left; width:100%; margin-left:-3em; padding-left:3em; box-sizing:border-box; } .formSet .basicTable .inputType01 { width:100%; height:34px; } .formSet .basicTable .inputType02 { width:150px; height:34px; } .formSet .basicTable .inputType03 { width:100%; height:34px; } .formSet .basicTable .inputType04 { width:100%; max-width:640px; height:34px; } .formSet .basicTable .inputType05 { width:100%; height:34px; } .formSet .basicTable select { width:100%; } } @media print, screen and ( min-width:601px ) { .formSet .basicTable { display:table; } .formSet .basicTable .tle { display:table-cell; width:190px; padding:30px 30px; border-bottom:solid 1px #d5d5d5; vertical-align:middle; text-align:left; color:#000; } .formSet .basicTable .txt { display:table-cell; width:auto; padding:30px 30px 30px 0; border-bottom:solid 1px #d5d5d5; vertical-align:middle; text-align:left; color:#000; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { .formSet .basicTable .tle { width:160px; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .formSet .contactCoution .mainTxt { font-size:13px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:12px; } .formSet .basicTable .tle { width:140px; padding:25px 20px; } .formSet .basicTable .txt { padding:25px 20px 25px 0; } .formSet .basicTable p { font-size:13px; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .formSet .contactCoution .mainTxt { font-size:13px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:12px; } .formSet .basicTable .tle { width:100%; background:#e6e9ee; padding:15px 20px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable .txt { width:100%; padding:25px 20px 25px 20px; border-bottom:solid 1px #d5d5d5; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:13px; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { .formSet .contactCoution .mainTxt { font-size:13px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:12px; } .formSet .basicTable .tle { width:100%; background:#e6e9ee; padding:15px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable .txt { width:100%; padding:20px 10px 20px 10px; border-bottom:solid 1px #d5d5d5; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:12px; } } @media print, screen and ( max-width:400px ) { .formSet .contactCoution .mainTxt { font-size:12px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:11px; } .formSet .basicTable .tle { width:100%; background:#e6e9ee; padding:10px 15px; border-bottom:none; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable .txt { width:100%; padding:20px 5px 20px 5px; border-bottom:solid 1px #d5d5d5; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:12px; } } /*--個人情報 ー ボタン--*/ .formSet .privacypolicyArea { text-align:left; } .formSet .privacypolicyArea > dt { font-size:16px; margin-top:40px; text-align:center; line-height:1.4em; } .formSet .privacypolicyArea dt { padding-bottom:3px; margin-bottom:20px; } .formSet .privacypolicyArea dt { font-weight:normal; } .formSet .privacypolicyArea > dd { padding:25px 30px; height:250px; border:1px solid #E0E0E0; overflow:scroll; background:#fff; } .formSet .checkTxt { margin-bottom:20px; font-size:15px; margin-top:30px; font-weight:normal; text-align:center; line-height:1.4em; } .formSet .checkBoxBg { width:326px; background:#d5d5d5; margin:0 auto 30px auto; } .formSet .checkBox { text-align:center; padding:15px 0; font-size:15px; font-weight:normal; } .formSet .checkBox input { margin-right:5px; } .formSet .checkBox .valign { vertical-align:-7%; } .formSet .submitBtn { text-align:center; } .formSet .submitBtn input { width:400px; color:#000; padding:20px 0; background:url(assets/images/top/solutionLinkBtn_bg_on.png) no-repeat right bottom #fdd000; background-size:20px; border:1px solid #fdd000; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .formSet .submitBtn input:hover { background:url(assets/images/top/solutionLinkBtn_bg_off.png) no-repeat right bottom #01014a; background-size:20px; color:#fff; border:1px solid #01014a; } @media print, screen and ( min-width:951px ) { } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { .formSet .privacypolicyArea .mainTle { font-size:14px; } .formSet .privacypolicyArea > dt { font-size:15px; margin-top:30px; } .formSet .privacypolicyArea > dd { padding:20px 25px; } } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .formSet .privacypolicyArea .mainTle { font-size:13px; } .formSet .privacypolicyArea > dt { font-size:14px; margin-top:30px; } .formSet .privacypolicyArea > dd { font-size:11px; padding:20px 20px; } .formSet .checkTxt { margin-bottom:20px; font-size:14px; margin-top:30px; } .formSet .checkBox { font-size:14px; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { .formSet .privacypolicyArea .mainTle { font-size:13px; } .formSet .privacypolicyArea .mainTxt { font-size:11px; } .formSet .privacypolicyArea > dt { font-size:14px; margin-top:30px; } .formSet .privacypolicyArea > dd { font-size:11px; padding:20px 20px; } .formSet .checkTxt { margin-bottom:20px; font-size:14px; margin-top:30px; } .formSet .checkBoxBg { width:100%; } .formSet .checkBox { font-size:14px; } .formSet .submitBtn input { width:90%; padding:18px 0; font-size:14px; } } @media print, screen and ( max-width:400px ) { .formSet .privacypolicyArea .mainTle { font-size:13px; } .formSet .privacypolicyArea .mainTxt { font-size:11px; } .formSet .privacypolicyArea > dt { font-size:14px; margin-top:30px; } .formSet .privacypolicyArea > dd { font-size:11px; padding:15px 15px; } .formSet .checkTxt { margin-bottom:20px; font-size:13px; margin-top:30px; } .formSet .checkBoxBg { width:100%; } .formSet .checkBox { font-size:13px; } .formSet .submitBtn input { width:100%; padding:16px 0; font-size:13px; box-sizing:border-box; } } #privacyPoricy_contact {} #privacyPoricy_contact .contentSectionInner { padding:0; } #privacyPoricy_contact .kakomi { padding-top:18px; margin-top:15px; border-top:1px solid #d5d5d5; } #privacyPoricy_contact h1 { font-size:13px; line-height:1.5em; } #privacyPoricy_contact .mainTle { font-size:14px; color:#0054ab; text-align:left; padding:0; } #privacyPoricy_contact .leadTxt { text-align:left; font-size:13px; padding-top:5px; line-height:1.4em; } #privacyPoricy_contact .privacyContents { padding:10px 1.1em 0 1.1em; text-align:left; } #privacyPoricy_contact .subTxt { padding-bottom:5px; font-size:12px; } #privacyPoricy_contact .txt { padding:5px 1.2em 0 1.2em; font-size:12px; } @media screen and (min-width:1001px) ,print{ } @media screen and (min-width:851px) and (max-width:1000px) ,print{ } @media screen and (max-width:850px) ,print{ #privacyPoricy_contact h1 { font-size:13px; } #privacyPoricy_contact .mainTle { font-size:14px; } #privacyPoricy_contact .leadTxt { font-size:13px; } } @media print, screen and ( max-width:768px ) { #privacyPoricy_contact.kakomi { padding-top:18px; margin-top:15px; } #privacyPoricy_contact h1 { font-size:12px; } #privacyPoricy_contact .mainTle { font-size:13px; } #privacyPoricy_contact .leadTxt { font-size:12px; } #privacyPoricy_contact .txt { font-size:12px; padding:5px 1.0em 0 1.0em; } #privacyPoricy_contact .subTxt { font-size:12px; } #privacyPoricy_contact .privacyContents { padding:5px 1.0em 0 1.0em; } } @media print, screen and ( max-width:600px ) { } @media print, screen and ( max-width:500px ) { } @media print, screen and ( max-width:430px ) { } @media print, screen and ( max-width:350px ) { } /* ContactForm7 */ /* Contact Form 7 の送信アニメーションを非表示にする */ .wpcf7 .wpcf7-spinner { display: none !important; } div.wpcf7 .ajax-loader { display:none!important; } .wpcf7c-conf { background:rgb(250,255,189)!important; color:black; border:1px solid #333333; } div.wpcf7-mail-sent-ok { background:#198ad8; border:2px solid #198ad8!important; } div.wpcf7-response-output { font-size:14px!important; color:#fff!important; padding:10px!important; text-align:center; } div.wpcf7-validation-errors { background:#d41b1b; border:2px solid #d41b1b!important; padding:10px!important; text-align:center; } span.wpcf7-not-valid-tip { color:#d41b1b!important; font-size:1em; font-weight:normal; display:block; padding-top:10px!important; text-align:right; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background:#d41b1b; border:2px solid #d41b1b!important; padding:10px!important; text-align:center; } .wpcf7 form .wpcf7-response-output { background:#198ad8; border:2px solid #198ad8!important; } .pagelinkBtn_submitBtn .btn input[type="submit"][disabled] {background:#f0b27d!important;cursor:default;} .pagelinkBtn_submitBtn .btn input[type="submit"][disabled]:hover { color:#fff!important; } .pagelinkBtn_submitBtn { text-align:center; position:relative; z-index:1; width:100%; margin:20px auto 0 auto; } .pagelinkBtn_submitBtn .btn { } .pagelinkBtn_submitBtn .btn p { font-size:15px; line-height:0em; } /*.pagelinkBtn_submitBtn .btn input { border:1px solid #ed6d00; transition:0.2s ease-in-out; color:#fff; line-height:1.0em; display:block; padding:30px 0; font-family:'Montserrat', sans-serif; background:url(images/common/ico_btn_off.png) 50px center no-repeat #ed6d00; background-size:12px 12px; box-sizing:border-box; z-index:2; position:relative; }*/ .pagelinkBtn_submitBtn .btn input { border:1px solid #fdd000; transition:0.2s ease-in-out; color:#000; line-height:1.0em; display:block; padding:25px 0; font-family:'Montserrat', sans-serif; background:#fdd000; box-sizing:border-box; z-index:2; position:relative; } .pagelinkBtn_submitBtn .btn input:hover { color:#fff!important; } /*.pagelinkBtn_submitBtn .btn input:hover { background:url(images/common/ico_btn_on.png) 50px center no-repeat; background-size:12px 12px; }*/ .pagelinkBtn_submitBtn .btn input:hover { border:1px solid #01014a; background:#01014a; } .pagelinkBtn_submitBtn .btn input::before { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; content:''; background:#01014a!important; background-size:16px 16px; transform-origin:right top; transform:scale(0, 1); transition:transform .3s; } .pagelinkBtn_submitBtn:hover .btn input::before { transform-origin:left top; transform:scale(1, 1); } .pagelinkBtn_submitBtn .btn input[type="submit"][disabled] { background:#ffea89!important; border:1px solid #ffea89!important; cursor:default; color:#fff; } .pagelinkBtn_submitBtn .btn input[type="submit"][disabled]:hover { color:#fff!important; } .wpcf7-confirm { width:400px; margin:0 auto; } .wpcf7-submit { float:left; width:49%!important; } .wpcf7-back { float:right; width:49%!important; } .wpcf7-form .submitBtnLeft { float:left; width:45%; padding-top:20px; text-align:right!important; } .wpcf7-form .submitBtnLeft input { width:70%; } .wpcf7-form .submitBtnRight { float:right; width:45%; padding-top:20px; text-align:left!important; } .wpcf7-form .submitBtnRight input { width:70%; } @media print, screen and ( min-width:769px ) and ( max-width:1000px ) { .wpcf7-form .submitBtnLeft { float:left; width:48%; } .wpcf7-form .submitBtnLeft input { width:100%; } .wpcf7-form .submitBtnRight { float:right; width:48%; } .wpcf7-form .submitBtnRight input { width:100%; } } @media print, screen and ( min-width:671px ) and ( max-width:768px ) { .wpcf7-form .submitBtnLeft { float:left; width:48%; } .wpcf7-form .submitBtnLeft input { width:100%; } .wpcf7-form .submitBtnRight { float:right; width:48%; } .wpcf7-form .submitBtnRight input { width:100%; } } @media print, screen and ( min-width:561px ) and ( max-width:670px ) { .wpcf7-form .submitBtnLeft { float:left; width:48%; } .wpcf7-form .submitBtnLeft input { width:100%; } .wpcf7-form .submitBtnRight { float:right; width:48%; } .wpcf7-form .submitBtnRight input { width:100%; } } @media print, screen and ( min-width:471px ) and ( max-width:560px ) { .wpcf7-form .submitBtnLeft { float:left; width:48%; } .wpcf7-form .submitBtnLeft input { width:100%; } .wpcf7-form .submitBtnRight { float:right; width:48%; } .wpcf7-form .submitBtnRight input { width:100%; } } @media print, screen and ( max-width:470px ) { .wpcf7-form .submitBtnLeft { float:none; width:100%; } .wpcf7-form .submitBtnLeft input { width:100%; } .wpcf7-form .submitBtnRight { float:none; width:100%; } .wpcf7-form .submitBtnRight input { width:100%; } } /*--ニュース&レポート--*/ #newsList { width:100%; padding:70px 0; font-size:14px; } #newsList { margin-top:-70px; padding-top:140px; overflow:hidden; } #newsList .newsList { width:100%; } #newsList .newsList li { padding-bottom:30px; } #newsList .newsList li:last-child { padding-bottom:0px; } #newsList .newsList li .newsDate { float:left; width:130px; } #newsList .newsList li .newsDate p { color:#0054ab; text-align:left; line-height:1.5em; } #newsList .newsList li .newsDate span { margin-left:6px; color:#ff0000; font-weight:normal; font-size:90%; } #newsList .newsList li .newsTle { float:right; width:100%; margin-right:-130px; padding-right:130px; box-sizing:border-box; } /*#newsList .newsList li .newsTle p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }*/ #newsList .newsList li .newsTle p { text-align:left; line-height:1.5em; } #newsList .newsList li .newsTle a { color:#000; } #newsList .newsList li .newsTle a:hover { color:#0054ab; } .newsDetail .newsTxtBox { border-top:1px solid #d5d5d5; } .newsDetail .newsBack { text-align:center; border-top:1px solid #d5d5d5; } @media print, screen and ( min-width:951px ) { .newsDetail .newsDate { font-size:16px; padding-bottom:10px; } .newsDetail h1 { font-size:26px!important; } .newsDetail .newsTxtBox { padding-top:10px!important; } .newsDetail .newsTxtBox p { font-size:16px!important; line-height:1.6em; padding-top:20px; } .newsDetail .newsBack { margin-top:30px; } .newsDetail .newsBack .pagelinkBtn { margin:30px auto 0 auto; } } @media print, screen and ( min-width:769px ) and ( max-width:950px ) { #newsList .newsList li .newsDate p { font-size:13px; } #newsList .newsList li .newsTle p { font-size:13px; } #newsList .pagelinkBtn p { font-size:14px; } .newsDetail .newsDate { font-size:16px; padding-bottom:10px; } .newsDetail h1 { font-size:26px!important; } .newsDetail .newsTxtBox { padding-top:10px!important; } .newsDetail .newsTxtBox p { font-size:16px!important; line-height:1.6em; padding-top:20px; } .newsDetail .newsBack { margin-top:30px; } .newsDetail .newsBack .pagelinkBtn { margin:30px auto 0 auto; } } @media print, screen and ( min-width:601px ) and ( max-width:768px ) { #newsList .newsList li .newsDate p { font-size:13px; } #newsList .newsList li .newsTle p { font-size:13px; } #newsList .pagelinkBtn { float:none; width:320px; margin:35px auto 0 auto; } #newsList .pagelinkBtn p { font-size:14px; } .newsDetail .newsDate { font-size:15px; padding-bottom:10px; } .newsDetail h1 { font-size:24px!important; } .newsDetail .newsTxtBox { padding-top:10px!important; } .newsDetail .newsTxtBox p { font-size:15px!important; line-height:1.6em; padding-top:15px; } .newsDetail .newsBack { margin-top:25px; } .newsDetail .newsBack .pagelinkBtn { margin:25px auto 0 auto; } } @media print, screen and ( min-width:401px ) and ( max-width:600px ) { #newsList .disTable .tableLeft { width:100%; padding:0 0 35px 0; text-align:center; } #newsList .newsList li .newsDate { float:none; width:100%; padding-bottom:5px; } #newsList .newsList li .newsDate p { font-size:13px; } #newsList .newsList li .newsTle { float:none; margin:0; padding:0; } #newsList .newsList li .newsTle p { font-size:13px; } #newsList .pagelinkBtn { float:none; width:320px; margin:35px auto 0 auto; } #newsList .pagelinkBtn p { font-size:13px; padding:12px 0; } .newsDetail .newsDate { font-size:14px; padding-bottom:5px; } .newsDetail h1 { font-size:22px!important; } .newsDetail .newsTxtBox { padding-top:5px!important; } .newsDetail .newsTxtBox p { font-size:14px!important; line-height:1.6em; padding-top:15px; } .newsDetail .newsBack { margin-top:20px; } .newsDetail .newsBack .pagelinkBtn { margin:25px auto 0 auto; } } @media print, screen and ( max-width:400px ) { #newsList .disTable .tableLeft { width:100%; padding:0 0 35px 0; text-align:center; } #newsList .newsList li { padding-bottom:10px; } #newsList .newsList li .newsDate { float:none; width:100%; padding-bottom:5px; } #newsList .newsList li .newsDate p { font-size:12px; } #newsList .newsList li .newsTle { float:none; margin:0; padding:0; } #newsList .newsList li .newsTle p { font-size:12px; } #newsList .pagelinkBtn { float:none; width:90%; margin:35px auto 0 auto; box-sizing:border-box; } #newsList .pagelinkBtn p { font-size:12px; padding:12px 0; } .newsDetail .newsDate { font-size:13px; padding-bottom:5px; } .newsDetail h1 { font-size:19px!important; } .newsDetail .newsTxtBox { padding-top:0px!important; } .newsDetail .newsTxtBox p { font-size:13px!important; line-height:1.6em; padding-top:15px; } .newsDetail .newsBack { margin-top:15px; } .newsDetail .newsBack .pagelinkBtn { margin:20px auto 0 auto; } } /*--ページトップボタン--*/ #page_top { width:50px; height:50px; position:fixed; right:12px; bottom:12px; background:#fff; opacity:1.0; border-radius:50%; z-index:40; box-shadow:0px 0px 4px 4px rgba(0,0,0,.1); } #page_top a { position:relative; display:block; width:50px; height:50px; text-decoration:none; } #page_top a::before { font-family:'Font Awesome 5 Free'; font-weight:900; content:'\f102'; font-size:25px; color:#0088ce; position:absolute; width:25px; height:25px; top:5px; bottom:0; right:0; left:0; margin:auto; text-align:center; } @media screen and (max-width:400px) { #page_top { width:32px; height:32px; right:5px; bottom:22px; } #page_top a { width:32px; height:32px; } #page_top a::before { font-size:20px; top:6px; } }