@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------
PCとSP分岐（一旦両方に記載）
------------------------------------------------------------*/
@media screen and (min-width:768px) {
  .sp {
    display: none;
  }
}
@media screen and (max-width:767px) {
  .pc {
    display: none;
  }

}


/* 追加 */
/* products */
.style1 {color: #FF0000}
h1.ttl-orange, .ttl-orange {
  width:100%;
}


/* -----------------------------------------------------------
aqb05.css
------------------------------------------------------------*/
/* header */

#global-menu00 {
  width:100%;
}
#advlogo1 {
  margin-bottom:0;
}
.dropdown, .dropdown ul, .dropdown li {
  box-sizing: content-box;
}
/* -----------------------------------------------------------
aqb02.css ★後で修正する★
------------------------------------------------------------*/

/* products */
h2.ttl_h2a {
	font-size:17px;
	color:#fff;
	background: #001277;
	text-align: center;
	padding: 10px 5px 9px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.products.menu-area {
	display:flex;
	margin:0;
	list-style:none;
	flex-wrap:wrap;
	justify-content:space-around;
	font-size:14px;
}
.products.menu-area li {
	margin:0;
	width:45%;
	box-sizing: border-box;
}
.products.menu-area li a:link {
	text-decoration: none;
}
.products.menu-area li a:hover {
	opacity:0.8;
	color:inherit;
}
.menu-area.products h3 {
	color:#001277;
	font-size:1rem;
	margin:0 0 10px 0;
	padding:4px 20px 2px;
	border:3px solid #001277;
	border-radius: 8px;
	display: block;
	line-height: 1.2;
	font-size: 1.05rem;
}
.products-menu-img {
  position: relative;
}
.products-menu-img img {

}


figure {
	margin:0;
	padding:0;
}
.menu-area.products {
	font-size:14px;
}

.menu-area.products dl {
	margin:0 0 50px 0;
	padding:0;
}
.menu-area.products dt,.menu-area.products dd {
	display: block;
	margin:0;
	padding:0;
}
.menu-area.products dt {
	background: #4C59A0;
	color:#fff;
	text-align:center;
	font-weight: bold;
	font-size:0.95rem;
	padding:5px 10px 3px;
	line-height: 1.4;
	margin:10px 0 8px;
}
.menu-area.products dd {
	margin-bottom:10px;
	font-size:0.8rem;
	color:#333;
	line-height: 1.6;
}
.menu-area-ttl {
	text-align: center;
	position: relative;
}
.menu-area-ttl:hover {
	opacity: 0.8;
}
.menu-area-ttl p {
	position: absolute;
	top:15px;
	left:15px;
	margin:0;
	background: #003a8e;
	width:88px;
	height: 68px;
	color:#fff;
	font-size:14px;
	line-height: 1.3;
	font-weight: bold;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
  -ms-flex-wrap:wrap;
}

/* end ------------------------------------------------------*/




@media screen and (max-width:767px) {
  html {
  font-size: 62.5%;
  }
  body { font-size: 1.4rem; }
  p,div,span,li,i,td,th,em,dt,dd {
    font-size:1.4rem;
  }
}

/* -----------------------------------------------------------
	common
------------------------------------------------------------*/
html,body {
height:100%;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-weight: 400;
line-height:1.8;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}

/* ゴシック系 */
body, table, th, td, p, li, div, span,dt,dd,
h1,h2,h3,h4,h5,h1 span,h2 span {
font-family:'Noto Sans Japanese', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* 明朝系 */
.min {
font-family: 'Noto Serif CJK JP', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.en {
  font-family: 'Roboto', sans-serif;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p,li,dt,dd,th,td,div,span,em {
color: #49423f;
line-height: 1.6;
word-wrap: break-word;
}
p {
  margin-top:0;
}

li {
line-height: 1.4;
list-style: none;
}

ul,ol,figure {
padding-left:0;
margin:0;
}
table {
width: 100%;
border-collapse: collapse;
}
a {
  word-break: break-word;
  text-decoration: none;
}
header a,
footer a {
  text-decoration: none;
}
main a {
  color:#49423f;
}
img {
line-height: 0;
max-width: 100%;
vertical-align: bottom;
}

article:after,main:after,
clearfix:after {
content: "";
display: block;
clear: both;
}

@media screen and ( min-width: 751px ){
  a {
  -webkit-transition: background  0.3s ease, color 0.3s ease;
  -moz-transition: background  0.3s ease, color 0.3s ease;
  -o-transition: background  0.3s ease, color 0.3s ease;
  transition: background  0.3s ease, color 0.3s ease;
}
	a:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: 0.7;
	cursor:pointer;
  transition:opacity 0.3s;
  text-decoration: none;
	}

	a:hover img {
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	}
	#page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
	}

}


/* -----------------------------------------------------------
common default
------------------------------------------------------------*/
.ac { margin:auto; }
.tc { text-align:center!important; }
.tl { text-align:left!important; }
.fl { float:left; }
.fr { float:right; }
.bold { font-weight:bold; }

.inline { display:inline-block; }
.block { display:block; }
.super { vertical-align: super; font-size:10px;}

dl,dt,dd,li {
  margin:0;
  padding:0;
}

/* -----------------------------------------------------------
page
------------------------------------------------------------*/
#page {
  /* max-width:1366px; */
  margin:0 auto;
}
.full {
width: 100%;
}
.container {
margin: 0 auto;
max-width:1152px;
width:95%;
position: relative;
}
.container.medium {
  /* max-width:1216px; */
  max-width:1280px;
  /* max-width:1600px; */
}
.container.base {
  max-width:1000px;
}
.container.short {
  max-width:880px;
}




/* -----------------------------------------------------------
PCメニュー
------------------------------------------------------------*/



/*-------------------------------------------------------------
header menu
---------------------------------------------------------------*/


/* -----------------------------------------------------------
	index-header
------------------------------------------------------------*/


/* -----------------------------------------------------------
	index
------------------------------------------------------------*/

/* -----------------------------------------------------------
	second
------------------------------------------------------------*/


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


/* -----------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media screen and (min-width: 1601px) {

}

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

}