@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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 {
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

#makebanner { width: 100%; }


/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size:18px }
body { font-family: "M PLUS Rounded 1c",sans-serif; font-size: 100%; line-height:1; color:#333; font-weight:nomal; position: relative; -webkit-font-smoothing: antialiased; }
img { border:0px; max-width: 100%}
figure { margin: 0 }

/* The Grid ---------------------- */
.row { width:1284px; max-width: 100%; min-width: 601px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row.collapse .column,
.row.collapse .columns { padding: 0 }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -8px; }
.row .row.collapse { margin: 0 }
.column,
.columns { float: left; min-height: 1px; padding: 0 8px; /* position: relative;*/ }
.column.centered,
.columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: /*right*/left }
[class*="column"] + [class*="column"].end { float: left }
.one,.row .one { width: 8.33333% }
.two,.row .two { width: 16.66667% }
.threes,.row .threes { width: 20% }
.three,.row .three { width: 25% }
.four,.row .four { width: 33.33333% }
.five,.row .five { width: 41.66667% }
.six,.row .six { width: 50% }
.seven,.row .seven { width: 58.33333% }
.eight,.row .eight { width: 66.66667% }
.nine,.row .nine { width: 75% }
.ten,.row .ten { width: 83.33333% }
.eleven,.row .eleven { width: 91.66667% }
.twelve,.row .twelve { width: 100% }
.row:before,.row:after { content: ""; display: table; }
.row:after { clear: both }
img,object,embed { height: auto }
object,embed { height: 100% }
img { -ms-interpolation-mode: bicubic }


/* google map ---------------------- */
.ggmap { position:relative;  /*padding-bottom: 56.25%; padding-top: px;*/ height: 310px; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; max-width: 947px;  width: 100%; height: 100%; }


h1,h2,h3,h4,h5,h6,p,a{ font-family: "M PLUS Rounded 1c",sans-serif; color:#333; text-rendering: optimizeLegibility; line-height: 1;  }
p { font-size: 18px; font-size: 1.0rem; line-height: 1.59; }
h1 { font-size: 51px; font-size: 2.83rem; line-height: 1; }
h2 { font-size: 36px; font-size: 2.00rem; line-height: 1;}
h3 { font-size: 26px; font-size: 1.44rem; line-height: 1; }
h4 { font-size: 18px; font-size: 1.00rem; line-height: 1;}
h5 { font-size: 20px; font-size: 1.11rem; line-height: 1;}
.kome { font-size: 13px; font-size: 0.72rem; line-height: 1; }
.strong,b { font-weight: bold; line-height: 1.444; }

hr { clear: both; /*margin: 8px 0 8px; height: 0;*/ }

.mb9{ margin-bottom:9px;}
.mb18{ margin-bottom:18px;}
.mb26{ margin-bottom:26px;}
.mb36{ margin-bottom:36px;}
.mb51{ margin-bottom:51px;}
.mb72{ margin-bottom:72px;}
.mb90{ margin-bottom:90px;}
.mb144{ margin-bottom:144px;}

.tar { text-align:right;}
.tac { text-align: center;}

.noleftmargin { margin-left: 0px; padding-left: 0px;}
.nomargin { margin: 0px; padding: 0px;}
.norightmargin { margin-right: 0px; padding-right: 0px;}

#page-top { font-size:100%; position: fixed; bottom: 20px; right: 20px; margin-bottom:5px;}
#page-top a { color: #fff;  background:#2998cf; text-decoration: none; padding: 20px 25px; text-align: center; display: block; border-radius: 50px;}
#page-top a:hover {text-decoration: none; opacity:0.6;}

.onlymobile { display:none; }

ul { list-style:none; }
a { text-decoration: none; }

.copyright p{ font-size:12px; padding:6px; text-align:center;}


/*i { margin-right:; }*/
a.button i { padding-right: 2px;}
.pdl16 { padding-left:16px; }
.pdr16 { padding-right:16px; }


/* top ---------------------- */
header{ /*padding:51px 0px;*/ text-align: left; }
header p{ font-size: 13px; font-size: 0.72rem; line-height: 1; margin-bottom: 13px; }
header h2{ font-size: 18px; font-size: 1.00rem; line-height: 1; color:#1e4b8d; font-weight: bold;}
header ul li { display:inline-block; }
header a.button { color: #1e4b8d; font-weight: bold; padding: 13.5px 0px; width: 230px; display: block; margin: 0 0 0 auto; text-align: center; background-color: rgb(41,152,207,0.1); /*border: #1e4b8d 2px solid; margin-top: 8px;*/ }
header ul.user li { padding-left: 16px; margin-top: 16px;}
header ul.user li i { padding-left: 2px;}
header a.button:hover{ background-color:rgba(41,152,207,0.30);}
header ul.user li a:hover { color:#1e4b8d; text-decoration: underline; }
/*header h1 img { margin: 2px 0 9px; }*/

/*header設定*/
header .header-pc {position: fixed; height: 80px; width:100%; z-index: 999; display: flex; justify-content: space-between; align-items: center; color:#333; text-align: center; background-color: rgba(225, 225, 225, .2); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5); }
header .form-box {  }
header a.button { color: #fff; background: #1e4b8d; text-decoration: none; padding: 30px 20px; text-align: center; display: block;}
/* お問い合わせボタン button */ /* キラッと光る*/
.btnshine{ position: relative; outline: none; overflow: hidden;}
.btnshine::before { content: '';
	position: absolute; top: 0; left: -75%;
	width: 50%; height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
	transform: skewX(-25deg);}
.btnshine:hover::before {animation: shine 0.9s;}
@keyframes shine { 100% {left: 125%;} }


.flexslider-container{ /*border-top: #1e4b8d solid 4px; padding:18px 0px; background-color: rgb(41,152,207,0.1);*/ margin-bottom:72px;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=1 ); }
/*
.bx-wrapper { position: relative; margin: 0 auto 72px !important; padding: 0; *zoom: 1;}
.bx-wrapper .bx-viewport { -moz-box-shadow: initial !important; -webkit-box-shadow: initial !important; box-shadow: initial !important; border-top: #1e4b8d solid 4px !important; padding:0px !important; background-color: rgb(41,152,207,0.1) !important; }
.bx-wrapper .bx-pager{ display: none; }*/



nav { /*margin-bottom: 72px;*/ }
nav ul li { display: inline-block; width: 16.2%; text-align: center;border-top:#1e4b8d solid 1px; border-bottom: #1e4b8d solid 4px; }
nav ul li a {font-size: 18px; font-size: 1.00rem; line-height: 1; display: block; color: #1e4b8d; padding: 26px 0 24px; text-decoration: none; font-weight: bold; }
nav ul li p { color: #2998cf; font-size: 13px; font-size: 0.72rem; line-height: 1; margin-top: 6px; }
nav ul li a:hover{ background-color:rgba(41,152,207,0.30);} 

/* SP nav ---- */
#g-nav.panelactive{position:fixed; z-index: 999; top: 0; width:100%; height: 100vh;}
.circle-bg{ position: fixed;z-index:3; width: 100px; height: 100px; border-radius: 50%; background: #75C5CE; transform: scale(0); right:-50px; top:-50px; transition: all .6s;/*0.6秒かけてアニメーション*/}
.circle-bg.circleactive{transform: scale(50);/*クラスが付与されたらscaleを拡大*/}
#g-nav-list{ display: none; position: fixed; z-index: 999; width: 100%; height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch;}
#g-nav.panelactive #g-nav-list{ display: block; }
#g-nav ul {opacity: 0; position: absolute; z-index: 999; top:24%; left:50%; transform: translate(-50%,-50%);}
#g-nav.panelactive ul { opacity:1;}
#g-nav.panelactive ul li{animation-name:gnaviAnime; animation-duration:1s; animation-delay:.2s; animation-fill-mode:forwards; opacity:0;}
@keyframes gnaviAnime{
0% {opacity: 0;}
100% {opacity: 1;}
}
#g-nav li{text-align: center;  list-style: none;}
#g-nav li a{color: #1e4b8d; text-decoration: none; padding:10px; display: block; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold;}
.openbtn{position:fixed; top:10px; right: 10px; z-index: 9999; cursor: pointer; width: 50px; height:50px;}
.openbtn span{display: inline-block; transition: all .4s; position: absolute; left: 14px; height: 3px; border-radius: 2px; background-color: #333; width: 45%; }
.openbtn span:nth-of-type(1) {top:15px;}
.openbtn span:nth-of-type(2) {top:23px;}
.openbtn span:nth-of-type(3) {top:31px;}
.openbtn.active span:nth-of-type(1) { top: 18px; left: 18px; transform: translateY(6px) rotate(-45deg); width: 30%;}
.openbtn.active span:nth-of-type(2) {opacity: 0;}
.openbtn.active span:nth-of-type(3){ top: 30px; left: 18px; transform: translateY(-6px) rotate(45deg); width: 30%;}


.title {text-align: center; margin-bottom: 60px; }
.title h2 { font-size: 38px; font-size: 2.11rem; /*font-weight: bold;*/ line-height: 1.0; letter-spacing: 0.08em; margin-bottom: 15px;}
.title h4 { font-size: 25px; font-size: 1.388rem; font-weight: bold; line-height: 1.0; letter-spacing: 0.1em; color: #2998cf;}

/* news ------- */
#top-news { padding: 100px 0px;}
#top-news table { border-collapse: collapse; width: 90%; /*border-top: 1px solid #5C1C03;*/ margin: 0 auto; font-size: 24px; font-size: 1.33rem; }
#top-news table tr { border-bottom: 1px solid #1e4b8d; }
#top-news table th { padding: 14px; width: 28%; font-weight:bold; vertical-align:middle; letter-spacing: 0.1em; text-align: right; font-size: 20px; font-size: 1.11rem;}
#top-news table td { padding: 14px 28px; line-height:1.444; }
#top-news table td.category { padding: 14px; width: 20%; text-align: center; letter-spacing: 0.1em; color: #1e4b8d; vertical-align: middle; font-weight: bold;}
#top-news table td.category a { color: #D0AA79; font-family: 'Marcellus'; }
/*== ボタン共通設定 */
#top-news a.btn { width: 440px; padding: 15px 50px; border: 1px solid #1e4b8d; background-color: rgba(255, 255, 255, 0.5); margin-top: 60px; display: inline-block; transition: ease .2s;}
.btn{ position: relative; overflow: hidden; text-decoration: none; display: inline-block; border: 1px solid #555; padding: 10px 30px; text-align: center; outline: none;  transition: ease .2s;}
/* 新着ボタン　== 背景が流れる（左から右） */
.btn span { position: relative; z-index: 3; color:#1e4b8d; font-size: 25px; font-size: 1.388rem; }
.btn:hover span{ color:#fff; }
.bgleft:before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#1e4b8d; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top;}
.bgleft:hover:before{transform-origin:left top; transform:scale(1, 1);}/*hoverした際の形状*/

/* service ------- */
#top-service { /*background-color: rgba(233, 244, 250, .4);*/ padding: 100px 0px;}
iframe[src$=".pdf"]{ width:100%; height:80vh;}
#top-service h5 {  font-size: 26px; font-size: 1.44rem; font-weight: bold; line-height: 1.0; letter-spacing: 0.08em; margin: 15px 0px;}
.size { padding: 0 5px 0 10px;}
#top-service a.btn { width: 440px; padding: 25px 50px; border: 1px solid #1e4b8d; background-color: rgba(255, 255, 255, 0.5); margin-top: 60px; display: inline-block; transition: ease .2s;}

/* main ------- */
#main { margin-bottom: 144px; text-align: left; }

.pickup{margin-bottom: 28.8px;}

/*.infolist table{ border-collapse: collapse; width: 100%; margin-bottom: 90px; }
.infolist table th {  font-size: 13px; font-size: 0.72rem; line-height: 1; width: 22.2%; padding-right:26px; text-align: right; vertical-align: middle; }
.infolist table td{ border-bottom: #1e4b8d dotted 1px; padding: 26px 0px 22.2px; }
.infolist table td h5 { color: #1e4b8d; font-size: 18px; font-size: 1.00rem; line-height: 1; margin-bottom: 9.2px; font-weight: bold;}
.infolist table td p {  font-size: 13px; font-size: 0.72rem; line-height: 1.59; }

.info table{ border-collapse: collapse; width: 100%; margin-bottom: 90px; }
.info table th {  font-size: 13px; font-size: 0.72rem; line-height: 1; width: 12%; padding-right:26px; text-align: right; vertical-align: middle; }
.info table td{ border-bottom: #1e4b8d dotted 1px; padding: 0px 0px 22.2px; }
.info table td h5 { color: #1e4b8d; font-size: 26px; font-size: 1.44rem; line-height: 1; margin-bottom: 16px; font-weight: bold;}
.info table td p {  font-size: 18px; font-size: 1.00rem; line-height: 1.59; }
.infolist a.button { color: #1e4b8d; font-weight: normal; border: #1e4b88 2px solid; padding: 14px; width: auto; display: inline-block; text-align: center; background-color: #fff;  }
.infolist a.button:hover{ background-color:rgba(41,152,207,0.20);}*/

.info table{ border-collapse: collapse; width: 100%; margin-bottom: 90px; }
.info table th {  font-size: 13px; font-size: 0.72rem; line-height: 1; width: 22.2%; padding-right:26px; text-align: right; vertical-align: middle; }
.info table td{ border-bottom: #1e4b8d dotted 1px; padding: 26px 0px 22.2px; }
.info table td h5 { color: #1e4b8d; font-size: 18px; font-size: 1.00rem; line-height: 1; margin-bottom: 9.2px; font-weight: bold;}
.info table td p {  font-size: 13px; font-size: 0.72rem; line-height: 1.59; }

/*h2.infotitle{ color: #1e4b8d; text-align: center; border-bottom: #2998cf solid 4px; width: 285px; margin: 0 auto 26px; padding-bottom: 13px;font-weight: bold;}

.twelve.columns.topinfo{margin-bottom: 90px; }
.twelve.columns.topinfo table{ border-collapse: collapse; width: 100%;}
.twelve.columns.topinfo table td.woong:first-child{  font-size: 13px; font-size: 0.72rem; line-height: 1; width: 22.2%; padding-right:26px; text-align: right; vertical-align: middle; }
.twelve.columns.topinfo table td.woong:last-child{ margin-bottom: 9.2px; width: 77.8%; border-bottom: #1e4b8d dotted 1px; padding: 26px 0px 22.2px; }
.twelve.columns.topinfo table td.woong a{ color: #1e4b8d; font-size: 18px; font-size: 1.00rem; line-height: 1; font-weight: bold;}*/




#main h2 { color: #1e4b8d; text-align: center; border-bottom: #2998cf solid 4px; width: 285px; margin: 0 auto 26px; padding-bottom: 13px;font-weight: bold;}


.reco { margin-bottom: 90px; }
li.itemlist img { margin-bottom: 10px; }
li.itemlist a h6{ font-size: 18px; font-size: 1.00rem; line-height: 1.33; margin-bottom: 15px; }
li.itemlist a h6:hover{ text-decoration: underline; color: #1e4b8d; }
li.itemlist p{font-size: 20px; font-size: 1.11rem; line-height: 1; font-weight: bold; }
.rank { margin-bottom: 90px; }

/*
.reco { margin-bottom: 90px; }
.lims{ padding: 0px 8px; width:25%; }
.lims img{ height: auto; } 
.lims tr.woong td{font-size: 20px; font-size: 1.11rem; line-height: 1; font-weight: bold; text-align: left;  display: block;}
.lims tr.woong a{font-size: 18px; font-size: 1.00rem; line-height: 1.33; margin:10px 0px 15px; font-weight: normal; text-align: left; display: inline-block; }
.lims tr.woong a:hover{ text-decoration: underline; color: #1e4b8d; }
.lims td.line{ display: none; }

td.lims table tr td{ text-align: left;  height: auto;}

.rank { margin-bottom: 90px; }
li.itemlist a img{ width: 225px; }
li.itemlist #rank1 em{ background: url(https://gigaplus.makeshop.jp/seagate/img/no1.png) no-repeat; margin: 10px 0px; display: block; width: 33px; height: 28px;}
li.itemlist #rank2 em{ background: url(https://gigaplus.makeshop.jp/seagate/img/no2.png) no-repeat; margin: 10px 0px; display: block; width: 33px; height: 28px;}
li.itemlist #rank3 em{ background: url(https://gigaplus.makeshop.jp/seagate/img/no3.png) no-repeat; margin: 10px 0px; display: block; width: 33px; height: 28px;}
li.itemlist #rank4 em{ background: url(https://gigaplus.makeshop.jp/seagate/img/no4.png) no-repeat; margin: 10px 0px; display: block; width: 33px; height: 28px;}
li.itemlist a h6{font-size: 18px; font-size: 1.00rem; line-height: 1.33; margin:10px 0px 15px; font-weight: normal; text-align: left; }
li.itemlist p{font-size: 20px; font-size: 1.11rem; line-height: 1; font-weight: bold; text-align: left;}
*/

h3 { color: #1e4b8d; border-bottom: #1e4b8d solid 4px; margin-bottom: 18px; font-weight: bold; padding-bottom: 8px; }
h3 i { margin-right: 4px; }
h3.noborder { border: none; padding: 0; margin-bottom: 20.7px; }
h3.catetitle{ font-size: 18px; font-size: 1.00rem; line-height: 1; margin-bottom: 26px; padding: 18px; border-bottom: 1px dotted #1e4b8d; background-color:rgb(41,152,207,0.1);}

#policy { background-color: #1e4b8d; padding: 71px 0 90px; text-align: left;}
#policy h2 { color: #fff; text-align: center; margin-bottom: 18px; width: initial; border: initial; padding: initial; }
#policy h4 { color: #fff; text-align: center; margin-bottom: 71px; }
#policy h3 { color: #e9db21; font-size: 51px; font-size: 2.83rem; line-height: 1.15; font-weight: lighter; padding: initial; border: initial; margin-bottom: 36px;  }
#policy p { color: #fff; width: 88%; margin-bottom: 47.2px; }
#policy a.button { color: #e9db21; font-weight: bold; border: #e9db21 2px solid; padding: 12.5px 0px; width: 237px; display: block; text-align: center;  }
#policy a.button:hover{ color: #fff; border: #fff 2px solid; background-color:rgba(41,152,207,0.30); }

/* info ------- */
#info {background-image: url(../img/bg-contact.png); background-repeat: no-repeat; background-size: cover; padding: 100px 0px;}
#info p { font-size: 24px; font-size: 1.333rem; line-height: 1.59; font-weight: 500; margin-bottom: 68px; }
#info img { margin-bottom: 15px; }
/*== 少し出ていた線が伸びる 水色(でんわ) */
.btnlinestretches2{position:relative; color:#333; padding: 15px 30px; display:inline-block; text-decoration: none; outline: none; background-color: #fff; width: 80%; background-image: url(../img/c001.png); background-repeat: no-repeat;}
.btnlinestretches2::before, .btnlinestretches2::after { content:''; position:absolute; border:solid #2998cf; width:10px; height:10px; transition:all 0.3s ease-in-out; }
.btnlinestretches2::before{ top:0; left:0; border-width:2px 0 0 2px; }
.btnlinestretches2::after{ bottom:0; right:0; border-width:0 2px 2px 0; }
.btnlinestretches2:hover::before, .btnlinestretches2:hover::after{ width:calc(100% - 2px); height:calc(100% - 2px); border-color:#2998cf; }
/*== 少し出ていた線が伸びる 青(フォーム) */
.btnlinestretches2-b {position:relative; color:#333; padding: 15px 30px; display:inline-block; text-decoration: none; outline: none; background-color: #fff; width: 80%; background-image: url(../img/c003.png); background-repeat: no-repeat;}
.btnlinestretches2-b::before, .btnlinestretches2-b::after { content:''; position:absolute; border:solid #1e4b8d; width:10px; height:10px; transition:all 0.3s ease-in-out; }
.btnlinestretches2-b::before{ top:0; left:0; border-width:2px 0 0 2px; }
.btnlinestretches2-b::after{ bottom:0; right:0; border-width:0 2px 2px 0; }
.btnlinestretches2-b:hover::before, .btnlinestretches2-b:hover::after{ width:calc(100% - 2px); height:calc(100% - 2px); border-color:#1e4b8d; }


/* footer ---------------------- */

footer { padding-top: 45px; background-color: rgba(255, 255, 255, 0.5); }
#outline h2 { margin-bottom: 10px;}
#outline h4 { font-size: 25px; font-size: 1.388rem; font-weight: bold; line-height: 1.59; margin-bottom: 10px;}
#outline p { font-size: 18px; font-size: 1.125rem; line-height: 1.5;}
#outline a { color: #4A4A4A;}
#outline .pdl25 {padding-left: 3%;}

#logo { padding: 18px 0; background-color: #1e4b8d; margin-top: 25px;}
#logo img { display: block; margin: 0 auto; }



/* SUB PAGE ---------------------------------- */
#subpage { padding: 0px; }
#subpage .sub-title {}
#subpage .sub-title h2 { height: 460px; width: 10%; display: table-cell; vertical-align: middle; color: #fff; font-size: 52px; font-size: 2.888rem; font-weight: bold; letter-spacing: 0.1em; text-shadow: 1px 1px 1px #333; padding-top: 80px;}

/* policy SEAGATE ------- */
.seagate-top-bg {background-image: url(../img/sea/title-seagate.png); width: 100%; height: 460px; background-size: cover;}

/* CONTACT--- */
.contact-top-bg {background-image: url(../img/contact/title-contact.png); width: 100%; height: 460px; background-size: cover;}
#contact { padding: 120px 0px 180px;}
#contact h3 { font-size: 32px; font-size: 1.777rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 30px; border-bottom: none;}
#contact p {font-size: 28px; font-size: 1.555rem; font-weight: bold; line-height: 1.8; text-align: center; margin: 58px auto 80px;}
#contact .contact-tell-box { width: 80%; background-color: #fff; background-image: url(../img/contact/001.png); background-repeat: no-repeat; border: 2px solid #0167A3; padding: 80px 0px; margin: 0 auto 80px;}
#contact .contact-tell-box a img { width: 8%; margin-right: 30px; vertical-align: middle;}
#contact .contact-tell-box a span { font-size: 52px; font-size: 2.888rem; font-weight: bold; /*font-family: 'Marcellus', serif;*/ letter-spacing: 0.1em; vertical-align: middle;}
#contact .contact-tell-box a:hover {text-decoration: none; opacity:0.6; }
#contact .contact-form-box { width: 80%; background-color: #fff; background-image: url(../img/contact/003.png); background-repeat: no-repeat; border: 2px solid #75C5CE; padding: 80px 0px; margin: 0 auto;}
#contact .c-box img { width: 90px; }
#contact .c-box p {font-size: 24px; font-size: 1.333rem; font-weight: 400; line-height: 1.59; text-align: left; width: 70%;}
#contact table { border-collapse: collapse; width: 85%; margin: 0 auto; font-size: 24px; font-size: 1.333rem; color: #707070; table-layout: fixed;}
#contact table tr { border-bottom: 1px dotted #707070; }
#contact table tr.w-border { border-bottom: 1px dotted #fff; }
#contact table th { padding: 26px 10px 20px; width: 30%; color: #333; text-align: left; vertical-align: middle;}
#contact table th span.small { font-size: 18px; font-size: 1.0rem;}
#contact table td { padding: 25px; }
#contact table td.red { padding: 15px 0px; width: 10%;}
#contact table td.red span{ color: #fff; font-size: 18px; font-size: 1.0rem; text-align: center; background-color: #CF5D5D; border-radius: 10px; padding: 5px 10px; vertical-align:middle;}
#contact table td span { font-size: 20px; font-size: 1.11rem; margin-bottom: 3px; }
#contact table input[type="text"] { width: 90%; height: 44px;}
#contact table input[type="submit"] { color:#fff; font-weight: bold; padding:12px 80px; font-size: 21px;  font-size: 1.31rem; line-height: 1.59; background-color: #5DC1CF; border: none; letter-spacing: 0.1em;}
form input[type="submit"] { color:#fff; font-weight: bold; padding:12px 80px; font-size: 21px;  font-size: 1.31rem; line-height: 1.59; background-color: #5DC1CF; border: none; letter-spacing: 0.1em;}
#contact table input[type="submit"]:hover{  }
#contact table textarea { width: 90%; }

/* main ------- */
.pan { margin-bottom: 41.6px; }
.pan ul li { font-size: 16px; font-size: 0.88rem; line-height: 1; color: #1e4b8d; margin-bottom: 9.4px; }
.pan ul li a { color: #1e4b8d; }
.pan ul li a:hover { text-decoration: underline; }

/*Makeshopに書いてる内容↓
.pan { margin-bottom: 41.6px; }
.pan ul li { font-size: 16px; font-size: 0.88rem; line-height: 1; color: #1e4b8d; margin-bottom: 0px; }
.pan ul li a { color: #1e4b8d; line-height: 1.333; }
.pan ul li a:hover { text-decoration: underline; }*/

.item { margin-bottom: 144px; }
.item .seven.columns { width: 55.555%; }
.item .thumb ul li { display: inline-block; margin: 16px 8px 8px 0px; width: 90px; height: 90px; }

.item .five.columns { width: 44.4444%; padding: 18px 0px 0px 18px; }
.item h4 { color: #1e4b8d; font-size: 25.5px; font-size: 1.416rem; line-height: 1; margin-bottom: 51px; font-weight: bold; }
.item p.intro { font-size: 16px; font-size: 0.88rem; padding-bottom: 46.28px; border-bottom: #1e4b8d solid 4px; }
.item .detail { padding: 26px 0 0; }
.item .detail ul li.code { margin-bottom: 7.6px; }
.item .detail ul li.point { margin-bottom: 26px; }
.item .detail ul li.ask { margin-bottom: 7.6px; }
.item .detail ul li.price { font-size: 25.5px; font-size: 1.416rem; line-height: 1; margin-bottom: 18px; font-weight: bold;} 
.item .detail ul li.price span{ color: #da1c24; }
.item .detail ul li.quantity { font-weight: bold; margin-bottom: 31.3px; }
.item .detail ul li.spec { font-size: 16px; font-size: 0.88rem; line-height: 1.59; margin-bottom: 46.3px;  }
.item .detail a.button { color: #fff; font-weight: bold; padding: 16px 0px; max-width: 394px; display: block; text-align: center; background-color: #da1c24; margin-bottom: 18px; }
.item .option a.button { font-size: 16px; font-size: 0.88rem; line-height: 1; padding: 4px; display: inline-block; text-align: center; border: #333 solid 1px; margin-bottom: 8px;  }
/*.item .detail ul li.quantity a{ padding: 1.5px 4px; background-color:#E7E7E7; }*/


#main .check { }
#main .check h2 { color: #1e4b8d; text-align: center; border-bottom: #2998cf solid 4px; width: 467px; margin: 0 auto 26px; padding-bottom: 13px;font-weight: bold;}

#recent { margin-bottom: 90px; }
#recent td.itemBox {width: 25%; text-align: center; vertical-align: top; padding: 0 8px;}
#recent p{ text-align: left !important; }
#recent p.price{font-size: 20px; font-size: 1.11rem; line-height: 1; font-weight: bold; display: block;}
#recent p.name a{font-size: 18px; font-size: 1.00rem; line-height: 1.33; margin:10px 0px 15px; font-weight: normal; display: inline-block;}
#recent p.name a:hover{ text-decoration: underline; color: #1e4b8d; }
#recent td.line{ display: none; }





#main .sub h2 { color: #1e4b8d; text-align: center; border-bottom: #2998cf solid 4px; width: 285px; margin: 0 auto 51px; padding-bottom: 13px;font-weight: bold;}
#main .sub table{ border-collapse: collapse; width: 100%; margin-bottom: 51px; border-top: #333 dotted 1px; }
#main .sub table tr { border-bottom: #333 dotted 1px; }
#main .sub table th { font-size: 18px; font-size: 1.00rem; line-height: 1.59; width: 33.3%; padding:18.69px; text-align: right; vertical-align: middle; font-weight: bold; background-color: rgb(51,51,51,0.1); }
#main .sub table td{ font-size: 18px; font-size: 1.00rem; line-height: 1.59; padding:18.69px;  }


#pay { padding-top: 40px; margin-top: -40px;}
#delivery { padding-top: 40px; margin-top: -40px;}

.guidelist { padding-bottom: 45.7px; border-bottom:1px dotted #333; margin-bottom: 51px; }
.guidelist:last-child { margin-bottom: 0px; }

.listinfo { margin-bottom: 90px; }
.sort ul { text-align: right; }
.sort ul li { display: inline; }

.list ul li.itemlist{ margin-bottom: 51px; }
.list ul li.itemlist img{ margin-bottom: 0px; }
.list li.itemlist a h6{font-size: 18px; font-size: 1.00rem; line-height: 1.33; margin:10px 0px; font-weight: normal; text-align: left; }

#sub-policy { background-color: #1e4b8d; padding: 71px 0 144px; border-bottom: 1px #fff dotted; }
#sub-policy .poltitle h2 { color: #fff; text-align: center; margin-bottom: 18px; width: initial; border: initial; padding: initial; font-size: 36px; font-size: 2.00rem;}
#sub-policy .poltitle h4 { color: #fff; text-align: center; margin-bottom: 71px; font-size: 18px; font-size: 1.00rem;}
#sub-policy .poltitle p { font-size: 51px; font-size: 2.83rem; line-height: 1; text-align: center; margin-bottom: 90px; color: rgb(177,212,238,0.5) }
#sub-policy .topic-title h3{ text-align: center; color: #e4d621; padding-bottom: 18px; background: url("../img/sea/nami.png") bottom repeat-x; font-weight: normal; width: 80%; margin-left:  auto; margin-right: auto; font-size: 36px; font-size: 2.00rem; line-height: 1; margin-bottom: 90px;}
#sub-policy .topic-title p{ text-align: center; color: #b1d4ee;  font-size: 36px; font-size: 2.00rem; line-height: 1; margin-bottom: 90px; font-weight: normal; }
#sub-policy ul { text-align: left;}
#sub-policy .topic ul li img { display: block; }
#sub-policy .topic ul li p { margin: 18px 0 72px; color: #b1d4ee; text-align: left;}
#sub-policy .topic ul li p span { color: #e4d621; }
#sub-policy .topic2 h3 { color: #fff;  font-size: 36px; font-size: 2.00rem; line-height: 1; font-weight: normal; margin-bottom: 20.7px; padding: 0; border: none;  text-align: left;}
#sub-policy .topic2 p{ color: #b1d4ee; margin-bottom: 30.7px; text-align: left;}
#sub-policy .topic2 ul li { display: inline-block; }
#sub-policy .topic3 h3 { color: #fff;  font-size: 36px; font-size: 2.00rem; line-height: 1; font-weight: normal; margin-bottom: 20.7px; padding: 0; border: none;  text-align: left;}
#sub-policy .topic3 p{ color: #b1d4ee; margin-bottom:51px; text-align: left; }
#sub-policy .topic3 p.mb90{ color: #b1d4ee; margin-bottom:90px; }
#sub-policy .topic3 p span { color: #e4d621; }
#sub-policy .topic p.kome { font-size: 16px; font-size: 0.88rem; line-height: 1.333; color: #fff; margin-top: 8px; }
#sub-policy .topic2 p.kome { font-size: 16px; font-size: 0.88rem; line-height: 1.333; color: #fff; margin-top: 3px; }


#about { background-color: #1e4b8d; padding: 71px 0px; text-align: left;}
#about h4 { color: #fff; font-size: 26px; font-size: 1.44rem; line-height: 1; margin-bottom: 26px; font-weight: bold;text-align: left;}
#about p { color: #fff; margin-bottom: 30.7px; }
#about a.button { color: #1e4b8d; font-weight: normal; border: #1e4b88 2px solid; padding: 14px 0px; width: 285px; display: block; text-align: center; background-color: #fff;    }
#about a.button:hover{ background-color:#b1d4ee; }

#menu-policy { padding: 71px 0px; margin-bottom: 71px;  }
#menu-policy h4 { color: #1e4b8d; font-size: 26px; font-size: 1.44rem; line-height: 1; margin-bottom: 26px; font-weight: bold; padding-top: 14px; text-align: left;}
#menu-policy ul li { display: inline-block; }
#menu-policy ul li a.button { color: #1e4b8d; font-weight: bold; border: #1e4b88 2px solid; padding: 14px 0px; width: 285px; display: block; text-align: center; background-color: #b1d4ee;  }
#menu-policy a.button { color: #1e4b8d; font-weight: bold; border: #1e4b88 2px solid; padding: 14px 0px; width: 285px; display: block; text-align: center; background-color: #e4d621;  }
#menu-policy ul li a.button:hover{ background-color:rgba(41,152,207,0.20); }
#menu-policy a.button:hover{ background-color:rgba(252,235,9,0.30); }




#main .cart table{ border-collapse: collapse; width: 100%; margin-bottom: 71px; border-top: #333 dotted 1px;  }
#main .cart table tr { border-bottom: #333 dotted 1px; }
#main .cart table th { font-size: 18px; font-size: 1.00rem; line-height: 1; padding:18px; vertical-align: middle; font-weight: bold; background-color: rgb(51,51,51,0.1);  }
#main .cart table td{ font-size: 16px; font-size: 0.88rem; line-height: 1.333; padding:26px 0px;  }
#main .cart table td img { width: 91px; height: 91px; float: left; margin-right: 16px;}
#main .cart table th.c-intro,td.c-intro{ width: 56%; text-align: left;}
#main .cart table th.c-quantity,td.c-quantity{ width: 12%; text-align: center; vertical-align: middle; }
#main .cart table th.c-point,td.c-point{ width: 14%; text-align: center; vertical-align: middle;}
#main .cart table th.c-price,td.c-price{ width: 12%; text-align: center; vertical-align: middle;}
#main .cart table th.no,td.no{ width: 7%; text-align: center; vertical-align: middle; }
#main .cart table td.c-intro p.option{ font-size: 13px; font-size: 0.72rem; line-height: 1.333; margin-top: 16px; }
#main .cart table td.haisou{ font-size: 18px; font-size: 1.00rem; line-height: 1; padding:18px 26px; vertical-align: middle; font-weight: bold; text-align: right;}
#main .cart table td.haisou-price{ font-size: 18px; font-size: 1.00rem; line-height: 1; padding:18px 26px; vertical-align: middle; font-weight:normal; text-align: center;}
#main .cart table td.total{ font-size: 18px; font-size: 1.00rem; line-height: 1; padding:18px 26px; vertical-align: middle; font-weight: bold; text-align: right;}
#main .cart table td.total-price{ font-size: 26px; font-size: 1.44rem; line-height: 1; padding:18px 0px 18px 26px; vertical-align: middle; font-weight: bold; text-align: right; color: #ae272d; }
#main .cart table td.total-price span{ font-size: 18px; font-size: 1.00rem; line-height: 1; font-weight: normal; color: #333; }

#main .cart-bt ul li { display: inline-block; }
#main .cart-bt ul li a.button { color: #1e4b8d; font-weight: bold; border: #1e4b88 2px solid; padding: 14px 0px; width: 285px; display: block; text-align: center; background-color: #b1d4ee;  }
#main .cart-bt a.button { color: #1e4b8d; font-weight: bold; border: #1e4b88 2px solid; padding: 14px 0px; width: 285px; display: block; text-align: center; background-color: #e4d621;  }
#main .cart-bt ul li a.button:hover{ background-color:rgba(41,152,207,0.20); }
#main .cart-bt a.button:hover{ background-color:rgba(252,235,9,0.30); }


.sitemap ul li { padding: 13px 0px; font-size: 18px; font-size: 1.00rem; line-height: 1.333; }
.sitemap ul li h5 { float: left; font-weight: bold; font-size: 18px; font-size: 1.00rem; line-height: 1; color: #333;}
.sitemap ul li a { text-decoration: underline;}
.sitemap ul li a:hover { color: #1e4b8d; text-decoration: underline; }







@media only screen and (max-width: 1280px) {
	/***********Mmakshopにも書いてない内容
	.lims tbody tr td{ height: 170px ;}
	.lims a img{ height: 170px ;}
	.lims .woong a img{ height: auto ;}
	.lims tr.woong td{height: 48px ;}
	.lims tr.woong a{height: 25px ; }
	************/
	.list li.itemlist a h6{ height: 40px; margin: 6px 0px 4px; line-height: 1.2; }
}


@media only screen and (max-width: 1024px) {
	/*.lims tr.woong td{height: 170px ;}*/
	#policy h3{font-size: 36px; font-size: 2.00rem;}
}

@media only screen and (max-width: 960px) {
	.list ul li.itemlist{ width: 33.333%;}
}



@media only screen and (max-width: 740px) {
	.pdl16 { padding-left:8px; }
	.pdr16 { padding-right:8px; }
	.list ul li.itemlist{ width: 49%;}
	header .six.columns{ width: 100% !important; flex: none;}
	header .six.columns.tar{ width: 100% !important; text-align: left; margin-top: 36px;}
	nav ul li { width: 32%; border-bottom: #1e4b8d solid 1px; }
	#sidebar { display: none;}
	#main{ width: 100% !important; flex: none;}
	footer #menu .four.columns{ width: 50%!important; }
	footer #menu .three.columns{ width: 50%!important; }
	footer #menu .five.columns{ width: 100%!important; }
/**********Mmakshopにも書いてない内容		
.lims tbody tr td{ height: 117px ;}
.lims a img{ height: 117px ;}
.lims .woong a img{ height: auto ;}
.lims tr.woong td{height: 87px ;}
.lims tr.woong a{height: 64px ; }
**********/
}


@media only screen and (max-width: 600px) {
	html { font-size:16px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; margin-bottom:10px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}
	
	.noleftmargin { margin: 0px; padding: 0px;}
	/*.nomargin { margin: 0px; padding: 0px;}*/
	.norightmargin { margin: 0px; padding: 0px;}

	.onlymobile { display: inherit;}
	.onlypc { display: none;}
	
	ul li.three.columns.itemlist{ width: 49% !important; float: left; margin-bottom: 36px; }
	li.itemlist a h6{ margin-bottom: 6px;}
	#policy a.button{ margin-bottom: 51px;}
	footer #menu .four.columns{ width: 60%!important; float: left; }
	footer #menu .three.columns{ width: 40%!important; float: left;}
	footer #menu .five.columns{ width: 100%!important; }
	footer #menu .five.columns ul.six.columns{ width: 50%!important; float: left; }
	/*.list ul li.itemlist{ width: 49%;float: left; }*/
	#about a.button{margin-bottom:37px;}
	#menu-policy ul { text-align: left; }
	#menu-policy ul li { margin-bottom: 7px; }
	#sub-policy .topic ul li img{float: left; margin-right: 3%;}

	/* top ------- */	
	#top-service { padding-top: 0px;}
	#top-service a.btn { width: 250px; margin-top: 20px; padding: 16px 50px;}
	#top-service h5 { font-size: 15px; font-size: 0.833rem; letter-spacing: 0em;}
		
	/* sub ------- */	
}
 
@media only screen and (max-width: 540px) {
	html { font-size:14px }
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
	.row { width: 100%; max-width: 100%; min-width: 1px; margin: 0 auto; } 
	.column, .columns { width: auto !important; float: none; }
	.column:last-child, .columns:last-child { float: none }
	[class*="column"] + [class*="column"]:last-child { float: none }
	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both }
	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important }
	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto }
	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto }
	/* Mobile 4-column Grid */
	.row .mobile-one { width: 25% !important; float: left; padding: 0 5px; }
	.row .mobile-one:last-child { float: right }
	.row .mobile-one.end { float: left }
	.row.collapse .mobile-one { padding: 0 }
	.row .mobile-two { width: 50% !important; float: left; /*padding: 0 5px;*/ padding: 0 10px 0px 0px; margin-bottom:10px;}
	.row .mobile-two:last-child {  float: /*right*/left }
	.row .mobile-two.end { float: left }
	.row.collapse .mobile-two { padding: 0 }
	.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
	.row .mobile-three:last-child { float: right }
	.row .mobile-three.end { float: left }
	.row.collapse .mobile-three { padding: 0 }
	.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
	.row .mobile-four:last-child { float: right }
	.row .mobile-four.end { float: left }
	.row.collapse .mobile-four { padding: 0 }
	.noleftmarg {padding:0px !important;}
	
	.noleftmargin { margin: 0px; padding: 0px;}
	.nomargin { margin: 0px; padding: 0px;}
	.norightmargin { margin: 0px; padding: 0px;}

	.onlymobile { display: inherit;}
	.onlypc { display: none;}
	
	header { padding: 10px 0px;}
	header img { width: 70%;}
	header ul{ margin-top: 18px}
	.size { font-size: 15px;}
	.icon a { font-size: 18px; margin-left: 8px;}
	/*nav ul li { width: 48.5%; }*/
	nav ul li { width: 100%; border-bottom: none; border-top: none; }
	nav ul li p { color: #fff; }
	nav { padding: 0px;}

	section { padding: 45px 0px; } 
	section h1 { font-size: 0px;}

	#info {background-image: url(../img/sp-bg-contact.png);}
	#info p { font-size: 18px; font-size: 1.0rem; letter-spacing: 0em; margin-bottom: 42px; }
	#info h5 { font-size: 16px; font-size: 0.888rem;}
	.btnlinestretches2{ padding: 15px; width: 80%; background-image: none; }
	.btnlinestretches2-b {padding: 15px; background-image: none; }
	#outline img { width: 100%;}
	#outline h2 { margin-bottom: 10px;}
	#outline h4 { font-size: 20px; font-size: 1.111rem; font-weight: bold; line-height: 1.59; margin-bottom: 0px;}
	#outline p { font-size: 18px; font-size: 1.0rem; line-height: 1.3;}
	footer p {letter-spacing: 0em; margin-top: 5px; margin-bottom: 25px;}
	.ggmap { margin: 0px auto; text-align: center;}


	#top-about h2 img { width: 40%; padding-left: 3%;}
	#top-about h3 {font-size: 18px; font-size: 1.125rem; padding-left: 1%; margin: 25px 0px; text-shadow: 0.5px 0.5px 1px #fff;}
	#top-about .sp-about-bg { background-image: url(../img/sp/top01.png); background-repeat: no-repeat; background-position:right 0% top 20%; background-size: 50%; }
	#top-about .about-btn { padding: 10px; margin-left: 3%; }
	#top-business h2 img { width: 50%;}
	#top-business h3 {font-size: 18px; font-size: 1.125rem; margin: 25px 0px; }
	/*#top-business h3 .line { border-bottom: solid 2px #00568B}*/
	#top-business h4 img { width: 70%; margin: 0 auto; }
	#top-business p { font-size: 16px; font-size: 1rem; }
	#top-business .sp-service-bg { position: relative;}
	#top-business .sp-service-bg::before { background-color: #EC6600; position: absolute; content: ""; top: 15%; width: 100%; height: 90%; z-index: -1;}
	#top-business .service p {margin-top: 60px;}
	#top-company h2 img { width: 50%;}
	#top-company .sp-company-bg { position: relative;}
	#top-company .sp-company-bg::before { background-color: #00568B; position: absolute; content: ""; top: 15%; width: 100%; height: 90%; z-index: -1;}
	#info { padding: 60px 0px;}

	#about h3 { font-size: 21px; font-size: 1.31rem; }
	#about p {font-size: 16px; font-size: 1.0rem; line-height: 1.59; letter-spacing: 0rem; padding: 2%;}
	#greeting h2 img { width: 40%; padding-left: 3%;}
	#greeting h3 {font-size: 18px; font-size: 1.125rem; padding-left: 1%; margin: 30px 0px; text-shadow: 0.5px 0.5px 1px #fff;}
	#greeting .sp-greeting-bg { background-image: url(../img/about/a002.png); background-repeat: no-repeat; background-position:right 0% top 5%; background-size: 40%;}
	#greeting p {font-size: 16px; font-size: 1rem; padding-left: 1%; letter-spacing: 0rem; margin-bottom: 15px;}
	#greeting span.ceo { font-size: 25px; font-size: 1.56rem; line-height: 1; margin-left: 0px;}

	#business h3 { font-size: 21px; font-size: 1.31rem; }
	#business p {font-size: 18px; font-size: 1.125rem; }
	#business .tac { text-align: left;}

	#service .service-box {padding: 0px;}
	#service .sbbg1 {background-position:right 1% top 15%;}
	#service .sbbg2 {background-position:right 1% top 15%;}
	#service .sbbg3 {background-position:right 1% top 15%; padding: 0 8px;}
	#service .tac { text-align: left;}

	#company h2 img { width: 50%; padding-left: 3%;}
	#company table { width: 85%; }
	#company table th {font-size: 18px; font-size: 1.125rem; padding: 0px; width: 30%; }
	#company table td {font-size: 18px; font-size: 1.125rem; padding: 32px 0px 32px 28px; }

	
	#contact h2 img { width: 70%; padding-left: 3%;}
	#contact .contact-p { margin: 32px 0px; text-align: left;}
	#contact table { width: 100%; }
	#contact table th { font-size: 18px; font-size: 1.125rem; width: 45%; vertical-align: middle; padding: 18px; }
	#contact table td { padding: 20px 0px; width: 55%; }
	#contact table input[type="submit"] {font-size: 18px; font-size: 1.125rem; padding: 8px 20px;}
	
	.contact-top-bg {background-image: url(../img/contact/sp-title-contact.png);}
	#contact { padding-top: 45px;}
	#contact p {font-size: 18px; font-size: 1.0rem; line-height: 1.5; margin: 45px auto;}
	#contact .contact-tell-box { width: 95%; padding: 40px 0px; background-size: 10%; margin-bottom: 40px; } 
	#contact .contact-form-box { width: 95%; padding: 40px 0px; background-size: 10%; }
	#contact .contact-tell-box h3 {font-size: 21px; font-size: 1.166rem; line-height: 1.2; letter-spacing: 0em; margin-bottom: 15px;}
	#contact .contact-tell-box a img { width: 10%; margin-right: 8px;}
	#contact .contact-tell-box a span { font-size: 25px; font-size: 1.388rem; }
	#contact .c-box h3 {font-size: 21px; font-size: 1.166rem; line-height: 1.2; letter-spacing: 0em; margin-bottom: 15px;}
	#contact .c-box img { width: 15%; }
	#contact .c-box p {font-size: 16px; font-size: 0.888rem; line-height: 1.2; width: 80%;}
	#contact table {width: 90%; font-size: 14px; font-size: 0.777rem; letter-spacing: 0em; }
	#contact table th { padding: 20px 5px 20px 2px; width: 30%; font-weight: bold;}
	#contact table td { padding: 20px 0px 20px 3px; }
	#contact table td.red span{font-size: 12px; font-size: 0.666rem; border-radius: 3px; padding: 5px 2px;}
	#contact table input[type="submit"] { padding:6px 20px; font-size: 18px; font-size: 1.0rem; letter-spacing: 0em;}
	#contact table td span { font-size: 16px; font-size: 0.888rem }
	#contact table td span.contact-course-txt { vertical-align: text-top; }
	#contact table label.contact-course {margin-bottom: 2px;}
	#contact table th span.small { font-size: 12px; font-size: 0.666rem; font-weight: lighter; line-height: 2; letter-spacing: -0.1em;}
	#contact table textarea { width:90%; }

	form input[type="submit"] { color:#fff; font-weight: bold; padding:6px 20px; font-size: 18px; font-size: 1.0rem; letter-spacing: 0em; line-height: 1.59; background-color: #5DC1CF; border: none; font-family: 'IBM Plex Sans JP', sans-serif; }


}



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

}