@charset "UTF-8";
body, form, fieldset { margin: 0; padding: 0; }

fieldset { border: none; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd { margin: 0; padding: 0; }

blockquote, li, dt, dd { margin-left: 1em; }

li { list-style: none; }

input, textarea { font-size: 1em; }

table { border-collapse: collapse; }

/* common ----------------------------------------------------- */
body { margin: 0; padding: 0; text-align: center; color: #20222D; font: 82% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; background: url(../img/bg.png?01) repeat-x top; background-color: #FFF; /* min-width:951px;*/ }

* html body { font-size: 80%; }

#wrapper { width: 950px; margin: 0 auto; text-align: left; }

#countainer { width: 100%; margin: 0; float: left; }

p, li { font-size: 100%; line-height: 1.8; }

table { font-size: 100%; }

th, td { line-height: 1.6; font-size: 100%; }

dt, dd { line-height: 1.6; font-size: 100%; }

/* IE6 */
h1 { margin: 0; padding: 0; }

img { margin: 0; padding: 0; border: none; vertical-align: bottom; }

a { color: #4C7E08; color: #3B5998; text-decoration: none; }

a:visited { color: #3B5998; }

a:hover { color: #EE4113; text-decoration: underline; }

strong { font-weight: bold; }

.small { font-size: 9px; vertical-align: top; }

.nodisp { text-indent: -9999px; }

.imgborder { border: 1px solid #939393; }

.underline { text-decoration: underline; }

.clearfix { clear: both; }

.bottomline { width: 100%; height: 37px; background: url(../img/bottomline.png) no-repeat center; }

/* ===================================================================== */
/* HEADER */
/* ===================================================================== */
header { width: 100%; height: 372px; margin: 0; background: url(../img/header_bg.png?02) no-repeat bottom right; position: relative; overflow: hidden; }
header h1 { margin-top: 30px; background: url(../img/logo.png) no-repeat; padding-left: 120px; line-height: 41px; font-size: 220%; }
header h1 a { color: #284a11; }
header h1 a:visited { color: #284a11; }
header .contact_nav { position: absolute; top: 35px; right: 0; z-index: 3000; }
header .contact_nav ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; position: relative; }
header .contact_nav ul li { margin-right: 0; position: relative; text-align: left; }
header .contact_nav ul li a { display: inline-block; padding: .25em .5em; background-color: #333; color: #fff; padding-left: 2.5em; font-weight: bold; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
header .contact_nav ul li a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
header .contact_nav ul li a::before { content: ""; display: inline-block; width: 18px; height: 18px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
header .contact_nav ul li.top a::before { background: url(../img/top.svg) no-repeat; background-size: contain; }
header .contact_nav ul li.company a::before { background: url(../img/info.svg) no-repeat; background-size: contain; }
header .contact_nav ul li.contact { margin-right: auto; }
header .contact_nav ul li.contact a::before { background: url(../img/envelope.svg) no-repeat; background-size: contain; }

/*header h1 a{ display:block; width:564px; height:41px; } */
header .h_slide { width: 400px; height: 236px; margin-left: -80px; position: absolute; top: 115px; }

header .h_slide img { border: 1px solid #FFF; box-sizing: border-box; }

/* ===================================================================== */
/* コンテンツ */
/* ===================================================================== */
article.content { width: 100%; margin: 2px 0 0; float: left; background-color: #FFF; }

article.content .menuarea { width: 100%; margin: 0; background-color: #454f00; overflow: hidden; }

article.content .menuarea nav { float: left; }

article.content .menuarea nav ul { letter-spacing: -.4em; }

article.content .menuarea nav ul li { display: inline-block; margin: 0; padding: 0; letter-spacing: normal; }

article.content .menuarea nav ul li a { display: block; padding: 30px 20px; color: #FFF; border-right: 1px solid #979c70; }

article.content .menuarea nav ul li.m1 a { filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#526200',EndColorStr='#1e2500'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #526200), color-stop(1, #1e2500)); background: linear-gradient(to bottom, #526200, #1e2500); }

article.content .menuarea nav ul li.m2 a { filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#707d00',EndColorStr='#2b3500'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707d00), color-stop(1, #2b3500)); background: linear-gradient(to bottom, #707d00, #2b3500); }

article.content .menuarea nav ul li a:hover { filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#b2bb70'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #b2bb70)); background: linear-gradient(to bottom, #ffffff, #b2bb70); text-decoration: none; color: #2c3206; }

/*
article.content .menuarea nav{ width:466px; height:96px;
	margin:0;
	float:left; background:url(../img/menu.png) no-repeat; }

article.content .menuarea nav ul{ margin:0; padding:0; }

article.content .menuarea nav ul li{ width:127px; height:96px; margin:0; padding:0; float:left; text-indent:-9999px; }

article.content .menuarea nav ul li a{ display:block; width:127px; height:96px; }

article.content .menuarea nav ul li a:hover{ background:url(../img/m1_ov.png?02) no-repeat; }

article.content .menuarea nav ul li.m2 a{ width:147px; margin-left:-20px;}
article.content .menuarea nav ul li.m2 a:hover{ background:url(../img/m2_ov.png) no-repeat -107px 0; }

article.content .menuarea nav ul li.m3 a{ width:147px; margin-left:-20px;}
article.content .menuarea nav ul li.m3 a:hover{ background:url(../img/m3_ov.png) no-repeat -234px 0; }
*/
article.content .menuarea h2.maincopy { width: 425px; height: 64px; margin: 15px 30px 15px 0; float: right; background: url(../img/copy1.png) no-repeat center; }

article.content .ctbox { width: 100%; margin: 0; }

article.content .ctbox h3.subtitle { display: block; height: 39px; margin: 50px auto 0; padding-left: 50px; background: url(../img/subtitle.png) no-repeat center; line-height: 39px; font-weight: bold; color: #fff; /*  @include text-shadow(1px 1px 0 rgba(#6f7d36, 0.9) );*/ }
article.content .ctbox h3.subtitle .red, article.content .ctbox h3.subtitle .dpi10 .copy, .dpi10 article.content .ctbox h3.subtitle .copy { color: #ff1212; }

article.content .ctbox h4.sublb { margin: 20px 30px 0; color: #C81B09; }

article.content p { margin: 20px 30px; }

article.content p.mtop { margin-top: 0; }

article.content p.pagetop a { display: block; padding: 0 10px; float: right; background-color: #6E791B; color: #FFFFFF; text-align: center; }

.content table.tb1 { margin: 0 30px; padding: 0; border-collapse: collapse; }

.content table.tb1 th { margin: 0; padding: .5em 1em; background-color: #5E5E5E; color: #FFFFFF; border: 1px solid #A4A4A4; }

.content table.tb1 td { margin: 0; padding: .5em 1em; background-color: #FFFFFF; border: 1px solid #A4A4A4; }

.content ul.list1 { margin: 20px 30px 0; padding: 0; }

.content ul.list1 li { margin: 0 0 0 20px; padding: 0; list-style-type: disc; }

article.content .imgbox { margin: 20px 0; float: left; text-align: center; }

article.content .imgbox_r { float: right; }

article.content .imgbox p { margin: 5px 0; line-height: 1.3; }

article.content table.imgtb { margin-left: 25px; margin-right: 25px; margin-bottom: 20px; padding: 0; border-collapse: collapse; }
article.content table.imgtb tr:not(:nth-of-type(1)) td { padding-top: 20px; }

article.content table.imgtb td { text-align: center; vertical-align: top; }

article.content table.imgtb td p { margin: 10px 30px; line-height: 1.3; }

article.content .cautionbox { margin: 30px 30px 20px; background-color: #FFF4F6; border-radius: 4px; border: 2px solid #E25158; }

article.content .cautionbox p { margin: 10px; line-height: 1.5; }

.leadinfo { margin-top: 50px; display: -webkit-flex; display: flex; }
.leadinfo div { width: 33.33333%; text-align: center; }
.leadinfo div p { margin: 0; }
.leadinfo div p:nth-of-type(1) { font-weight: bold; }
.leadinfo div p:nth-of-type(2) { font-weight: bold; color: #cb1b09; }

/* ===================================================================== */
/* フッター */
/* ===================================================================== */
footer { width: 100%; margin: 0; float: left; text-align: center; background-color: #6E791B; }

footer p.copyright { width: 100%; margin: 10px 0 10px; float: left; color: #FFFFFF; line-height: 1.3; }

article.top .pdfmenu { margin: 10px; letter-spacing: -0.4em; }

article.top .pdfmenu li { display: inline-block; width: 50%; margin: 0; padding: 0; letter-spacing: normal; border-right: 1px solid #fff; box-sizing: border-box; }

article.top .pdfmenu li:last-child { border: none; }

article.top .pdfmenu li a { display: block; width: 100%; padding: 20px 0; background: -moz-linear-gradient(to bottom, #7d0000, transparent) no-repeat; background: -webkit-linear-gradient(to bottom, #7d0000, transparent) no-repeat; background: linear-gradient(to bottom, #7d0000, rgba(0, 0, 0, 0)) no-repeat; background-color: #bd0202; color: #feff81; }

article.top .pdfmenu li a:hover { background-color: #5e0000; text-decoration: none; }

article.top .kadai { display: table; width: 96%; margin: 30px auto 0; background-color: #e3e3e3; }

article.top .kadai div { display: table-cell; }

article.top .kadai .task { padding: 15px; background-color: #09447d; color: #fff; }

article.top .kadai .task p { margin: 10px 0 0; line-height: 1.5; }

article.top .kadai .arrow { vertical-align: middle; }

article.top .kadai .measures { padding: 15px; }

article.top .kadai .measures p { margin: 10px 0 0; line-height: 1.5; }

article.top .kadai .measures ul { margin: 0; }

article.top .kadai .measures ul li { margin: 0 0 0 20px; padding: 0; list-style-type: disc; }

/*
article.top .ctbox h3.subtitle1{ margin-top:24px; background:url(../img/subtitle1.png?02) no-repeat center; }
article.top .ctbox h3.subtitle2{ margin-top:30px; background:url(../img/subtitle2.png) no-repeat center; }
article.top .ctbox h3.subtitle3{ margin-top:30px; background:url(../img/subtitle3.png) no-repeat center; }
article.top .ctbox h3.subtitle4{ margin-top:30px; background:url(../img/subtitle4.png) no-repeat center; }
article.top .ctbox h3.subtitle5{ margin-top:30px; background:url(../img/subtitle5.png) no-repeat center; }
*/
article.top .android { margin-top: 0; position: relative; }

/*article.top .android h3.and_subtitle1{ margin-top:40px; background:url(../img/201409/and_subtitle1.png?03) no-repeat center; }*/
article.top .android h3.lb { width: 100%; height: 112px; margin: 50px 0 0; background: url(../img/201409/and_lb.png?01) no-repeat center; }

article.top .android ul.linkbtn { margin: 20px 0; padding: 0; float: right; }

article.top .android ul.linkbtn li { margin: 0 0 10px; line-height: 1.3; }

article.top .android ul.linkbtn li a { display: block; padding: 10px 0; background-color: #be181c; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#BE181C',EndColorStr='#950F12'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #be181c), color-stop(1, #950f12)); background: linear-gradient(to bottom, #be181c, #950f12); border-radius: 4px; color: #ffffff; text-shadow: 1px 1px #7b0b0e; }

article.top .android ul.linkbtn li.btn2 a { filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F05F00',EndColorStr='#CB3900'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05f00), color-stop(1, #cb3900)); background: linear-gradient(to bottom, #f05f00, #cb3900); text-shadow: 1px 1px #a03106; }

article.top .android ul.linkbtn li.btn3 { position: absolute; top: 120px; right: 30px; }

article.top .android ul.linkbtn li.btn3 a { padding: 10px 30px; }

article.top .android ul.linkbtn2 { float: none; margin-left: 20px; text-align: left; }

article.top .android ul.linkbtn2 li a { display: inline-block; padding: 15px 30px; }

article.top .android .i003 { display: block; margin: 50px auto 0; }
article.top .android .i003 + p { margin: 20px 0 0; font-size: 24px; font-weight: bold; text-align: center; }

.bx-wrapper { display: block; }

.bx-wrapper .bx-viewport { display: block; background-color: transparent; border: none; box-shadow: none; overflow: hidden; left: 80px; }

article.top p.btnbox a { display: block; width: 220px; padding: 10px; float: right; background-color: #fdf5f5; border: 2px solid #f45252; border-radius: 5px; line-height: 1.3; color: #f00; }

article.top p.btnbox a:hover { background-color: #ffdede; }

article.top .usersite { display: block; width: 300px; margin: 20px 30px; padding: 10px; float: right; border: 3px double #999; }

article.top .usersite ul { margin: 0; padding: 0; }

article.top .usersite ul li { margin: 0; padding: 0; /*	font-weight:bold;*/ font-size: 14px; }

article.top .ctbox table.tb1_2 td { /*	padding:5px 3px;*/ }

article.top .ctbox .optionarea { position: relative; }

article.top .ctbox .option { padding-bottom: 30px; overflow: hidden; border-bottom: 1px dotted #999; }

article.top .ctbox .option p { margin: 10px 30px 0; }

article.top .ctbox .optionarea p.linkbtn { position: absolute; top: 0; right: 0; }

article.top .ctbox .optionarea p.linkbtn a { display: block; padding: 5px 30px; background-color: #be181c; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F05F00',EndColorStr='#CB3900'); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05f00), color-stop(1, #cb3900)); background: linear-gradient(to bottom, #f05f00, #cb3900); text-shadow: 1px 1px #a03106; border-radius: 4px; color: #ffffff; }

.top .lb_blue { margin-top: 30px; padding: 5px 20px; background-color: #daf0f5; border-top: 1px solid #12678a; border-bottom: 1px solid #12678a; }

.i_center { display: block; margin: 50px auto 0; }

.feature { position: relative; overflow: hidden; }
.feature .lb_btn { display: -webkit-flex; display: flex; position: absolute; top: 0; right: 0; }
.feature .lb_btn li { display: -webkit-flex; display: flex; align-items: stretch; }
.feature .lb_btn li a { display: -webkit-flex; display: flex; align-items: center; padding: 0.25em 1em; background-color: #ffebeb; color: #fe2020; border: 1px solid #fe2020; font-weight: bold; font-size: 120%; line-height: 1.3; }
.feature .f_imgarea { margin-top: 50px; display: -webkit-flex; display: flex; justify-content: center; }
.feature .f_imgarea img { margin: 0 30px; }

.ct_wrap ul { width: 60%; }
.ct_wrap .btnarea { width: 28%; text-align: center; text-align: left; }
.ct_wrap .btnarea p.btnbox { display: block; margin: 30px auto 0; float: left; text-align: left; }
.ct_wrap .btnarea .f_samplebnr { width: 240px; margin-top: 20px; margin: 20px 0 0; padding: 10px; border: 2px solid #3cb4d9; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; }
.ct_wrap .btnarea .f_samplebnr .lb { margin: 0; padding: 0; }
.ct_wrap .btnarea .f_samplebnr .lb a { display: block; padding: 0.5em 0; font-size: 12px; background-color: #f45252; color: #fff; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ct_wrap .btnarea .f_samplebnr div { margin-top: 10px; }
.ct_wrap .btnarea .f_samplebnr div p { width: 50%; margin: 0; text-align: left; line-height: 1.3; }

.movie_wrap { margin-top: 50px; text-align: center; overflow: hidden; }

#cal-slide { margin-top: 50px; overflow: hidden; }

.dpi10-box { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.dpi10 .copy { display: table; width: 55%; max-width: 55%; margin: 50px 0 0; padding: 20px; background-color: #fff5f5; border: 1px solid #ff4040; font-size: 24px; font-weight: bold; text-align: center; box-sizing: border-box; }
.dpi10 .copy small { font-size: 18px; }
.dpi10 .copy2 { width: 40%; max-width: 40%; margin-top: 50px; }
.dpi10 .copy2 a { height: 180px; padding: 0 30px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNWQwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlM2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef5d00), color-stop(100%, #ce3c00)); background-image: -moz-linear-gradient(top, #ef5d00, #ce3c00); background-image: -webkit-linear-gradient(top, #ef5d00, #ce3c00); background-image: linear-gradient(to bottom, #ef5d00, #ce3c00); font-size: 21px; font-weight: bold; box-sizing: border-box; color: white; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; text-shadow: 1px 1px #7b0b0e; }
.dpi10 .copy2 a:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.dpi10 .ibox { margin: 50px 0 0; text-align: center; }
.dpi10 .ibox p { margin: 0; color: #cb1b09; font-weight: bold; font-size: 18px; }
.dpi10 .sublb + ul { margin-top: 0; }
.dpi10 .link-btn { float: right; margin-left: 30px; padding: 0.5em 1.5em; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNWQwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlM2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ef5d00), color-stop(100%, #ce3c00)); background-image: -moz-linear-gradient(top, #ef5d00, #ce3c00); background-image: -webkit-linear-gradient(top, #ef5d00, #ce3c00); background-image: linear-gradient(to bottom, #ef5d00, #ce3c00); font-size: 16px; font-weight: bold; box-sizing: border-box; color: white; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; text-shadow: 1px 1px #7b0b0e; }
.dpi10 .link-btn:hover { text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.top #ct_caution p { font-size: 15px; }
.top .fl-blk-1 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; position: relative; }
.top .fl-blk-1 .link-btn { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 280px; height: 100px; }
.top .ex-202108-inner { width: 97%; margin: 0 auto; }
.top .ex-202108 p, .top .ex-202108 ul { margin: 40px 0 0; float: none; padding: 0; font-size: 14px; }
.top .ex-202108 ul li { margin: 0; padding: 0; }
.top .ex-202108-lb { margin-top: 40px; font-size: 18px; text-align: center; }
.top .ex-202108-ct1 { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 50px 0 0; padding: 0 50px; height: 320px; background: url(../img/202108/ct1-1.png) no-repeat center; background-size: cover; box-sizing: border-box; }
.top .ex-202108-ct1 h4 { color: white; font-size: 26px; font-weight: bold; line-height: 1.5; text-align: center; }
.top .ex-202108-ct2 { padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.top .ex-202108-ct2 li { width: calc(100%/4 - 15px); }
.top .ex-202108-ct2 li img { display: block; width: 100%; height: 210px; object-fit: cover; }
.top .ex-202108-ct3, .top .ex-202108-ct4 { padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top .ex-202108-ct3 li, .top .ex-202108-ct4 li { width: calc(100%/3 - 15px); margin-right: calc((100% - (100% / 3 - 15px) * 3) / 2); }
.top .ex-202108-ct3 li:nth-of-type(3n), .top .ex-202108-ct4 li:nth-of-type(3n) { margin-right: 0; }
.top .ex-202108-ct3 li:nth-of-type(n+4), .top .ex-202108-ct4 li:nth-of-type(n+4) { margin-top: 30px; }
.top .ex-202108-ct3 li img, .top .ex-202108-ct4 li img { display: block; width: 100%; height: 210px; object-fit: cover; }
.top .ex-202108-ct5 { padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top .ex-202108-ct5 li { width: calc(100%/6 - 10px); margin-right: calc((100% - (100% / 6 - 10px) * 6) / 5); }
.top .ex-202108-ct5 li:nth-of-type(6n) { margin-right: 0; }
.top .ex-202108-ct5 li:nth-of-type(n+7) { margin-top: 15px; }
.top .ex-202108-ct5 li img { display: block; width: 100%; height: 150px; object-fit: cover; }

.flex_cnt, .ct_wrap, .ct_wrap .btnarea .f_samplebnr div { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; align-items: flex-start; justify-content: space-between; }

.ct_cnt { margin-left: auto; margin-right: auto; }

/* ========================================================= */
/* フォントタイプ */
/* ========================================================= */
.f_g1, header .contact_nav ul li a, .leadinfo div p:nth-of-type(1), .feature .lb_btn li a { font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif; }

.f_g2, header h1, article.content .ctbox h3.subtitle, .leadinfo div p:nth-of-type(2), article.top .android .i003 + p, .dpi10 .copy, .dpi10 .copy2 a, .dpi10 .ibox p, .dpi10 .link-btn { font-family: "メイリオ",Meiryo,sans-serif; }

.f_m1 { font-family: "游明朝", YuMincho,serif; }

/* フォントサイズ --------------------------------------- */
.text10 { font-size: 77%; }

.text11 { font-size: 85%; }

.text12 { font-size: 93%; }

.text13, header .contact_nav ul li a { font-size: 100%; }

.text14 { font-size: 108%; }

.text15 { font-size: 116%; }

.text16, .leadinfo div p:nth-of-type(1) { font-size: 123.1%; }

.text17 { font-size: 131%; }

.text18, article.content .ctbox h3.subtitle, .leadinfo div p:nth-of-type(2) { font-size: 138.5%; }

.text19 { font-size: 146.5%; }

.text20 { font-size: 153.9%; }

.text21 { font-size: 161.6%; }

.text22 { font-size: 167%; }

.text23 { font-size: 174%; }

.text24 { font-size: 182%; }

.text25 { font-size: 189%; }

.text26 { font-size: 197%; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

/* ========================================================= */
/* 表示 */
/* ========================================================= */
.nodisp { text-indent: -9999px; }

.disp_none { display: none; }

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

.txt1_ib { display: inline-block; padding-left: 1em; text-indent: -1em; }

.lh10 { line-height: 1; }

.lh13 { line-height: 1.3; }

.lh15 { line-height: 1.5; }

.lh18 { line-height: 1.8; }

.lh20 { line-height: 2; }

.mleft20 { margin-left: 20px; }

.mleft30 { margin-left: 30px; }

.mleft40 { margin-left: 40px; }

.mleft60 { margin-left: 60px; }

.mleft80 { margin-left: 80px; }

.mtop20 { margin-top: 20px; }

.mtop30 { margin-top: 30px; }

.mtop40 { margin-top: 40px; }

.mtop60 { margin-top: 60px; }

.mbottom10 { margin-bottom: 10px; }

.mbottom20 { margin-bottom: 20px; }

.mbottom40 { margin-bottom: 40px; }

.mbottom60 { margin-bottom: 60px; }

.mg, article .mg { margin: 0; }

.mg5, article .mg5 { margin: 5px; }

.mg10, article .mg10 { margin: 10px; }

.mg20, article .mg20 { margin: 20px; }

.mg30, article .mg30 { margin: 30px; }

.mg40, article .mg40 { margin: 40px; }

.mg50, article .mg50 { margin: 50px; }

.mg60, article .mg60 { margin: 60px; }

.mg70, article .mg70 { margin: 70px; }

.mg80, article .mg80 { margin: 80px; }

.mg90, article .mg90 { margin: 90px; }

.mg100, article .mg100 { margin: 100px; }

.mtop, article .mtop { margin-top: 0; }

.mtop5, article .mtop5 { margin-top: 5px; }

.mtop10, article .mtop10 { margin-top: 10px; }

.mtop20, article .mtop20 { margin-top: 20px; }

.mtop30, article .mtop30 { margin-top: 30px; }

.mtop40, article .mtop40 { margin-top: 40px; }

.mtop50, article .mtop50 { margin-top: 50px; }

.mtop60, article .mtop60 { margin-top: 60px; }

.mtop70, article .mtop70 { margin-top: 70px; }

.mtop80, article .mtop80 { margin-top: 80px; }

.mtop90, article .mtop90 { margin-top: 90px; }

.mtop100, article .mtop100 { margin-top: 100px; }

.mbottom, article .mbottom { margin-bottom: 0; }

.mbottom5, article .mbottom5 { margin-bottom: 5px; }

.mbottom10, article .mbottom10 { margin-bottom: 10px; }

.mbottom20, article .mbottom20 { margin-bottom: 20px; }

.mbottom30, article .mbottom30 { margin-bottom: 30px; }

.mbottom40, article .mbottom40 { margin-bottom: 40px; }

.mbottom50, article .mbottom50 { margin-bottom: 50px; }

.mbottom60, article .mbottom60 { margin-bottom: 60px; }

.mbottom70, article .mbottom70 { margin-bottom: 70px; }

.mbottom80, article .mbottom80 { margin-bottom: 80px; }

.mbottom90, article .mbottom90 { margin-bottom: 90px; }

.mbottom100, article .mbottom100 { margin-bottom: 100px; }

.mleft, article .mleft { margin-left: 0; }

.mleft5, article .mleft5 { margin-left: 5px; }

.mleft10, article .mleft10 { margin-left: 10px; }

.mleft20, article .mleft20 { margin-left: 20px; }

.mleft30, article .mleft30 { margin-left: 30px; }

.mleft40, article .mleft40 { margin-left: 40px; }

.mleft50, article .mleft50 { margin-left: 50px; }

.mleft60, article .mleft60 { margin-left: 60px; }

.mleft70, article .mleft70 { margin-left: 70px; }

.mleft80, article .mleft80 { margin-left: 80px; }

.mleft90, article .mleft90 { margin-left: 90px; }

.mleft100, article .mleft100 { margin-left: 100px; }

.mright, article .mright { margin-right: 0; }

.mright5, article .mright5 { margin-right: 5px; }

.mright10, article .mright10 { margin-right: 10px; }

.mright20, article .mright20 { margin-right: 20px; }

.mright30, article .mright30 { margin-right: 30px; }

.mright40, article .mright40 { margin-right: 40px; }

.mright50, article .mright50 { margin-right: 50px; }

.mright60, article .mright60 { margin-right: 60px; }

.mright70, article .mright70 { margin-right: 70px; }

.mright80, article .mright80 { margin-right: 80px; }

.mright90, article .mright90 { margin-right: 90px; }

.mright100, article .mright100 { margin-right: 100px; }

.pd, article .pd { padding: 0; }

.pd5, article .pd5 { padding: 5px; }

.pd10, article .pd10 { padding: 10px; }

.pd20, article .pd20 { padding: 20px; }

.pd30, article .pd30 { padding: 30px; }

.pd40, article .pd40 { padding: 40px; }

.pd50, article .pd50 { padding: 50px; }

.pd60, article .pd60 { padding: 60px; }

.pd70, article .pd70 { padding: 70px; }

.pd80, article .pd80 { padding: 80px; }

.pd90, article .pd90 { padding: 90px; }

.pd100, article .pd100 { padding: 100px; }

.pdtop, article .pdtop { padding-top: 0; }

.pdtop5, article .pdtop5 { padding-top: 5px; }

.pdtop10, article .pdtop10 { padding-top: 10px; }

.pdtop20, article .pdtop20 { padding-top: 20px; }

.pdtop30, article .pdtop30 { padding-top: 30px; }

.pdtop40, article .pdtop40 { padding-top: 40px; }

.pdtop50, article .pdtop50 { padding-top: 50px; }

.pdtop60, article .pdtop60 { padding-top: 60px; }

.pdtop70, article .pdtop70 { padding-top: 70px; }

.pdtop80, article .pdtop80 { padding-top: 80px; }

.pdtop90, article .pdtop90 { padding-top: 90px; }

.pdtop100, article .pdtop100 { padding-top: 100px; }

.pdbottom, article .pdbottom { padding-bottom: 0; }

.pdbottom5, article .pdbottom5 { padding-bottom: 5px; }

.pdbottom10, article .pdbottom10 { padding-bottom: 10px; }

.pdbottom20, article .pdbottom20 { padding-bottom: 20px; }

.pdbottom30, article .pdbottom30 { padding-bottom: 30px; }

.pdbottom40, article .pdbottom40 { padding-bottom: 40px; }

.pdbottom50, article .pdbottom50 { padding-bottom: 50px; }

.pdbottom60, article .pdbottom60 { padding-bottom: 60px; }

.pdbottom70, article .pdbottom70 { padding-bottom: 70px; }

.pdbottom80, article .pdbottom80 { padding-bottom: 80px; }

.pdbottom90, article .pdbottom90 { padding-bottom: 90px; }

.pdbottom100, article .pdbottom100 { padding-bottom: 100px; }

.pdleft, article .pdleft { padding-left: 0; }

.pdleft5, article .pdleft5 { padding-left: 5px; }

.pdleft10, article .pdleft10 { padding-left: 10px; }

.pdleft20, article .pdleft20 { padding-left: 20px; }

.pdleft30, article .pdleft30 { padding-left: 30px; }

.pdleft40, article .pdleft40 { padding-left: 40px; }

.pdleft50, article .pdleft50 { padding-left: 50px; }

.pdleft60, article .pdleft60 { padding-left: 60px; }

.pdleft70, article .pdleft70 { padding-left: 70px; }

.pdleft80, article .pdleft80 { padding-left: 80px; }

.pdleft90, article .pdleft90 { padding-left: 90px; }

.pdleft100, article .pdleft100 { padding-left: 100px; }

.pdright, article .pdright { padding-right: 0; }

.pdright5, article .pdright5 { padding-right: 5px; }

.pdright10, article .pdright10 { padding-right: 10px; }

.pdright20, article .pdright20 { padding-right: 20px; }

.pdright30, article .pdright30 { padding-right: 30px; }

.pdright40, article .pdright40 { padding-right: 40px; }

.pdright50, article .pdright50 { padding-right: 50px; }

.pdright60, article .pdright60 { padding-right: 60px; }

.pdright70, article .pdright70 { padding-right: 70px; }

.pdright80, article .pdright80 { padding-right: 80px; }

.pdright90, article .pdright90 { padding-right: 90px; }

.pdright100, article .pdright100 { padding-right: 100px; }

.al_right { text-align: right; }

.al_left { text-align: left; }

.al_center { text-align: center; }

.f_left { float: left; }

.f_right { float: right; }

.smalltxt { font-size: 60%; vertical-align: top; }

.clearboth { clear: both; }

.w8 { width: 8%; }

.w10 { width: 10%; }

.w15 { width: 15%; }

.w20 { width: 20%; }

.w25 { width: 25%; }

.w30 { width: 30%; }

.w33 { width: 33.3%; }

.w35 { width: 35%; }

.w40 { width: 40%; }

.w50 { width: 50%; }

.w55 { width: 55%; }

.w60 { width: 60%; }

.w65 { width: 65%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

.w92 { width: 92%; }

.w95 { width: 95%; }

.w98 { width: 98%; }

.w100 { width: 100%; }

.dis-b { display: block; }

.dis-ib { display: inline-block; }

.pos-rl { position: relative; }

.of { overflow: hidden; }

clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* カラー --------------------------------------- */
.gray1 { color: #585858; }

.black { color: #000000; }

.red, .dpi10 .copy { color: #FF0000; }

.red_d, article.top .android .i003 + p { color: #B31111; }

.blue { color: #0D7DB7; }

.blue_d { color: #385570; }

.green { color: #24750E; }

.yellow { color: #FFC96A; }

.yellow2 { color: #FFEC95; }

.white { color: #FFFFFF; }

.font1 { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }