@charset "utf-8";
/* CSS Document */
/*===================================================================
//  リセット
//=================================================================*/
* {min-height:0; min-width : 0;}
html {margin:0; padding:0; height:100%; font-size:62.5%; margin-top: 0!important;}
body {padding:0; margin:0; font-family: 'Muli', sans-serif,Meiryo,sans-serif; font-weight: 500; width:100%; -webkit-text-size-adjust:100%; position:relative; font-size:1.6rem; line-height:1.5; overflow-x:hidden; color: #222;}
figure    {margin:0;}
img       {border:none; vertical-align:middle;}
.clear    {clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr {display:none; border:none; height:0px;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; }
 p,ul,li,ol,dl,dt,dd,figure{margin:0; padding:0;  word-break:  keep-all; word-wrap:break-word;}
h1,h2,h3,h4,h5,h6 {margin:0;}
em,var,address {font-style:normal;}
a {text-decoration:none; word-break:  keep-all; word-wrap:break-word;}
li {list-style-type: none;}
/*===================================================================
//  共通設定
//=================================================================*/
.clearfix:after {clear: both; content: ''; display: block;}
.alc {text-align:center !important;}
.all {text-align:left !important;}
.alr {text-align:right !important;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal;}
a {-webkit-transition: color .5s ease; transition: color .5s ease;}
a:hover,a:hover span {cursor : pointer;}
p,ul,li,ol,dt,dd,figure,h1,h2,h3,h4,h5,h6,div,a,span,input,textarea,select {box-sizing: border-box;}
.fs12 {font-size: 1.3rem;}
.fs22 {font-size: 2.2rem;}
.fs30 {font-size: 3.0rem;}
.flex{display: flex;flex-wrap: wrap;}
.w10{width: 10%; box-sizing: border-box;}
.w20{width: 20%; box-sizing: border-box;}
.w40{width: 40%; box-sizing: border-box;}
.w50{width: 50%; box-sizing: border-box;}
.w60{width: 60%; box-sizing: border-box;}
.w100{width: 100%; box-sizing: border-box;}
.mb05{margin-bottom: 0.5em;}
.mb10 {margin-bottom: 1.0em;}
.mb15 {margin-bottom: 1.5em;}
.mb20 {margin-bottom: 2.0em;}
.fcwhite {color: #fff; filter: none !important;}
.redbox {padding: 2em 1em 3.0em; max-width: 1180px; border-bottom: 3px solid #ea1212;margin: 0 auto;}
.redbox {background: url(../img/bgtrired.gif) no-repeat left top,url(../img/bgtriblue.gif) no-repeat right bottom;}
.redbl {border-left: 3px solid #ea1212;}
.tit {font-size: 3.0rem; line-height: 1.3; text-align: center; margin: 0 0 1.0em 0; filter:drop-shadow(1px 1px 1px #ddd); font-family: 'kalam', cursive;}
.tit img {width: 180px; height: auto;margin:0 0.5em 0 0; }
.attention {position: relative; display: inline-block; padding: 0 50px; margin-bottom: 2em;}
.attention:before {position: absolute; left: 20px; top: 0; content: ""; width: 1px; height: 100%; background: #000; border-radius: 3px; transform: rotate(-25deg);}
.attention:after { position: absolute; content: ""; right: 20px; top: 0; width: 1px; height: 100%; background: #000; border-radius: 3px; transform: rotate(25deg);}
ol.decimal {padding: 0 1.5em 0 8%;}
ol.decimal li {list-style-type: decimal;}

/*===================================================================
//  PC common
//=================================================================*/
._sp,._linksp {display: none !important;}
.inner {width: 100%; max-width: 1180px; margin: 0 auto; border-right: 3px solid #ea1212; border-left: 3px solid #ea1212;}
a img{width: 100%; height: auto;}
.bwrap{border-left:10px solid #ea1212; border-right:10px solid #ea1212;}

header {border-bottom: 1px solid #f2f2f2; position: relative; height: 60px;}
h1 {width: 400px; position: absolute; left: 5px; top: 5px; line-height: 1.2;}
h1 a,h1 a:hover,h1 a:visited {color: #222;}
h1 span{display: block; font-weight: normal;}
h1 img{max-width: 230px; width: 100%; height: auto;}
h2{width: 550px; font-size: 1.6rem; line-height:1.4; text-align:right; padding: 5px 0 0; position: absolute; top: 3px; right: 300px; font-weight: normal;}
a.whatsappbtn{ position: absolute; top: 8px; right: 245px;}
a.whatsappbtn img{border-radius: 5px; width: 45px; height: auto;}

.entry.redbox {padding: 4em 1em 3em;}
.entry.redbox h3.tit {margin: 0 0 3.5em 0; font-family: 'kalam', cursive;}
.entry.redbox a.entrybtn {margin: 0 auto 3em;}

.entrywrap {padding: 0.5em 1.5em 1em; text-align: center;}
a.entrybtn {display: block; width: 100%; max-width: 350px; border-radius: 5px; background-image: -moz-linear-gradient( 90deg, rgb(5,183,35) 0%, rgb(65,228,92) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(5,183,35) 0%, rgb(65,228,92) 100%); background-image: -ms-linear-gradient( 90deg, rgb(5,183,35) 0%, rgb(65,228,92) 100%); box-shadow: 0px 5px 0px 0px rgba(51, 49, 49, 0.1); padding: 0.8em 0.5em 0.5em; color: #fff; font-weight: bold; position: relative; margin: 0 auto 2.0em; border: 3px solid #fff; box-shadow: 3px 3px 1px #ddd; letter-spacing: 0.2em;}
a.entrybtn:hover {box-shadow: none; transform: translateY(1px);}
a.entrybtn .free {background: #fff; color: #199039; display: block; font-size: 1.6rem; border-radius: 3px; margin: 0 0 0.2em; letter-spacing: 0; font-weight: normal;}
a.entrybtn .fs30 {display: inline-block; margin: 0 0.2em 0 0; letter-spacing: 0;}
a.entrybtn img.whaticon{width: 60px; height: auto; position: absolute; right: -45px; top: -20px; filter:drop-shadow(1px 1px 2px #ccc);}

.entrywrap.headerbtn {padding: 0.2em 0.2em 0; position: absolute; right: 5px; top: 3px;}
.entrywrap.headerbtn a.entrybtn {font-size: 1.2rem; letter-spacing: 0.05em; padding: 0.4em 0.5em 0.2em; border: 2px solid #fff; margin: 0; font-size: 1.1rem;}
.entrywrap.headerbtn a.entrybtn .free{ font-size: 1.1rem; padding: 0 0.2em; margin: 0 0 0;}
.entrywrap.headerbtn a.entrybtn .fs30 {font-size: 1.4rem;}

/*slide*/
.slider4-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.slider-4 .slick-slide {
  height: auto;
  overflow: hidden;
}
.slider-4 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*slide*/
.senior .seniorbox {display: flex; justify-content: space-around;}
.senior .seniorbox li {width: 32%; background: linear-gradient(141deg, #ea1212 0%, #ea1212 50%, #02b2bc 50%, #02b2bc 100%); position: relative; padding: 1.0em 1.0em 1.0em 4.8em; box-sizing: border-box; border-radius: 5px;}
.senior .seniorbox li .stxtbox {background: rgba(255,255,255,0.95); border-radius: 5px; padding: 0.5em 0.5em 0.8em 1.1em;}
.senior .seniorbox li h4 {margin: 0 0 0.3em; font-size: 2.0rem ; font-family: 'kalam', cursive;}
.senior .seniorbox li .stxtbox p{ font-weight: normal; line-height: 1.3; padding: 0 0 0 0.7em;}
.senior .seniorbox li img {position: absolute; left: -15px; bottom: 0;}

ol.decimal li {margin: 0 0 2.0em 0; font-weight: normal;}
ol.decimal li h4 {font-size: 2.5rem; margin: 0 0 0.5em; font-weight: bold; line-height: 1.2; font-family: 'kalam', cursive;}
.feature.redbox {background:  url(../img/bgtrired.gif) no-repeat left top,url(../img/bgtriblue.gif) no-repeat right bottom,url("../img/ciintajapansmile.png") no-repeat center bottom; background-size: 33px,33px,16%; padding: 2em 1em 4em;}
.snsicon li {display: inline; padding: 0 0.3em; margin: 0 0 1.5em;}
.snsicon li img {width: 40px; height: auto;}
ul.flow li { display: inline-block; border:  2px solid #ea1212; width: 18%; box-sizing: border-box; margin: 0 1%; padding: 0.8em 0.5em 0.8em; position: relative; font-weight: normal;}
ul.flow li::after {content: ""; position: absolute; right: -18px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #94df9f; top: 50%; transform: translateY(-50%);}
ul.flow li:last-child::after {display: none;}
ul.flow li h4 {margin: 0 0 0.5em; font-size: 2.1rem; font-family: 'kalam', cursive; line-height: 1.4;}
.fowwrap.redbox {border-bottom: none;}

.contawrap {background: url("../img/contabg.jpg") no-repeat center top; background-size: cover; padding: 2em 1em 0;}
.contawrap img.contalogo {width: 350px; height: auto; padding: 0.6em 0 0;}
.contawrap .tit {margin: 0 0 0.8em 0; font-family: 'kalam', cursive;}

footer {background:#ea1212; color: #fff;}
.footerinner {padding: 1.5em 0; background: url("../img/chitajapan_clogo.jpg") no-repeat right bottom; background-size: 40px; margin-bottom: 5px; font-weight: normal; letter-spacing: 0.05em;}
.footerinner p.fs12 {font-size: 1.5rem; padding: 0 1em 0 0;}
footer nav ul {border-top:1px solid #ff7f7f; border-bottom:1px solid #ff7f7f; text-align: right;}
footer nav ul li {display: inline-block; padding: 3px 15px;}
footer nav ul li a {color: #fff; font-size: 1.3rem;}
.copyr { text-align: center; font-size: 1.3rem; padding: 3px 0; font-weight: normal;}

.sidesnswrap {position: fixed; right: 0; top:70%; z-index: 9999;}
.sidesnswrap a{display: block;}
.sidesnswrap a img {width: 50px; height: 50px;}
.sidesnswrap li:hover a img {opacity: 0.9;}

.postwrap ul li {background: rgba(255,255,255,0.95); padding: 1em 0.5em 1.2em; margin: 0 0.3%; border-radius: 5px; position: relative;}
.postwrap h3.tit {margin-bottom: 0.5em;}
.news_slider_wrap { width: 100%;  height: auto; position: relative; overflow: visible !important; z-index: 1; padding:1em 1em 2.3em; background: #ea1212; }
.news_slider_wrap .news_slider_box .slick-list{ overflow: visible;}
.flex.news_slider {justify-content: space-around;}
.news_slider .slide a .img_wrap {height: 230px; margin: 0 auto 0.7em; position: relative;}
.news_slider .slide a img {width:230px !important; height: 245px; object-fit: cover; object-position: 0% 0%; margin: 0 auto; box-shadow:1px 1px 3px #c0c0c0;}
.news_slider .slide a .img_wrap {background: url("../img/ciintajapansmile.png") no-repeat center center; background-size: 65%;}
.news_slider .slide a p {line-height: 1.4; padding: 0.3em 0.5em 0.4em 0.5em; color: #fff; background: rgba(2,178,188,0.9); position: absolute; left: 0; bottom: 5px; border-radius: 0 7px 7px 0;}
.news_slider .slide a .cat.shimono,.news_slider .slide a .cat.waita,.top-news_slider .slide a .cat.shimono,.top-news_slider .slide a .cat.waita  {position: absolute; right: 5%; top:0;}
.news_slider .slide a.slide_link:hover .img_wrap,.news_slider .slide a.slide_link:hover img,.news_slider .slide a.slide_link:hover .img_wrap:after,.top-news_slider .slide a.slide_link:hover .img_wrap,.top-news_slider .slide a.slide_link:hover img,.top-news_slider .slide a.slide_link:hover .img_wrap:after  {-webkit-transition: all 280ms ; transition: all 280ms; transform: scale(1.02, 1.02);}
.slick-prev,.slick-next {width: 40px !important; height: 40px !important; position: absolute !important; transition: all .5s; z-index: 9999 !important;}
.slick-prev  {top:-20% !important;}
.slick-next {top:-20% !important;}
.slick-prev {left:13% !important;}
.slick-next {right: 13% !important;}
.slick-prev:before {content: "" !important;}
.slick-prev:after {content:  url(../img/btn_prev.svg); width: 40px; height: 40px;}
.slick-next:before {content: "" !important;}
.slick-next:after {content: url(../img/btn_next.svg);}


@media screen and (max-width:1180px) {
.inner {border-left: none; border-right: none;}
h1 span.fs12 {font-size: 1.1rem;}
h2 {width: 390px; font-size: 1.3rem; top: 8px;}
.senior .seniorbox {display: block;}
.senior .seniorbox li {width: 100%; margin: 0 0 1.0em 0; overflow: hidden;}
.senior .seniorbox li img {bottom: -65px;}
}

/*===================================================================
//  PConly
//=================================================================*/
@media screen and (min-width:981px) {
.slick-slide {min-height: 275px !important;}
}
/*===================================================================
//  SPonly
//=================================================================*/
@media screen and (max-width:980px) {
html {overflow-x: hidden;}
._pc {display: none !important;}
._sp {display: block !important;}
.snsicon ._linksp {display: inline-block !important;}
.fs12 {font-size: 1.1rem;}
.fs22 {font-size: 2.0rem;}
.bwrap {border-left: 6px solid #ea1212; border-right: 6px solid #ea1212;}
.redbox {padding: 1.2em 0.5em 0.9em;}
.entry.redbox {padding: 1.2em 0.5em 1.5em;}
.w10,.w20,.w40,.w50,.w60,.w100{width: 100%;}
header{height: 51px;}
h1 {width: 310px; padding: 2px 0 0 2px; letter-spacing: 0; line-height: 0.95; left: 2px;}
h1 .fs12{font-size: 1.0rem; letter-spacing: 0; line-height: 1.0; font-weight: normal;}
h1 img {max-width: 150px; vertical-align: baseline;}
.redbox._sp h2 {width: 100%; font-size: 2.2rem; line-height: 1.4; padding: 0; position: initial; font-family: 'kalam', cursive;}
.tit,.entry.redbox h3.tit {margin: 0 0 1.0em 0; font-size: 2.2rem; font-family: 'kalam', cursive;}
header a.whatsappbtn {display: none;}
.entrywrap.headerbtn {padding: 0; position:absolute; top: 1px; right: 3px;}
a.entrybtn .free {font-size: 1.4rem;}
.entrywrap.headerbtn a.entrybtn .free {letter-spacing: -0.05em;}
a.entrybtn {box-shadow: 2px 2px 1px #ddd; margin: 0 auto 1.5em !important;}
a.entrybtn img.whaticon {width: 45px; right: -15px; top: -26px;}
.attention {margin-bottom: 1em; padding: 0 20px;}
.attention::before {left: 15px;}
.attention::after {right: 15px;}
.redbl {border-left: 3px solid #fff;}
.redbl {border-left: 3px solid #fff;}
ol.decimal {padding: 0 0.5em 0 1.0em;}
.senior .seniorbox {padding: 0 0 0.5em 0;}
.senior .seniorbox li {padding: 0.8em 0.8em 0.8em 3.5em;}
.senior .seniorbox li h4 {font-size: 2.0rem;}
.senior .seniorbox li .stxtbox {padding:0.5em 0.4em 0.8em 0.6em;}
.senior .seniorbox li img {bottom: 0px; left: -15px; width: 90px; height: auto;}
.senior.redbox h3.tit {margin: 0 0 1.0em 0;font-family: 'kalam', cursive;} 
.entrywrap {padding: 0.5em 0.5em 0em;}
.feature.redbox { background-size:33px,33px,12%; padding: 1.3em 0.5em 2.8em 0.7em;border-left:0px;}
.flow.flex {display: block;} 
.flow.flex li {width: 100%; margin: 0 0 1.5em;}
ul.flow li::after {transform: rotate(90deg); top: initial; right: initial; left: 48%; bottom: -25px;}
ul.flow li h4 {margin: 0 0 0.2em; font-size: 2.2rem;}
.contawrap {padding: 1.5em 0.5em 0.1em;background: url(../img/contabg.jpg) no-repeat 83% top; background-size: cover!important;}
.contawrap .tit,.contawrap p {line-height: 1.2;}
.contawrap img.contalogo {max-width: 300px; width: 80%;}
.sidesnswrap {bottom:0; left:50%; transform: translateX(-50%); right: initial; top:initial;display: flex;}
.sidesnswrap li{display: inline-block;}
.sidesnswrap a img {width: 40px; height: 40px;}
footer {padding: 0 0 3em 0;}
.footerinner {padding: 1.0em 0;}
.footerinner p.fs12 {padding: 0 0 0 0;}
footer nav ul {padding: 3px 0;}
footer nav ul li {padding: 1px 0 1px 15px;}
}

@media screen and (max-width:580px) {
header h1 {top:0; width: 180px !important;}
h1 img {max-width: 160px !important; vertical-align: baseline;}
.entrywrap.headerbtn { top: 0px; right: 1px;}
a.entrybtn img.whaticon {width: 40px;}
.feature.redbox { background-size: 33px,33px,25%;}
}
@media screen and (max-width:400px) {
.entrywrap.headerbtn {transform: scale(0.8,0.8); top: -1px; right: -18px;}
}