@charset "utf-8";
@import url(css/basic.css);
@import url(css/ki/ki.css);

/*i-Styleで使用*/	
.topttl2-is{position:relative;font-size:1.55em;font-weight:bold;font-family:'Arial', serif;display:inline-block;margin-top:30px;}	
.topttl2-is::before{content:attr(data-number);display:block;color:#333;font-size:1.88em;font-weight:bold;}	
.topttl2-is::after{content:'';position:absolute;top:0;left:0;width:100px;height:1px;background-color:#333;}	
.topttl2-is .fs-1{font-size:0.7em;font-weight:normal;font-family:sans-serif;}/*フォントはサイトに合わせる*/	
.topttl2-is>.fs-1.jp{font-size:.88em;font-weight:bold;}	
.tag-is>li{font-size:.88em;display:inline-block;margin:0 .2em .6em 0;padding:.6em;line-height:1;color:#fff;text-decoration:none;background-color:#333;}	
.img-no img{margin:0;}	
.w100-{width:100%;}.w90-{width:90%;}.w85-{width:85%;}.w80-{width:80%;}.w75-{width:75%;}.w70-{width:70%;}.w60-{width:60%;}	
.w50-{width:50%;}.w45-{width:45%;}.w40-{width:40%;}.w35-{width:35%;}.w30-{width:30%;}.w25-{width:25%;}.w20-{width:20%;}	
.w38-{width:38%;}.w16-9{width:16.9%;}	
.spanin span{display:inline-block;}	
.boxwrap-is{padding-top:30px;}	
.boxwrap-is:not(:first-of-type){margin-top:24px;}	
.boxwrap-is::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;height:100%;max-height:800px;z-index:-1;}	
.boxwrap-is::after{background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-img-is{margin:0 auto;text-align:center;width:80%;}	
.box-img-is img{width:100%;margin:0;height:100%;object-fit:cover;}	
.box-txt-is{padding:30px 5%;background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-txt-is [lang="en"]{text-transform:uppercase;padding:0 0 10px;margin:0 0 15px;font-weight:bold;font-size:1.1em;border-bottom:1px solid;display:block;}	
.box-txt-is [lang="en"]{color:#3a5fb8;}/*カラー変更(1)　濃い色・文字に使用*/	
.grad_big-is{text-align:center;/*position:absolute;*/width:100%;/*top:-50px;*/left:0;}	
.grad_text-is{font-size:1rem;letter-spacing:.2rem;line-height:100%;color:#fff;}	
.num-is{font-size:3rem;font-weight:bold;}	
.linebox-is{border:none;background:none;background-color:#bbc0d0;box-shadow:none;}/*カラー変更(3)　少し薄い色・背景に使用*/	
.linebox-is-w{border:none;background:none;background-color:#fff;box-shadow:none;}	
.topttl-is::after{width:4px;height:40px;display:block;background:#000;margin:0 auto;}	
[class*="topttl-is"]{background:#fff;border-radius:5em;padding:.8em;display:block;text-align:center;border:1px solid #333;position:relative;}	
.topttl-is{margin-bottom:40px;font-weight:bold;font-family:'Arial', serif;font-size:1.2em;width:200px;margin-left:auto;margin-right:auto;}	
.topttl-is::after{content:"";position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:-40px;height:40px;}

/*住まいるガードで使用*/
#a-smileguard,
#a-smileguard * {box-sizing:border-box;}
#a-smileguard {position:relative;clear:both;width:100%;max-width:100%;margin:0;padding:0;overflow:hidden;color:#333;font-family:游ゴシック体,YuGothic,"游ゴシック Medium","Yu Gothic Medium",游ゴシック,"Yu Gothic",Verdana,Meiryo,sans-serif;font-size:16px;font-weight:500;line-height:1.75;text-align:center;}
#a-smileguard h3,
#a-smileguard p,
#a-smileguard ul,
#a-smileguard li {border:0;background:transparent;font-style:normal;outline:0;vertical-align:baseline;}
#a-smileguard p,
#a-smileguard ul {margin-top:0;margin-bottom:1.75em;}
#a-smileguard ul {padding:0;list-style:none;}
#a-smileguard a {color:inherit;text-decoration:none;}
#a-smileguard img {position:relative;display:inline-block;max-width:100%;height:auto;margin:0;vertical-align:middle;backface-visibility:hidden;}
#a-smileguard .nt {position:absolute;top:0;left:120%;display:block;width:100%;min-height:0;margin:0;padding:0;overflow:hidden;text-indent:120%;white-space:nowrap;}
#a-smileguard .content {width:100%;max-width:100%;margin:0;padding:0;overflow:visible;text-align:center;}
#a-smileguard .content>h3,
#a-smileguard p.h3 {position:relative;clear:both;margin:0 0 .5em;padding:1em 0;background:transparent;color:#5f5344;font-family:"游明朝 Demibold","Yu Mincho Demibold",YuMincho-DemiBold,游明朝,"Yu Mincho",YuMincho,serif;font-size:clamp(1.3125rem,4.4vw,2rem);font-weight:600;line-height:1.5;text-align:center;}
#a-smileguard .content>h3 span,
#a-smileguard .spanin span {display:inline-block;}
#a-smileguard .content>h3 [lang="en"] {text-transform:uppercase;letter-spacing:.2em;}
#a-smileguard .content>h3 [lang="en"].big {font-family:Montserrat,sans-serif;font-size:min(9.375vw,4.5rem);font-weight:500;}
#a-smileguard .content>h3 [lang="en"].big+span {display:block;margin-top:.5em;font-size:.875em;letter-spacing:.2em;}
#a-smileguard .wrap {position:relative;width:100%;max-width:1180px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;overflow:hidden;text-align:left;}
#a-smileguard .mis_max {max-inline-size:max-content;margin-inline:auto;}
#a-smileguard .auto {margin-right:auto;margin-left:auto;}
#a-smileguard .fs-4 {font-size:1.28571em;}
#a-smileguard .b {font-family:游ゴシック体,YuGothic,游ゴシック,"Yu Gothic",Verdana,Meiryo,sans-serif;font-weight:700;}
#a-smileguard .ff-ym {font-family:"Times New Roman",游明朝,"Yu Mincho",YuMincho,serif;}
#a-smileguard .t-c {text-align:center;}
#a-smileguard .t-l {text-align:left;}
#a-smileguard .no {margin:0;}
#a-smileguard .m-b1em {margin-bottom:1em;}
#a-smileguard .mt60 {margin-top:60px;}
#a-smileguard .mb60 {margin-bottom:60px;}
#a-smileguard .pv30 {padding-top:30px;padding-bottom:30px;}
#a-smileguard .pa20 {padding:20px;}
#a-smileguard .bg-point {margin-bottom:.1em;padding:6.5px 10px 6.5px 14px;background:#b85c3e;color:#fff;}
#a-smileguard .haikei {background:#fbfafa;}
#a-smileguard .typebox3 {display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;width:100%;overflow:hidden;text-align:center;}
#a-smileguard .typebox3>li {position:relative;display:block;width:100%;max-width:100%;margin-bottom:20px;padding:60px 20px 20px;background:#fff;border:1px solid #b85c3e;text-align:center;counter-increment:smileguard-number;}
#a-smileguard .list-type-number {counter-reset:smileguard-number;}
#a-smileguard .list-type-number.flow2>li::before {position:absolute;top:0;left:0;z-index:2;display:inline-block;padding:15px 20px;background:#b85c3e;color:#fff;content:counter(smileguard-number);font-family:Montserrat,sans-serif;font-weight:500;line-height:1;}
#a-smileguard .boxwrap {width:100%;padding-top:30px;text-align:left;}
#a-smileguard .box-img {width:80%;margin:0 auto;text-align:center;}
#a-smileguard .box-img img {width:100%;height:100%;margin:0;object-fit:cover;font-family:"object-fit:cover;";}
#a-smileguard .box-txt {padding:30px 5%;text-align:left;}
#a-smileguard .linebox {position:relative;width:100%;max-width:1180px;margin-right:auto;margin-bottom:60px;margin-left:auto;padding:1em 1.5em;overflow:hidden;background:#fbfafa;border:0;border-radius:10px;text-align:left;}
#a-smileguard .linebox>.h3 {margin-bottom:.5em;}
#a-smileguard .a-btn {position:relative;z-index:1;display:inline-block;width:100%;max-width:16.5em;margin:auto;padding:1.25em;overflow:hidden;background:#aa8964;background-image:none;color:#fff;font-family:游ゴシック体,YuGothic,"游ゴシック Medium","Yu Gothic Medium",游ゴシック,"Yu Gothic",Verdana,Meiryo,sans-serif;font-size:1em;font-weight:500;line-height:1.25;letter-spacing:.04em;text-align:left;vertical-align:middle;transition:.2s;}
#a-smileguard .a-btn::before {position:absolute;top:50%;right:1em;width:1.25em;margin:0;border-top:1px solid #fff;content:"";transform:translateY(-50%);}
#a-smileguard .a-btn:hover {opacity:.8;}
#a-smileguard .box-img {align-self:flex-start;}
#a-smileguard .box-img img {display:block;width:100%;height:auto;object-fit:contain;}
@media (min-width:40em) {
#a-smileguard .typebox3>li {width:30.6667%;margin-left:4%;}
#a-smileguard .typebox3>li:nth-child(3n+1) {margin-left:0;}
}
@media (min-width:48em) {
#a-smileguard .boxwrap {display:flex;justify-content:space-between;padding-top:0;margin-bottom:60px;}
#a-smileguard .boxwrap:nth-child(2n+1) .box-img {order:2;}
#a-smileguard .boxwrap:nth-child(2n+1) .box-txt {order:1;}
#a-smileguard .box-img {width:40%;margin:0;}
#a-smileguard .box-txt {width:60%;}
}
	
@media (min-width:48em){	
/*i-Styleで使用*/	
.boxwrap-is{position:relative;display:flex;padding:40px 0;align-items:center;}	
.boxwrap-is::after{width:80%;}	
.boxwrap-is:nth-child(odd)::after{left:0}	
.boxwrap-is:nth-child(even)::after{right:0;}	
.boxwrap-is:nth-child(odd) .box-img-is{order:2;}	
.boxwrap-is:nth-child(odd) .box-txt-is{order:1;}	
.box-img-is{margin:0;width:50%;background:none;}	
.box-txt-is{padding:0 3%;width:60%;}	
}