@charset "UTF-8";
.font-min { font-family: 'Noto Serif JP', serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 16px; }
@media screen and (max-width: 1124px) { html { font-size: 3.8vw; } }

body { background-color: #000; color: #fff; font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #fff; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea { font-family: inherit; font-size: 1rem; }

select { font-family: inherit; }

.only-pc { display: block; }
@media screen and (max-width: 1124px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 1124px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 1124px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 1124px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 1124px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 1124px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.inner { max-width: 1080px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 1124px) { .inner { padding: 0 3.5587188612%; } }

.pagetop { position: fixed; bottom: 20px; right: 20px; width: 90px; height: 90px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); }
@media screen and (max-width: 1124px) { .pagetop { width: 50px; height: 50px; right: 10px; } }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.header { position: relative; }
.header .header-noritake { position: absolute; top: 0; left: 0; width: 14.84375%; margin: 1.5625% 0 0 2.34375%; }
@media screen and (max-width: 1124px) { .header .header-noritake { width: 28.9145907473%; margin: 1.7793594306% 0 0 3.5587188612%; } }
.header .header-logo { position: absolute; top: 50%; left: 50%; width: 70.3125%; margin-top: -5.9375%; margin-left: -35.15625%; }
@media screen and (max-width: 1124px) { .header .header-logo { width: 80.0711743772%; margin-top: -6.7615658363%; margin-left: -40.0355871886%; } }

.footer { background-color: #202020; }
.footer .footer-con { display: flex; align-items: flex-end; justify-content: space-between; max-width: 1080px; margin: 0 auto; padding: 65px 20px 60px; }
@media screen and (max-width: 1124px) { .footer .footer-con { display: block; padding: 5.3380782918% 3.5587188612% 8.0071174377%; } }
.footer .footer-con a { text-decoration: none; }
.footer .footer-con-l { width: 52.884615384599996%; }
@media screen and (max-width: 1124px) { .footer .footer-con-l { width: 100%; margin-bottom: 9.5785440613%; padding: 0 7.662835249%; } }
.footer .footer-con-l .footer-logo { width: 38.1818181818%; margin-bottom: 30px; }
@media screen and (max-width: 1124px) { .footer .footer-con-l .footer-logo { width: 44.6832579186%; margin-bottom: 5.6561085973%; } }
.footer .footer-con-l dl { margin-bottom: 40px; }
@media screen and (max-width: 1124px) { .footer .footer-con-l dl { margin-bottom: 8.4841628959%; } }
.footer .footer-con-l dl dt { margin-bottom: 10px; font-size: 1.5rem; font-weight: 700; }
@media screen and (max-width: 1124px) { .footer .footer-con-l dl dt { margin-bottom: 2.8280542986%; font-size: 1.0714285714rem; } }
.footer .footer-con-l dl dd { font-size: 0.9375rem; line-height: 1.8; }
@media screen and (max-width: 1124px) { .footer .footer-con-l dl dd { font-size: 0.6666666667rem; } }
.footer .footer-con-l ul li { margin-bottom: 20px; font-size: 1.5rem; font-weight: 700; }
@media screen and (max-width: 1124px) { .footer .footer-con-l ul li { margin-bottom: 5.0904977376%; font-size: 1.0714285714rem; } }
.footer .footer-con-l ul li:last-child { margin-bottom: 0; }
.footer .footer-con-l ul li span { margin-left: 15px; font-size: 2.875rem; }
@media screen and (max-width: 1124px) { .footer .footer-con-l ul li span { font-size: 2.0476190476rem; } }
.footer .footer-con-r { width: 43.2692307692%; }
@media screen and (max-width: 1124px) { .footer .footer-con-r { width: 100%; } }
.footer .footer-con-r .footer-txt { margin-bottom: 50px; font-size: 0.9375rem; text-align: right; line-height: 1.6; }
@media screen and (max-width: 1124px) { .footer .footer-con-r .footer-txt { margin-bottom: 2em; font-size: 0.8571428571rem; text-align: center; } }
@media screen and (max-width: 1124px) { .footer .footer-con-r .footer-btn { width: 100%; margin: 0 auto; } }
@media screen and (max-width: 1124px) { .footer .footer-con-r .footer-btn a { padding: 3.3333333333%; } }
.footer .copy { padding: 20px; background-color: #fff; font-size: 0.875rem; text-align: center; color: #000; }
@media screen and (max-width: 1124px) { .footer .copy { padding: 2.6690391459%; font-size: 0.7142857143rem; } }

.heading { position: relative; margin-bottom: 95px; font-size: 2.1875rem; text-align: center; font-weight: 300; }
@media screen and (max-width: 1124px) { .heading { margin-bottom: 14.367816092%; font-size: 1.5238095238rem; } }
.heading::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 112px; height: 2px; margin-left: -56px; margin-bottom: -30px; background: linear-gradient(#0071ff, #00ffff); }
@media screen and (max-width: 1124px) { .heading::before { width: 224px; height: 4px; margin-left: -112px; margin-bottom: -20px; } }
@media screen and (max-width: 750px) { .heading::before { width: 124px; margin-left: -62px; } }

.btn { display: block; text-decoration: none; width: 100%; padding: 20px; border: 1px solid #fff; font-size: 0.9375rem; color: #fff; text-align: center; border-radius: 2em; line-height: 1; }
@media screen and (max-width: 1124px) { .btn { font-size: 0.6428571429rem; border-radius: 1.8rem; } }

.top-sec { padding: 95px 0 115px; }
@media screen and (max-width: 1124px) { .top-sec { padding: 9.7864768683% 0 20.462633452%; } }
.top-sec .top-heading { margin-bottom: 45px; font-size: 2.5625rem; text-align: center; font-weight: bold; }
@media screen and (max-width: 1124px) { .top-sec .top-heading { margin-bottom: 9.5785440613%; font-size: 1.5238095238rem; } }
.top-sec .top-txt { font-size: 1.0625rem; text-align: center; font-weight: bold; line-height: 2; }
@media screen and (max-width: 1124px) { .top-sec .top-txt { font-size: 0.9523809524rem; } }

.cmn-flow { margin-bottom: 130px; }
@media screen and (max-width: 1124px) { .cmn-flow { margin-bottom: 20.462633452%; } }
.cmn-flow .cmn-flow-con { position: relative; z-index: 900; display: flex; justify-content: space-between; }
.cmn-flow .cmn-flow-list { width: 337px; margin-right: 125px; font-size: 1rem; font-weight: 300; line-height: 1; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list { width: 17.2413793103%; margin-right: 4.7892720307%; font-size: 0.7619047619rem; line-height: 1.2; } }
.cmn-flow .cmn-flow-list .arrow { margin: 5px 0; text-align: center; }
.cmn-flow .cmn-flow-list .cmn-li { position: relative; height: 95px; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li { height: auto; }
  .cmn-flow .cmn-flow-list .cmn-li::before { content: ''; padding-top: 100%; display: block; } }
.cmn-flow .cmn-flow-list .cmn-li div { display: flex; align-items: center; height: 100%; padding: 0 45px; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: center; padding: 0 2px; text-align: center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-01 div { background: url("../img/home/num_i001.png") no-repeat left -8px center; background-size: contain; }
.cmn-flow .cmn-flow-list .cmn-li.list-02 div { background: url("../img/home/num_i002.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-02 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-03 div { background: url("../img/home/num_i003.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-03 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-04 div { background: url("../img/home/num_i004.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-04 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-05 div { background: url("../img/home/num_i005.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-05 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-06 div { background: url("../img/home/num_i006.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-06 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-07 div { background: url("../img/home/num_i007.png") no-repeat left -15px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-07 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-08 div { background: url("../img/home/num_i008.png") no-repeat left -30px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-08 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-09 div { background: url("../img/home/num_i009.png") no-repeat left -25px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-09 div { background-position: left -20px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-10 div { background: url("../img/home/num_i010.png") no-repeat left -20px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-10 div { background-position: left -10px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-11 div { background: url("../img/home/num_i011.png") no-repeat left -20px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-11 div { background-position: left -10px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-12 div { background: url("../img/home/num_i012.png") no-repeat left -20px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-12 div { background-position: left -10px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-13 div { background: url("../img/home/num_i013.png") no-repeat left -20px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-13 div { background-position: left -10px center; } }
.cmn-flow .cmn-flow-list .cmn-li.list-14 div { background: url("../img/home/num_i014.png") no-repeat left -20px center; background-size: contain; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li.list-14 div { background-position: left -10px center; } }
.cmn-flow .cmn-flow-list .cmn-li:last-child { margin-bottom: 0; }
.cmn-flow .cmn-flow-list .cmn-li figure { position: absolute; top: 50%; right: 20px; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-list .cmn-li figure { display: none; } }
.cmn-flow .cmn-flow-item { flex: 1; max-width: 55.7692307692%; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-item { width: 73.275862069%; max-width: initial; flex: initial; } }
.cmn-flow .cmn-flow-item .cmn-flow-item-box { margin-bottom: 30px; background-color: #fff; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-item .cmn-flow-item-box { margin-bottom: 5.5214723926%; } }
.cmn-flow .cmn-flow-item .cmn-flow-item-box:last-child { margin-bottom: 0; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .item-heading { padding: 10px; color: #fff; text-align: center; line-height: 1; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .item-heading.item-heading-b { background-color: #3a97cc; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .item-heading.item-heading-o { background-color: #e9933b; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .item-heading.item-heading-g { background-color: #30aca1; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .item-heading.item-heading-p { background-color: #888ebf; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con { padding: 20px 20px 35px; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con { padding-bottom: 20px; } }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul { display: flex; justify-content: center; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li { display: flex; margin-right: 25px; text-align: center; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li:last-child { margin-right: 0; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figure { display: flex; flex-direction: column; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figure div { display: flex; justify-content: center; align-items: center; }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figcaption { flex: 1; display: flex; justify-content: center; margin-top: 15px; color: #000; line-height: 1.2; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figcaption { font-size: 0.5238095238rem; } }
.cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figcaption small { font-size: 0.75rem; }
@media screen and (max-width: 1124px) { .cmn-flow .cmn-flow-item .cmn-flow-item-box .cmn-flow-item-con ul li figcaption small { font-size: 0.380952381rem; } }

.ic-flow .cmn-flow-list .cmn-li { background: linear-gradient(to bottom, #19284e, #034995); }
.ic-flow .cmn-flow-list .cmn-li.list-01 figure { margin-top: -21px; }
.ic-flow .cmn-flow-list .cmn-li.list-02 figure { margin-top: -29px; }
.ic-flow .cmn-flow-list .cmn-li.list-03 figure { margin-top: -29px; }
.ic-flow .cmn-flow-list .cmn-li.list-04 figure { margin-top: -18px; }
.ic-flow .cmn-flow-list .cmn-li.list-05 figure { margin-top: -29px; }
.ic-flow .cmn-flow-list .cmn-li.list-06 figure { margin-top: -29px; }
.ic-flow .cmn-flow-list .cmn-li.list-07 figure { right: 15px; margin-top: -36px; }
.ic-flow .cmn-flow-list .cmn-li.list-08 figure { margin-top: -28px; }
.ic-flow .cmn-flow-list .cmn-li.list-09 figure { margin-top: -23px; }
.ic-flow .cmn-flow-list .cmn-li.list-10 figure { margin-top: -26px; }
.ic-flow .cmn-flow-list .cmn-li.list-11 figure { margin-top: -26px; }
.ic-flow .cmn-flow-list .cmn-li.list-12 figure { margin-top: -34px; }
.ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li { margin-right: 60px; }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li { margin-right: 30px; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:first-child { width: 29.6774193548%; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:last-child { width: 29.6774193548%; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:last-child img { margin-bottom: 10px; }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:last-child img { margin-bottom: 30px; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li a { display: block; }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li:nth-child(1) { width: 33.5483870968%; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li:nth-child(2) { width: 28.3870967742%; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li:nth-child(3) { width: 24.5161290323%; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li figcaption { align-items: flex-end; }
@media screen and (max-width: 1124px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li figcaption { align-items: flex-start; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-03 .cmn-flow-item-con ul li figcaption { margin-top: 0; }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-03 .cmn-flow-item-con ul li:nth-child(1) { width: 37.4193548387%; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con { padding: 20px 10px 35px; }
.ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li { margin-right: 1.5em; }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(1) { width: 40%; }
  .ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(1) img { width: 50.3225806452%; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(2) { width: 25.8064516129%; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(3) { width: 30.9677419355%; } }
.ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li figcaption { align-items: flex-end; }
@media screen and (max-width: 1124px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li figcaption { align-items: flex-start; } }
@media screen and (max-width: 750px) { .ic-flow .cmn-flow-item .cmn-flow-item-box-05 .cmn-flow-item-con ul li:nth-child(1) { width: 32.2580645161%; } }

.ceramic-flow .cmn-flow-list .cmn-li { background: linear-gradient(to bottom, #194541, #03786b); }
.ceramic-flow .cmn-flow-list .cmn-li.list-01 figure { margin-top: -24px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-02 figure { margin-top: -21px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-03 figure { margin-top: -23px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-04 figure { margin-top: -22px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-05 figure { margin-top: -24px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-06 figure { margin-top: -40px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-07 figure { right: 15px; margin-top: -40px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-08 figure { margin-top: -30px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-09 figure { margin-top: -21px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-10 figure { margin-top: -21px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-11 figure { margin-top: -22px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-12 figure { margin-top: -32px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-13 figure { margin-top: -33px; }
.ceramic-flow .cmn-flow-list .cmn-li.list-14 figure { margin-top: -22px; }
.ceramic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li { margin-right: 60px; }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li { margin-right: 30px; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:first-child { width: 32.2580645161%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:last-child { width: 29.6774193548%; }
  .ceramic-flow .cmn-flow-item .cmn-flow-item-box-01 .cmn-flow-item-con ul li:last-child img { width: 86.9565217391%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-02 .cmn-flow-item-con ul li { width: 29.6774193548%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-03 .cmn-flow-item-con ul li { width: 38.7096774194%; } }
.ceramic-flow .cmn-flow-item .cmn-flow-item-box-03 .cmn-flow-item-con ul li figcaption { margin-top: 0; }
.ceramic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li { margin-right: 80px; }
@media screen and (max-width: 1124px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li { margin-right: 50px; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(1) { width: 40%; }
  .ceramic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(1) img { width: 50.3225806452%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-04 .cmn-flow-item-con ul li:nth-child(2) { width: 25.8064516129%; } }
.ceramic-flow .cmn-flow-item .cmn-flow-item-box-05 .cmn-flow-item-con ul li { margin-right: 50px; }
@media screen and (max-width: 1124px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-05 .cmn-flow-item-con ul li { margin-right: 30px; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-05 .cmn-flow-item-con ul li:nth-child(1) { width: 32.9032258065%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-05 .cmn-flow-item-con ul li:nth-child(2) { width: 29.6774193548%; } }
.ceramic-flow .cmn-flow-item .cmn-flow-item-box-06 .cmn-flow-item-con ul li { margin-right: 50px; }
@media screen and (max-width: 1124px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-06 .cmn-flow-item-con ul li { margin-right: 30px; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-06 .cmn-flow-item-con ul li:nth-child(1) { width: 32.9032258065%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-06 .cmn-flow-item-con ul li:nth-child(2) { width: 29.6774193548%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-07 .cmn-flow-item-con ul li:nth-child(1) { width: 42.5806451613%; } }
@media screen and (max-width: 750px) { .ceramic-flow .cmn-flow-item .cmn-flow-item-box-07 .cmn-flow-item-con ul li:nth-child(2) { width: 36.1290322581%; } }

.products-sec .products-con { max-width: 1280px; margin: 0 auto 130px; }
@media screen and (max-width: 1124px) { .products-sec .products-con { margin-bottom: 12.4521072797%; } }
.products-sec .products-con .products-con-r { display: flex; justify-content: flex-end; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-con-r .products-btn { margin: 0 0 0 auto; } }
.products-sec .products-con .products-box { width: 52.884615384599996%; margin-bottom: 80px; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box { width: 80.4597701149%; margin-bottom: 33.5249042146%; } }
.products-sec .products-con .products-box .products-heading { margin-bottom: 40px; font-size: 3.25rem; font-weight: 300; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-heading { font-size: 1.9047619048rem; } }
.products-sec .products-con .products-box .products-item { display: flex; }
.products-sec .products-con .products-box .products-item-box { width: 78.1818181818%; margin-right: 5.4545454545%; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-item-box { width: 79.5180722892%; margin-right: 4.2168674699%; } }
.products-sec .products-con .products-box .products-item-box .products-lead { margin-bottom: 30px; font-size: 1.375rem; font-weight: 300; color: #29b8ff; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-item-box .products-lead { font-size: 0.9761904762rem; } }
.products-sec .products-con .products-box .products-item-box .products-list { margin-bottom: 50px; font-size: 1.375rem; font-weight: 300; line-height: 2; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-item-box .products-list { font-size: 0.8095238095rem; } }
.products-sec .products-con .products-box .products-item-box .products-list li { padding-left: 1em; text-indent: -1em; }
.products-sec .products-con .products-box .products-cate { width: 16.3636363636%; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-cate { width: 16.265060241%; } }
.products-sec .products-con .products-box .products-cate li { margin-bottom: 10px; }
.products-sec .products-con .products-box .products-cate li:last-child { margin-bottom: 0; }
.products-sec .products-con .products-box .products-btn { width: 310px; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-box .products-btn { width: 71.2121212121%; } }
.products-sec .products-con .products-fig { max-width: 800px; margin: 0 auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con .products-fig { max-width: 100%; } }
.products-sec .products-con-01 { background: url("../img/home/products_ph001.png") no-repeat right top -120px; background-size: 45.234375% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-01 { background-position: right -120px top 33.8078291815%; background-size: 68.5053380783% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-01 { background-position: right -60px top 33.8078291815%; } }
.products-sec .products-con-01 .products-fig ul { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 1124px) { .products-sec .products-con-01 .products-fig ul { margin-bottom: 4.7892720307%; } }
.products-sec .products-con-01 .products-fig ul li { width: 48.125%; }
@media screen and (max-width: 1124px) { .products-sec .products-con-01 .products-fig ul li { width: 48.0842911877%; } }
.products-sec .products-con-02 { background: url("../img/home/products_ph005.png") no-repeat left 10px top -120px; background-size: 45.234375% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-02 { background-position: left -140px top 50.7117437722%; background-size: 68.3274021352% auto; }
  .products-sec .products-con-02 .products-box { margin-bottom: 62.2605363985%; } }
@media screen and (max-width: 750px) { .products-sec .products-con-02 { background-position: left -60px top 53.3807829181%; } }
.products-sec .products-con-03 { background: url("../img/home/products_ph007.png") no-repeat right 120px top; background-size: 14.609375% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-03 { background-position: right -30px top 12.4555160142%; background-size: 26.8683274021% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-03 { background-position: right -20px top 12.4555160142%; } }
.products-sec .products-con-03 .products-box { margin-bottom: 100px; }
@media screen and (max-width: 1124px) { .products-sec .products-con-03 .products-box { margin-bottom: 80px; } }
.products-sec .products-con-04 { background: url("../img/home/products_ph009.png") no-repeat left 55px top; background-size: 37.5% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-04 { background-position: left top 51.6014234875%; background-size: 44.4839857651% auto; } }
.products-sec .products-con-05 { background: url("../img/home/products_ph011.png") no-repeat right 0 top -60px; background-size: 62.5% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-05 { background-position: right -260px top 18.6832740214%; background-size: 80.0711743772% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-05 { background-position: right -106.7615658363% top 23.1316725979%; } }
@media screen and (max-width: 1124px) { .products-sec .products-con-05 .products-box { margin-bottom: 9.5785440613%; } }
.products-sec .products-con-05 .products-fig p { margin-bottom: 60px; }
@media screen and (max-width: 1124px) { .products-sec .products-con-05 .products-fig p { margin-bottom: 9.5785440613%; } }
.products-sec .products-con-05 .products-fig p:last-child { margin-bottom: 0; }
.products-sec .products-con-06 { background: url("../img/home/products_ph013.jpg") no-repeat left 80px top 20px; background-size: 35.703125% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-06 { background-position: left -120px top 40.0355871886%; background-size: 63.6120996441% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-06 { background-position: left -60px top 41.8149466192%; background-size: 54.7153024911% auto; } }
@media screen and (max-width: 1124px) { .products-sec .products-con-06 .products-box { margin-bottom: 38.3141762452%; } }
@media screen and (max-width: 750px) { .products-sec .products-con-06 .products-box { margin-bottom: 19.1570881226%; } }
.products-sec .products-con-06 .products-fig ul { display: flex; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 1124px) { .products-sec .products-con-06 .products-fig ul { margin-bottom: 3.8314176245%; } }
.products-sec .products-con-06 .products-fig ul li:first-child { width: 51.75%; }
@media screen and (max-width: 1124px) { .products-sec .products-con-06 .products-fig ul li:first-child { width: 51.724137931%; } }
.products-sec .products-con-06 .products-fig ul li:last-child { width: 45.75%; }
@media screen and (max-width: 1124px) { .products-sec .products-con-06 .products-fig ul li:last-child { width: 45.785440613%; } }
.products-sec .products-con-07 { background: url("../img/home/products_ph017.jpg") no-repeat right 80px top 20px; background-size: 36.171875% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-07 { background-position: right -120px top 51.6014234875%; background-size: 55.1601423488% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-07 { background-position: right -60px top 48.9323843416%; } }
@media screen and (max-width: 1124px) { .products-sec .products-con-07 .products-box { margin-bottom: 43.1034482759%; } }
@media screen and (max-width: 750px) { .products-sec .products-con-07 .products-box { margin-bottom: 23.9463601533%; } }
.products-sec .products-con-08 { margin-bottom: 65px; padding-bottom: 65px; background: url("../img/home/products_ph019.png") no-repeat left 30px top; background-size: 42.5% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-08 { margin-bottom: 0; padding-bottom: 44.4839857651%; background-position: left -150px bottom 14.2348754448%; background-size: 80.0711743772% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-08 { background-position: left -50px bottom 26.6903914591%; background-size: 71.1743772242% auto; } }
.products-sec .products-con-08 .products-box { margin-bottom: 0; }
.products-sec .products-con-09 { background: url("../img/home/products_ph020.png") no-repeat right 65px top 60px; background-size: 37.890625% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-09 { margin-bottom: 17.793594306%; padding-bottom: 14.2348754448%; background-position: right 0 bottom; background-size: 56.2277580071% auto; } }
@media screen and (max-width: 750px) { .products-sec .products-con-09 { margin-bottom: 23.1316725979%; padding-bottom: 8.896797153%; } }
.products-sec .products-con-09 .products-box { margin-bottom: 0; }
.products-sec .products-con-10 { margin-bottom: 0; background: url("../img/home/products_ph021.png") no-repeat left 105px top; background-size: 35.546875% auto; }
@media screen and (max-width: 1124px) { .products-sec .products-con-10 { margin-bottom: 16.0142348754%; background-position: center bottom; background-size: 52.4911032028% auto; } }
@media screen and (max-width: 1124px) { .products-sec .products-con-10 .products-box { margin-bottom: 40.2298850575%; } }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.tac { text-align: center !important; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }

/*# sourceMappingURL=style.css.map */