@charset "utf-8";
@import url(animate.css);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
/* default */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* others */
@import url(https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400;600;700;800;900&display=swap');

/* ---------------------------------------------------------------- *
	リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, fsss, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
    共通設定
 * ---------------------------------------------------------------- */

/* リンク設定 */
a {transition:all .4s ease-in-out;}
a:hover {color:#0d5bad;text-decoration:none;opacity:0.7;transition:all .1s ease-in-out;}
a:link {color:#094c95;text-decoration:underline;}
a:visited {color:#094c95;text-decoration:underline;}
a:active {color:#1f7bdd;text-decoration:none;}

/* リンクマウスオーバー設定 */
a, a img  {opacity:1;transition:all .2s ease-in-out;}
a:hover, a img:hover {opacity:0.8;transition:all .1s ease-in-out;}

/* 画像設定 */
.image {display:block;width:100%;}

/* 明朝 */
.serif {font-family: "Noto Serif", serif;font-weight:600;}

/* ゴシック */
.sansSerif {font-family:"Roboto",Helvetica,"Noto Sans JP","游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

/* 両端揃え */
.justify {text-align:justify;text-justify:inter-ideograph;}

/* フォントファミリー設定 */
.ff1 {font-family: 'Gabarito', sans-serif;font-weight:600;}
.ff1 .bold {font-weight:900;}
.ff2 {font-family:'Orbitron',sans-serif;font-weight:normal;}

/* フォントカラー・サイズ設定 */
.white {color:#fff;}
.red {color:#e51751!important;}
.color1 {color:#094c95!important;}
.bgcolor1 {background:#094c95;}
.bordercolor1 {border-color: #094c95;}
.small {font-size:10px;}
.center {text-align:center;}

/* 蛍光ペンテキストライン */
.marker {background:linear-gradient(transparent 50%, #008cff48 0%);border-radius:6px;font-weight: bold;}

/* 共通wrap */
.mainWrap {width:90%;max-width:1200px;margin:0 auto;}

/* 共通btn */
.btn1 a {display:block;max-width:350px;width:100%;padding:28px;line-height:100%;color:#fff;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);text-align:center;text-decoration:none;font-size:20px;   border-radius:6px;font-weight:bold;text-shadow:0 1px 2px rgba(0, 0, 0, 0.7);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);border: solid 1px #094c95;}
.btn1 a i {margin-right:10px;}

.btn2 a {display:block;max-width:350px;width:100%;padding:24px;line-height:100%;color:#fff;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);text-align:center;text-decoration:none;font-size:16px;border-radius:5px;font-weight:bold;text-shadow:0 1px 2px rgba(0, 0, 0, 0.7);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);border: solid 1px #094c95;font-feature-settings: "palt" 1;margin:0 auto;}
.btn2 a i {margin-right:10px;}

.clear {clear:both;}

.flex {	
	display:-webkit-box;/* Android */
    display:-ms-flexbox;/* IE10 */
    display:-webkit-flex;/* safari(PC) */
    display:flex;
	
    -webkit-box-pack:justify;/* Android */
    -ms-flex-pack:justify;/* IE10 */
    -webkit-justify-content:space-between;/* safari(PC) */
    justify-content:space-between;
	
	-ms-flex-wrap:wrap;/* IE10 */
	-webkit-flex-wrap:wrap;/* safari(PC) */
	flex-wrap:wrap;
}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1.5s ease-out;}

.fadeIn_fast {opacity:0;}
.fadeIn_fast_anime {opacity:1;transition:0.8s ease-out;}

.slideUp {opacity:0;transform:translate(0,30px);-webkit-transform:translate(0,30px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0s;}

.slide_left {opacity:0;transform:translate(-50px,0);-webkit-transform:translate(-50px,0);}
.slide_left_anime {opacity:1;transform:translate(0,0);transition:2s ease-out;transition-delay:0s;}

.slide_right {opacity:0;transform:translate(50px,0);-webkit-transform:translate(50px,0);}
.slide_right_anime {opacity:1;transform:translate(0,0);transition:2s ease-out;transition-delay:0s;}

.zoomIn {opacity:0;transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0s;}

.zoomIn_slow {opacity:0;transform:scale(0.5, 0.5) rotateY(180deg);-webkit-transform:scale(0.5, 0.5) rotateY(180deg);}
.zoomIn_slow_anime {opacity:1;transform:scale(1, 1) rotateY(360deg);-webkit-transform:scale(1, 1) rotateY(360deg);transition:0.8s ease-out;transition-delay:0s;}

.zoomOut {opacity:1;transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);}
.zoomOut_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0s;}

/*背景パターン1 幾何学*/
.bg_ptn1 {background-color:#ffffff;background-size: cover;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(12,960,463)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='467' height='389.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");}

/*背景パターン2 点つなぎ*/
.bg_ptn2 {background-color: #FFFFFF;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='390' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23F0F0F0' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23ECECEC'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");}

/*背景パターン3 斜め線*/
.bg_ptn3 {background-color: #ffffff;background-size: 5px 5px;background-image: repeating-linear-gradient(45deg, #dedede 0, #dedede 0.5px, #ffffff 0, #ffffff 50%);}

/*背景色*/
.bg_white {background:#fff;}
.bg_gray1 {background:#f9f9f9;}

body {
    font-family:
    "Roboto",
    "Noto Sans JP",
    "游ゴシック",
    "Yu Gothic",
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro",
    "メイリオ",
    sans-serif;
    color:#222;
    background:#fff;
    line-height:100%;
}

.kerning {font-feature-settings:"palt";}

/* ---------------------------------------------------------------- *
    共通（PC）
 * ---------------------------------------------------------------- */

.newicon {color:#fff;background:rgb(233, 6, 63);padding:3px;width:35px;font-size:12px;text-align:center;line-height:100%;margin-left:10px;border-radius:2px;}


.section_ptn1 {width:100%;overflow:hidden;padding:6% 0;border-bottom:solid 1px rgba(0, 0, 0, 0.3);}

.hide {display:none;}
.spHide {display:block;}
.pcHide {display:none;}

.header {position:relative;}
.header .header_bar {width:100%;height:90px;background:#fff;z-index:1001;position: relative;}
.header .header_bar .logo {width:160px;margin:10px 0 0 15px;}
.header .header_bar .logo a {text-decoration:none; }
.header .header_bar .text {font-size:11px;margin-bottom:8px;}

.header .header_menu {align-items:center;}
.header .header_menu .google_search {height:90px;margin:0 20px 0 0; padding:26px 30px 0 0;border-right:dotted 1px #ccc;}
.header .header_menu .google_search input {padding:9px;font-size:16px;border-radius:5px;border:solid 1px #999;}
.header .header_menu .google_search #submit {padding:7px;font-size:14px!important;}

.header .header_contact .tel {margin:0 20px 0 0;padding:20px 30px 0 0;border-right:dotted 1px #ccc;}
.header .header_contact .tel strong {font-size:27px}
.header .header_contact .tel .time {display:block;font-size:13px;text-align:center;margin-top:8px;}
.header .header_contact .mail a {display:block;width:130px;height:90px;font-size:17px;text-decoration:none;font-weight:600;line-height:90px;text-align:center;margin:0 30px 0 0;}
.header .header_contact .lang a {display:block;width:90px;height:90px;font-size:14px;font-weight:600;line-height:90px;color:#fff;text-decoration:none;text-align: center;background: linear-gradient(240deg, rgb(4, 63, 126) 0%, rgba(10,87,170,1) 100%);text-shadow:0 0 3px rgba(0,0,0,0.6);}
.header .header_contact .lang a:hover {opacity:1;background: linear-gradient(240deg, rgb(4, 63, 126) 0%, rgb(20, 112, 211) 100%);}

.header .globalMenu {background: linear-gradient(180deg, rgb(0, 64, 133) 0%, rgba(9,76,149,1) 25%, rgba(14,91,173,1) 100%);border-top:solid 1px rgba(0, 0, 0, 0.7);border-bottom:solid 1px rgba(255, 255, 255, 0.3);z-index:1001;position: relative;}
.header .globalMenu .btnWrap {max-width:1200px;width:100%;margin:0 auto;}
.header .globalMenu .menu_main {width:20%;border-left:solid 1px rgba(255, 255, 255, 0.25);}
.header .globalMenu .menu_main:last-of-type {border-right:solid 1px rgba(255, 255, 255, 0.25);}
.header .globalMenu .menu_main .menu_main_btn {display: block;width:100%;padding:24px 0;color:#fff;text-decoration:none;font-size:17px;font-weight:600;text-align: center;letter-spacing:1px;text-shadow:0 0 3px rgba(0,0,0,0.6);border-bottom:solid 2px #0e5bad;}
.header .globalMenu .menu_main .menu_main_btn:hover {background: linear-gradient(180deg, rgb(0, 64, 133) 0%, rgba(9,76,149,1) 25%, rgb(20, 112, 211) 100%);opacity:1;border-bottom:solid 2px #fff;}
.gMenu_active {border-bottom:solid 2px #fff!important;}
.header .globalMenu .menu_main .icon_img {height:13px;margin-right:5px;}

.header .submenu {position:absolute;z-index:1000;left:50%;transform:translate(-50%, 0);max-width:1200px;width:100%;background: linear-gradient(180deg, rgb(0, 64, 133) 0%, rgb(20, 112, 211) 100%);padding:1.1% 1%;z-index:1001;border-radius: 0 0 6px 6px;}
.header .submenu .sidemenu {width:25%;}
.header .submenu .sidemenu a {display:block;border:solid 1px rgba(255, 255, 255, 0.5);padding:25px;text-align:center;text-decoration:none;font-size:16px;font-weight:600;margin-bottom:1px;color:#fff;}
.header .submenu .sidemenu a.active {border:solid 1px rgb(0, 64, 133);color:rgb(20, 112, 211);background:#fff;border:solid 1px #fff;position:relative;}
.header .submenu .sidemenu .active::after {content:"";position: absolute;right:-12px;width:0;height:0;border-style:solid;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #ffffff;border-right:0;}
.header .all_black {width:100%;overflow-y:auto;background:rgba(0, 0, 0, 0.7);position:fixed;top:0;left:0;height:100%;bottom:0;z-index:1000;}
.header .submenu .mainArea {width:72%;}
.header .submenu .mainArea .menuBtn {margin-bottom:4%;}
.header .submenu .mainArea .menuBtn li {display:block;width:50%;}
.header .submenu .mainArea .menuBtn li a {position:relative;border:solid 1px #000;padding:10px;text-decoration:none;font-size:15px;font-weight:600;margin-bottom:1px;align-items:center;line-height:140%;background:#fff;border-radius:3px;}
.header .submenu .mainArea .menuBtn li a img {display:block;width:20%;border:solid 1px #ccc;}
.header .submenu .mainArea .menuBtn li a .text {display:block;width:77%;}
.header .submenu .mainArea .menuBtn li a .new {display:block;position:absolute;color:#fff;background:rgb(233, 6, 63);padding:3px;width:35px;font-size:12px;text-align:center;right:10px;top:10px;line-height:100%;}
.header .submenu .mainArea .subBtn {justify-content:flex-start;margin-bottom:2%;}
.header .submenu .mainArea .subBtn a {color:#fff;margin-right:60px;text-decoration: none;font-size:17px;font-weight:600;}
.header .submenu .mainArea .subBtn a i {font-size:20px;margin-right:3px;}

.hamburgerMenu .hamburgerMenubtn {display:none;}

/* MENU fixed(PC) */
.fixed {width:100%;position:fixed!important;top:0;left:0;box-shadow:0 3px 8px rgba(0,0,0,0.8);z-index:100000000;}
.fixed .header_bar {display:none;}

/* ---------------------------------------------------------------- *
    HOME（PC）
 * ---------------------------------------------------------------- */

 .home_sp_menu {display:none;}

.home_mainimg {width:100%;aspect-ratio:20/6;background:#000;}
.home_mainimg .mainImg1 {position:relative;aspect-ratio:20/6;width:100%;background:url(../image/home_mainimg1.jpg) no-repeat top right;background-size:contain;}
.home_mainimg .mainImg2 {position:relative;aspect-ratio:20/6;width:100%;background:url(../image/home_mainimg2.jpg) no-repeat top right;background-size:contain;border-bottom: solid 1px #c3d4d4;}

/* Home News(PC) */
#home_news {padding:5% 0;background-attachment: fixed;}
#home_news .news_Area {width:69%;}
#home_news .news_Area .news_title_Area {border-bottom-style:solid;border-bottom-width:6px;margin-bottom:4%;padding-bottom:2%;align-items:end;}
#home_news .news_Area .news_title_Area .title {font-size:2.8vw;}
#home_news .news_Area .news_title_Area .title .jp {font-size:17px;margin-left:15px;font-weight:500;}
#home_news .news_Area .news_title_Area .old_news_link {text-decoration:none;font-size:15px;font-weight: 600;}
#home_news .news_Area .item {border:#c2c2c2 solid 1px;align-items:center;font-size:17px;text-decoration:none;color:#111;margin-bottom:10px;background:#fff;padding:14px;border-radius:3px;}
#home_news .news_Area .item img {display:block;width:12%;border: #ddd solid 1px;}
#home_news .news_Area .item .text_box {width:86%;}
#home_news .news_Area .item .text_box .date {font-weight:600;margin-bottom:1.8%;}

#home_news .banner_Area {width:27%;}
#home_news .banner_Area img:first-of-type {margin-bottom:25px;border: solid 1px #c2c2c2;}

#home_concept .title {font-size:3vw;text-align:center;margin-bottom:5%;}
#home_concept .title .jp {display:block;font-size:20px;margin-top:3%;}
#home_concept .part {margin-bottom:10%;}
#home_concept .part:last-of-type {margin-bottom:0%;}
#home_concept .subtitle1 {font-size:1.5vw;text-align: center;line-height:140%;margin-bottom:3%;}
#home_concept .subtitle2 {font-size:1.8vw;text-align: center;line-height:120%;margin-bottom:3%;position: relative;}
#home_concept .subtitle2 span {position: relative;padding: 0 1em;background: #fff;}
#home_concept .text {font-size:17px;line-height:160%;margin-bottom:3%;}

#home_concept .part1 .flex {align-items: flex-start;}
#home_concept .part1 img {width:33%;}
#home_concept .part1 .text_area {width:64%;}
#home_concept .part2 .photo img {width:33.3%;}
#home_concept .part3 .box {width:46%;text-align:center;margin-top:2%;padding:1%;}
#home_concept .part3 .box i {font-size:2.5vw;margin: 0 auto 10px auto;}
#home_concept .part3 .box .title {font-size:24px;margin: 0 auto 15px auto;line-height:140%;}
#home_concept .part3 .box img {display:block;width:100%;margin-bottom:15px;border:solid 1px rgba(0, 0, 0, 0.1);}
#home_concept .part3 .box .text {font-size:16px;line-height:140%;}

/* pagetop */
.pagetop {display:none;position:fixed;bottom:50px;right:30px;z-index:100000;}
.pagetop li {list-style:none;font-size:10px;line-height:125px;text-align:center;}
.pagetop a {z-index:1000;color:#094c95;display:block;width:50px;height:50px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;
opacity:1;transition:all .2s ease-in-out;}
.pagetop a:hover {opacity:0.9;transition:all .2s ease-in-out;}

.footer {padding:3% 0;margin:0 auto;overflow:hidden;text-align:center;}
.footer .logo {display:block;width:180px;margin:0 auto 2.5% auto;}
.footer .logo .text {display:block;font-weight:700;margin-top:20px;}
.footer i {font-size:20px;margin:0 10px 0 20px;}
.footer a {color: #fff;text-decoration:none;}
.footer .add {margin-bottom:1%;font-size:15px;}
.footer .tel {margin-bottom:2.5%;font-size:15px;font-weight:600;}
.footer .copyright {font-size:12px;}

/* ---------------------------------------------------------------- *
    下層ページ共通（PC）
 * ---------------------------------------------------------------- */

.mainimg2nd {position:relative;width:100%;height:25vh;background:#094c95;color:#fff;font-feature-settings: "palt" 1;border-top:solid 1px rgba(0, 0, 0, 0.7);border-bottom:solid 1px rgba(0, 0, 0, 0.7);}
.mainimg2nd .title {position:absolute;z-index:1;top:42%;left:4%;font-size:40px;text-shadow:0 1px 3px rgba(0,0,0,0.7);line-height:100%;}
.mainimg2nd .mainimg {position:absolute;display:block;width:100%;height:25vh;object-fit:cover;border-bottom: rgba(0, 0, 0, 0.3) solid 1px;opacity:0.8;}

.subdirectory .section2nd_ptn1 {padding:5% 0;border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
.subdirectory .section2nd_ptn1 .title {margin-bottom:8%;font-size:40px;line-height:100%;text-align:center;font-feature-settings: "palt" 1;}
.subdirectory .section2nd_ptn1 .title span {border-bottom:solid 3px #094c95;padding-bottom:15px;}

.subdirectory .section2nd_ptn2 {padding:3% 0;border-bottom:solid 1px rgba(0, 0, 0, 0.2);}

.subdirectory .pagemenuArea {padding:2% 0;background:#f9f9f9;background: linear-gradient(0deg, #eee 0%, #f9f9f9 100%);border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
.subdirectory .pagemenuArea .column2 li {width:49.9%;}
.subdirectory .pagemenuArea .column3 li {width:32.9%;}
.subdirectory .pagemenuArea .column4 li {width:24.9%;}
.subdirectory .pagemenuArea .column5 li {width:19.8%;}
.subdirectory .pagemenuArea a {display:block;position:relative;width:100%;background: linear-gradient(180deg, rgb(0, 64, 133) 0%, rgb(20, 112, 211) 100%);padding:25px 0;font-size:17px;font-weight:600;text-align:center;text-decoration:none;color:#fff;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.2);border:solid 1px rgba(0, 0, 0, 0.3);text-shadow:0 1px 3px rgba(0,0,0,0.7);}
.subdirectory .pagemenuArea a i {margin-right:10px;}

.common_subtitle {font-size:25px;margin-bottom:1.5%;border-bottom: #094c95 solid 2px;padding-bottom:20px;}
.common_subtitle2 {font-size:22px;margin-bottom:1.5%;border-left: #094c95 solid 4px;padding-left:15px;line-height:140%;}
.topicpath {font-size:14px!important;margin-bottom:6%!important;font-feature-settings:"palt!important";line-height:160%!important;}

.contact_area {margin-top:5%;}
.contact_area .text {text-align:center;}
.contact_area .btn1 a {margin:2% auto 0 auto;}

/* ---------------------------------------------------------------- *
    会社概要（PC）
 * ---------------------------------------------------------------- */

.company #message {text-shadow:0 0 5px rgba(255,255,255,1);}
.company #message .subtitle  {width:100%;max-width:850px;font-size:30px;margin:0 auto 4% auto;text-align:center;}
.company #message p {width:100%;max-width:850px;margin:0 auto 3% auto;font-size:18px;line-height:180%;text-align: justify;}
.company #message .name {margin-bottom:0;}
.company #message .name strong {font-size:25px;}

.company #companyOverview .tb {width:100%;margin-bottom:3%;}
.company #companyOverview .tb th,.company #companyOverview .tb td {border: solid 1px #ccc;padding:15px;line-height:180%;background:#fff;}
.company #companyOverview .tb th {width:20%;vertical-align:middle;background:#f3f3f3;}
.company #companyOverview .photo img {width:24.8%;display:block;}

.company #history .tb {width:100%;}
.company #history .tb th,.company #history .tb td {border-bottom:dotted 1px #aaa;padding:8px;line-height:180%;font-size:15px;}
.company #history .tb th:nth-of-type(1) {text-align:left;width:160px;color:#094c95;}
.company #history .tb th:nth-of-type(2) {text-align:right;width:50px;font-weight:500;color:#094c95;}
.company #history .tb td {padding-left:20px;}

.company #recruit {text-align:center;text-shadow:0 0 5px rgba(255,255,255,1);}
.company #recruit .text1 {margin-bottom:4%;font-size:18px;line-height:200%;}
.company #recruit .text2 {font-size:16px;line-height:180%;}

/* ---------------------------------------------------------------- *
    Products（PC）
 * ---------------------------------------------------------------- */

.product .topMainTitle {font-size:40px;line-height:180%;margin-bottom:2%;}
.product .topMainTitle .eng {font-size:16px;margin-left:5px;}

.product .product_topMenu {margin-bottom:5%;}
.product .product_topMenu .item {width:33%;padding:15px;text-decoration:none;margin-bottom:0.7%;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);border-radius:5px;justify-content: center;align-items: center;}
.product .product_topMenu .item .text {width:80%;font-size:1vw;line-height:160%;font-weight:bold;color:#fff;padding-left:5%;}
.product .product_topMenu .item .image {display:block;width:20%;border-radius:3px;}
.product .product_topMenu .noitem {width:33%;}

.product .pagesubmenu{margin-bottom:10%;}
.product .pagesubmenu li {width:24.6%;background:#094c95;justify-content:center;align-items:center;margin-bottom:0.6%;border-radius:5px;}
.product .pagesubmenu li a {display:block;width:100%;padding:20px;text-decoration:none;text-align:center;font-size:0.78vw;background:#094c95;color:#fff;line-height:180%;font-weight:bold;font-feature-settings: "palt" 1;border-radius:5px;}
.product .pagesubmenu .noitem {width:24.6%;background:#fff;}

.product .product_topmain_text {font-size:20px;line-height:180%;}
.product .product_topBtn .item {display:block;width:24%;border:solid 1px #ccc;padding:20px;text-decoration:none;margin-bottom:1.5%;}
.product .product_topBtn .item .text {font-size:15px;text-align: center;margin-top:20px;line-height:160%;font-weight:bold;color:#000;}
.product .product_topBtn .item .image {width:80%;margin:auto;}
.product .product_topBtn .noitem {width:24%;}

.product .product_title {font-size:30px;margin-bottom:6%;border-left: #094c95 solid 6px;text-indent:15px;line-height:120%;font-feature-settings:"palt";}
.product .product_title_e {font-size:20px;font-weight:400;}
.product .product_title_e strong {display:block;font-size:30px;margin-top:15px;}
.product .product_catch {font-size:34px;line-height:160%;}
.product .product_img {text-align:center;margin-bottom:6%;}
.product .product_img img {max-width:100%;max-height:400px;}
.product .product_img .mini {max-width:100%;max-height:200px;}
.product .product_img figcaption {font-size:16px;font-weight:bold;text-align:center;margin-top:20px;}
.product .subtitle {font-size:27px;margin-bottom:1.5%;margin-top:8%;border-bottom: #094c95 solid 2px;padding-bottom:20px;}
.product .subtitle .medium {font-size:14px;}
.product .subtitle2 {font-size:22px;margin-bottom:1.5%;margin-top:5%;border-left: #094c95 solid 4px;padding-left:15px;line-height:140%;}
.product .subtitle2 .small {font-size:13px;}
.product .subtitle2 .medium {font-size:16px;}
.product .subtitle a {text-decoration:none;color:#000;}
.product .subtitle2_text {font-size:14px;margin-bottom:20px;line-height:160%;}
.product .common {margin-bottom:6%;}
.product .common li {font-size:16px;background:#f9f9f9;padding:1.3%;border: solid 1px #ccc;margin-bottom:2px;}

.product .tb {width:100%;margin-bottom:2%;}
.product .tb th,.product .tb td {border: solid 1px #ccc;padding:10px;line-height:160%;background:#fff;font-size:14px;line-height:160%;vertical-align:middle;}
.product .tb th {width:20%;vertical-align:middle;background:#f3f3f3;}
.product .tb .textbold {font-weight:600;font-size:16px;}
.product .tb td:nth-of-type(1) {font-weight:600;background:#f9f9f9;vertical-align:middle;}
.product .tb .bg_glay {font-weight:600;background:#f9f9f9;vertical-align:middle;}
.product .notes {font-size:12px;line-height:180%;margin-bottom:6%;}
.product .scrollnote {display:none;}
.product .bg_normal {font-weight:normal!important;background: #fff!important;}

.product .tb_optionPtn1 td img {display:block;height:20vh;margin:auto;}
.product .tb_optionPtn1 td .img_s {height:13vh;}
.product .tb_optionPtn1 td .img_s2 {height:9vh;}
.product .tb_optionPtn1 td .img_big {height:50vh!important;}
.product .tb_optionPtn1 td:nth-of-type(1) {background:#fff;}
.product .tb_optionPtn1 .imgTd {width:40%;}
.product .tb_optionPtn1 .imgTd2 {width:30%;}

.dividingline {height:1px;border-bottom: #999 solid 1px;margin:10vh 0;}

.product .pdfDL {margin-top:30px;}
.product .pdfDL li {margin-bottom:15px;}
.product .pdfDL a {font-size:17px;line-height:200%;font-weight:600;}
.product .pdfDL i {font-size:25px;color: #e9062c;margin-right:10px;}

.product .product_ex_text {font-size:16px;margin-bottom:3%;line-height:160%;}
.product .product_ex_img {margin-bottom:6%;}
.img_column1 img {display:block;width:70%;}
.img_column1mini img {display:block;width:50%;}
.img_column1mini2 img {display:block;width:30%;}
.img_column1mini3 img {display:block;width:40%;}
.img_column2 img {display:block;width:47%;}
.img_column3 img {display:block;width:31%;}
.img_column3_wp21 figure {width:25%;width:25%;margin-bottom:7%;text-align:center;font-size:12px;}
.no_mb {margin-bottom:1.5%!important;}

.product .youtube {margin-bottom:6%;}

.product .features {margin-bottom:6%;}
.product .features .item {width:49%;margin-bottom:2%;}
.product .features .item .icon {background:#094c95;width:30%;color:#fff;border-radius:8px;padding:15px;text-align:center;line-height:160%;font-weight:bold;font-size:19px;display:flex;flex-direction:column;justify-content: center;align-items:center;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.product .features .item .text_area {width:67%;}
.product .features .item .text_area .title {color: #094c95;font-weight:bold;font-size:20px;margin-bottom:1.5%;line-height:160%;text-align:left;}
.product .features .item .text_area .text {line-height:160%;}

.product .pump_topBtn {width:100%;}
.product .pump_topBtn img {width:50%;display:block;}

.product .valve_SeriesLink_tb {width:100%;}
.product .valve_SeriesLink_tb td,.product .valve_SeriesLink_tb th {border: solid 1px #ccc;padding:10px;line-height:160%;background:#fff;font-size:13px;font-weight: bold; line-height:160%;vertical-align:middle;text-align:center;}
.product .valve_SeriesLink_tb td strong {font-size:16px;}
.product .valve_SeriesLink_tb th {background:#094c95;font-size:16px;color: #fff;}


/* ---------------------------------------------------------------- *
    事例紹介（PC）
 * ---------------------------------------------------------------- */

.case .case_topMenu {margin-bottom:5%;}
.case .case_topMenu .item {width:49.7%;padding:15px;text-decoration:none;margin-bottom:0.7%;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);border-radius:5px;justify-content: center;align-items: center;}
.case .case_topMenu .item .text {width:85%;font-size:0.8vw;line-height:160%;font-weight:bold;color:#fff;padding-left:2%;}
.case .case_topMenu .item .image {display:block;width:15%;border-radius:3px;}

.case .main_text {font-size:18px;line-height:170%;}
.case .common_subtitle {font-size:30px;margin-bottom:60px;}

.case .main_subtitle {font-size:22px;margin-bottom:40px;}
.case .main_subtitle strong {color:#0a4587;border: 1px solid #0a4587;padding:20px;font-size:20px;border-radius:5px;margin-right:15px;}
.case .main_text {font-size:18px;margin-bottom:30px;line-height:180%;}
.case .caseBox {position:relative;margin-bottom:15px;background: #fff; border: solid 2px #0a4587;border-radius:8px;}
.case .caseBox::after {position: absolute;bottom:-15px;left:50%;content:"";width: 0;height: 0;border-style: solid;border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 15px solid #0a4587;border-bottom: 0;}
.case .caseBox:last-of-type::after {display:none;}
.case .caseBox .subtitle {padding:15px;width:25%;color:#fff;background: #0a4587;text-shadow:0 1px 3px rgba(0,0,0,0.3);font-size:16px;text-align:center;display:flex;justify-content:center;align-items:center;}
.case .caseBox .subtitle i {font-size:20px;margin-right:12px;}
.case .caseBox .text {width:75%;margin:0 auto;font-size:17px;line-height:160%;padding:20px;display:flex;justify-content:center;align-items:center;}
.case .caseBox .text img {width:150px;margin-left:15px;}

.case .common_subtitle2 {margin-top:4%;}

.case .tb {width:100%;margin-bottom:6%;}
.case .tb th,.case .tb td {border: solid 1px #ccc;padding:15px;line-height:160%;background:#fff;font-size:14px;line-height:160%;}
.case .tb th {width:300px;vertical-align:middle;background:#f3f3f3;}

/* ---------------------------------------------------------------- *
    よくある質問（PC）
 * ---------------------------------------------------------------- */

.faq .faqbox {margin-top:3.5%;}
.faq .faqbox .box {margin-bottom:2px;border: solid 1px #ccc;border-radius:10px;padding:2%;justify-content:center;align-items: center;}
.faq_a {background: #fff7f8;}
.faq_q .icon {background:#1678e0;}
.faq_a .icon {background:#e4054f;}
.faq .faqbox .icon {width:50px;height:50px;color:#fff;text-align:center;line-height:50px;font-size:30px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,0.3);border-radius:50%;}
.faq .faqbox .text {width:95%;font-size:16px;line-height:160%;padding-left:2%;}
.faq .lasttext {margin-top:5%;font-size:18px;}

/* ---------------------------------------------------------------- *
    技術資料（PC）
 * ---------------------------------------------------------------- */

.support .main_text {font-size:18px;margin-bottom:2%;line-height:180%;}
.support .sub_text {font-size:14px;margin-bottom:5%;line-height:180%;}
.support .text {font-size:16px;margin:2% 0;line-height:180%;}
.support .downloadBtn a {display: block;width:350px;border:solid 1px #ccc;margin-bottom:5%;}
.support .support_list {margin:2% 0 5% 0;}
.support .support_list li {margin-bottom:1%;margin-left:20px;list-style: disc;}
.support .support_list li a {font-size:16px;line-height:180%;}
.support .rule {line-height:180%;overflow:scroll;overflow-x:hidden;height:500px;padding:5%;border:solid 1px #ccc;}
.support .rule h4 {font-size:18px;margin-bottom:2%;border-bottom:dotted 1px #999;padding-bottom:5px;}
.support .rule h5 {font-size:16px;margin-bottom:1%;}
.support .rule p {font-size:16px;margin-bottom:2%;}

/* ---------------------------------------------------------------- *
     ニュース（PC）
* ---------------------------------------------------------------- */

/* Home News(PC) */
.news .news_Area {width:100%;}
.news .news_Area .news_title_Area {border-bottom-style:solid;border-bottom-width:6px;margin-bottom:4%;padding-bottom:2%;align-items:end;}
.news .news_Area .news_title_Area .title {font-size:2.8vw;}
.news .news_Area .news_title_Area .title .jp {font-size:17px;margin-left:15px;font-weight:500;}
.news .news_Area .news_title_Area .old_news_link {text-decoration:none;font-size:15px;font-weight: 600;}
.news .news_Area .item {border:#c2c2c2 solid 1px;align-items:center;font-size:17px;text-decoration:none;color:#111;margin-bottom:10px;background:#fff;padding:14px;border-radius:3px;}
.news .news_Area .item img {display:block;width:10%;border: #ddd solid 1px;}
.news .news_Area .item .text_box {width:88%;}
.news .news_Area .item .text_box .date {font-weight:600;margin-bottom:0.5%;}

.news .maintitle {border-left:#094c95 solid 5px;border-bottom:#333 dotted 1px;padding:5px 20px 15px 20px;font-size:25px;font-weight:600;line-height:160%;margin:0 0 5% 0;align-items:center;}
.news .maintitle .date {font-size:14px;margin-bottom:0!important;line-height:100%!important;}
.news .photobox {margin-bottom:5%;}
.news .photo_medium {width:70%;}
.news .photo_small {width:50%;}
.news p {font-size:18px;margin-bottom:3%;line-height:190%;}
.news p:last-of-type {margin-bottom:0;}

/* ---------------------------------------------------------------- *
    contact（PC）
 * ---------------------------------------------------------------- */

.contact .maintext {margin-bottom:5%;font-size:18px;line-height:180%;}
.contact .subwrap {margin-bottom:7%;}
.contact .subwrap:last-of-type {margin-bottom:0;}
.contact .subtitle {margin-bottom:3%!important;font-size:30px;}
.contact .number {font-size:40px;margin-right:10px;}
.contact .time {margin-right:10px;}
.contact .formBox h3 {font-size:1.4vw;margin:0 0 60px 0;}
.contact .formBox form p {margin:30px 0 8px 0;font-size:14px;font-weight:600;}
.contact .formBox form input,
.contact .formBox form textarea {width:100%;border:solid 1px #c2c2c2;padding:10px;border-radius:5px;font-size:16px;}
.contact .formBox form label {margin-right:15px;}
.contact .formBox form label input {width:1%;}
.contact .formBox form .submit .submitBtn {display:block;margin:30px 0 30px 0;width:300px;padding:20px;font-size:22px;font-weight:bold;color:#FFF;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);text-shadow:0 1px 2px rgba(0, 0, 0, 0.7);box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);border: solid 1px #076964;cursor:pointer;border-radius:4px;}
.contact .formBox form .submit .submitBtn:hover {opacity:0.8;transition:all .1s ease-in-out;}
.contact .formBox .note {font-size:12px;line-height:160%;border-top:#999 dotted 1px;padding-top:30px;margin-bottom:30px;}
.contact .formBox .textLink a {display:block;background:url(../image/arrow1.png) no-repeat 0 1px;font-weight:bold;color:#094c95;}

/* ---------------------------------------------------------------- *
     privacy（PC）
* ---------------------------------------------------------------- */
.privacy .mainWrap h3 {border-left:#094c95 solid 4px;border-bottom:#333 dotted 1px;padding-bottom:10px;font-size:20px;font-weight:600;text-indent:15px;line-height:32px;margin:0 0 60px 0;}
.privacy .mainWrap h4 {border-left:#094c95 solid 4px;font-size:18px;font-weight:600;text-indent:15px;margin-bottom:15px;}
.privacy .mainWrap p {font-size:16px;line-height:160%;width:96%;margin:0 auto 50px auto;}

/* ---------------------------------------------------------------- *
     FLOM USA（PC）
* ---------------------------------------------------------------- */

.flomUsa .mainimg2nd .subTitle {font-size:16px;margin-left:10px;}
.flomUsa .flagBox {max-width:750px;margin:0 auto 6% auto;align-items:center;}
.flomUsa .flagBox .logo {display: block;max-width:250px;width:38%;}
.flomUsa .flagBox .textArea {width:60%;max-width:500px;}
.flomUsa .flagBox .textArea p {font-size:28px;font-weight:bold;margin-bottom: 20px;}
.flomUsa .flagBox .textArea i {color:#094c95;font-size:40px;}
.flomUsa .main_text {line-height:180%;font-size:18px;margin-bottom:20px;}
.flomUsa .mail {font-size:20px;font-weight:bold;}
.flomUsa .mail i {font-size:30px;}
.flomUsa .logotitle {position: relative;margin-bottom:30px;}
.flomUsa .logotitle img {display:block;height:45px;position:absolute;right:0;bottom:15px;}
.flomUsa .wrap1 .photo {display:block;width:40%;}
.flomUsa .wrap1 .textArea {width:55%;}
.flomUsa .wrap1 .textArea ul {font-size:20px;line-height:200%;margin-bottom: 30px;}
.flomUsa .wrap1 .textArea .text {font-size:16px;line-height:180%;}

/* ------------------------------------------------------------------------------------------------------------------------ *
    1150以下（タブレット PC小）
 * ------------------------------------------------------------------------------------------------------------------------ */

 @media screen and (max-width:1150px){

/* 共通ヘッダー（タブレット PC小） */
.header .header_menu .google_search {margin:0 10px 0 0;padding:30px 20px 0 0;}
.header .header_menu .google_search input {padding:5px;font-size:14px;}
.header .header_menu .google_search #submit {padding:5px;font-size:12px!important;}
.header .header_contact .tel {margin:0 10px 0 0;padding:20px 10px 0 0;}
.header .header_contact .tel strong {font-size:20px}
.header .header_contact .mail a {width:100px;font-size:14px;margin:0 10px 0 0;}
.header .globalMenu .menu_main .menu_main_btn {padding:20px 0;font-size:15px;font-weight:600;}
.header .submenu .sidemenu a {font-size:15px;}
.header .submenu .mainArea .menuBtn li a {font-size:14px;}
.header .submenu .mainArea .subBtn a {font-size:15px;}
.header .submenu .mainArea .subBtn a i {font-size:18px;}

 }

/* ------------------------------------------------------------------------------------------------------------------------ *
    900以下（ipad）
 * ------------------------------------------------------------------------------------------------------------------------ */

@media screen and (max-width:900px){

.home_sp_menu {display:block;}
.home_sp_menu li {width:49.9%;}
.home_sp_menu li a {display:block;background:#094c95;background: linear-gradient(180deg, #1363b9 0%, #094c95 100%);color: #fff; text-decoration: none;padding:25px 20px;font-size:14px;margin-bottom:1px;font-weight: bold;text-align: center;}
.home_sp_menu li a i {font-size:20px;margin-right:4px;}

.section_ptn1 {padding:10% 0;}

.spHide {display:none;}
.pcHide {display:block;}

/* hamburgerMenu */
.hamburgerMenu .hamburgerMenubtn {display:block;cursor:pointer;width:30px;height:40px;}
.hamburgerMenu .nav-toggle {width:30px;height:40px;display:block;position:absolute;right:22px;top:22px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.hamburgerMenu .nav-toggle div {width:30px;}
.hamburgerMenu .nav-toggle span {display:block;position:absolute;height:1px;width:100%;background:#555;left:0;zoom:1;transition:.35s ease-in-out;}
.hamburgerMenu .nav-toggle span:nth-child(1) {top:0;}
.hamburgerMenu .nav-toggle span:nth-child(2) {top:10px;}
.hamburgerMenu .nav-toggle span:nth-child(3) {top:20px;}
.open {overflow:hidden;}
.open .nav-toggle {background:transparent;}
.open .nav-toggle span {background: #555;}
.open .nav-toggle span:nth-child(1) {top:9px;transform:rotate(-135deg);zoom:1;}
.open .nav-toggle span:nth-child(2) {width:0;left:50%;}
.open .nav-toggle span:nth-child(3) {top:9px;transform:rotate(135deg);zoom:1;}

.hamburgerMenuBg {display:none;overflow-y:auto;background:rgba(0, 0, 0, 0.9);position:fixed;top:0px;left:0;height:100vh;z-index:10001;width:100%;border-top:dotted 1px rgba(255, 255, 255, 0.5);}
.hamburgerMenuOp {display:block;opacity:1;}
.hamburgerMenuBtnOp {background:none;}

.header .header_bar {width:100%;height:70px;border-bottom:solid 1px rgba(0, 0, 0, 0.3);}
.header .header_bar .logo {width:auto;}
.header .header_bar .logo img {width:auto;height:25px;}
.header .header_bar .logo a {text-decoration:none; }
.header .header_bar .text {font-size:10px;margin-bottom:5px;}

/* MENU fixed(ipad) */
.fixed {width:100%;position:inherit!important;}
.fixed .header_bar {display:block;}

.header_menu {display:none;}

.header .globalMenu {width:100%;}
.header .globalMenu .menu_main {width:100%;}
.header .globalMenu .menu_main .menu_main_btn {width:100%;padding:4% 0;font-size:20px;border-bottom:solid 1px rgba(255, 255, 255, 0.3);}
.header .globalMenu .menu_main .menu_main_btn:hover {border-bottom:none;background:#004085;border-bottom:solid 1px rgba(255, 255, 255, 0.3);}
.gMenu_active {border-bottom:solid 1px rgba(255, 255, 255, 0.8)!important;}

.header .submenu {padding:1.8%;height:100vh;}
.header .submenu .sidemenu {width:30%;}
.header .submenu .sidemenu a {font-size:18px;padding:15% 3%;line-height:160%;}
.header .submenu .mainArea {width:67%;}
.header .submenu .mainArea .menuBtn {margin-bottom:4%;}
.header .submenu .mainArea .menuBtn li {display:block;width:100%;}
.header .submenu .mainArea .menuBtn li a {font-size:18px;padding:4%;}
.header .submenu .mainArea .menuBtn li a img {display:block;width:20%;border:solid 1px #ccc;}
.header .submenu .mainArea .menuBtn li a .text {display:block;width:77%;}
.header .submenu .mainArea .menuBtn li a .new {padding:2px;width:25px;font-size:10px;right:0;top:0;}
.header .submenu .mainArea .submenu_btn {width:100%;}
.header .submenu .mainArea .subBtn a {display:block;margin:10px 0;font-size:14px;}
.header .submenu .mainArea .subBtn a i {font-size:14px;margin-right:3px;}

.sp_header_menu li {width:100%;color:#fff;padding:20px 0;text-align:center;border-bottom:solid 1px rgba(255, 255, 255, 0.3);font-weight:600;}
.sp_header_menu i {font-size:20px;}
.sp_header_menu a {display:block;width:100%;color:#fff;text-decoration:none;}
.sp_header_menu .tel .time {display:block;font-size:11px;margin-top:10px;}

#home_concept .part3 .box i {font-size:40px;}

/* pagetopの指定(ipad) */
.pagetop {display:block;position:inherit;bottom:inherit;right:inherit;background-color:#023469;padding:20px 0 40px 45%;border-bottom:none;}
.pagetop li {list-style:none;font-size:10px;line-height:140px;text-align:center;}
.pagetop a {color:#000;display:block;color:#FFF;width:58px;height:58px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;
;opacity:1;transition:all .2s ease-in-out;}
.pagetop a:hover {opacity:0.8;transition:all .2s ease-in-out;}

/* ---------------------------------------------------------------- *
    よくある質問（SP）
 * ---------------------------------------------------------------- */
 .faq .faqbox .icon {width:35px;height:35px;line-height:35px;font-size:24px;margin-bottom:3%;}

}

/* ------------------------------------------------------------------------------------------------------------------------ *
    900以下（SP）
 * ------------------------------------------------------------------------------------------------------------------------ */

 @media screen and (max-width:600px){

/* ---------------------------------------------------------------- *
    HOME（SP）
 * ---------------------------------------------------------------- */


 .header .globalMenu .menu_main .menu_main_btn {padding:5% 0;font-size:16px;}
 .header .submenu .sidemenu a {font-size:12px;}
 .header .submenu .mainArea .menuBtn li a {font-size:12px;}

 .home_mainimg {width:100%;aspect-ratio:20/25;background:#fff;}
 .home_mainimg .mainImg1 {position:relative;aspect-ratio:20/25;width:100%;background:url(../image/home_mainimg1sp.jpg) no-repeat;background-size:100%;}
 .home_mainimg .mainImg2 {position:relative;aspect-ratio:20/25;width:100%;background:url(../image/home_mainimg2sp.jpg) no-repeat;background-size:100%;}
 
 /* Home News(SP) */
 #home_news .news_Area {width:100%;padding:5% 0 0 0;}
 #home_news .news_Area .news_title_Area {border-bottom-style:solid;border-bottom-width:6px;margin-bottom:4%;padding-bottom:2%;align-items:end;}
 #home_news .news_Area .news_title_Area .title {font-size:30px;}
 #home_news .news_Area .news_title_Area .title .jp {font-size:14px;margin-left:10px;}
 #home_news .news_Area .news_title_Area .old_news_link {text-decoration:none;font-size:14px;font-weight: 600;}
 #home_news .news_Area .item {margin-bottom:10px;padding:3%;}
 #home_news .news_Area .item img {display:block;width:30%;border: #ddd solid 1px;}
 #home_news .news_Area .item .text_box {width:67%;}
 #home_news .news_Area .item .text_box .date {font-size:14px;margin-bottom:3%;}
 #home_news .news_Area .item .text_box .text {font-size:16px;line-height:160%;}
 
 #home_news .banner_Area {width:100%;}
 #home_news .banner_Area img:first-of-type {margin-bottom:5%;}
 
 #home_concept .title {font-size:30px;margin-bottom:5%;}
 #home_concept .title .jp {font-size:16px;margin-top:5%;}
 #home_concept .part {margin-bottom:5%;}
 #home_concept .subtitle1 {font-size:18px;line-height:160%;margin-bottom:5%;}
 #home_concept .subtitle1 br {display:none;}
 #home_concept .subtitle2 {font-size:18px;line-height:160%;margin:10% 0 5% 0;}
 #home_concept .text {font-size:16px;line-height:140%;margin-bottom:3%;text-align:left;text-justify:auto;}
 
 #home_concept .part1 img {width:100%;margin-bottom:5%;}
 #home_concept .part1 .text_area {width:100%;}
 #home_concept .part2 .photo img {width:33.3%;}
 #home_concept .part3 .box {width:100%;text-align:center;margin-top:2%;padding:1%;}
 #home_concept .part3 .box i {font-size:40px;margin:3% auto 2% auto;}
 #home_concept .part3 .box .title {font-size:18px;margin: 0 auto 5% auto;line-height:160%;}
 #home_concept .part3 .box img {display:block;width:100%;margin-bottom:15px;border:solid 1px rgba(0, 0, 0, 0.1);}
 #home_concept .part3 .box .text {font-size:14px;line-height:140%;text-align:left;text-justify:auto;}

 .footer {padding:8% 0;margin:0 auto;overflow:hidden;text-align:center;}
 .footer .logo {display:block;width:100px;margin:0 auto 5% auto;}
 .footer .logo .text {margin-top:13px;font-size:14px;}
 .footer i {font-size:18px;margin:0 10px 0 20px;}
 .footer a {color: #fff;text-decoration:none;}
 .footer .add {width:100%;margin-bottom:5%;font-size:12px;}
 .footer .tel {margin-bottom:2.5%;font-size:14px;font-weight:600;}
 .footer .spblock {display:block;}
 .footer .copyright {font-size:12px;margin-top:5%;}

/* ---------------------------------------------------------------- *
    下層ページ共通（SP）
 * ---------------------------------------------------------------- */

 .mainimg2nd .title {top:40%;left:5%;font-size:30px;}
 
 .subdirectory .section2nd_ptn1 {padding:8% 0;}
 .subdirectory .section2nd_ptn1 .title {margin-bottom:12%!important;font-size:25px;}
 .subdirectory .section2nd_ptn1 .title span {padding-bottom:10px;}
 
 .subdirectory .pagemenuArea {padding:5% 0;}
 .subdirectory .pagemenuArea .column2 li {width:100%;}
 .subdirectory .pagemenuArea .column3 li {width:100%;}
 .subdirectory .pagemenuArea .column4 li {width:100%;}
 .subdirectory .pagemenuArea .column5 li {width:100%;}
 .subdirectory .pagemenuArea a {padding:15px;font-size:16px;margin-bottom:2px;text-align:left;}
 .subdirectory .pagemenuArea a i {margin-right:7px;}

 .product .topicpath {margin-bottom:8%!important;}

.contact_area .text {text-align:left;font-size:14px;width:90%;margin:0 auto;line-height:140%;}
.contact_area .btn1 a {margin:4% auto 0 auto;}
 
 /* ---------------------------------------------------------------- *
     会社概要（SP）
  * ---------------------------------------------------------------- */
 
 .company #message {text-shadow:0 0 5px rgba(255,255,255,1);}
 .company #message .subtitle  {width:100%;max-width:850px;font-size:20px;margin:0 auto 5% auto;line-height:160%;}
 .company #message p {font-size:15px;line-height:160%;}
 .company #message .name {margin-bottom:0;}
 .company #message .name strong {font-size:25px;}
 
 .company #companyOverview .tb {width:100%;margin-bottom:3%;}
 .company #companyOverview .tb th,.company #companyOverview .tb td {padding:10px;line-height:160%;font-size:14px;}
 .company #companyOverview .tb th {width:20%;}
 .company #companyOverview .photo img {margin-bottom:1px;width:49.9%;}
 
 .company #history .tb {width:100%;}
 .company #history .tb th,.company #history .tb td {border-bottom:dotted 1px #aaa;padding:8px;line-height:160%;font-size:12px;}
 .company #history .tb th:nth-of-type(1) {width:130px;}
 .company #history .tb th:nth-of-type(2) {width:50px;}
 .company #history .tb td {text-indent:0px;}
 
 .company #recruit .text1 {margin-bottom:4%;font-size:14px;line-height:180%;text-align: left;}
 .company #recruit .text1 br {display:none;}
 .company #recruit .text2 {font-size:16px;line-height:160%;}

/* ---------------------------------------------------------------- *
    Products（SP）
 * ---------------------------------------------------------------- */
 .product .topMainTitle {font-size:30px;line-height:180%;margin-bottom:2%;}
 .product .topMainTitle .eng {font-size:12px;}

.product .product_topMenu .item {width:100%;padding:10px;margin-bottom:1%;}
.product .product_topMenu .item .text {width:80%;font-size:16px;}
.product .product_topMenu .noitem {display:none;}

 .product .product_topmain_text {font-size:16px;line-height:180%;}
 .product .product_topmain_text br {display:none;}
 .product .product_topBtn .item {display:block;width:49%;padding:10px;margin-bottom:3%;}
 .product .product_topBtn .item .text {font-size:13px;text-align: center;margin-top:10px;line-height:140%;font-weight:bold;color:#000;}

 .product .pagesubmenu{margin-bottom:10%;}
.product .pagesubmenu li {width:100%;}
.product .pagesubmenu li a {width:100%;padding:15px;margin-bottom:1%;font-size:14px;}

 .product .product_title {font-size:25px;margin-bottom:7%;border-left:none;text-indent:0;line-height:140%;}
 .product .product_title_e {font-size:20px;}
 .product .product_title_e strong {font-size:25px;margin-top:5px;}
 .product .product_catch {font-size:22px;margin-bottom:10%;line-height:150%;}
 .product .product_img {text-align:center;margin-bottom:8%;}
 .product .product_img figcaption {font-size:12px;}
 .product .subtitle {font-size:18px;margin-bottom:5%;border-bottom: #094c95 solid 2px;padding-bottom:10px;line-height:140%;}
 .product .subtitle2 {font-size:16px;margin-bottom:5%;padding-left:10px;line-height:160%;}
 .product .common {margin-bottom:10%;}
 .product .common li {font-size:14px;padding:2%;line-height:140%;}
 .product .tb {width:100%;margin-bottom:2%;}
 .product .tb th,.product .tb td {padding:8px;line-height:140%;font-size:12px;box-sizing:border-box;}
 .product .tb th {width:20%;vertical-align:middle;background:#f3f3f3;}
 .product .tb .textbold {font-weight:600;font-size:13px;}
 .product .tb td:nth-of-type(1) {white-space:nowrap;font-feature-settings:"palt";}
 .product .scroll{overflow:auto;white-space:normal;margin-bottom:2%;}
 .product .scroll::-webkit-scrollbar{height:5px;}
 .product .scroll::-webkit-scrollbar-track{background:#F1F1F1;}
 .product .scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
 .product .scrollnote {font-size:12px;margin-bottom:5px;color:#ff0000;display:block;}
 .product .notes {font-size:10px;margin-bottom:10%;line-height:140%;}
 .product .pdfDL {margin-top:20px;}
 .product .pdfDL li {margin-bottom:15px;}
 .product .pdfDL a {font-size:14px;}
 .product .pdfDL i {font-size:20px;}

 .product .product_ex_text {font-size:14px;margin-bottom:6%;line-height:160%;}
 .product .product_ex_text br {display:none;}
 .product .product_ex_img {margin-bottom:7%;}
 .img_column1 img {display:block;width:100%;margin-bottom:7%;}
 .img_column1mini img {display:block;width:100%;margin-bottom:7%;}
 .img_column1mini2 img {display:block;width:100%;margin-bottom:7%}
 .img_column1mini3 img {display:block;width:100%;margin-bottom:0%}
 .img_column2 img {display:block;width:100%;margin-bottom:7%;}
 .img_column3 img {display:block;width:100%;margin-bottom:7%;}

 .product .tb_optionPtn1 td .img_big {height:20vh!important;}

 .product .youtube {width:100%;}
 
 .product .features .item {width:100%;margin-bottom:2%;}
 .product .features .item .icon {width:30%;font-size:14px;}
 .product .features .item .text_area {width:67%;}
 .product .features .item .text_area .title {font-size:14px;margin-bottom:3px!important;}
 .product .features .item .text_area .text {line-height:160%;font-size:14px;}

 .product .valve_SeriesLink_tb td strong {font-size:13px;}
 .product .valve_SeriesLink_tb th {font-size:13px;}

/* ---------------------------------------------------------------- *
    事例紹介（SP）
 * ---------------------------------------------------------------- */

.case .case_topMenu .item {width:100%;padding:10px;}
.case .case_topMenu .item .text {font-size:12px;}

 .case .main_text {font-size:16px;line-height:170%;}
 .case .common_subtitle {font-size:20px;margin-bottom:6%;line-height:140%;}
 
 .case .main_subtitle {font-size:18px;margin-bottom:6%;text-align:left;margin-left: 0;}
 .case .main_subtitle strong {display:block;padding:10px;font-size:16px;text-align:center;margin-bottom:5%;}
 .case .main_text {font-size:15px;margin-bottom:6%;line-height:160%;}
 .case .main_text br {display:none;}
 .case .caseBox {position:relative;margin-bottom:15px;background: #fff; border: solid 2px #0a4587;border-radius:8px;}
 .case .caseBox::after {position: absolute;bottom:-15px;left:50%;content:"";width: 0;height: 0;border-style: solid;border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 15px solid #0a4587;border-bottom: 0;}
 .case .caseBox:last-of-type::after {display:none;}
 .case .caseBox .subtitle {width:100%;}
 .case .caseBox .text {width:100%;font-size:14px;line-height:160%;padding:15px;display: block;}
 .case .caseBox .text img {display:block;width:50%;margin-left:0;}
 
 .case .common_subtitle2 {margin-top:10%;font-size:18px;}
 
 .case .tb {margin-bottom:10%;}
 .case .tb th {width:inherit;}

/* ---------------------------------------------------------------- *
    よくある質問（SP）
 * ---------------------------------------------------------------- */

 .faq .faqbox {margin-top:7%;}
 .faq .faqbox .box {margin-bottom:1px;padding:4%;}
 .faq .faqbox .icon {width:35px;height:35px;line-height:35px;font-size:24px;margin-bottom:3%;}
 .faq .faqbox .text {width:100%;font-size:15px;padding-left:0;}
 .faq .lasttext {margin-top:8%;font-size:15px;line-height:140%;}
 
/* ---------------------------------------------------------------- *
    技術資料（SP）
 * ---------------------------------------------------------------- */

 .support .common_subtitle {font-size:20px;margin-bottom:15px;}
 .support .common_subtitle2 {font-size:18px;margin-bottom:15px;}
 .support .main_text {font-size:16px;margin-bottom:5%;line-height:160%;}
 .support .main_text br {display:none;}
 .support .sub_text {font-size:14px;margin-bottom:15%;line-height:160%;}
 .support .text {font-size:14px;margin:4% 0;line-height:160%;}
 .support .downloadBtn a {display: block;width:100%;border:solid 1px #ccc;margin-bottom:15%;}
 .support .support_list {margin-bottom:15%;}
 .support .support_list li {margin-bottom:3%;}
 .support .support_list li a {font-size:14px;line-height:160%;}
 .support .rule {line-height:160%;overflow:scroll;overflow-x:hidden;height:500px;padding:8%;border:solid 1px #ccc;}
 .support .rule h4 {font-size:16px;margin-bottom:5%;border-bottom:dotted 1px #999;padding-bottom:5px;}
 .support .rule h5 {font-size:14px;margin-bottom:3%;}
 .support .rule p {font-size:14px;margin-bottom:5%;}

/* ---------------------------------------------------------------- *
     ニュース（SP）
* ---------------------------------------------------------------- */
.news .news_Area {width:100%;padding:5% 0 0 0;}
.news .news_Area .news_title_Area {border-bottom-style:solid;border-bottom-width:6px;margin-bottom:4%;padding-bottom:2%;align-items:end;}
.news .news_Area .news_title_Area .title {font-size:30px;}
.news .news_Area .news_title_Area .title .jp {font-size:14px;margin-left:10px;}
.news .news_Area .news_title_Area .old_news_link {text-decoration:none;font-size:14px;font-weight: 600;}
.news .news_Area .item {margin-bottom:10px;padding:3%;}
.news .news_Area .item img {display:block;width:30%;border: #ddd solid 1px;}
.news .news_Area .item .text_box {width:67%;}
.news .news_Area .item .text_box .date {font-size:14px;margin-bottom:3%;}
.news .news_Area .item .text_box .text {font-size:16px;line-height:160%;}

.news .maintitle {font-size:20px;line-height:150%;margin:0 0 10% 0;}
.news .maintitle .date {font-size:14px;margin-bottom:0!important;line-height:100%!important;width:100%;margin-top:3%;}
.news .photobox {margin-bottom:10%;}
.news .photo_medium {width:100%;}
.news .photo_small {width:100%;}
.news p {font-size:16px;margin-bottom:5%;line-height:160%;}
/* ---------------------------------------------------------------- *
   contact（SP）
 * ---------------------------------------------------------------- */
.contact .maintext {margin-bottom:10%;font-size:14px;line-height:160%;}
.contact .maintext br {display:none;}
.contact .subwrap {margin-bottom:15%;}
.contact .subtitle {margin-bottom:8%!important;font-size:20px;}
.contact .number {display:block;font-size:35px;margin:0 0 5% 0;}
.contact .time {display:block;margin:0 0 3% 0;font-size:14px;}
.contact .formBox form p {margin:20px 0 8px 0;font-size:12px;font-weight:600;}
.contact .formBox form input,.contact .formBox form textarea {padding:8px;font-size:14px;}
.contact .formBox form .submit .submitBtn {width:100%;}
 
/* ---------------------------------------------------------------- *
     privacy（SP）
* ---------------------------------------------------------------- */
 .privacy .mainWrap h3 {font-size:18px;margin:0 0 30px 0;}
 .privacy .mainWrap h4 {font-size:16px;margin-bottom:15px;line-height:160%; text-indent:10px;}
 .privacy .mainWrap p {font-size:14px;margin:0 0 30px 0;}

/* ---------------------------------------------------------------- *
     FLOM USA（SP）
* ---------------------------------------------------------------- */

.flomUsa .flagBox .logo {display: block;max-width:150px;width:35%;}
.flomUsa .flagBox .textArea {width:60%;max-width:500px;}
.flomUsa .flagBox .textArea p {font-size:18px;}
.flomUsa .flagBox .textArea i {font-size:20px;}
.flomUsa .common_subtitle {font-size:20px;}
.flomUsa .main_text {line-height:160%;font-size:16px;margin-bottom:20px;}
.flomUsa .mail {font-size:20px;font-weight:bold;}
.flomUsa .mail i {font-size:25px;}
.flomUsa .logotitle {position: relative;margin-bottom:20px;}
.flomUsa .logotitle img {display:block;height:20px;position:absolute;right:0;bottom:15px;}
.flomUsa .wrap1 .photo {display:block;width:100%;margin-bottom:20px;}
.flomUsa .wrap1 .textArea {width:100%;}
.flomUsa .wrap1 .textArea ul {font-size:16px;line-height:180%;margin-bottom:20px;}
.flomUsa .wrap1 .textArea .text {font-size:16px;line-height:160%;}

}