@charset "UTF-8";

* {margin: 0px;
   padding: 0px}

body	{margin: 0px;
	padding: 0px;
	font-family: 'Source Sans Pro', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin-right: auto;
    margin-left : auto}

/* サイト名 */
.site	{margin: 0px 0px 5px 0px;
         width:960px}
.site a	{color: #000000;
	font-size: x-large;
	font-family: 'Paytone One', sans-serif;
	text-decoration: none}
.site img	{margin-top: 0px; vertical-align: bottom;
    width: 440px}

/* ナビゲーションメニュー */
.menu ul	{display: flex;
	margin: 0;
	padding-bottom: 4px;
	list-style: none;
	vertical-align: bottom;
    height:auto}
.menu li a	{display: block;
	padding: 10px;
	color: #000000;
	font-size: 0.9rem;
	text-decoration: none}
.menu li a:hover {background-color: #f0f0f0}

/* 言語メニュー */
.gengo ul	{display: flex;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	list-style: none;
	vertical-align: top;
        z-index:100}
.gengo li{margin: 0px 0px 0px 0px;
	       display: block;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 0.8rem;
	}
.gengo li a	{text-decoration: none;
                 color:#000000}
.gengo li a:hover {background-color: #f0f0f0}

/* トグルボタン */
button	{display: none;
	margin-bottom: 10px;
	margin-right: 8px;
	border: none;
	background-color: transparent;
	color: #888888;
	cursor: pointer;
    vertical-align: bottom;
    z-index:1000}
button:focus	{outline: none}
.button01 {margin-bottom: 0px; width:50px;}

/* ボックス */
.wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: table;
	flex-direction: row;
	justify-content: center;
	align-items: center}

/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer}
.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none}

/* トップページ */
.headimg	{width: 100%;
	height: auto;
	vertical-align: bottom}	
.catch	{background-color: rgba(255,255,255,0.9);
         width:800px}

/* 画像 */
.img01	{width: 100%;
	height: auto;
	padding: 1px}
.img02	{width: 80%;
	height: auto;
	padding: 1px}

/* パンくずリスト */
.cp_breadcrumb{font-family: "UD新ゴ M","UD Shin Go Medium","Source Sans Pro", "メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	margin: 0.5em auto;
	padding-left:0em;
	padding-right:0em;
	padding-top:0.5em;
	padding-bottom:0em;
	color: #000000;
	border-radius: 0.5em;
	font-size:0.8em;
}
.cp_breadcrumb a {
	text-decoration: none;
	color: #000000;
}
.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #000000;
}
.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000000;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}

/* 大外 */
.iremono {width: 950px;
	height: auto;
	margin: 0}	
.naiyou  {margin-top: 0px;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 40px}
.cont01	{width: 100%;
	height: auto;
	padding: 1px}

/* 大項目 */
.title01 {font-weight: 600;
	line-height: 130%;
	font-size:1.4rem}
.title03 {font-weight: 600;
	text-decoration-line: underline;
	line-height: 200%;
	font-size:1.2rem}
.title04 {font-weight: 500;
	text-decoration-line: none;
	line-height: 140%;
	font-size:1.2rem}
.title06 {font-weight: 600;
	text-decoration-line: none;
	line-height: 200%;
	font-size:1.3rem;
	border-left: 0.8vw solid #014099;
	margin-bottom: 2rem}

.box01{border-top:solid 2px #2239BF;
	border-bottom:solid 2px #2239BF;
	padding: 0.5em}
.margin01{margin-left:1.5rem;
	margin-right:1.5rem}
h4 {border-bottom: 1.5px dotted #C8C8C8;
	font-weight:600;
	padding:0.3rem 0rem}
.margin02{margin-left:1rem;
	margin-right:1rem}

/*ボタン*/
.btn02{
  font-size: 0.9em;
  display: inline-block;
  background-color: #DDEBF7;
  color: #313131;
  width: 360px;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
  text-align: center;
  font-weight:600;
  margin: 0.5rem 1rem;
  border:0.5px solid #888D92}
.btn02:hover{
	 cursor: pointer;
	 text-decoration: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.12), 0 3px 20px 0 rgba(0,0,0,0.12), 0 5px 6px -2px rgba(0,0,0,0.2)}

/*動画*/
.douga01{width:610px;
	height:343px;
	margin: auto}

/*フォント*/
.font01 {font-size : 1rem}
.font02 {font-size : 1rem}
.font03 {font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size : 1rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	line-height: 160%;
    text-align: justify}
.font04 {font-size : 1.2rem;
	font-weight: 600;
	text-align: center;
	padding-top: 2rem}
.link01 {font-size : 1.2rem;
	font-weight : 500}
.font13{font-family: "メイリオ","Hiragino Kaku Gothic Pro", sans-serif; font-size:1em; padding:1em 0em; margin: 0; text-align:left!important; text-indent:0px!important}
.font13 a{color:#000000;text-decoration: none;border-left:2px solid #DDDDDD;border-right:2px solid #DDDDDD}
.title01 {font-family: "フォーク M","Folk Medium","Source Sans Pro","メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
.title03 {font-family: "メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
.title04 {font-family: "UD新ゴ R","UD Shin Go Regular","Source Sans Pro", "メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
.title06 {font-family: "メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
h4 {font-family: "UD新ゴ M","UD Shin Go Medium","Source Sans Pro", "メイリオ","Hiragino Kaku Gothic Pro", sans-serif} 
.odai {width:950x}
.odai h1{font-family: "じゅん 201","Jun 201","Source Sans Pro", "メイリオ","Hiragino Kaku Gothic Pro", sans-serif}
.odai h1 {width:auto;
	border-bottom:1.5px solid #002D5E;
	display:inline-block;
	margin-top:20px;
	margin-bottom:40px;
	padding:15px 15px 15px 15px;
	font-weight : 500;
	font-size: 2.0rem;
	line-height: 140%}
.color01{color:#BB0011}
.color02{color:#2239BF}

/*テクノロジー*/
.cent02 {display: block;
	width:840px;
	height:300px;
	margin: auto}
.tec01 	{display: table-cell;
	text-decoration: none;
	padding-top: 0rem;
	padding-bottom:1rem;
	padding-left:1rem;
	padding-right:1rem;
	width:390px;
	height:300px;
	margin: auto}
.box04	{margin: 0;
	height:92px;
	width:360px;
	background-color: #ED7D31;
	text-align: center;
	color: #ffffff;
	padding: 1rem}
.box04 h2{font-size:2rem;
	margin: 0.6rem;
	text-shadow: 1px 2px 3px #606060;} 
.box04 span{font-size:1.02rem}
.box05 {margin: 0;
	height:170px;
	width:360px;
	font-size:1.0rem;
	line-height: 150%;
	padding: 1rem}
.box05 ul {list-style-type: none;
           padding-left: 30px}
.box05 li {position: relative;
           padding-bottom: 10px;
           padding-top: 10px}
.box05 li::after {
  	content: '';
  	display: block;
  	position: absolute;
  	top: 1em;
  	left: -1.5em;
  	width: 10px;
  	height: 5px;
  	border-left: 2px solid #000000;
  	border-bottom: 2px solid #000000;
  	transform: rotate(-45deg)}

/* 概要 */
.pickup	{margin-bottom: 20px;
         margin-top: 20px}
.gaiyou a {display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none}
.gaiyou span {display: block;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 38px}
.gaiyou .icon01	{background-color: #014099}
.gaiyou .icon02	{background-color: #014099}
.gaiyou .icon03	{background-color: #014099}
.gaiyou h2 {margin: 0;
	padding: 5px 0;
	background-color: #222222;
	font-size: 20px;
	font-weight: normal}
.gaiyou p {margin: 0;
	padding: 15px 3px;
	background-color: #524e3c}

/* お知らせ */
.news {margin-bottom: 20px;
	padding: 20px;
	border: solid 6px #dddddd;
	text-align: left;
	width:100%;
	height: flex}
.news h2 {margin-top: 0;
	margin-bottom: 0;
	color: #666666}
.news iframe {border:none;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	margin-right: 1em;
	padding-right:0;
	padding-left: 0;
	padding-bottom: 0;
	padding-top:0;
	width:100%}

/* リンクページ */
.link01 {font-size : 1.5rem;
	font-weight : 500}
.link01 a {display: block;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	text-decoration: none;
    line-height: 70%}
.link01 a:hover	{background-color: #f0f0f0}

/* コピーライト */
.copyright p {margin: 0;
	color: #ffffff;
	font-size: 0.8rem;
    text-align: center}

.copyright p a {margin: 0;
	text-decoration-line: none;
	color: #ffffff;
	font-size: 1.0rem;
	text-align: center;
        line-height: 2.3rem}

.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	margin: 0.5em auto;
	padding: 1em 2em;
	color: #000000;
	border-radius: 0.5em;
	font-size:0.8em;
}
.cp_breadcrumb a {
	text-decoration: none;
	color: #000000;
}
.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #000000;
}
.cp_breadcrumb li::before {
	content: '›';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000000;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}

/* センタリング*/
.cent01 {text-align: center!important}

/*会社情報*/
.photo01{padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: table-cell;
	text-align: left;
	vertical-align: top}
.photo01 img{width: 220px}
.kaisya01{border-collapse: separate;
          border-spacing: 0px;
	      width:750px}
.kaisya02{background-color:#eeeeee;
	      margin: 0;
	      padding: 10px 10px;
	      text-align: center;
	      font-size:0.9em;
	      width:70px;
          border: solid 1px;
          border-style: solid none none none}
.kaisya03{background-color:#ffffff;
	      margin: 0;
	      padding: 10px 20px;
          border: solid 1px;
          border-style: solid none none none}	
.kaisya04{background-color:#eeeeee;
	      margin: 0;
	      padding: 10px 10px;
	      text-align: center;
	      font-size:0.9em;
	      width:70px;
          border: solid 1px;
          border-style: solid none solid none}
.kaisya05{background-color:#ffffff;
	      margin: 0;
	      padding: 10px 20px;
          border: solid 1px;
          border-style: solid none solid none}	

/*お問い合わせ先*/
.adress01{display: table-cell;
	text-align: left;
	vertical-align: middle;
	width:270px;
	padding: 2rem 1rem}
.tel01{display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:310px;
	padding: 1rem 1rem}
.tel01 span{font-size:2rem;
	font-weight:600}
.tel01 img{width:30px}
.adress01{display: table-cell;
	text-align: left;
	vertical-align: middle}

/* 商品一覧 */
.syouimg{display: table-cell;
	text-align: left;
	vertical-align: top}
.syouimg img{width: 100px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 40px;
	padding-bottom: 10px;
	margin-bottom: 50px}
.syouhin{display: table-cell;
	text-align: center;
	vertical-align: center}
.syouhin table{width: 700px;
  	border-collapse: collapse;
  	margin: 0 auto;
  	padding: 0;
	table-layout: fixed}
.syouhin table tr {background-color: #fff;
  	border: 1px solid #bbb;
  	padding: .35em}
.syouhin table th,
.syouhin table td {padding: 1em 10px 1em 1em;
  	border-right: 1px solid #bbb}
.syouhin table th,
.syouhin table td {font-size: .80em}
.syouhin table thead tr{background-color: #eee}
.back01 {background-color:#f2f2f2!important;
	margin: 0!important;
    padding-left: 2rem;
	padding-right: 2rem;
	pdding-bottom: 0rem!important;
	padding-top: 0rem!important}
.t01 {width: 28%}
.t02 {width: 13%}
.t03 {width: 45%}
.t04 {width: 14%}
.txt{text-align: center;
   font-size: .85em}
.txt02{font-size: .85em;
   text-align: left;
   padding-bottom: 50px}
.txt03{font-size: .95em;
   text-align: left;
   padding-left: 20px;
   padding-bottom: 0px;
   padding-top: 30px}	

/* 古い規格のグリッドの設定 */
body	{display: -ms-grid;
	-ms-grid-columns: 1fr 960px 1fr;
	-ms-grid-rows: auto auto auto auto auto auto auto auto auto;
	margin-left: auto;
	margin-right: auto}

.site	{-ms-grid-column: 2;
	-ms-grid-row: 1}

button	{-ms-grid-column: 2;
	-ms-grid-row: 1;
	-ms-grid-column-align: end;
	-ms-grid-row-align: end}

.menu	{-ms-grid-column: 2;
	-ms-grid-row: 1;
	-ms-grid-column-align: end;
	-ms-grid-row-align: end}

.gengo	{-ms-grid-column: 2;
	-ms-grid-row: 1;
	-ms-grid-column-align: top;
	-ms-grid-row-align: end}

.headimg	{-ms-grid-column: 2;
	-ms-grid-row: 3}

.catch	{-ms-grid-column: 2;
	-ms-grid-row: 3;
	-ms-grid-column-align: start;
	-ms-grid-row-align: end;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px}

.pickup	{-ms-grid-column: 2;
	-ms-grid-row: 6;
	display: -ms-grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
	-ms-grid-rows: auto}

 .gaiyou:nth-child(1)	{-ms-grid-column: 1}
 .gaiyou:nth-child(2)	{-ms-grid-column: 3}
 .gaiyou:nth-child(3)	{-ms-grid-column: 5}

.iremono	{-ms-grid-column: 2;
	-ms-grid-row: 4;
	justify-self: start;
	align-self: top}

.odai	{-ms-grid-column: 2;
	-ms-grid-row: 3;
	width: 100%;
	text-align: center}

.naiyou	{-ms-grid-column: 2;
	-ms-grid-row: 4;
	justify-self: start;
	align-self: top}

.news	{-ms-grid-column: 2;
	-ms-grid-row: 7;
	width: 100%;
	height: auto;
	box-sizing: border-box}

.sns	{-ms-grid-column: 2;
	-ms-grid-row: 7;
	width: 28%;
	box-sizing: border-box;
	-ms-grid-column-align: end}

.copyright	{-ms-grid-column: 2;
	-ms-grid-row: 9;
	margin: 15px 0}

.fbar	{display: block;
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 9;
	z-index: -1;
	background-color: #014099}

/* IE11用の設定 */
@media all and (-ms-high-contrast: none), not all and (-ms-high-contrast: none) {
	.sns ul	{display: block}}

/* グリッド */
body	{display: grid;
	grid-template-columns: 
		[left] minmax(10px, 1fr) [main] minmax(auto, 960px) [main-end] minmax(10px, 1fr) [right];
	grid-template-rows: 
		[head] auto [head] auto [img] auto [catch] auto [pickup] auto [odai] auto [main] auto [sns] auto [foot] auto [bottom];
	margin-left: auto;
	margin-right: auto}

.site	{grid-column-start: main;
	grid-row-start: head}

button	{grid-column-start: main;
	grid-row-start: head;
	justify-self: end;
	align-self: end}

.menu	{grid-column-start: main;
	grid-row-start: head;
	justify-self: end;
	align-self: end}

.gengo	{grid-column-start: main;
	grid-row-start: head;
	justify-self: end;
	align-self: top}

.headimg	{grid-column-start: main;
	grid-row-start: img}

.catch	{grid-column-start: main;
	grid-row-start: img;
	justify-self: start;
	align-self: end;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 10px}

.iremono  {grid-column-start: main;
    grid-row-start: odai;
	justify-self: start;
	align-self: top} 

.odai  {grid-column-start: main;
	grid-row-start: img;
	text-align: center}

.naiyou  {grid-column-start: main;
    grid-row-start: odai;
	justify-self: start;
	align-self: top}

.pickup	{grid-column-start: main;
	grid-row-start: pickup;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 20px}

.news	{grid-column-start: main;
	grid-row-start: main;
	width: 100%;
	height: auto;
	box-sizing: border-box}

.sns	{grid-column-start: main;
	grid-row-start: main;
	width: 28%;
	box-sizing: border-box;
	justify-self: end}

.copyright	{grid-column-start: main;
	grid-row-start: foot;
	margin: 15px 0}

.fbar	{grid-column-start: left;
	grid-column-end: right;
	grid-row-start: foot;
	z-index: -1;
	background-color: #014099}


/* 古い規格のグリッドの設定 */
.hbar	{display: block;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1}

.sns	{-ms-grid-column: 1;
	-ms-grid-row: 3;
	width: auto;
	-ms-grid-row-align: center}

.catch	{margin-left: 3rem;
	margin-right: 3rem;
	margin-bottom: 2.5rem;
	padding: 0.7rem 1rem}

/* 正規規格のグリッドの設定 */
.hbar	{grid-column-start: main;
	grid-column-end: main-end;
	grid-row-start: head;
	z-index: -1;
	border-bottom: solid 4px #014099}

.headimg	{margin-top: 20px}

.news	{width: 100%}

.sns	{grid-column-start: left;
	grid-row-start: img;
	width: auto;
	align-self: center}

.sns li a	{border-top-right-radius: 0;
	border-bottom-right-radius: 0}

.p-icon{display:inline-block;position:relative}
.p-icon:after,.p-icon:before{position:absolute;top:50%;transform:scale(.5) translateY(-50%)}
.p-icon:before{left:0;transform-origin:left top}
.p-icon:after{right:0;transform-origin:right top}
.p-icon--arrow-right:before{content:url(./img/icon-arrow02.png);padding-left: 10px}

.p-icon--color{background-color: #D6E9F9;
               font-weight: 500;
               }