@charset "utf-8";

/*
GLOBAL
***************************************************************************/
body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	min-height:100%; 
background-image: url("../images/bg.png");
  background-size: 3000px auto; /* 画像を画面サイズに合わせる */
  background-position:top center; /* 画像を中央に配置 */
  background-repeat: no-repeat; /* 画像を繰り返さない */
  background-attachment: fixed;
  width: 100%; /* ビューポート幅に合わせる */
  height: 100vh; /* ビューポート高さに合わせる */
  margin: 0; /* マージンをリセット */
  padding: 0; /* パディングをリセット */
}

img { border:none; max-width:100%; height:auto; vertical-align:top; /* ie8 */}

a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )"; }


/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	margin: 0;
	padding: 0;
}

h1 { width:100%; margin:0; font-size:2em; line-height:1.5; }
h2 { width:100%; text-align:center; margin:0; padding:0; font-size:2.8em; line-height:1.3; color: #0a51a1;}
h2.b2 { width:100%; text-align:center; margin:0; padding:0; font-size:3em; line-height:1.3; color: #0e3192;}

h3 { width:100%; font-size:2.5em; line-height: 1.3; padding:0; margin:0 auto; text-align: center;}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,video {
	display:block;
}

p {
	word-wrap: break-word;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

/* ▼LINK▼ */
a {
	color: #333;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	border: 0;
	transition-duration: 1s;
}

a.no_filter:hover,
.no_filter a:hover,
a.no_filter:hover img,
input[type="image"].no_filter:hover,
.no_filter a:hover img,
.no_filter input[type="image"]:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#container {
	position: relative;
	z-index: 1;
	margin-top:60px;
	overflow: hidden!important;
}

.base_box {
	width: 750px;
	margin:0 auto;
	padding:0;
}

/*
FOOTER
***************************************************************************/
.totop { width:1000px; margin:0 auto; height:3em; line-height:3em; text-align:right; font-size:1.2em; }
.totop a:link { color:#C00; text-decoration:none; }
header { width:100%; background-color:#fff; padding:10px auto; position:fixed; top:0; z-index:999999; }
footer {
	width:100%; 
	margin:20px auto 0 auto;
	padding: 0 0 0 0;
	font-size: 14px;
	color: #333;
}

/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { width:100%; text-align:left; }
.disp_l img { width:18%; display:inline-block; margin:0 40px 0 0;}
.disp_r { float:right!important; width:50%; text-align:right;}
.disp_r img { width:30%; display:inline-block; margin:15px 0 0 0;}

/* ▼area▼ */
.mb100 { margin-bottom:100px!important; }
.mb95 { margin-bottom:95px!important; }
.mb90 { margin-bottom:90px!important; }
.mb80 { margin-bottom:80px!important; }
.mb75 { margin-bottom:75px!important; }
.mb70 { margin-bottom:70px!important; }
.mb65 { margin-bottom:65px!important; }
.mb60 { margin-bottom:60px!important; }
.mb55 { margin-bottom:55px!important; }
.mb50 { margin-bottom:50px!important; }
.mb48 { margin-bottom:48px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb36 { margin-bottom:36px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb24 { margin-bottom:24px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }

.mt250 { margin-top:250px!important; }
.mt200 { margin-top:200px!important; }
.mt150 { margin-top:150px!important; }
.mt100  { margin-top:100px!important; }
.mt70 { margin-top:70px!important; }
.mt60 { margin-top:60px!important; }
.mt50 { margin-top:50px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt5 { margin-top:5px!important; }
.mt3 { margin-top:3px!important; }
.mt0 { margin-top:0!important; }
.mt-5 { margin-top:-5px!important; }
.mt-10 { margin-top:-10px!important; }
.mt-20 { margin-top:-20px!important; }
.mt-40 { margin-top:-40px!important; }
.mt-50 { margin-top:-50px!important; }
.mt-80 { margin-top:-80px!important; }
.mt-100 { margin-top:-100px!important; }
.mt-170 { margin-top:-140px!important; }

.tm40 { margin-top:40px; }

.pb40 { padding-bottom:40px!important; }
.pb25 { padding-bottom:25px!important; }
.pb8 { padding-bottom:8px!important; }
.pb0 { padding-bottom:0!important; }

/* ▼link▼ */
a.line, .line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 9999;
}

div#floating-menu-pc {
	display:absolute;
	width:1050px;
	text-align:right;
	margin:0 auto;
}


ul.header-logo { list-style: none; margin:0 auto; padding: 10px 0; width:750px; text-align: center; min-width:750px;}
ul.header-logo li { display:inline-block; margin:0; width:50%!important; padding:0; text-align: left; vertical-align: middle;}

ul.header-logo li:last-child {text-align:right;}
ul.header-logo li img { width:40%!important;}
ul.header-logo li:last-child img { width:40%!important;}

.font14 { font-size:14px;}
.font15 { font-size:15px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.font28 { font-size:28px;}
.font30 { font-size:30px;}
.font32 { font-size:32px;}
.font34 { font-size:34px;}
.font36 { font-size:36px;}
.font38 { font-size:38px;}
.font40 { font-size:40px;}

.f-red { color:#ff0000; }

.ind { padding-left: 1em; text-indent: -1em; }

.posi { position: relative;}

/*anjo*/
.ft-mfg { width:40%; margin:0 auto;}
.ft-mfg img { width:100%; height:auto;}
.pd40 { padding-bottom:40px;}
.pt40 { padding-top:40px;}
.ft-menu { display:flex; flex-direction: column; font-size:16px; gap:1em;}
.ft-menu a { text-decoration: none; color: #989898;}
.bg-gray { background-color:#ebeced;}
.box { width:750px; margin:0 auto; overflow: hidden;}
.bg-y { background-color:#f2e06f;}
.top-menu { width:602px; display:flex; justify-content:space-between; margin:0 auto;}
.bg-brn { background-color:#c06b32; }
.bg-blue { background-color:#2e3554; }
.w650 { width:650px; margin:0 auto;}
.lh0 {line-height: 0em;}
.fix-bg { }
.btn-top { position: fixed; bottom:1%; right:1%; width:60px; height:60px; z-index: 99999;}
.btn-top img { width:100%; height:auto;}


@media screen and (max-width: 760px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	min-width: 100%;
	background-image:none;
}

#container {
	position: relative;
	background: #fff;
	z-index: 1;
	margin-top:2.5rem;
}

.base_box {
	width: 100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background-color: #fff;
}


header { width:100%; background-color:#fff; padding:1% 0; position:fixed; top:0; z-index:999999; }


img { border:none; max-width:100%; height:auto; vertical-align:bottom; /* ie8 */}

.mb100 { margin-bottom:3%!important; }
.mb95 { margin-bottom:3%!important; }
.mb90 { margin-bottom:3%!important; }
.mb80 { margin-bottom:3%!important; }
.mb75 { margin-bottom:3%!important; }
.mb70 { margin-bottom:3%!important; }
.mb65 { margin-bottom:2%!important; }
.mb60 { margin-bottom:2%!important; }
.mb55 { margin-bottom:2%!important; }
.mb50 { margin-bottom:2%!important; }
.mb40 { margin-bottom:2%!important; }
.mb30 { margin-bottom:2%!important; }
.mb20 { margin-bottom:1%!important; }
.pt60 { padding-top:2%!important; }

.mt250 { margin-top:15%!important; }
.mt200 { margin-top:2%!important; }
.mt150 { margin-top:12%!important; }
.mt100 { margin-top:10%!important; }
.mt70 { margin-top:5%!important; }
.mt60 { margin-top:4%!important; }
.mt50 { margin-top:5%!important; }
.mt40 { margin-top:4%!important; }

.mt10 { margin-top:1%!important; }
.ml30 { margin:0 auto!important; }
.mr-50 { margin:0 auto!important; }
.mr50 { margin:0 auto!important; }
.mr30 { margin:0 auto!important; }

.mt-10 { margin-top:0!important; }
.mt-20 { margin-top:0!important; }
.mt-40 { margin-top:0!important; }
.mt-50 { margin-top:0!important; }
.mt-80 { margin-top:0!important; }
.mt-100 { margin-top:-15%!important; }
.mt-170 { margin-top:-10%!important; }

.pb25 { padding-bottom:3%!important; }


.totop { width:95%; margin:0 auto; height:3em; line-height:3em; text-align:right; font-size:1.2em; }
.totop a:link { color:#C00; text-decoration:none; }


footer {
	width:100%; 
	margin:2% auto 0 auto;
	padding: 0 0 0 0;
	font-size: 2.5vw;
	color: #333;
}

.disp_l { width:100%; text-align:left; }
.disp_l img { width:20%; display:inline-block; margin:0 3% 0 0;}
.disp_r { float:right!important; width:50%; text-align:right;}
.disp_r img { width:30%; display:inline-block; margin:1% 0 0 0;}



div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 0!important;
    z-index: 9999;
}

div#floating-menu-pc {
	display:none;
}



.box { width:100%; margin:0 auto; position:relative; }

ul.header-logo { list-style: none; margin:0 auto; padding: 0; width:95%; text-align: center; min-width:95%;}
ul.header-logo li { display:inline-block; margin:0; width:50%!important; padding:0; text-align: left; vertical-align: middle;}
ul.header-logo li:last-child {text-align:right;}
ul.header-logo li img { width:55%!important;}
ul.header-logo li:last-child img { width:60%!important;}

.font16 { font-size:1.6vw;}
.font18 { font-size:1.8vw;}
.font20 { font-size:20px;}
.font22 { font-size:2.2vw;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.font28 { font-size:2.8vw;}
.font30 { font-size:30px;}
.font32 { font-size:32px;}
.font34 { font-size:34px;}
.font36 { font-size:36px;}
.font38 { font-size:38px;}
.font40 { font-size:4vw;}

.ind { padding-left: 1em; text-indent: -1em; }

/*anjo*/
.ft-mfg { width:60%; margin:0 auto;}
.ft-mfg img { width:100%; height:auto;}
.pd40 { padding-bottom:4%;}
.pt40 { padding-top:4%;}
.ft-menu { display:flex; flex-direction: column; font-size:3vw; gap:1em;}
.ft-menu a { text-decoration: none; color: #989898;}
.bg-gray { background-color:#ebeced;}
.box { width:100%; margin:0 auto;}
.bg-y { background-color:#f2e06f;}
.top-menu { width:85%; display:flex; justify-content:space-between; margin:0 auto;}
.top-menu div { width:49%;}
.top-menu div img { width:100%; height:auto;}
.bg-brn { background-color:#c06b32; }
.bg-blue { background-color:#2e3554; }
.w650 { width:90%; margin:0 auto;}
.btn-top { position: fixed; bottom:1%; right:1%; width:50px; height:50px; z-index:99999;}
.btn-top img { width:100%; height:auto;}
}