@charset "UTF-8";
/* pc header */
@media screen and (min-width: 960px) {
	.sp_cnt_design {display: none;}
}
/* sp header */
@media screen and (max-width: 959px) {
	.pc_cnt_design {display: none;}
}
.visitor { width: 740px;}
.oic-intro-shun__wrapper, .oic-intro-ex__wrapper { width:740px;text-align:center;margin:0 auto;}

/*
.slick-slide img { display: block; width: 75%; margin: auto; }
.thoughtbot{padding:60px 0; width:640px; font-size:2.0rem; line-height:1.3; margin:10px auto;display:block;}

button.thoughtbot {
background-color: #ee432e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee432e 0%), to(#c63929 50%));
background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
border: 1px solid #951100;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
color: #fff;
line-height: 1;
padding: 12px 0 14px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
margin-bottom:14px;
}

button.thoughtbot:hover {
background-color: #f37873;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f37873 0%), to(#db504d 50%));
background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
cursor: pointer;
}

button.thoughtbot:active {
background-color: #d43c28;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d43c28 0%), to(#ad3224 50%));
background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
-ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
-o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}
*/
/*
.limit, .limit span {
    padding: 15px 10px;
    margin: 0;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: bold;
    background-color: #f5d121;
}

.groval-footer.clear {
	visibility: visible;
}*/

/* コンテンツ start */
.oic-intro-shun__wrapper {padding:0 0 20px; margin:0 auto; text-align:center;}
.oic-intro-shun__wrapper p {text-align:center; padding:15px 20px 20px 20px; font-size:16px; line-height:1.6; font-weight:normal;}

.oic-intro-shun__special-offer {margin:20px 0;}
.oic-intro-shun__special-offer p {text-align:center;padding:10px 20px 10px 20px; font-size:16px; line-height:1.6;}
.oic_intro_shinki__service {padding:30px 0; background-color:#fff;}
.oic_intro_shinki__service__title,.oic_intro_shinki__point__title {background-color:#75932f; padding:20px; font-size:1.8rem; line-height:1.3; color:#fff; text-align:center; margin:0;}
.oic_intro_shinki__step__title {background-color:#75932f; padding:20px; font-size:1.8rem; line-height:1.3; color:#fff; text-align:center; margin:50px 0 0;}
.oic_intro_shinki__step__title span { color: #fff;}
/*
.oic_intro_shinki__service__title,.oic_intro_shinki__point__title {background-color:#75932f; padding:20px; font-size:1.8rem; line-height:1.3; color:#fff; text-align:center; margin:0;}
.oic_intro_shinki__step__title {background-color:#75932f; padding:20px; font-size:1.8rem; line-height:1.3; color:#fff; text-align:center; margin:50px 0 0;}
.oic_intro_shinki__service {padding:30px 0; background-color:#fff;}	.oic_intro_shinki__point {margin:40px 0;}
.oic_intro_shinki__point__content img {margin:0 0 30px;}
.oic_intro_shinki__main {margin:40px 0;}
.oic_intro_shinki__bg {background-color:#e4ead5; padding:0 0 20px; margin:0 0 40px;}
*/
.oic_intro_shinki__button {margin:20px 0; text-align: center; }
.css-animetion-fade-in-up {margin-top:30px; opacity:0;}
.css-animetion-fade-in-up._is-animated {-webkit-animation:fade-in-up 0.4s ease 0s 1 forwards; animation:fade-in-up 0.4s ease 0s 1 forwards;}
@-webkit-keyframes fade-in-up {0% {opacity:0; margin-top:30px;} 100% {opacity:1; margin-top:0;}}
@keyframes fade-in-up {0% {opacity:0; margin-top:30px;} 100% {opacity:1; margin-top:0;}}
/* コンテンツ end */
/* ログイン start */
.limit_text-login {text-align:center; margin:20px 0; font-size:1.2rem; line-height:1.3;}
/* ログイン end */

/* キャンペーン詳細 start */
.visitor__note__title,.visitor__note__text {text-align:left;}
.visitor__note__title {font-size:16px;}
.visitor__note__text { font-size: 14px;}
/* キャンペーン詳細 end */
/* Twitter start */
.twiteer_rap {background:url(https://www.oisix.com/smart/shared/img/1845/otms_chanto_oisix_190711_1_5days_4.jpg?date=20221117094501); background-size:contain; padding:10px 0px;}
.twitter_blok {width:280px; margin:auto; padding:0;}

/* Twitter end */
#cam_information_box .visitor__note__text{line-height:1.6;}
	
.oic_intro_shinki__faq--title {color: #76922e; font-size: 30px; margin-bottom: 20px; display: flex; font-weight: normal;}
.oic_intro_shinki__faq--title::before,.oic_intro_shinki__faq--title::after {content: ""; height: 4px; border-radius:4px; background-color: #76922e; flex-grow: 1; margin: 2rem;}
.oic_intro_shinki__faq__list {overflow: hidden; margin-bottom: 20px; padding: 30px;}
.oic_intro_shinki__faq__list dt{display: flex;}
.oic_intro_shinki__faq__list dt img{width: 250px; margin-right: 25px;}
.oic_intro_shinki__faq__list dt h4{color: #76922e; padding-top: 30px; padding-left: 15px; font-size: 20px;line-height: 1.6;}
.oic_intro_shinki__faq__list dd {max-width: 370px; margin-top: -150px; margin-left: 272px; padding: 20px; height: 102px;}
.oic_intro_shinki__faq__list dd p{font-size: 15px; text-align: left;line-height: 1.6;}
.oic_intro_shinki__faq__list dd p span{font-size:100%; color: #CA3D04; font-weight: bold;}
.oic_intro_shinki__faq__list.left dd{border: solid #F6F1E3 4px;}
.oic_intro_shinki__faq__list.right {background: #F6F1E3;}
.oic_intro_shinki__faq__list.left dt {background:url(/smart/shared/img/2114/oic_intro_shinki_bg_tit_faq01.png)no-repeat 50% 5%; background-size: 80px auto; }
.oic_intro_shinki__faq__list.right dt {background:url(/smart/shared/img/2114/oic_intro_shinki_bg_tit_faq02.png)no-repeat 50% 5%; background-size: 80px auto; }		
.oic_intro_shinki__faq__list.right dd{border: solid #FFF 4px;}
.otameshi__faq{margin-bottom: 100px;}	
.otameshi__faq__title { padding:10px 0; }
.otameshi__faq__q {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; width:100%; min-height:50px; padding:5px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:2px; background:#F6F1E3; margin-top: 5px;}
.otameshi__faq__q:last-child { margin-bottom:0; }
.otameshi__faq__q:before {content:""; display:block; margin-right:6px; width:24px; height:24px; top:0; -webkit-background-size:24px 24px; background-size:24px 24px; background-image:url(/smart/shared/img/1923/otameshi_faq_icon_q.png);}
.otameshi__faq__q:after {content:""; display:block; margin-left:5px; width:17px; height:17px; top:0; -webkit-background-size:17px 17px; background-size:17px 17px; background-image:url(/smart/shared/img/1923/otameshi_faq_icon_plus.png);}
.otameshi__faq__q.js-accordion.close:after { background-image:url(/smart/shared/img/1923/otameshi_faq_icon_minus.png); }
.otameshi__faq__q__inner {-webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; color:#76922e; font-size:15px; line-height:1.4; font-weight:bold; text-align:left;}
.otameshi__faq__a {position:relative; margin-bottom:20px; padding:20px; line-height:1.6; border-top: solid 1px #76922e;}
.otameshi__faq__a div img {width: 70%;}
.otameshi__faq__a__text {font-size:15px; line-height:1.7; text-align:left;}

/* slider */
.oic_intro_shinki__main__slider .slick-dots li.slick-active button:before { background:#fff; border: 2px solid #fff; }

/*食費計算pc*/
/*
.cal_result{margin:40px 0;padding:20px 40px;font-weight:bold;font-size:36px;}
.cal_result_val{text-align:center;font-size:1.0rem;margin:40px;}
.cal_priceperperson{font-size:48px;color:#cc0000;}
.cal_selectinfo{background-color:#76952f;padding:10px 20px;color:#fff;display:flex;        flex-flow: wrap;justify-content: space-around;align-items: center;}
.cal_selectinfo div {font-size:20px;}
.cal_selectinfo div select{height:40px;padding:0 20px;}
*/
/*食費計算pc*/

/* レスポンシブ start */
@media screen and (max-width: 749px) {
/* SP用のcss */
.visitor { width: 100%; }
/*
.oic-intro-shun__wrapper{width:100%;}
*/
.oic-intro-shun__special-offer p { text-align: center; padding: 0px 20px 0px 20px; font-size: 12px; line-height: 1.6; font-weight: normal;}

/*食費計算sp*/
/*
.cal_selectinfo{background-color:#76952f;padding:10px 20px;color:#fff;display:block;}
.cal_result{margin:40px 0;padding:0;font-weight:bold;font-size:1.0rem;}
.cal_result_val{text-align:center;font-size:1.0rem;margin:10px;}
.cal_priceperperson{font-size:2.0rem;color:#cc0000;}
.cal_selectinfo div {font-size:20px;margin:10px 0;}
.cal_selectinfo div select{height:30px;padding:0 10px;}
*/
/*食費計算sp*/

.oic-intro-shun__wrapper p {text-align:center; padding:15px 20px 20px 20px; font-size:12px; line-height:1.6; font-weight:normal;}

.oic_intro_shinki__faq--title {font-size: 24px; margin-bottom: 0;}
.oic_intro_shinki__faq--title::before,.oic_intro_shinki__faq--title::after {margin: 3rem 1rem;}
.oic_intro_shinki__faq__list {padding: 20px; display: block;}
.oic_intro_shinki__faq__list dt{overflow: hidden;margin-bottom: 20px; display: block;}
.oic_intro_shinki__faq__list dt img{width: 45%; max-width: 100%; margin: 0 10px 0 0;}
.oic_intro_shinki__faq__list dt h4{padding-top: 15.5%;}
.oic_intro_shinki__faq__list dd {padding: 5%; margin: 0; height: auto; width: 88%; max-width: 100%;}
.oic_intro_shinki__faq__list dd p{padding: 15px 20px 20px 20px; font-size: 15px; text-align: left;}
.oic_intro_shinki__faq__list.left img{float: right;}
.oic_intro_shinki__faq__list.left dd{border: solid #F6F1E3 4px;}
.oic_intro_shinki__faq__list.right{background: #F6F1E3;}
.oic_intro_shinki__faq__list.right img{float: left;}
.oic_intro_shinki__faq__list.right dd{border: solid #FFF 4px;}
.oic_intro_shinki__faq__list.left dt{background:url(/smart/shared/img/2114/oic_intro_shinki_bg_tit_faq01.png)no-repeat 20%; background-size: 80px auto; }
.oic_intro_shinki__faq__list.right dt{background:url(/smart/shared/img/2114/oic_intro_shinki_bg_tit_faq02.png)no-repeat 80%; background-size: 80px auto; }		
.otameshi__faq {margin-bottom: 20px;}
.otameshi__faq__a div img {width: 100%;}
}
/* FAQ/card*/
.otameshi__faq__img {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.otameshi__faq__img img {margin-right: 10px;}
.otameshi__faq__img .img01 {width:240px;}
.otameshi__faq__img .img02 {width:38px;}
.otameshi__faq__img .img03 {width:50px;}

.oic-intro-ex__special-offer p {text-align:left;padding:15px 20px 20px 20px; font-size:16px; line-height:1.6;}
.oic-intro-ex__wrapper { width: 100%; max-width: 640px; }
.oic-intro-ex__wrapper p { text-align: left; padding: 15px 20px 20px 20px; font-size: 1em; line-height: 1.6; font-weight: normal;}

@media screen and (max-width: 749px) {
.otameshi__faq__img {margin:5px auto;}
.otameshi__faq__img .img01 {width:98%;}
.otameshi__faq__img .img02 {width:16%;}
.otameshi__faq__img .img03 {width:20%;}
.oic-intro-ex__special-offer p { text-align: left; padding: 15px 20px 20px 20px; font-size: 12px; line-height: 1.6; font-weight: normal;}

}