@charset "UTF-8"; /* About This CSS File ----------------------------------------------- name:base.css date:2020.07.03 ヘッダー・ナビのブレイクポイント 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:"Noto Sans JP", "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; } .indexPage { background:url(images/body_bg.jpg) center; background-size:cover; background-attachment:fixed; } @media all and (min-width:1001px) { .tabDisplay { display:none!important; } .spDisplay { display:none!important; } .sptabDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media all and (min-width:601px) and (max-width:1000px) { .pcDisplay { display:none!important; } .spDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media all and (min-width:351px) and (max-width:600px) { .pcDisplay { display:none!important; } .pctabDisplay { display:none!important; } .sspDissplay_on { display:none!important; } } @media all and (max-width:350px) { .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; } /*--ページトップへ移動--*/ #pageTop { position:fixed; bottom:27px; right:30px; z-index:1000; } /*---------------------------------------------------- リンク設定 ----------------------------------------------------*/ /*--link--*/ a:link { color:#610f14; text-decoration:none; } /*@media all and (min-width:1px) { 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; } /*---------------------------------------------------- テキスト設定 ----------------------------------------------------*/ .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; } .kakko { margin-left:-0.4em; } /*---------------------------------------------------- #page（ページ全体）（未調整） ----------------------------------------------------*/ #container { width:100%!important; } #page { font-size:100%; width:100%; height:100%; text-align:left; position:relative; } .wrap { width:100%; margin:0 auto; position:relative; } .wrapMax { width:100%; margin:0 auto; 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); } /*---------------------------------------------------- ファーストビュー ----------------------------------------------------*/ #globalHeader { } body.home #globalHeader { height:100%; width:100%; position:relative; } /* #first-view ----------------------------------------------------*/ #first-view { height:100%; min-height:100%; text-align:center; position:relative; overflow:hidden; } #first-view:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(images/first-view_bg.png) no-repeat 0 50%; background-size: auto 100%; z-index: 1; } #first-view #logo { z-index:2; } #first-view #contentsLink { z-index:2; } @media all and (min-width:1001px) { #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 all and (min-width:601px) and (max-width:1000px) { #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 all and (min-width:351px) and (max-width:600px) { #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 all and (max-width:350px) { #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); } } /* firstviewConceptTxt ----------------------------------------------------*/ .firstviewConceptTxt { position:absolute; z-index:2; width:100%; text-align:center; } .firstviewConceptTxt .txt01 { font-feature-settings:"palt"; color:#fff; font-weight:bold; line-height:1.4em; letter-spacing:.10em; text-shadow:0 0 6px rgba(0,0,0,.8); } .firstviewConceptTxt .txt02 { font-feature-settings:"palt"; letter-spacing:.10em; font-weight:bold; color:#fff; text-shadow:0 0 6px rgba(0,0,0,.8); } .firstviewConceptTxt .txt02 span { font-size:130%; } .firstviewConceptTxt .txt03 { font-feature-settings:"palt"; color:#fff; font-weight:normal; line-height:1.3em; letter-spacing:.10em; text-shadow:0 0 6px rgba(0,0,0,.8); } .firstviewConceptTxt .txt04 { font-feature-settings:"palt"; color:#fff; font-weight:bold; line-height:1.3em; letter-spacing:.05em; text-shadow:0 0 6px rgba(0,0,0,.6); } .firstviewConceptTxt .firstviewConceptBox { box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .telTxt { color:#fff!important; letter-spacing:.10em; font-family:'Roboto', sans-serif; text-shadow:0 0 6px rgba(0,0,0,.8); } .firstviewConceptTxt .firstviewConceptBox .telTxt a { color:#fff!important; } .firstviewConceptTxt .firstviewConceptBox .timeTxt { color:#fff; letter-spacing:.10em; text-shadow:0 0 6px rgba(0,0,0,.8); } .firstviewConceptTxt .firstviewConceptBox .timeTxt spa { font-family:'Roboto', sans-serif; } .firstviewConceptTxt .pagelinkBtn { width:100%; } .firstviewConceptTxt .pagelinkBtn p { text-shadow:none; color:#fff; } .firstviewConceptTxt .firstviewConceptBox .pagelinkBtn a:hover p { color:#ed6d00; } .bgDeco { position:absolute; width:100%; height:100%; background:url(images/dot-black.png) top left; z-index:2; top:0; left:0%; } /*.bgDeco { position:absolute; width:100%; height:100%; background:url(images/dot-white.png) top left; z-index:2; top:0; left:0%; }*/ @media all and (min-width:851px) { .firstviewConceptTxt { top:50%; margin-top:-270px; } .firstviewConceptTxt .txt01 { font-size:20px; } .firstviewConceptTxt .txt01 .exBr { display:none; } .firstviewConceptTxt .txt02 { font-size:26px; padding:25px 0 0 0; } .firstviewConceptTxt .txt02 br { display:none; } .firstviewConceptTxt .txt03 { font-size:16px; padding-bottom:15px; } .firstviewConceptTxt .txt03 br { display:none; } .firstviewConceptTxt .txt04 { font-size:18px; padding:12px 5px 0 0; } .firstviewConceptTxt img { width:220px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:50px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:564px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:left; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:180px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:200px; height:70px; margin-right:2px; margin-left:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:180px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:40px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:660px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:left; width:50%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 100px center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 100px center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:769px) and (max-width:850px) { .firstviewConceptTxt { top:50%; margin-top:-270px; } .firstviewConceptTxt .txt01 { font-size:20px; } .firstviewConceptTxt .txt01 .exBr { display:none; } .firstviewConceptTxt .txt02 { font-size:26px; padding:25px 0 0 0; } .firstviewConceptTxt .txt02 br { display:none; } .firstviewConceptTxt .txt03 { font-size:16px; padding-bottom:15px; } .firstviewConceptTxt .txt03 br { display:none; } .firstviewConceptTxt .txt04 { font-size:18px; padding:12px 5px 0 0; } .firstviewConceptTxt img { width:220px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:50px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:564px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:left; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:180px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:200px; height:70px; margin-right:2px; margin-left:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:180px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:40px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:660px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:left; width:50%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 100px center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 100px center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:601px) and (max-width:768px) { .firstviewConceptTxt { top:50%; margin-top:-260px; } .firstviewConceptTxt .txt01 { font-size:18px; } .firstviewConceptTxt .txt01 .exBr { display:none; } .firstviewConceptTxt .txt02 { font-size:25px; padding:20px 0 0 0; } .firstviewConceptTxt .txt02 br { display:none; } .firstviewConceptTxt .txt03 { font-size:15px; padding-bottom:15px; } .firstviewConceptTxt .txt03 br { display:none; } .firstviewConceptTxt .txt04 { font-size:17px; padding:13px 5px 0 0; } .firstviewConceptTxt img { width:200px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:30px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:534px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:left; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:170px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:190px; height:70px; margin-right:2px; margin-left:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:170px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:30px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:80%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:none; width:100%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:20px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 37% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 37% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:501px) and (max-width:600px) { .firstviewConceptTxt { top:50%; margin-top:-275px; } .firstviewConceptTxt .txt01 { font-size:17px; } .firstviewConceptTxt .txt01 .exBr { display:none; } .firstviewConceptTxt .txt02 { font-size:23px; padding:20px 0 0 0; } .firstviewConceptTxt .txt02 br { display:none; } .firstviewConceptTxt .txt03 { font-size:15px; padding-bottom:15px; } /*.firstviewConceptTxt .txt03 br { display:none; }*/ .firstviewConceptTxt .txt04 { font-size:16px; padding:15px 5px 0 0; } .firstviewConceptTxt img { width:190px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:30px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:434px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:left; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:135px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:160px; height:70px; margin-right:2px; margin-left:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:135px; height:70px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:30px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:80%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:none; width:100%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:20px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:431px) and (max-width:500px) { .firstviewConceptTxt { top:50%; margin-top:-285px; } .firstviewConceptTxt .txt01 { font-size:17px; } /*.firstviewConceptTxt .txt01 .exBr { display:none; }*/ .firstviewConceptTxt .txt02 { font-size:23px; line-height:1.6em; padding:10px 0 0 0; } /*.firstviewConceptTxt .txt02 br { display:none; }*/ .firstviewConceptTxt .txt03 { font-size:15px; padding-bottom:15px; } /*.firstviewConceptTxt .txt03 br { display:none; }*/ .firstviewConceptTxt .txt04 { font-size:14px; padding:12px 5px 0 0; } .firstviewConceptTxt img { width:180px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:20px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:374px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:left; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:115px; height:60px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:140px; height:60px; margin-right:2px; margin-left:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:115px; height:60px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:20px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:80%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:none; width:100%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:20px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:351px) and (max-width:430px) { .firstviewConceptTxt { top:50%; margin-top:-285px; } .firstviewConceptTxt .txt01 { font-size:16px; } /*.firstviewConceptTxt .txt01 .exBr { display:none; }*/ .firstviewConceptTxt .txt02 { font-size:20px; line-height:1.6em; padding:10px 0 0 0; } /*.firstviewConceptTxt .txt02 br { display:none; }*/ .firstviewConceptTxt .txt03 { font-size:14px; padding-bottom:15px; } /*.firstviewConceptTxt .txt03 br { display:none; }*/ .firstviewConceptTxt .txt04 { font-size:15px; padding:12px 5px 0 0; } .firstviewConceptTxt img { width:170px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:15px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:90%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:none; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li br { display:none; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:100%; height:42px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:100%; height:42px; margin-top:2px; margin-bottom:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:100%; height:42px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:15px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:none; width:100%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:20px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:35px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:18px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 33% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (max-width:350px) { .firstviewConceptTxt { top:50%; margin-top:-285px; } .firstviewConceptTxt .txt01 { font-size:16px; } /*.firstviewConceptTxt .txt01 .exBr { display:none; }*/ .firstviewConceptTxt .txt02 { font-size:18px; line-height:1.6em; padding:5px 0 0 0; } /*.firstviewConceptTxt .txt02 br { display:none; }*/ .firstviewConceptTxt .txt03 { font-size:14px; padding-bottom:15px; } /*.firstviewConceptTxt .txt03 br { display:none; }*/ .firstviewConceptTxt .txt04 { font-size:15px; padding:12px 5px 0 0; } .firstviewConceptTxt img { width:140px; padding-top:10px; } .firstviewConceptTxt .firstviewConceptBox { width:90%; max-width:765px; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { padding:15px 0 0 0; text-align:center; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 ul { width:90%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li { float:none; box-sizing:border-box; position:relative; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 li br { display:none; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liLeft { width:100%; height:42px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liCenter { width:100%; height:42px; margin-top:2px; margin-bottom:2px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .liRight { width:100%; height:42px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(255,255,255,.3); transform:skew(-23.0deg,0deg); } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 .bgTest8 { left:0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:15px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom li { float:none; width:100%; box-sizing:border-box; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liLeft { padding-right:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:20px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:35px; padding:9px 0 15px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:18px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 31% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 31% center no-repeat; background-size:12px 12px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } /*--高さで変更--*/ @media all and (max-height:768px) { .firstviewConceptTxt { top:50%; margin-top:-240px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerTop2 { display:none; } .firstviewConceptTxt img { width:120px; padding-top:0px; } } @media all and (max-height:600px) { .firstviewConceptTxt { top:50%; margin-top:-190px; } .firstviewConceptTxt .txt01 { display:none; } .firstviewConceptTxt .txt02 { font-size:16px; line-height:1.6em; padding:5px 0 0 0; } .firstviewConceptTxt img { width:90px; padding-top:0px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom { padding:10px 0 0 0; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .liRight { padding-left:0px; margin-top:10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .telTxt { font-size:28px; padding:9px 0 10px 10px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .timeTxt { font-size:15px; padding-left:6px; } .firstviewConceptTxt .firstviewConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; } } /* 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(images/dot-white.png) repeat; } .imageMask_b { width:100%; height:100%; background:url(images/dot-black.png) repeat; } @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 all and (min-width:501px) { .swiper-slide-active .slideTxt, .swiper-slide-duplicate-active .slideTxt, .swiper-slide-prev .slideTxt { animation: slideRight 1.5s linear 0s 1 normal both; } } @media all and (max-width:500px) { .swiper-slide-active .slideTxt, .swiper-slide-duplicate-active .slideTxt, .swiper-slide-prev .slideTxt { animation: slideUp 1.5s linear 0s 1 normal both; } } .slideImg01 { background-image:url(images/684803840.jpg); } .slideImg02 { background-image:url(images/1160000498.jpg); } .slideImg03 { background-image:url(images/1165049375.jpg); } /*---------------------------------------------------- ヘッダー・ナビ ----------------------------------------------------*/ /* header ----------------------------------------------------*/ #gNaviWrap { width:100%; text-align:center; position:fixed; top:0; z-index:5; } #gNaviWrap #logo { height:auto; position:absolute; z-index:5; } #gNaviWrap .logoImg { padding:0; transition:all 300ms 0s ease; } .headerMax .navFix { position:absolute; top:0; z-index:4; } .headerMin .navFix { position:absolute; top:0; z-index:4; } .headerContact { position:fixed; height:auto; text-align:center; padding:0; box-sizing:border-box; font-family:'Montserrat', sans-serif; z-index:1; } .headerContact .contactMail { position:relative; width:100%; height:100%; transition:all 300ms 0s ease; } @media all and (min-width:851px) { .headerMax { height:90px; } .headerMin { height:70px; } .headerMax #header { height:90px; } .headerMin #header { height:0; } .headerMax #logo { top:15px; left:20px; } .headerMin #logo { opacity:0; } .headerMax #logo .logoImg { height:60px; } .headerMin #logo .logoImg { height:0; } .headerContact { width:150px; top:0; right:20px; } .headerMax .headerContact .contactMail { height:45px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:25px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { padding:10px 0!important; } .headerMin .headerContact .contactMail { height:45px; transition:all 300ms 0s ease; } .headerMin .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:12px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMax .navFix { width:auto; height:90px; right:200px; } .headerMin .navFix { width:auto; height:90px; right:200px; top:-200px } } @media all 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:12px; left:20px; } .headerMin #logo { opacity:0; } .headerMax #logo .logoImg { height:46px; } .headerMin #logo .logoImg { height:0; } .headerContact { width:150px; top:0; right:70px; z-index:100; } .headerMin .headerContact { right:20px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:16px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { padding:8px 0!important; } .headerMin .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMin .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:12px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media all 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:11px; left:10px; } .headerMin #logo { opacity:0; } .headerMax #logo .logoImg { height:38px; } .headerMin #logo .logoImg { height:0; } .headerContact { width:150px; top:0; right:60px; z-index:100; } .headerMin .headerContact { right:20px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail { height:32px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:14px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMin .headerContact .contactMail { height:32px; transition:all 300ms 0s ease; } .headerMin .headerContact .contactMail .pagelinkBtn { width:150px; margin-top:12px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media all 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:11px; left:10px; } .headerMin #logo { opacity:0; } .headerMax #logo .logoImg { height:38px; } .headerMin #logo .logoImg { height:0; } .headerContact { width:130px; top:0; right:60px; z-index:100; } .headerMin .headerContact { right:15px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail .pagelinkBtn { width:130px; margin-top:14px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMin .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMin .headerContact .contactMail .pagelinkBtn { width:130px; margin-top:12px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMax .navFix { width:0px; height:0px; right:200px; } .headerMin .navFix { width:0px; height:0px; right:200px; } } @media all and (max-width:350px) { .headerMax { height:60px; } .headerMin { height:60px; } .headerMax #header { height:60px; } .headerMin #header { height:60px; } .headerMax #logo { top:13px; left:10px; } .headerMin #logo { opacity:0; } .headerMax #logo .logoImg { height:34px; } .headerMin #logo .logoImg { height:0; } .headerContact { width:120px; top:0; right:60px; z-index:100; } .headerMin .headerContact { right:10px; transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMax .headerContact .contactMail .pagelinkBtn { width:120px; margin-top:14px; } .headerMax .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .headerMin .headerContact .contactMail { transition:all 300ms 0s ease; } .headerMin .headerContact .contactMail .pagelinkBtn { width:120px; margin-top:12px; } .headerMin .headerContact .contactMail .pagelinkBtn .btn a { padding:6px 0!important; } .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%; top:0; left:0; } #gNav a:hover { color:#999; } nav li a { font-size:13px; } nav .sub-menu { background:#fff; } .headerMin .mean-bar { display:none; } @media all and (min-width:851px) { nav li a { font-size:12px; } .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:37px; box-sizing:border-box; transition:all 300ms 0s ease; } .headerMin .directLink { height:70px; padding-top:21px; box-sizing:border-box; transition:all 300ms 0s ease; } .mainNavTxt { font-size:11px; color:#fff; font-family:'Montserrat', sans-serif; transition:all 300ms 0s ease; } .mainNavTxt span { font-size:14px; } .headerMin .mainNavTxt { line-height:1.0em; transition:all 300ms 0s ease; } .mainNavLi:hover .mainNavTxt { color:#610f14; transition:all 300ms 0s ease; } } @media only screen and (max-width:850px) { .mainNavTxt { z-index:10001; font-size:11px; line-height:1.6em; padding-top:2px; } .mainNavTxt span { font-size:12px; } .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 { width:100%; top:0; left:0; overflow:hidden; } #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 all and (min-width:851px) { #h_top { display:flex; justify-content:space-between; align-items:center; } #gNav ul { position:relative; display:flex; } #gNav li { position:relative; margin-right:1.8em; } #gNav li:last-child { margin-right:0; } #gNav li i { font-size:12px; } #gNav li a { position:relative; display:block; text-align:center; } #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 { padding:10px; 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:#00b050; color:#fff!important; transition:all 300ms 0s ease; } #gNav .contact_btn a:hover { color:#fff; } } @media all 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 all 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:0 0 70px 0; text-align:center; background:#f3f3f3; } #footerContact .txt01 { font-size:24px; background:#610f14; padding:55px 0; color:#fff; line-height:1.6em; font-feature-settings:"palt"; letter-spacing:.1em; } @media all and (min-width:769px) and (max-width:950px) { #footerContact { padding:0 0 60px 0; } #footerContact .txt01 { font-size:22px; } } @media all and (min-width:601px) and (max-width:768px) { #footerContact { padding:0 0 50px 0; } #footerContact .txt01 { font-size:18px; } } @media all and (min-width:501px) and (max-width:600px) { #footerContact { padding:0 0 40px 0; } #footerContact .txt01 { font-size:15px; } } @media all and (min-width:431px) and (max-width:500px) { #footerContact { padding:0 0 40px 0; } #footerContact .txt01 { font-size:14px; text-align:left; padding-left:5%; padding-right:5%; } } @media all and (min-width:351px) and (max-width:430px) { #footerContact { padding:0 0 30px 0; } #footerContact .txt01 { font-size:14px; text-align:left; padding-left:5%; padding-right:5%; } } @media all and (max-width:350px) { #footerContact .txt01 { font-size:14px; text-align:left; padding-left:5%; padding-right:5%; } } /* footer ----------------------------------------------------*/ footer { width:100%; background:#ededed; padding:0 0 0 0; font-size:14px; } footer .footerWrap { width:100%; background:#fafafa; padding:50px 0; } footer .footerInner { max-width:1000px; padding:0 20px; box-sizing:border-box; margin:0 auto; } footer .footerLeft { width:20%; margin:0 auto; padding:0 30px 0 0; box-sizing:border-box; } footer .footerLeft .footerImg { max-width:100%; } footer .footerRight { width:80%; float:left; position:relative; margin-top:0px; } footer .footerRight .footerNav { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 20px 5px 8px; } footer .footerRight .navLeft { float:left; width:40%; padding-right:0px; } footer .footerRight .navRight { float:left; width:60%; } footer .footerRight .navRight li { padding-right:0; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .footerRight .footerNav .parentTxt span { line-height:1.7em; } footer .footerRight .footerNav a { color:#000; } footer .footerRight .footerNav a:hover { color:#00b050; } footer .copyRight { width:100%; background:#610f14; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } @media all and (min-width:851px) and (max-width:950px) { footer .footerLeft { width:43%; float:left; text-align:right; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:57%; float:right; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } } @media all and (min-width:601px) and (max-width:850px) { footer .footerLeft { width:40%; float:left; text-align:right; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:60%; float:right; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } } @media all and (min-width:501px) and (max-width:600px) { footer .footerLeft { width:100%; float:none; text-align:center; padding:0; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:100%; float:none; padding-top:30px; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } } @media all and (min-width:431px) and (max-width:500px) { footer .footerLeft { width:100%; float:none; text-align:center; padding:0; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:100%; float:none; padding-top:30px; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .copyRight { width:100%; background:#610f14; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } @media all and (min-width:351px) and (max-width:430px) { footer .footerLeft { width:100%; float:none; text-align:center; padding:0; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:100%; float:none; padding-top:30px; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .copyRight { width:100%; background:#610f14; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } @media all and (max-width:350px) { footer .footerLeft { width:100%; float:none; text-align:center; padding:0; } footer .footerLeft .footerImg { width:200px; padding:0; } footer .footerRight { width:100%; float:none; padding-top:30px; } footer .footerRight .navLeft { float:left; width:100%; padding-right:0px; } footer .footerRight .navRight { float:left; width:100%; } footer .footerRight .footerNav li { padding:5px 10px 5px 8px; } footer .footerRight .footerNav .parentTxt { font-size:13px; } footer .copyRight { width:100%; background:#610f14; text-align:center; font-size:12px; color:#fff; padding:30px 0; margin-top:0px; } } /*---------------------------------------------------- #content関連 ----------------------------------------------------*/ #contents { clear:both; position:relative; overflow:hidden;} .contentSection { width:100%; } .contentSectionWrap { width:100%; } .contentSectionInner { max-width:1100px; margin:0 auto; } .sectionRelative { position:relative; z-index:1; } @media all and (min-width:821px) ,print{ .contentSectionInner { padding:40px 20px; } } @media all and (max-width:820px) ,print{ .contentSectionInner { padding:30px 20px; } } @media all and (max-width:450px) { .contentSectionInner { padding:30px 15px; } } @media all and (max-width:340px) { .contentSectionInner { padding:30px 15px; } } /* .pagelinkBtn ----------------------------------------------------*/ .pagelinkBtn { width:260px; text-align:center; position:relative; z-index:1; box-shadow:0 0 6px rgba(0,0,0,.4); } .pagelinkBtn .btn { background:#ed6d00; transition:0.8s ease-in-out; } .pagelinkBtn .btn p { font-size:14px; padding-left:10px; font-family: 'Montserrat', sans-serif; } .pagelinkBtn .btn a { color:#fff; display:block; width:100%; padding:15px 0; border:1px solid #ed6d00; box-sizing:border-box; z-index:2; position:relative; background:url(images/ico_btn_off.png) 115px center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn a:hover { color:#ed6d00!important; background:url(images/ico_btn_on.png) 85px 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:#fff!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); } /*--.headerContact--*/ .headerContact .contactMail .pagelinkBtn .btn p { font-size:14px; padding-left:18px; font-family: 'Montserrat', sans-serif; } .headerContact .contactMail .pagelinkBtn .btn a { color:#fff; display:block; width:100%; padding:0; border:1px solid #ed6d00; box-sizing:border-box; z-index:2; position:relative; background:url(images/ico_btn_off.png) 22px center no-repeat; background-size:12px 12px; } .headerContact .contactMail .pagelinkBtn .btn a:hover { color:#ed6d00!important; background:url(images/ico_btn_on.png) 28px center no-repeat; background-size:12px 12px; } /*--contactThanx--*/ .contactThanx .pagelinkBtn { margin:0 auto; } .contactThanx .pagelinkBtn .btn p { font-size:14px; padding-left:18px; font-family: 'Montserrat', sans-serif; } .contactThanx .pagelinkBtn .btn a { padding:15px 0; background:url(images/ico_btn_off.png) 85px center no-repeat; background-size:12px 12px; } .contactThanx .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 85px center no-repeat; background-size:12px 12px; } @media all and (max-width:850px) { .pagelinkBtn { width:200px; margin:0 auto; } .pagelinkBtn .btn p { font-size:14px; padding-left:10px; font-family: 'Montserrat', sans-serif; } .pagelinkBtn .btn a { padding:13px 0; background:url(images/ico_btn_off.png) 80px center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 80px center no-repeat; background-size:12px 12px; } /*--contactThanx--*/ .contactThanx .pagelinkBtn { margin:0 auto; } .contactThanx .pagelinkBtn .btn a { padding:15px 0; background:url(images/ico_btn_off.png) 55px center no-repeat; background-size:12px 12px; } .contactThanx .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 55px center no-repeat; background-size:12px 12px; } } @media all and (max-width:500px) { .pagelinkBtn { width:160px; margin:0 auto; } .pagelinkBtn .btn p { font-size:13px; padding-left:15px; } .pagelinkBtn .btn a { padding:12px 0; background:url(images/ico_btn_off.png) 80px center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 80px center no-repeat; background-size:12px 12px; } /*--contactThanx--*/ .contactThanx .pagelinkBtn .btn a { padding:15px 0; background:url(images/ico_btn_off.png) 40px center no-repeat; background-size:12px 12px; } .contactThanx .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 40px center no-repeat; background-size:12px 12px; } } @media all 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; background:url(images/ico_btn_off.png) 80px center no-repeat; background-size:12px 12px; } .pagelinkBtn .btn a:hover { background:url(images/ico_btn_on.png) 80px center no-repeat; background-size:12px 12px; } /*--.headerContact--*/ .headerContact .contactMail .pagelinkBtn .btn a { background:url(images/ico_btn_off.png) 12px center no-repeat; background-size:12px 12px; } .headerContact .contactMail .pagelinkBtn .btn p { font-size:13px; padding-left:18px; font-family: 'Montserrat', sans-serif; } } @media all and (max-width:350px) { } /*-------------------------------- #message ONLINE KAIKENとは --------------------------------*/ #message { padding:55px 0 0 0; background:#fff; } .bgTest2 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:#610f14; transform:skew(23.0deg,0deg); } .bgTest2 { left:-32%; } .bgTest5 { position:absolute; top:0; width:calc(100%); height:calc(100%); background:rgba(97,15,20,.3); transform:skew(23.0deg,0deg); } .bgTest5 { left:-26%; } #message .contentSection { box-shadow:0 10px 10px -10px rgba(53, 47, 47, 0.6); } #message .contentSectionInner {} #message .contentSectionWrap { } #message .animateCont { transition:1.0s ease-in-out; background-image:url(images/1150199388.jpg); background-color:#610f14; background-repeat:no-repeat; background-position:right -150px top 0; background-size:auto 100%; } #message .isAnimate { background-position:right 0px top 0; } #message .messageCont { width:58%; } #message h1 { font-size:38px; color:#fff; line-height:1.0!important; letter-spacing:.1em; position:relative; z-index:2; } #message h1 span { font-size:80%; padding-left:2px; letter-spacing:.04em; } #message .messageBox { margin-top:30px; position:relative; z-index:2; } #message .messageBox p { font-size:15px; color:#fff; line-height:1.7rem; padding-bottom:15px; letter-spacing:.2em; text-align: justify; text-justify: inter-ideograph; } #message .messageBox p:last-child { padding-bottom:0; } @media all and (min-width:769px) and (max-width:850px) { .bgTest2 { left:-32%; } .bgTest5 { left:-24%; } #message .contentSectionInner { padding:35px 25px; } #message .isAnimate { background-position:right -40px top 0; } #message .messageCont { width:56%; } #message h1 { font-size:34px; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:14px; line-height:1.6rem; } } @media all and (min-width:701px) and (max-width:768px) { .bgTest2 { left:-32%; } .bgTest5 { left:-24%; } #message .contentSectionInner { padding:35px 25px; } #message .isAnimate { background-position:right -60px top 0; } #message .messageCont { width:56%; } #message h1 { font-size:30px; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:14px; line-height:1.6rem; } } @media all and (min-width:601px) and (max-width:700px) { .bgTest2 { left:-27%; } .bgTest5 { left:-19%; } #message .contentSectionInner { padding:30px 20px; } #message .isAnimate { background-position:right -100px top 0; } #message .messageCont { width:62%; } #message h1 { font-size:28px; } #message .messageBox { margin-top:20px; } #message .messageBox p { font-size:13px; padding-bottom:10px; line-height:1.5rem; } } @media all and (min-width:501px) and (max-width:600px) { .bgTest2 { left:-32%; } .bgTest5 { left:-24%; } #message .contentSectionInner { background:rgba(97,15,20,.7); } #message .contentSectionInner { padding:25px 20px; } #message .isAnimate { background-position:right -100px top 0; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:20px; } #message h1 { font-size:28px; } #message .messageBox p { font-size:13px; padding-bottom:10px; line-height:1.5rem; } } @media all and (min-width:431px) and (max-width:500px) { .bgTest2 { left:-36%; } .bgTest5 { left:-28%; } #message .contentSectionInner { background:rgba(97,15,20,.7); } #message .contentSectionInner { padding:25px 20px; } #message .isAnimate { background-position:right -100px top 0; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:20px; } #message h1 { font-size:28px; } #message .messageBox p { font-size:13px; padding-bottom:10px; line-height:1.5rem; } } @media all and (min-width:351px) and (max-width:430px) { .bgTest2 { left:-36%; } .bgTest5 { left:-28%; } #message .contentSectionInner { background:rgba(97,15,20,.7); } #message .contentSectionInner { padding:25px 20px; } #message .isAnimate { background-position:right -100px top 0; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:20px; } #message h1 { font-size:26px; } #message .messageBox p { font-size:13px; padding-bottom:10px; line-height:1.4rem; } } @media all and (max-width:350px) { .bgTest2 { left:-40%; } .bgTest5 { left:-32%; } #message .contentSectionInner { background:rgba(97,15,20,.7); } #message .contentSectionInner { padding:25px 15px; } #message .isAnimate { background-position:right -130px top 0; } #message .messageCont { width:100%; } #message .messageBox { width:100%; margin-top:20px; } #message h1 { font-size:23px; line-height:1.15em!important; } #message .messageBox p { font-size:13px; line-height:1.4rem; } } /*-------------------------------- 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; } @media all and (max-width:850px) { .topSection { padding:55px 0; } .underSection { padding:0 0 55px 0; } } /*-------------------------------- #pageIntro --------------------------------*/ #pageIntro { position:relative; z-index:1; } #pageIntro h1 { font-size:32px; color:#610f14; text-align:center; letter-spacing:.15em; margin-bottom:5px; line-height:1.3em; } #pageIntro h1 span { font-size:30px; color:#000; } #pageIntro h2 { font-size:20px; color:#000; font-feature-settings:"palt"; font-weight:normal; line-height:1.3em; letter-spacing:.15em; text-align:center; padding-bottom:15px; margin-bottom:10px; box-shadow: 0 12px 12px -12px rgba(53, 47, 47, 0.15); } @media all and (min-width:851px) { #pageIntro h1 .exBr1 { display:none; } #pageIntro h2 .exBr2 { display:none; } #pageIntro h2 .exBr3 { display:none; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:31px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:27px; } .contactThanx #pageIntro h2 { font-size:18px; padding-top:5px; } } @media all and (min-width:769px) and (max-width:850px) { #pageIntro h1 { font-size:32px; } #pageIntro h1 .exBr1 { display:none; } #pageIntro h1 span { font-size:30px; } #pageIntro h2 { font-size:20px; } #pageIntro h2 .exBr2 { display:none; } #pageIntro h2 .exBr3 { display:none; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:30px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:26px; } .contactThanx #pageIntro h2 { font-size:17px; padding-top:5px; } } @media all and (min-width:701px) and (max-width:768px) { #pageIntro h1 { font-size:31px; } #pageIntro h1 .exBr1 { display:none; } #pageIntro h1 span { font-size:29px; } #pageIntro h2 { font-size:18px; } #pageIntro h2 .exBr2 { display:none; } #pageIntro h2 .exBr3 { display:none; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:30px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:26px; } .contactThanx #pageIntro h2 { font-size:17px; padding-top:5px; } } @media all and (min-width:601px) and (max-width:700px) { #pageIntro h1 { font-size:30px; } #pageIntro h1 .exBr1 { display:none; } #pageIntro h1 span { font-size:28px; } #pageIntro h2 { font-size:17px; } #pageIntro h2 .exBr2 { display:none; } #pageIntro h2 .exBr3 { display:none; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:28px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:24px; } .contactThanx #pageIntro h2 { font-size:15px; padding-top:5px; } } @media all and (min-width:501px) and (max-width:600px) { #pageIntro h1 { font-size:29px; letter-spacing:.1em; } #pageIntro h1 span { font-size:27px; } #pageIntro h2 { font-size:16px; } #pageIntro h2 .exBr3 { display:none; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:27px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:23px; } .contactThanx #pageIntro h2 { font-size:15px; text-align:left; padding-top:5px; } } @media all and (min-width:431px) and (max-width:500px) { #pageIntro h1 { font-size:27px; letter-spacing:.1em; } #pageIntro h1 span { font-size:25px; } #pageIntro h2 { font-size:15px; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:25px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:21px; } .contactThanx #pageIntro h2 { font-size:14px; text-align:left; padding-top:5px; } } @media all and (min-width:351px) and (max-width:430px) { #pageIntro h1 { font-size:24px; letter-spacing:.1em; } #pageIntro h1 span { font-size:22px; } #pageIntro h2 { font-size:15px; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:22px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:18px; } .contactThanx #pageIntro h2 { font-size:13px; text-align:left; padding-top:5px; } } @media all and (max-width:350px) { #pageIntro h1 { font-size:22px; letter-spacing:.05em; } #pageIntro h1 span { font-size:20px; } #pageIntro h2 { font-size:14px; } /*--contactThanx--*/ .contactThanx #pageIntro h1 { font-size:18px; letter-spacing:.05em; } .contactThanx #pageIntro h1 span { font-size:16px; } .contactThanx #pageIntro h2 { font-size:12px; text-align:left; padding-top:5px; } } /*-------------------------------- #showCase ONLINE KAIKENの機能とサービス --------------------------------*/ #showCase { background:url(images/showcase_bg.jpg) bottom left repeat-x #fff; } #showCase .contentSectionInner { padding:0 20px 0 20px; } #showCase h1 { padding-left:0px; font-feature-settings:"palt"; padding-bottom:15px; margin-bottom:10px; box-shadow: 0 12px 12px -12px rgba(53, 47, 47, 0.15); } #showCase .showCaseList { 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; } #showCase .showCaseList li { float:left; position:relative; box-sizing:border-box; padding:0; box-shadow:0 0 6px rgba(0,0,0,.3); } #showCase .showCaseList li:nth-child(6) { padding:0; background:none; } #showCase .showCaseList img { max-width:100%; } #showCase .showCaseList .tle { margin:22px 0 18px 0; text-align:center; color:#00b050; font-weight:normal; line-height:1.4em; } #showCase .showCaseList .pBox { width:100%; height:auto; box-sizing:border-box; } #showCase .showCaseList .pBox .txt { color:#000; line-height:1.4em; background:#ebebeb; font-feature-settings:"palt"; } #showCase .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:1001px) { #showCase .showCaseList { margin:40px auto 0 auto; } #showCase .showCaseList li { width:19%; margin-right:1.25%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(5) { margin-right:0; } #showCase .showCaseList .tle { font-size:14px; padding:0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:13px; text-align:center; padding:15px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:851px) and (max-width:1000px) { #showCase .showCaseList { margin:40px auto 0 auto; } #showCase .showCaseList li { width:25%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:2.5%; margin-left:10%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(2) { margin-right:2.5%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(3) { margin-right:10%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(4) { margin-right:2.5%; margin-left:23.7%; } #showCase .showCaseList li:nth-child(5) { margin-right:23.7%; } #showCase .showCaseList .tle { font-size:14px; padding:0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:13px; text-align:center; padding:15px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:769px) and (max-width:850px) { #showCase .showCaseList { margin:30px auto 0 auto; } #showCase .showCaseList li { width:30%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:2.5%; margin-left:2.5%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(2) { margin-right:2.5%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(3) { margin-right:2.5%; margin-bottom:25px; } #showCase .showCaseList li:nth-child(4) { margin-right:2.5%; margin-left:18.7%; } #showCase .showCaseList li:nth-child(5) { margin-right:18.7%; } #showCase .showCaseList .tle { font-size:14px; padding:0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:13px; text-align:center; padding:15px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:601px) and (max-width:768px) { #showCase .showCaseList { margin:30px auto 0 auto; } #showCase .showCaseList li { width:31.6%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:2.5%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(2) { margin-right:2.5%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(3) { margin-right:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(4) { margin-right:2.5%; margin-left:17.1%; } #showCase .showCaseList li:nth-child(5) { margin-right:17.1%; } #showCase .showCaseList .tle { font-size:13px; padding:0; margin:18px 0 14px 0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:12px; text-align:center; padding:12px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:501px) and (max-width:600px) { #showCase .showCaseList { margin:25px auto 0 auto; } #showCase .showCaseList li { width:48%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:4.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(2) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(3) { margin-right:4.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(4) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(5) { margin-right:26.0%; margin-left:26.0%; } #showCase .showCaseList .tle { font-size:13px; padding:0; margin:18px 0 14px 0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:12px; text-align:center; padding:12px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:431px) and (max-width:500px) { #showCase .showCaseList { margin:25px auto 0 auto; } #showCase .showCaseList li { width:48%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:4.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(2) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(3) { margin-right:4.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(4) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(5) { margin-right:26.0%; margin-left:26.0%; } #showCase .showCaseList .tle { font-size:12px; padding:0; margin:18px 0 14px 0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:12px; text-align:center; padding:12px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (min-width:371px) and (max-width:430px) { #showCase .contentSectionInner { padding:0 15px; } #showCase .showCaseList { margin:20px auto 0 auto; } #showCase .showCaseList li { width:49%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:2.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(2) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(3) { margin-right:2.0%; margin-left:0; margin-bottom:20px; } #showCase .showCaseList li:nth-child(4) { margin-right:0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(5) { margin-right:25.5%; margin-left:25.5%; } #showCase .showCaseList .tle { font-size:11px; padding:0; margin:18px 0 14px 0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:12px; text-align:center; padding:12px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } @media all and (max-width:370px) { #showCase .contentSectionInner { padding:0 15px; } #showCase .showCaseList { margin:15px auto 0 auto; } #showCase .showCaseList li { width:90%; background:#f3f3f3; } #showCase .showCaseList li:nth-child(1) { margin-right:5.0%; margin-left:5.0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(2) { margin-right:5.0%; margin-left:5.0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(3) { margin-right:5.0%; margin-left:5.0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(4) { margin-right:5.0%; margin-left:5.0%; margin-bottom:20px; } #showCase .showCaseList li:nth-child(5) { margin-right:5.0%; margin-left:5.0%; } #showCase .showCaseList .tle { font-size:11px; padding:0; margin:18px 0 14px 0; text-align:center; } #showCase .showCaseList .tle .exBr { display:none; } #showCase .showCaseList .pBox { } #showCase .showCaseList .pBox .txt { font-size:12px; text-align:center; padding:12px 0; border-bottom:1px solid #dedede; } #showCase .showCaseList .pBox .txt:last-child { border-bottom:none; } } /*-------------------------------- #features01 お客様専用サイト「プレスルーム」で参加者とのやり取りを完結 --------------------------------*/ #features01 { background:#fff; overflow:hidden; box-shadow: 0 -4px 4px rgba(53, 47, 47, 0.2); z-index:4; background:url(images/1173513704.jpg) bottom left; background-size:cover; } #features01 .bgTest6 { position:absolute; width:calc(100%); height:calc(100%); background: rgba(255,255,255,.6); transform: skew(-23.0deg,0deg); } #features01 .bgTest6 { left:-50%; top:0; } #features01 .bgTest7 { position:absolute; width:calc(100%); height:calc(450px); background: rgba(255,255,255,.7); transform: skew(0deg,-5.0deg); } #features01 .bgTest7 { left:0; top:-100px; } #features01 .contentSectionInner { position:relative; padding-bottom:80px; } #features01 .showCaseList { 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; } #features01 .featuresImg01 { float:left; width:48%; margin:0 2% 0 0; box-sizing:border-box; background:#fff; box-shadow: 0 0 6px rgba(0,0,0,.3); } #features01 .featuresImg01 img { max-width:100%; } #features01 .txtCont01 { float:left; width:48%; margin:0 0 0 2%; background:#fff; box-sizing:border-box; box-shadow: 0 0 6px rgba(0,0,0,.3); transform:translateX(0%); } #features01 .txtCont01 li { padding:30px; } #features01 .txtCont01 li:nth-child(odd) { background:#f3f3f3; } #features01 .txtCont01 li:nth-child(even) { background:#fff; } #features01 .txtCont01 h3 { color:#00b050; font-size:19px; padding-bottom:15px; } #features01 .txtCont01 h3 span { position: absolute; margin-top:0.10em; } #features01 .txtCont01 h3 .num { display:inline-block; font-size:30px; color:#00b050; margin-right:30px; position:relative; vertical-align:middle; } #features01 .txtCont01 .num:after { content:""; background:#000; width:1px; height:100%; position:absolute; right:-15px; } #features01 .txtCont01 .txt { margin:0 0 0 59px; font-feature-settings:"palt"; font-size:14px; line-height:1.4em; letter-spacing:.2em; } #features01 .txtCont01 .txt span { font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } #features01 .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #features01 .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:851px) and (max-width:1000px) { #features01 .contentSectionInner { padding-bottom:75px; } #features01 .txtCont01 li { padding:20px; } #features01 .txtCont01 h3 { font-size:17px; padding-bottom:10px; } #features01 .txtCont01 h3 .num { font-size:28px; } #features01 .txtCont01 .txt { margin:0 0 0 58px; font-size:14px; line-height:1.3em; letter-spacing:.15em; } } @media all and (min-width:769px) and (max-width:850px) { #features01 .contentSectionInner { padding-bottom:65px; } #features01 .txtCont01 li { padding:20px; } #features01 .txtCont01 h3 { font-size:17px; padding-bottom:20px; } #features01 .txtCont01 h3 .num { font-size:28px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:13px; line-height:1.4em; letter-spacing:.15em; } } @media all and (min-width:701px) and (max-width:768px) { #features01 .contentSectionInner { padding-bottom:60px; } #features01 .txtCont01 li { padding:20px; } #features01 .txtCont01 h3 { font-size:17px; padding-bottom:18px; } #features01 .txtCont01 h3 .num { font-size:28px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:13px; line-height:1.4em; letter-spacing:.15em; } } @media all and (min-width:601px) and (max-width:700px) { #features01 .contentSectionInner { padding-bottom:55px; } #features01 .featuresImg01 { float:none; width:90%; margin:0 auto 30px auto; } #features01 .txtCont01 { float:none; width:90%; margin:0 auto; } #features01 .txtCont01 li { padding:25px; } #features01 .txtCont01 h3 { font-size:17px; padding-bottom:18px; } #features01 .txtCont01 h3 .num { font-size:28px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:13px; line-height:1.4em; letter-spacing:.15em; } } @media all and (min-width:501px) and (max-width:600px) { #features01 .contentSectionInner { padding-bottom:55px; } #features01 .featuresImg01 { float:none; width:95%; margin:0 auto 25px auto; } #features01 .txtCont01 { float:none; width:95%; margin:0 auto; } #features01 .txtCont01 li { padding:25px; } #features01 .txtCont01 h3 { font-size:17px; padding-bottom:18px; } #features01 .txtCont01 h3 .num { font-size:28px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:13px; line-height:1.4em; letter-spacing:.15em; } } @media all and (min-width:431px) and (max-width:500px) { #features01 .contentSectionInner { padding-bottom:55px; } #features01 .featuresImg01 { float:none; width:95%; margin:0 auto 25px auto; } #features01 .txtCont01 { float:none; width:95%; margin:0 auto; } #features01 .txtCont01 li { padding:20px; } #features01 .txtCont01 h3 { font-size:16px; padding-bottom:18px; } #features01 .txtCont01 h3 .num { font-size:26px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:13px; line-height:1.4em; letter-spacing:.15em; } } @media all and (min-width:351px) and (max-width:430px) { #features01 .contentSectionInner { padding-bottom:45px; } #features01 .featuresImg01 { float:none; width:100%; margin:0 auto 20px auto; } #features01 .txtCont01 { float:none; width:100%; margin:0 auto; } #features01 .txtCont01 li { padding:20px 15px; } #features01 .txtCont01 h3 { font-size:15px; padding-bottom:15px; } #features01 .txtCont01 h3 .num { font-size:24px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:12px; line-height:1.4em; letter-spacing:.15em; } } @media all and (max-width:350px) { #features01 .contentSectionInner { padding-bottom:35px; } #features01 .featuresImg01 { float:none; width:100%; margin:0 auto 20px auto; } #features01 .txtCont01 { float:none; width:100%; margin:0 auto; } #features01 .txtCont01 li { padding:20px 15px; } #features01 .txtCont01 h3 { font-size:15px; padding-bottom:15px; } #features01 .txtCont01 h3 .num { font-size:24px; } #features01 .txtCont01 .txt { margin:0 0 0 0; font-size:12px; line-height:1.4em; letter-spacing:.15em; } } /* #features01other ----------------------------------------------------*/ #features01other { position:relative; z-index:4; box-shadow: 0 4px 4px rgba(53, 47, 47, 0.2); } #features01other li.liConsulting { background:#eaeaea; transition:all 0.2s 0s ease; } #features01other li.liConsulting2 { background:#e2e2e2; transition:all 0.2s 0s ease; } #features01other li.liSeminar { background:#e2e2e2; transition:all 0.2s 0s ease; } #features01other li.liSeminar2 { background:#e2e2e2; transition:all 0.2s 0s ease; } #features01other li.liMedia { background:#fff; transition:all 0.2s 0s ease; } #features01other .link { padding:0 30px 50px 30px; display:block; text-align:center; position:relative; } #features01other li.liMedia .link { padding:66px 0 62px; } #features01other li.liConsulting2 .link { padding:66px 0 62px; } #features01other li.liSeminar2 .link { padding:66px 0 62px; } #features01other .linkInner { display:inline-block; text-align:left; padding-top:0px; max-width:440px; margin:0 auto; } #features01other .linkInner .txt_en { color:#00b050; font-size:20px; text-align:center; letter-spacing:.10em; text-transform:uppercase; display:block; position:relative; } #features01other .linkInner .txt { margin-top:20px; font-size:14px; font-feature-settings:"palt"; letter-spacing:.25em; line-height:1.5em; display:block; position:relative; color:#000; } #features01other .featuresImg01_02-03 { max-width:440px; margin:0 auto; transform:translateY(-12%); } #features01other .featuresImg01_02-03 img { max-width:100%; } #features01other .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #features01other .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:769px) and (max-width:850px) { #features01other .link { padding:0 30px 45px 30px; } #features01other .linkInner .txt_en { font-size:20px; } #features01other .linkInner .txt { font-size:14px; } } @media all and (min-width:701px) and (max-width:768px) { #features01other .link { padding:0 30px 40px 30px; } #features01other .linkInner .txt_en { padding-top:5px; } } @media all and (min-width:601px) and (max-width:700px) { #features01other .link { padding:0 25px 35px 25px; } #features01other .linkInner .txt_en { font-size:18px; } #features01other .linkInner .txt { font-size:13px; margin-top:15px; } } @media all and (min-width:501px) and (max-width:600px) { #features01other .link { padding:0 25px 35px 25px; } #features01other .linkInner .txt_en { font-size:17px; padding-top:5px; } #features01other .linkInner .txt { font-size:13px; margin-top:15px; } } @media all and (min-width:431px) and (max-width:500px) { #features01other .featuresImg01_02-03 { transform:translateY(-7%); } #features01other .link { padding:0 20px 35px 20px; } #features01other .linkInner .txt_en { font-size:17px; padding-top:5px; } #features01other .linkInner .txt { font-size:13px; margin-top:15px; } } @media all and (min-width:351px) and (max-width:430px) { #features01other .featuresImg01_02-03 { transform:translateY(-5%); } #features01other .link { padding:0 20px 30px 20px; } #features01other .linkInner .txt_en { font-size:17px; padding-top:8px; } #features01other .linkInner .txt { font-size:12px; margin-top:10px; } } @media all and (max-width:350px) { #features01other .featuresImg01_02-03 { transform:translateY(-5%); } #features01other .link { padding:0 20px 30px 20px; } #features01other .linkInner .txt_en { font-size:17px; padding-top:8px; } #features01other .linkInner .txt { font-size:12px; margin-top:10px; } } @media all and (min-width:501px) { #features01other ul { display:flex; justify-content:space-between; } #features01other li { flex-basis:50%; } #features01other li.liMedia { flex-basis:100%; } #features01other li.liConsulting2 { flex-basis:100%; } #features01other li.liSeminar2 { flex-basis:100%; } } @media all and (max-width:500px) { #features01other li { flex-basis:100%; } } /*-------------------------------- #features02 お客様専用サイト「プレスルーム」で参加者とのやり取りを完結 --------------------------------*/ #features02 { background:#fff; overflow:hidden; background:url(images/features02_bg.jpg) center; background-size:cover; background-attachment:fixed; } #features02 .contentSectionInner { position:relative; /*padding-top:30px;*/ } #features02 .featuresImg02 { width:65%; margin:0 auto 0 auto; } #features02 .featuresImg02 img { max-width:100%; } #features02 .txtCont02 {} #features02 .txtCont02 ul { padding:0 10px 0 10px; 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; } #features02 .txtCont02 li { float:left; position:relative; box-sizing:border-box; padding:0; box-shadow:0 0 6px rgba(0,0,0,.3); text-align:center; background:#f3f3f3; box-sizing:border-box; } #features02 .txtCont02 .tle { color:#00b050; font-weight:normal; line-height:1.4em; text-align:center; } #features02 .txtCont02 .pBox { width:100%; height:auto; box-sizing:border-box; } #features02 .txtCont02 .pBox .txt { color:#000; text-align:left; font-feature-settings:"palt"; letter-spacing:.1em; } #features02 .txtCont02 .num { display:inline-block; font-size:30px; color:#00b050; margin:0 auto; position:relative; vertical-align:middle; } #features02 .txtCont02 .num:after { content:""; background:#000; width:100%; height:1px; position:absolute; bottom:-15px; left:0; } #features02 .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #features02 .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:1041px) { #features02 .txtCont02 ul { margin:40px auto 0 auto; } #features02 .txtCont02 li { width:32%; margin-right:2.0%; padding:30px; } #features02 .txtCont02 li:last-child { margin-right:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:19px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 11px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } /*#features02 .txtCont02 .li01 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .li02 h3 { margin:37px 0 25px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:37px 0 25px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .txt { font-size:14px; line-height:1.7em; } } @media all and (min-width:951px) and (max-width:1040px) { #features02 .txtCont02 ul { margin:40px auto 0 auto; } #features02 .txtCont02 li { width:32%; margin-right:2.0%; padding:30px; } #features02 .txtCont02 li:last-child { margin-right:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:18px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 12px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } /*#features02 .txtCont02 .li01 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .li02 h3 { margin:37px 0 25px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 12px 0; } /*#features02 .txtCont02 .li03 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:27px; } #features02 .txtCont02 .txt { font-size:14px; line-height:1.7em; } } @media all and (min-width:851px) and (max-width:950px) { #features02 .featuresImg02 { width:70%; } #features02 .txtCont02 ul { margin:40px auto 0 auto; } #features02 .txtCont02 li { width:32%; margin-right:2.0%; padding:25px 20px; } #features02 .txtCont02 li:last-child { margin-right:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:17px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 14px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } /*#features02 .txtCont02 .li01 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .li02 h3 { margin:37px 0 25px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 14px 0; } /*#features02 .txtCont02 .li03 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:14px; line-height:1.7em; } } @media all and (min-width:769px) and (max-width:850px) { #features02 .featuresImg02 { width:75%; } #features02 .txtCont02 ul { margin:40px auto 0 auto; } #features02 .txtCont02 li { width:32%; margin-right:2.0%; padding:25px 18px; } #features02 .txtCont02 li:last-child { margin-right:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:16px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 14px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } /*#features02 .txtCont02 .li01 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .li02 h3 { margin:37px 0 25px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 14px 0; } /*#features02 .txtCont02 .li03 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:14px; line-height:1.7em; } } @media all and (min-width:701px) and (max-width:768px) { #features02 .featuresImg02 { width:80%; } #features02 .txtCont02 ul { margin:40px auto 0 auto; } #features02 .txtCont02 li { width:32%; margin-right:2.0%; padding:25px 20px; } #features02 .txtCont02 li:last-child { margin-right:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:17px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 14px 0; } /*#features02 .txtCont02 .li01 h3 .exBr1 { display:none; }*/ /*#features02 .txtCont02 .li01 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .li02 h3 { margin:37px 0 25px 0; } /*#features02 .txtCont02 .li02 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li03 h3 { margin:25px 0 14px 0; } /*#features02 .txtCont02 .li03 h3 .exBr1 { display:none; }*/ /*#features02 .txtCont02 .li03 h3 .exBr2 { display:none; }*/ #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:14px; line-height:1.7em; } } @media all and (min-width:601px) and (max-width:700px) { #features02 .featuresImg02 { width:85%; } #features02 .txtCont02 ul { margin:25px auto 0 auto; } #features02 .txtCont02 li { width:90%; margin:0 auto 20px auto; padding:25px 25px; } #features02 .txtCont02 li:last-child { margin-bottom:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:18px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } #features02 .txtCont02 .li01 h3 .exBr2 { display:none; } #features02 .txtCont02 .li02 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:13px; line-height:1.7em; } } @media all and (min-width:501px) and (max-width:600px) { #features02 .featuresImg02 { width:90%; } #features02 .txtCont02 ul { margin:25px auto 0 auto; } #features02 .txtCont02 li { width:100%; margin:0 auto 20px auto; padding:25px 25px; } #features02 .txtCont02 li:last-child { margin-bottom:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:18px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } #features02 .txtCont02 .li01 h3 .exBr2 { display:none; } #features02 .txtCont02 .li02 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:13px; line-height:1.7em; } } @media all and (min-width:431px) and (max-width:500px) { #features02 .featuresImg02 { width:95%; } #features02 .txtCont02 ul { margin:25px auto 0 auto; } #features02 .txtCont02 li { width:100%; margin:0 auto 20px auto; padding:20px 25px; } #features02 .txtCont02 li:last-child { margin-bottom:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:17px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li01 h3 .exBr1 { display:none; } #features02 .txtCont02 .li01 h3 .exBr2 { display:none; } #features02 .txtCont02 .li02 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:13px; line-height:1.7em; } } @media all and (min-width:351px) and (max-width:430px) { #features02 .featuresImg02 { width:100%; } #features02 .txtCont02 ul { margin:20px auto 0 auto; } #features02 .txtCont02 li { width:100%; margin:0 auto 20px auto; padding:20px 20px; } #features02 .txtCont02 li:last-child { margin-bottom:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:17px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 10px 0; } /*#features02 .txtCont02 .li01 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li01 h3 .exBr2 { display:none; } #features02 .txtCont02 .li02 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:12px; line-height:1.6em; } } @media all and (max-width:350px) { #features02 .featuresImg02 { width:100%; } #features02 .txtCont02 ul { margin:20px auto 0 auto; padding:0; } #features02 .txtCont02 li { width:100%; margin:0 auto 20px auto; padding:20px 20px; } #features02 .txtCont02 li:last-child { margin-bottom:0; } #features02 .txtCont02 h3 { color:#00b050; font-size:17px; } #features02 .txtCont02 .li01 h3 { margin:25px 0 10px 0; } /*#features02 .txtCont02 .li01 h3 .exBr1 { display:none; }*/ #features02 .txtCont02 .li01 h3 .exBr2 { display:none; } #features02 .txtCont02 .li02 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li02 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 { margin:25px 0 10px 0; } #features02 .txtCont02 .li03 h3 .exBr1 { display:none; } #features02 .txtCont02 .li03 h3 .exBr2 { display:none; } #features02 .txtCont02 .num { font-size:25px; } #features02 .txtCont02 .txt { font-size:12px; line-height:1.6em; } } /*-------------------------------- #features03 お客様専用サイト「プレスルーム」で参加者とのやり取りを完結 --------------------------------*/ #features03 { background:#fff; overflow:hidden; box-shadow: 0 0 8px rgba(53, 47, 47, 0.4); z-index:4; background:url(images/1221731472.jpg) bottom left; background-size:cover; } #features03 .bgTest6 { position:absolute; width:calc(100%); height:calc(100%); background: rgba(255,255,255,.5); transform: skew(-23.0deg,0deg); } #features03 .bgTest6 { left:-50%; top:0; } #features03 .bgTest7 { position:absolute; width:calc(100%); height:calc(450px); background: rgba(255,255,255,.7); transform: skew(0deg,-5.0deg); } #features03 .bgTest7 { left:0; top:-100px; } #features03 h3 { color:#00b050; font-size:19px; padding:0 30px 15px 30px; } #features03 h3 span { position: absolute; margin-top:0.10em; } #features03 h3 .num { display:inline-block; font-size:30px; color:#00b050; margin-right:30px; position:relative; vertical-align:middle; } #features03 .num:after { content:""; background:#000; width:1px; height:100%; position:absolute; right:-15px; } #features03 .featuresImg03 { padding:20px; } #features03 .featuresImg03 img { max-width:100%; box-sizing:border-box; } #features03 .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #features03 .isAnimate { transform:translateY(0); opacity:1; } #system {} #system .wrapMax { padding-top:50px; } #system .showCaseList { 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; } #system li { box-sizing:border-box; width:50%; float:left; } #system ul .tableList { margin:0; display:table; width:100%; } #system ul .tableList div { display:table-cell; float:none; vertical-align:middle; } #system ul .tableListTop { margin-top:15px; } #system .boxLeft { width:48%; float:left; padding:30px 0 0 0; margin-right:2%; box-sizing:border-box; box-shadow:0 0 6px rgba(0,0,0,.3); background:#f3f3f3; } #system .boxLeft .tle { font-size:18px; text-align:center; color:#00b050; } #system .boxLeft .liLeft { background:#00b050; width:45%; border-bottom:1px solid #f3f3f3; } #system .boxLeft .liLeft p { font-size:14px; padding:15px 10px 15px 45px; color:#fff; box-sizing:border-box; } #system .boxLeft .liLeft .icon01 { background:url(images/features03_icon01.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liLeft .icon02 { background:url(images/features03_icon02.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liLeft .icon03 { background:url(images/features03_icon03.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liLeft .icon04 { background:url(images/features03_icon04.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liLeft .icon05 { background:url(images/features03_icon05.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liLeft .icon06 { background:url(images/features03_icon06.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxLeft .liRight { background:#dedede; width:55%; border-bottom:1px solid #f3f3f3; } #system .boxLeft .liRight p { font-size:13px; padding:15px 20px; font-feature-settings:"palt"; letter-spacing:.1em; box-sizing:border-box; } #system .boxRight { width:48%; float:left; padding:30px 0 0 0; margin-left:2%; box-sizing:border-box; box-shadow:0 0 6px rgba(0,0,0,.3); background:#f3f3f3; /*transform:translateY(5%);*/ } #system .boxRight .liLeft { background:#00b050; width:40%; border-bottom:1px solid #f3f3f3; } #system .boxRight .liLeft p { font-size:14px; padding:15px 10px 15px 42px; color:#fff; box-sizing:border-box; } #system .boxRight .liLeft .icon01 { background:url(images/features03_icon07.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxRight .liLeft .icon02 { background:url(images/features03_icon08.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxRight .liLeft .icon03 { background:url(images/features03_icon09.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxRight .liLeft .icon04 { background:url(images/features03_icon10.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxRight .liLeft .icon05 { background:url(images/features03_icon11.png) center left 15px no-repeat; background-size:20px 20px; } #system .boxRight .liCenter { background:#dedede; width:10%; border-bottom:1px solid #f3f3f3; text-align:center; } #system .boxRight .liCenter p { font-size:14px; padding:15px 0 15px 0; color:#000; box-sizing:border-box; text-align:right; } #system .boxRight .liRight { background:#dedede; width:50%; border-bottom:1px solid #f3f3f3; } #system .boxRight .liRight p { font-size:14px; padding:15px 10px 15px 35px; color:#000; box-sizing:border-box; } #system .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #system .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:769px) and (max-width:850px) { #features03 h3 { font-size:18px; } #features03 h3 .num { font-size:28px; } #system ul .tableListTop { margin-top:10px; } #system .boxLeft { width:48.5%; float:left; padding:25px 0 0 0; margin-right:1.5%; } #system .boxLeft .liLeft p { font-size:13px; } #system .boxLeft .liRight p { font-size:13px; } #system .boxRight { width:48.5%; float:left; padding:25px 0 0 0; margin-left:1.5%; } #system .boxRight .liLeft { width:41%; } #system .boxRight .liCenter { width:8%; } #system .boxRight .liRight { width:51%; } #system .boxRight .liLeft p { font-size:13px; } #system .boxRight .liCenter p { font-size:13px; } #system .boxRight .liRight p { font-size:13px; padding:15px 10px 15px 25px; } } @media all and (min-width:601px) and (max-width:768px) { #features03 h3 { font-size:18px; } #features03 h3 .num { font-size:28px; } #system ul .tableListTop { margin-top:10px; } #system .boxLeft { width:90%; margin:0 auto 25px auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxLeft .liLeft { width:45%; } #system .boxLeft .liRight { width:55%; } #system .boxLeft .liLeft p { font-size:13px; } #system .boxLeft .liRight p { font-size:13px; } #system .boxRight { width:90%; margin:0 auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxRight .liLeft { width:40%; } #system .boxRight .liCenter { width:10%; } #system .boxRight .liRight { width:50%; } #system .boxRight .liLeft p { font-size:13px; } #system .boxRight .liCenter p { font-size:13px; } #system .boxRight .liRight p { font-size:13px; padding:15px 10px 15px 35px; } } @media all and (min-width:501px) and (max-width:600px) { #features03 h3 { font-size:18px; } #features03 h3 .num { font-size:28px; } #features03 .featuresImg03 { padding:15px 10px; } #system ul .tableListTop { margin-top:10px; } #system .boxLeft { width:95%; margin:0 auto 25px auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxLeft .liLeft { width:45%; } #system .boxLeft .liRight { width:55%; } #system .boxLeft .liLeft p { font-size:13px; } #system .boxLeft .liRight p { font-size:13px; } #system .boxRight { width:95%; margin:0 auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxRight .liLeft { width:40%; } #system .boxRight .liCenter { width:10%; } #system .boxRight .liRight { width:50%; } #system .boxRight .liLeft p { font-size:13px; } #system .boxRight .liCenter p { font-size:13px; } #system .boxRight .liRight p { font-size:13px; padding:15px 10px 15px 35px; } } @media all and (min-width:431px) and (max-width:500px) { #features03 h3 { font-size:16px; } #features03 h3 .num { font-size:26px; } #features03 .featuresImg03 { padding:15px 10px; } #system ul .tableListTop { margin-top:10px; } #system .boxLeft { width:95%; margin:0 auto 25px auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxLeft .liLeft { width:45%; } #system .boxLeft .liRight { width:55%; } #system .boxLeft .liLeft p { font-size:13px; } #system .boxLeft .liRight p { font-size:12px; } #system .boxRight { width:95%; margin:0 auto; float:none; padding:25px 0 0 0; box-sizing:border-box; } #system .boxRight .liLeft { width:40%; } #system .boxRight .liCenter { width:10%; } #system .boxRight .liRight { width:50%; } #system .boxRight .liLeft p { font-size:13px; } #system .boxRight .liCenter p { font-size:12px; } #system .boxRight .liRight p { font-size:12px; padding:15px 10px 15px 35px; } } @media all and (min-width:351px) and (max-width:430px) { #features03 h3 { font-size:15px; } #features03 h3 .num { font-size:24px; } #features03 .featuresImg03 { padding:15px 10px; } #system ul .tableListTop { margin-top:5px; } #system .boxLeft { width:100%; margin:0 auto 20px auto; float:none; padding:20px 0 0 0; box-sizing:border-box; } #system .boxLeft .liLeft { width:45%; } #system .boxLeft .liRight { width:55%; } #system .boxLeft .liLeft p { font-size:12px; } #system .boxLeft .liRight p { font-size:12px; } #system .boxRight { width:100%; margin:0 auto; float:none; padding:20px 0 0 0; box-sizing:border-box; } #system .boxRight .liLeft { width:40%; } #system .boxRight .liCenter { width:10%; } #system .boxRight .liRight { width:50%; } #system .boxRight .liLeft p { font-size:12px; } #system .boxRight .liCenter p { font-size:12px; } #system .boxRight .liRight p { font-size:12px; padding:15px 10px 15px 20px; } } @media all and (max-width:350px) { #features03 h3 { font-size:15px; } #features03 h3 .num { font-size:24px; } #features03 .featuresImg03 { padding:15px 10px; } #system ul .tableListTop { margin-top:5px; } #system .boxLeft { width:100%; margin:0 auto 20px auto; float:none; padding:20px 0 0 0; box-sizing:border-box; } #system .boxLeft .liLeft { width:45%; } #system .boxLeft .liRight { width:55%; } #system .boxLeft .liLeft p { font-size:12px; } #system .boxLeft .liRight p { font-size:12px; } #system .boxRight { width:100%; margin:0 auto; float:none; padding:20px 0 0 0; box-sizing:border-box; } #system .boxRight .liLeft { width:41%; } #system .boxRight .liCenter { width:8%; } #system .boxRight .liRight { width:51%; } #system .boxRight .liLeft p { font-size:12px; } #system .boxRight .liCenter p { font-size:12px; } #system .boxRight .liRight p { font-size:12px; padding:15px 10px 15px 15px; } } /*-------------------------------- #flow #showCase3 実施までの流れ --------------------------------*/ #flow { background:url(images/showcase_bg.jpg) bottom left repeat-x #fff; } #showCase3 {} #showCase3 .contentSectionInner { position:relative; } #showCase3 .contentSectionInner .stepArrow_pc { position:absolute; top:50%; left:0; max-width:100%; z-index:2; } #showCase3 .showCaseList { 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; } #showCase3 .showCaseList li { float:left; position:relative; box-sizing:border-box; background: #f3f3f3; text-align:center; box-shadow:0 0 6px rgba(0,0,0,.3); } #showCase3 .showCaseList li .stepImg { position:absolute; } #showCase3 .showCaseList img { max-width:100%; } #showCase3 .showCaseList .pBox { width:100%; height:auto; padding:15px 0; box-sizing:border-box; } #showCase3 .showCaseList .pBox .showCase-numbering { font-size:90px; color:#00b050; line-height:1.0; font-style:italic; transform:scale(0.8, 1.3); position:absolute; opacity:0.2; } #showCase3 h3 { color:#610f14; text-align:left; line-height:1.4em; position:relative; } /*#showCase3 h3 span { position: absolute; margin-top:0.17em; }*/ #showCase3 h3 span { margin-top:0.05em; } #showCase3 h3 .num { position:absolute; margin-top:0.17em; display:inline-block; color:#610f14; margin-right:20px; vertical-align:middle; } #showCase3 .num:after { content:""; background:#000; width:1px; height:100%; position:absolute; right:-10px; } #showCase3 .showCaseList .txt { font-size:14px; color:#000; text-align:left; font-feature-settings:"palt"; letter-spacing:.1em; line-height:1.7em; text-align: justify; text-justify: inter-ideograph; } #showCase3 .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #showCase3 .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:1101px) { #flow #pageIntro h2 br { display:none; } #showCase3 h3 { font-size:18px; padding:20px 15px 8px 60px; } #showCase3 h3 span { } #showCase3 h3 .num { font-size:27px; top:16px; left:15px; } #showCase3 .showCaseList li { width:32.33%; margin-right:1.5%; margin-bottom:2%; padding:0; } #showCase3 .showCaseList li:nth-child(3) { margin-right:0; } #showCase3 .showCaseList li:nth-child(4) { margin-bottom:0; } #showCase3 .showCaseList li:nth-child(5) { margin-bottom:0; } #showCase3 .showCaseList li:nth-child(6) { margin-right:0; margin-bottom:0; } #showCase3 .showCaseList li .txt { padding:10px 15px 20px 15px; } } @media all and (min-width:1041px) and (max-width:1100px) { #flow #pageIntro h2 br { display:none; } #showCase3 h3 { font-size:17px; padding:20px 15px 8px 60px; } #showCase3 h3 .num { font-size:26px; top:16px; left:15px; } #showCase3 .showCaseList li { width:32.33%; margin-right:1.5%; margin-bottom:2%; padding:0; } #showCase3 .showCaseList li:nth-child(3) { margin-right:0; } #showCase3 .showCaseList li:nth-child(4) { margin-bottom:0; } #showCase3 .showCaseList li:nth-child(5) { margin-bottom:0; } #showCase3 .showCaseList li:nth-child(6) { margin-right:0; margin-bottom:0; } #showCase3 .showCaseList li .txt { padding:10px 15px 20px 15px; } } @media all and (min-width:851px) and (max-width:1040px) { #flow #pageIntro h2 br { display:none; } #showCase3 h3 { font-size:18px; padding:20px 20px 8px 60px; } #showCase3 h3 .num { font-size:25px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; } #showCase3 .showCaseList li:nth-child(1) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(2) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(3) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(4) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(5) { width:48%; margin:0 1% 0 1%; } #showCase3 .showCaseList li:nth-child(6) { width:48%; margin:0 1% 0 1%; } #showCase3 .showCaseList li .txt { padding:10px 20px 20px 20px; } } @media all and (min-width:769px) and (max-width:850px) { #flow #pageIntro h2 br { display:none; } #showCase3 h3 { font-size:17px; padding:21px 15px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:24px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; } #showCase3 .showCaseList li:nth-child(1) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(2) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(3) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(4) { width:48%; margin:0 1% 25px 1%; } #showCase3 .showCaseList li:nth-child(5) { width:48%; margin:0 1% 0 1%; } #showCase3 .showCaseList li:nth-child(6) { width:48%; margin:0 1% 0 1%; } #showCase3 .showCaseList li .txt { padding:10px 20px 20px 20px; } } @media all and (min-width:701px) and (max-width:768px) { #flow #pageIntro h2 br { display:none; } #showCase3 h3 { font-size:17px; padding:21px 10px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:24px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; } #showCase3 .showCaseList li:nth-child(1) { width:46%; margin:0 1.5% 25px 2.5%; } #showCase3 .showCaseList li:nth-child(2) { width:46%; margin:0 2.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(3) { width:46%; margin:0 1.5% 25px 2.5%; } #showCase3 .showCaseList li:nth-child(4) { width:46%; margin:0 2.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(5) { width:46%; margin:0 1.5% 0 2.5%; } #showCase3 .showCaseList li:nth-child(6) { width:46%; margin:0 2.5% 0 1.5%; } #showCase3 .showCaseList li .txt { padding:10px 20px 20px 20px; line-height:1.6em; } } @media all and (min-width:601px) and (max-width:700px) { #showCase3 h3 { font-size:18px; padding:20px 10px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:25px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; } #showCase3 .showCaseList li:nth-child(1) { width:47%; margin:0 1.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(2) { width:47%; margin:0 1.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(3) { width:47%; margin:0 1.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(4) { width:47%; margin:0 1.5% 25px 1.5%; } #showCase3 .showCaseList li:nth-child(5) { width:47%; margin:0 1.5% 0 1.5%; } #showCase3 .showCaseList li:nth-child(6) { width:47%; margin:0 1.5% 0 1.5%; } #showCase3 .showCaseList li .txt { font-size:13px; padding:10px 15px 20px 15px; line-height:1.6em; } } @media all and (min-width:501px) and (max-width:600px) { #showCase3 h3 { font-size:17px; padding:21px 10px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:25px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; width:95%; margin:0 auto 20px auto; } #showCase3 .showCaseList li:last-child { margin-bottom:0; } #showCase3 .showCaseList li .txt { font-size:13px; padding:8px 15px 20px 15px; line-height:1.6em; } } @media all and (min-width:431px) and (max-width:500px) { #showCase3 h3 { font-size:17px; padding:21px 10px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:25px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; width:95%; margin:0 auto 20px auto; } #showCase3 .showCaseList li:last-child { margin-bottom:0; } #showCase3 .showCaseList li .txt { font-size:13px; padding:8px 15px 20px 15px; line-height:1.6em; } } @media all and (min-width:351px) and (max-width:430px) { #showCase3 h3 { font-size:16px; padding:21px 10px 10px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:24px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; width:100%; margin:0 auto 20px auto; } #showCase3 .showCaseList li:last-child { margin-bottom:0; } #showCase3 .showCaseList li .txt { font-size:12px; padding:8px 15px 20px 15px; line-height:1.6em; } } @media all and (max-width:350px) { #showCase3 h3 { font-size:16px; padding:21px 10px 5px 60px; } #showCase3 h3 span { margin-top:0.15em; } #showCase3 h3 .num { font-size:24px; top:15px; left:15px; } #showCase3 .showCaseList li { padding:0; width:100%; margin:0 auto 20px auto; } #showCase3 .showCaseList li:last-child { margin-bottom:0; } #showCase3 .showCaseList li .txt { font-size:12px; padding:8px 15px 20px 15px; line-height:1.6em; } } /*-------------------------------- #induction 問い合わせ誘導 --------------------------------*/ #induction { } #induction .wrapMax { box-shadow: 0 10px 10px -10px rgba(53, 47, 47, 0.2); } #induction .contentSectionInner { max-width:100%!important; background:url(images/induction_bg.png) center no-repeat; background-size:100% auto; margin-bottom:0px; padding:50px 0 50px 0; box-sizing:border-box; } #induction .inductionConceptBox { box-sizing:border-box; position:relative; text-align:center; } #induction .txt02 { font-feature-settings:"palt"; color:#fff; font-weight:bold; line-height:1.3em; letter-spacing:.05em; text-shadow:0 0 6px rgba(0,0,0,.8); } #induction .txt04 { font-feature-settings:"palt"; color:#fff; font-weight:bold; line-height:1.3em; letter-spacing:.05em; text-shadow:0 0 6px rgba(0,0,0,.8); } #induction .txt05 { color:#007736; background:#fff; font-weight:bold; display:inline-block; } #induction .txt05 span { letter-spacing:.10em; } #induction .inductionConceptBox { box-sizing:border-box; position:relative; } #induction .inductionConceptBox .telTxt { color:#fff!important; font-weight:bold; letter-spacing:.10em; font-family:'Roboto', sans-serif; text-shadow:0 0 6px rgba(0,0,0,.8); } #induction .inductionConceptBox .telTxt a { color:#fff!important; } #induction .inductionConceptBox .timeTxt { color:#fff; font-weight:bold; letter-spacing:.10em; text-shadow:0 0 6px rgba(0,0,0,.8); } #induction .inductionConceptBox .timeTxt span { font-family:'Roboto', sans-serif; } #induction .pagelinkBtn { width:100%; } #induction .pagelinkBtn p { text-shadow:none; color:#fff; } #induction .inductionConceptBox .pagelinkBtn a:hover p { color:#ed6d00; } #induction .animateCont { transition:0.8s ease-in-out; transform:translateY(-15%); opacity:0; } #induction .isAnimate { transform:translateY(0); opacity:1; } @media all and (min-width:851px) { #induction .inductionConceptBox { width:90%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 20px 25px 20px; } #induction .inductionConceptBox .txt02 { font-size:30px; } #induction .inductionConceptBox .txt02 .exBr1 { display:none; } #induction .inductionConceptBox .txt02 .exBr2 { display:none; } #induction .inductionConceptBox .txt04 { font-size:16px; padding-top:10px; } #induction .inductionConceptBox .txt04 .exBr1 { display:none; } #induction .inductionConceptBox .txt04 .exBr2 { display:none; } #induction .inductionConceptBox .txt05 { font-size:16px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:660px; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:50%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:10px; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 65px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 65px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 90px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 90px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:769px) and (max-width:850px) { #induction .inductionConceptBox { width:90%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 25px 0; } #induction .inductionConceptBox .txt02 { font-size:28px; } #induction .inductionConceptBox .txt02 .exBr1 { display:none; } #induction .inductionConceptBox .txt02 .exBr2 { display:none; } #induction .inductionConceptBox .txt04 { font-size:16px; padding-top:10px; } #induction .inductionConceptBox .txt04 .exBr1 { display:none; } #induction .inductionConceptBox .txt04 .exBr2 { display:none; } #induction .inductionConceptBox .txt05 { font-size:16px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:660px; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:50%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:10px; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:40px; padding:9px 0 15px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:20px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:20px 0; background:url(images/ico_btn_off.png) 65px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 65px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 90px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 90px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:601px) and (max-width:768px) { #induction .contentSectionInner { background:url(images/induction_bg.png) center no-repeat; background-size:120% auto; margin-bottom:0px; padding:30px 0; box-sizing:border-box; } #induction .inductionConceptBox { width:90%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 15px 0; } #induction .inductionConceptBox .txt02 { font-size:26px; } #induction .inductionConceptBox .txt02 .exBr1 { display:none; } /*#induction .inductionConceptBox .txt02 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt04 { font-size:16px; padding-top:10px; } /*#induction .inductionConceptBox .txt04 .exBr1 { display:none; }*/ #induction .inductionConceptBox .txt04 .exBr2 { display:none; } #induction .inductionConceptBox .txt05 { font-size:16px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:100%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:0; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:0; padding-top:15px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:38px; padding:9px 0 15px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:18px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn { width:400px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; background:url(images/ico_btn_off.png) 100px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 100px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 130px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 130px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:501px) and (max-width:600px) { #induction .contentSectionInner { background:url(images/induction_bg.png) center no-repeat; background-size:120% auto; margin-bottom:0px; padding:30px 0; box-sizing:border-box; } #induction .inductionConceptBox { width:95%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 15px 0; } #induction .inductionConceptBox .txt02 { font-size:25px; } #induction .inductionConceptBox .txt02 .exBr1 { display:none; } /*#induction .inductionConceptBox .txt02 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt04 { font-size:16px; padding-top:10px; } /*#induction .inductionConceptBox .txt04 .exBr1 { display:none; }*/ #induction .inductionConceptBox .txt04 .exBr2 { display:none; } #induction .inductionConceptBox .txt05 { font-size:16px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:100%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:0; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:0; padding-top:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:36px; padding:9px 0 15px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:17px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn { width:300px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; background:url(images/ico_btn_off.png) 55px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 55px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 80px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 80px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:431px) and (max-width:500px) { #induction .contentSectionInner { background:url(images/induction_bg.png) center no-repeat; background-size:150% auto; margin-bottom:0px; padding:30px 0; box-sizing:border-box; } #induction .inductionConceptBox { width:95%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 15px 0; } #induction .inductionConceptBox .txt02 { font-size:24px; } /*#induction .inductionConceptBox .txt02 .exBr1 { display:none; }*/ /*#induction .inductionConceptBox .txt02 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt04 { font-size:16px; padding-top:10px; } /*#induction .inductionConceptBox .txt04 .exBr1 { display:none; }*/ #induction .inductionConceptBox .txt04 .exBr2 { display:none; } #induction .inductionConceptBox .txt05 { font-size:16px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:100%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:0; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:0; padding-top:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:36px; padding:9px 0 15px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:17px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn { width:300px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; background:url(images/ico_btn_off.png) 50px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 50px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 80px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 80px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (min-width:351px) and (max-width:430px) { #induction .contentSectionInner { background:url(images/induction_bg.png) center no-repeat; background-size:180% auto; margin-bottom:0px; padding:20px 0; box-sizing:border-box; } #induction .inductionConceptBox { width:95%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 15px 0; } #induction .inductionConceptBox .txt02 { font-size:22px; } /*#induction .inductionConceptBox .txt02 .exBr1 { display:none; }*/ /*#induction .inductionConceptBox .txt02 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt04 { font-size:14px; padding-top:10px; } /*#induction .inductionConceptBox .txt04 .exBr1 { display:none; }*/ /*#induction .inductionConceptBox .txt04 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt05 { font-size:14px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:100%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:0; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:0; padding-top:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:32px; padding:9px 0 10px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:16px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn { width:260px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; background:url(images/ico_btn_off.png) 35px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 35px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 60px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 60px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } @media all and (max-width:350px) { #induction .contentSectionInner { background:url(images/induction_bg.png) center no-repeat; background-size:200% auto; margin-bottom:0px; padding:20px 0; box-sizing:border-box; } #induction .inductionConceptBox { width:95%; max-width:800px; margin:0 auto; } #induction .inductionConceptBox .boxInnerTop { padding:0 0 15px 0; } #induction .inductionConceptBox .txt02 { font-size:22px; } /*#induction .inductionConceptBox .txt02 .exBr1 { display:none; }*/ /*#induction .inductionConceptBox .txt02 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt04 { font-size:14px; padding-top:10px; } /*#induction .inductionConceptBox .txt04 .exBr1 { display:none; }*/ /*#induction .inductionConceptBox .txt04 .exBr2 { display:none; }*/ #induction .inductionConceptBox .txt05 { font-size:14px; padding:8px 1.5em 8px 2em; margin-bottom:15px; } #induction .inductionConceptBox .boxInnerBottom { padding:0 0 0 0; } #induction .inductionConceptBox .boxInnerBottom ul { width:100%; margin:0 auto; } #induction .inductionConceptBox .boxInnerBottom li { float:left; width:100%; box-sizing:border-box; } #induction .inductionConceptBox .boxInnerBottom .liLeft { padding-right:0; } #induction .inductionConceptBox .boxInnerBottom .liRight { padding-left:0; padding-top:10px; } #induction .inductionConceptBox .boxInnerBottom .telTxt { font-size:32px; padding:9px 0 10px 10px; } #induction .inductionConceptBox .boxInnerBottom .timeTxt { font-size:16px; padding-left:6px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn { width:260px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a { padding:15px 0; background:url(images/ico_btn_off.png) 30px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn a:hover { background:url(images/ico_btn_on.png) 30px center no-repeat; background-size:12px 12px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a { background:url(images/ico_btn_off.png) 55px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn2 a:hover { background:url(images/ico_btn_on.png) 55px center no-repeat!important; background-size:12px 12px!important; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p { font-size:20px!important; font-weight:bold; padding-left:30px; } #induction .inductionConceptBox .boxInnerBottom .pagelinkBtn p span { letter-spacing:0.08em; } } /*-------------------------------- .photoSample --------------------------------*/ .photoSample { width:100%; background:#fff; } .photoSample li { width:33.3333%; float:left; } .photoSample img { width:100%; max-width:100%; } @media all and (max-width:600px) { .photoSample li { width:50%; float:left; } .photoSample .li01 { display:none; } } /* .page_company ----------------------------------------------------*/ /*--会社概要--*/ #companyProfile { background:#fff; } #companyProfile h1 { padding-left:0px; font-feature-settings:"palt"; padding-bottom:15px; margin-bottom:10px; box-shadow: 0 12px 12px -12px rgba(53, 47, 47, 0.15); } #companyProfile .kakomi { padding:40px 20px 0 20px; } #companyProfile .companyTable { width:800px; margin:0 auto; text-align:left; } #companyProfile .companyTable .tle { background:#610f14; } #companyProfile .companyTable p { font-size:14px; letter-spacing:.14em; } @media all and (min-width:601px) { #companyProfile .companyTable { display:table; } #companyProfile .companyTable .tle { display:table-cell; width:220px; padding:30px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:center; color:#fff; box-sizing:border-box; } #companyProfile .companyTable .txt { display:table-cell; width:auto; padding:30px 50px; border-bottom:solid 1px #e6e9ee; vertical-align:middle; text-align:left; color:#000; } } @media all and (min-width:769px) and (max-width:950px) { #companyProfile .companyTable { width:100%; } #companyProfile .companyTable .tle { width:220px; } } @media all 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 all and (min-width:501px) and (max-width:600px) { #companyProfile { } #companyProfile .companyTable { width:100%; } #companyProfile .companyTable .tle { width:100%; padding:15px 20px; border-bottom:none; text-align:left; color:#fff; 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 all and (min-width:401px) and (max-width:500px) { #companyProfile { } #companyProfile .companyTable { width:100%; } #companyProfile .companyTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#fff; 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 all and (max-width:400px) { #companyProfile { } #companyProfile .companyTable { width:100%; } #companyProfile .companyTable .tle { width:100%; padding:15px 15px; border-bottom:none; text-align:left; color:#fff; 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; } } /* フォームセット ----------------------------------------------------*/ /*--注意事項 ー フォーム--*/ .table { border-top:solid 1px #dadada; 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; color:#000; } .formSet .contactCoution .subTxt { font-size:13px; color:#000; } /*.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:16px; } /*.formSet .basicTable .inputAreaRequired { background:#c2f3c0; border:1px solid #00b050!important; }*/ .formSet .basicTable .inputAreaRequired { background:#fce2e2; border:1px solid #f06f6f!important; } .formSet .basicTable input { border:none; padding:0 10px; box-sizing:border-box; border:1px solid #d7d7d7; } .formSet .basicTable textarea { width:100%; height:120px; border:none; 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:#00b050; } .radio02-input:checked + label::after{ content:""; display:block; position:absolute; top:3px; left:3px; width:11px; height:11px; background:#00b050; border-radius:50%; } /*--select--*/ .formSet .basicTable select { border:1px solid #d2d2d2; width:200px; height:34px; } @media all 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; } } @media all 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 select { width:100%; } } @media all and (min-width:601px) { .formSet .basicTable { display:table; } .formSet .basicTable .tle { display:table-cell; width:220px; padding:30px 30px; border-bottom:solid 1px #dadada; 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 #dadada; vertical-align:middle; text-align:left; color:#000; } } @media all and (min-width:769px) and (max-width:950px) { .formSet .basicTable p { font-size:15px; } .formSet .basicTable .tle { width:200px; } } @media all 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:190px; padding:25px 20px; } .formSet .basicTable .txt { padding:25px 20px 25px 0; } .formSet .basicTable p { font-size:15px; } } @media all and (min-width:501px) and (max-width:600px) { .formSet .contactCoution .mainTxt { font-size:13px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:12px; } .table { border:none; } .formSet .basicTable { background:#fff; } .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:none; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:15px; } } @media all and (min-width:401px) and (max-width:500px) { .formSet .contactCoution .mainTxt { font-size:13px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:12px; } .table { border:none; } .formSet .basicTable { background:#fff; } .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 15px 20px 15px; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:14px; } } @media all and (max-width:400px) { .formSet .contactCoution .mainTxt { font-size:12px; padding-bottom:10px; } .formSet .contactCoution .subTxt { font-size:11px; } .table { border:none; } .formSet .basicTable { background:#fff; } .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 15px 20px 15px; border-bottom:solid 1px #dadada; text-align:left; color:#000; box-sizing:border-box; } .formSet .basicTable p { font-size:14px; } } /*--インプット制御--*/ @media all and (min-width:681px) { .formSet .basicTable .inputType01 { width:432px; height:34px; } .formSet .basicTable .inputType02 { width:250px; height:34px; } } @media all and (min-width:381px) and (max-width:680px) { .formSet .basicTable .inputType01 { width:100%; height:34px; } .formSet .basicTable .inputType02 { width:250px; height:34px; } } @media all and (max-width:380px) { .formSet .basicTable .inputType01 { width:100%; height:34px; } .formSet .basicTable .inputType02 { width:100%; height:34px; } } /*--個人情報 ー ボタン--*/ .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:auto; border:1px solid #E0E0E0; overflow:scroll; background:#fff; }*/ .formSet .privacypolicyArea > dd { padding:5px 30px 15px 30px; height:auto; } .formSet .privacypolicyArea .privacyLink { color:#ED6D02; } .formSet .privacypolicyArea .privacyLink:hover { color:#00b050; } .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:#eee; 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; margin-top:30px; } .formSet .submitBtn input { width:50%; color:#fff; padding:22px 0; font-size:20px; background:url(images/solutionLinkBtn_bg_off.png) no-repeat right bottom #ed6d00; background-size:20px; border:1px solid #fff; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .formSet .submitBtn input:hover { background:url(images/solutionLinkBtn_bg_on.png) no-repeat right bottom #fff; background-size:20px; color:#ed6d00; border:1px solid #ed6d00; } @media all and (min-width:951px) { } @media all and (min-width:769px) and (max-width:950px) { } @media all and (min-width:601px) and (max-width:768px) { .formSet .privacypolicyArea .mainTle { font-size:14px; } .formSet .privacypolicyArea > dt { font-size:15px; margin:30px 0 0 0; } .formSet .privacypolicyArea > dd { padding:20px 25px; } } @media all and (min-width:501px) and (max-width:600px) { .formSet .privacypolicyArea .mainTle { font-size:13px; } .formSet .privacypolicyArea > dt { font-size:14px; margin:30px 0 0 0; } .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 all 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:30px 0 0 0; } .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 all and (max-width:400px) { .formSet .privacypolicyArea .mainTle { font-size:13px; } .formSet .privacypolicyArea .mainTxt { font-size:11px; } .formSet .privacypolicyArea > dt { font-size:14px; margin:30px 0 0 0; } .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 { text-align:center; } #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:#00b050; 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; } #privacyPoricy_contact p { display:inline-block; text-align:left; } @media all and (min-width:1001px) { } @media all and (min-width:851px) and (max-width:1000px) { } @media all and (max-width:850px) { #privacyPoricy_contact h1 { font-size:13px; } #privacyPoricy_contact .mainTle { font-size:14px; } #privacyPoricy_contact .leadTxt { font-size:13px; } } @media all 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 all and (max-width:600px) { } @media all and (max-width:500px) { } @media all and (max-width:430px) { } @media all and (max-width:350px) { } /*--フォーム--*/ #formWrap { width:100%; margin:0 auto; color:#333333; line-height:120%; font-size:100%; box-sizing:border-box; } table.formTable { width:100%; margin:0 auto; border-collapse:collapse; } table.formTable td,table.formTable th { border:1px solid #ccc; padding:25px; } table.formTable th { width:30%; font-weight:normal; background:#efefef; text-align:left; } p.error_messe{ margin:5px 0; color:red; } .formSet2 .submitBtn { text-align:center; margin-top:30px; } .formSet2 .submitBtn .submit { width:50%; color:#fff; padding:20px 0; font-size:20px; background:url(images/solutionLinkBtn_bg_off.png) no-repeat right bottom #ed6d00; background-size:20px; border:1px solid #fff; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .formSet2 .submitBtn .submit:hover { background:url(images/solutionLinkBtn_bg_on.png) no-repeat right bottom #fff; background-size:20px; color:#ed6d00; border:1px solid #ed6d00; } .formSet2 .submitBtn .back { width:50%; color:#fff; padding:20px 0; font-size:20px; background:url(images/solutionLinkBtn_bg_off.png) no-repeat right bottom #878787; background-size:20px; border:1px solid #fff; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .formSet2 .submitBtn .back:hover { background:url(images/solutionLinkBtn_bg_on2.png) no-repeat right bottom #fff; background-size:20px; color:#878787; border:1px solid #878787; } @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 ) { } @media print, screen and ( min-width:501px ) and ( max-width:600px ) { .formSet2 .submitBtn .submit { width:90%; padding:18px 0; font-size:14px; } .formSet2 .submitBtn .back { width:90%; padding:18px 0; font-size:14px; } } @media print, screen and ( min-width:401px ) and ( max-width:500px ) { .formSet2 .submitBtn .submit { width:90%; padding:18px 0; font-size:14px; } .formSet2 .submitBtn .back { width:90%; padding:18px 0; font-size:14px; } } @media print, screen and ( max-width:400px ) { .formSet2 .submitBtn .submit { width:90%; padding:18px 0; font-size:14px; } .formSet2 .submitBtn .back { width:90%; padding:18px 0; font-size:14px; } } @media all and (min-width:769px) and (max-width:850px) { } @media all and (min-width:601px) and (max-width:768px) { } @media all and (min-width:501px) and (max-width:600px) { #formWrap { font-size:13px; } table.formTable th { width:45%; padding:20px; } table.formTable td { width:55%; padding:20px; } } @media all and (min-width:431px) and (max-width:500px) { #formWrap { font-size:13px; } table.formTable th { width:45%; padding:15px; } table.formTable td { width:55%; padding:15px; } } @media all and (min-width:351px) and (max-width:430px) { #formWrap { font-size:12px; } table.formTable th { width:45%; padding:10px; } table.formTable td { width:55%; padding:10px; } } @media all and (max-width:350px) { #formWrap { font-size:12px; } table.formTable th { width:45%; padding:10px; } table.formTable td { width:55%; padding:10px; } } /*--20250519追記 / 安全運輸・DX EXPO 2025バナー設置--*/ .truckexpo2025_bnr { width:100%; background:#fff; text-align:center; padding-top:55px; box-sizing:border-box; } .truckexpo2025_bnr img { max-width:90%; } .truckexpo2025_bnr img:hover { opacity:0.5; }