@charset "UTF-8";
/* CSS Document */

body{
font-family:"helvetica","メイリオ","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
color:#595757;
font-weight:normal;
font-size:15px;
line-height:1.5;
text-align:justify;
border-top:5px solid #3C3C3C;
background:#fff;
background-image: url(../img/bg_01.gif), url(../img/bg_02.gif), url(../img/bg_03.gif), url(../img/bg_04.gif), url(../img/bg_05.gif), url(../img/bg_06.gif), url(../img/bg_07.gif), url(../img/bg_08.gif);
	background-position: 5% 15%, 95% 15%, 5% 40%, 95% 45%, 5% 70%, 95% 70%, 5% 90%, 95% 95%;
	background-size: 12%, 12%, 12%, 12%, 12%, 12%, 12%, 12%;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-attachment: fixed;
}

header{
max-width:1100px;
width:95%;
height:auto;
margin:5px auto 20px;
overflow:hidden;
}

h1{
width:100%;
font-size:75%;
margin-bottom:1em;
}

.logo{
width:auto;
height:auto;
float:left;
margin-top:0.25em;
}

.logo img{
max-width:280px;
width:100%;
float:left;
}

img.footer_logo{
max-width:300px;
margin-bottom:2em;
}

.anniv{
font-family: 'EB Garamond', serif;
width:90px;
height:75px;
background:url(../img/anniv.svg) no-repeat center top;
background-size: contain;
  transform: scale(0.75);
  text-align:center;
  vertical-align:middle;
  font-size:220%;
  padding-top:0.25em;
  margin-left:0.3em;
float:left;
margin-top:-0.28em;
}
	

.header_r{
width:40%;
height:auto;
paddding:15px 0 0;
text-align:right;
float:right;
font-size:90%;
}

.header_r a{
border-right:1px solid #ccc;
padding:0 1em;
}
.header_r a:last-child{
border-right:none;
padding-right:0;
}

.header_bnnr{
display:table;
float:right;
margin:0.25em -8px 0 -10px;
border-collapse:separate;
border-spacing:8px;
}
.header_bnnr a{
display:table-cell;
vertical-align:middle;
background:#eee;
padding:0.5em 2em;
border-radius:5px;
border-collapse:separate;
border-spacing:10px;
color:#fff !important;
}
.header_bnnr a:hover{text-decoration:none;}

nav{
width:100%;
height:auto;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
outline:solid 1px #fff;
box-shadow:0 0 10px rgba(34, 25, 25, 0.1);
background:-moz-linear-gradient(top, #fff 50%, #EFEFEF);
background:-webkit-linear-gradient(top, #fff 50%, #EFEFEF);
background:linear-gradient(to bottom, #fff 50%, #EFEFEF);
margin-bottom:40px;
}

ul.menu{
max-width:1100px;
width:98%;
height:50px;
display:table;
table-layout:fixed;
margin:0 auto;
border-collapse:separate;
border-spacing:0;
text-align:center;
line-height:50px;
}

ul.menu li{
display:table-cell;
vertical-align:middle;
border-left:1px solid #e0e0e0;
}

ul.menu li:last-child{border-right:1px solid #e0e0e0;}
ul.menu li a{
display:block;
transition:all 0s ease;
}

ul.menu li a:hover{
text-decoration:none;
background:-moz-linear-gradient(bottom, #fff 50%, #EFEFEF);
background:-webkit-linear-gradient(bottom, #fff 50%, #EFEFEF);
background:linear-gradient(to top, #fff 50%, #EFEFEF);
line-height:48px;
border-bottom:2px solid #008F99;
}

ul.topic{
width:100%;
height:auto;
}

ul.topic li{
padding-bottom:0.5em;
margin-bottom:0.5em;
border-bottom:1px solid #eee;
}

ul.topic li .date,
.date{
font-size:90%;
padding:0.25em 0;
color: #999;
line-height:1;
display:block;
}

ul.topic li .title_article{
font-size:105%;
margin-top:0em;
display:block;
}

.prevention,
.beginners{
width:49% !important;
height:auto;
float:left;
margin:0 2% 2% 0;
border-radius:3px;
line-height:100px;
text-align:center;
font-weight:bold;
font-size:160%;
letter-spacing:.1em;
text-shadow:0px 0px 3px #000,
0px 0px 6px #000;
padding-top:2%;
}
.beginners{margin:0 0 2% 0;}

.prevention a,
.beginners a{
color:#fff;
text-decoration:none;
display:block;
}

.prevention:hover,
.beginners:hover{
opacity:0.6;
color:#fff !important;
}

.prevention{
background:url(../img/bnnr_prevention.png) no-repeat center top;
background-size:cover;
}

.beginners{
background:url(../img/bnnr_beginners.png) no-repeat center top;
background-size:cover;
}

.title,
.title_sub{
width:100%;
font-size:160%;
font-weight:bold;
margin:2em 0 1em;
padding-left:0.5em;
color:#00909A;
clear:both;
border-left:3px solid #00909A;
letter-spacing:0.05em;
}
.title_sub{
font-size:130%;
color:#3C3C3C;
border-left:3px solid #3C3C3C;
}
.title:first-child,
.title_sub:first-child{margin-top:0;}

.date + .title{
margin:0.25em 0 1em;
}

.title span{
clear:both;
font-weight:normal !important;
display:block !important;
font-size:65%;
color:#898989;
letter-spacing:0em;
}

.box_1{
width:100%;
clear:both;
}

.box_2,
.box_3,
.box_4{
width:49%;
height:auto;
float:left;
margin:0 2% 2% 0;
}
.box_2 img,
.box_3 img,
.box_4 img{width:100%;}
.box_2:nth-child(even),
.box_3:last-child,
.box_4:last-child{margin-right:0;}

.box_3{
width:33.25%;
margin-right:1%;
}

.box_4{
width:24.25%;
margin-right:1%;
}

#COURSE .box_1,
#COURSE .box_2,
#COURSE .box_3,
#Curriculum .box_2{
float:left !important;
margin:0 2% 1% 0 !important;
}
#COURSE .box_2:nth-child(odd),
#Curriculum .box_2:nth-child(odd){margin-right:0 !important;}

#COURSE .box_1 a,
#COURSE .box_2 a,
#COURSE .box_3 a{
padding:10px;
border:1px solid #ccc;
border-radius:5px;
display:block !important;
overflow:hidden;
}
#COURSE .box_1 a:hover,
#COURSE .box_2 a:hover,
#COURSE .box_3 a:hover{
border:1px solid #008F99;
text-decoration:none !important;
}

#COURSE .box_1 img{
width:25%;
border-radius:5px;
float:left;
margin:0 2% 1em 0;
}

#COURSE .box_2 img{
width:30%;
max-width:250px;
border-radius:5px;
float:left;
margin:0 2% 0 0;
}

#COURSE .box_3 img{
width:30%;
max-width:250px;
border-radius:5px;
float:left;
margin:0 2% 0 0;
}

#COURSE .box_1 p,
#COURSE .box_2 p,
#COURSE .box_3 p{margin:1em 0 0 !important;}

#Curriculum .box_2,
#Curriculum .box_3{
width:49%;
height:auto;
float:left;
margin:0 2% 2% 0;
padding:10px;
border:none;
border-radius:5px;
display:block !important;
overflow:hidden;
background:#fff3db;
}

#Curriculum .box_3{width:32%;}

#Curriculum .box_3:nth-of-type(4),
#Curriculum .box_3:nth-of-type(8),
#Curriculum .box_3:nth-of-type(12),
#Curriculum .box_3:nth-of-type(16){margin:0 0 2% 0;}

#Curriculum .box_2 img,
#Curriculum .box_3 img{
width:35%;
border-radius:5px;
float:left;
margin:0 2% 0 0;
}

#Curriculum span.title{
font-size:140%;
font-weight:bold;
padding-left:0;
color:#d07724;
border-left:none;
letter-spacing:0.05em;
}

#Curriculum ul{
width:63%;
margin:0.5em 0 0;
float:left;
}

ul.links li,
#Curriculum ul li{
width:100%;
margin:0 0 0.25em;
clear:both;
padding-left:1.05em;
text-indent:-0.95em;
}
ul.links li:last-child,
#Curriculum ul li:last-child{margin-bottom:0;}

ul.links li:before,
#Curriculum ul li:before{
content:"\f0da";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
color:#d07724;
}

ul.links{
max-width:1100px;
width:95%;
height:auto;
margin:-20px auto 2em;
clear:both;
display:block;
border:0px solid #ccc;
overflow:hidden;
padding:1em;
background:#FFC;
}

ul.links li{
padding-left:1.05em;
text-indent:-0.95em;
}
ul.links li:last-child{margin-bottom:0;}

.desc{
width:100%;
font-size:160%;
font-weight:bold;
margin:2em 0 1em;
padding-left:1em;
color:#00909A;
clear:both;
border-left:3px solid #00909A;
letter-spacing:0.15em;
}

.tag_wrap{
width:auto;
height:auto;
overflow:hidden;
}


.tag_wrap span{
float:left;
background:#ccc;
font-size:90%;
padding:0.25em 0.5em;
margin:0 0.5em 0.5em 0;
border-radius:3px;
color:#fff;
}

#COURSE .tag_wrap span{font-size:80%;}

#COURSE .box_1 .sub_title,
#COURSE .box_2 .sub_title{
width:73%;
height:auto;
font-size:145%;
font-weight:bold;
color:#3C3C3C;
float:right;
line-height:1;
margin:0.25em 0 0;
}
#COURSE .box_1 .sub_title{margin:0.5em 0 0.25em;}
#COURSE .box_2 .sub_title{width:68%;}

.sub_title span{
clear:both;
font-weight:normal !important;
display:block !important;
font-size:70%;
color:#898989;
letter-spacing:0em;
margin:0.25em 0 0.5em;
}

table{
width:100%;
border:1px solid #00909A;
margin:0.5em 0 1em;
font-size:105%;
}

#COURSE table{
margin:0 0 1em;
font-size:100%;
}

#COURSE table{width:73%;}

table th,
table td{
text-align:left;
padding:0.25em 1em;
}

table tr th{
background:#00909A;
color:#fff;
border-top:1px solid #00909A;
border-bottom:1px solid #fff;
}
table tr:nth-child(2){border-top:1px solid #fff;}

table tr td{color:#00909A; border-bottom:1px solid #00909A;}


.form table{
font-size:100%;
color:#595757 !important;
}

.form table th,
.form table td{
text-align:left;
padding:0.5em 1em;
}

.form table input[type = "text"],
.form table input[type = "tel"],
.form table input[type = "email"],
.form table textarea{
padding:0.5em 1em !important;
width:100% !important;
margin:0.25em 0 !important;
}

.form table label{color:#595757 !important;}
form table textarea{min-height:7em;}
form table input[type = "text"].halfbox{width:44.5% !important;}

/*下層ページ*/
#breadcrumbs{
max-width:1100px;
width:95%;
height:auto;
margin:-1em auto 1.5em;
overflow:hidden;
font-weight:bold;
}
#breadcrumbs a:link{font-weight:normal;}

#breadcrumbs a:link:first-child:before{
content:"\f015";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
display:inline-block;
}

#breadcrumbs a:after{
content:"\f105";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin:0 1em;
display:inline-block;
color:#999;
}
#breadcrumbs a:hover:after{
color:#999 !important;
opacity:1 !important;
}

.top_img{
border-radius:5px;
line-height:130px;
background-size:cover !important;
padding-left:10%;
color:#fff;
font-weight:bold;
font-size:220%;
letter-spacing:.25em;
text-shadow:0px 0px 3px #000,
0px 0px 6px #000;
margin:0 auto 1em;
position:relative;
}

.bg_ind,
.bg_ayurveda,
.bg_beginner,
.bg_omotenashi,
.bg_srilanka,
.bg_vegebean,
.bg_instructor{background:URL(../img/title_course.jpg);}

.bg_ind::after,
.bg_ayurveda::after,
.bg_beginner::after,
.bg_omotenashi::after,
.bg_srilanka::after,
.bg_vegebean::after,
.bg_instructor::after{
content:'';
background-color:rgba(215,118,19,.6);
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}

.bg_ind::after{background-color:rgba(215,118,19,.6);}
.bg_ayurveda::after{background-color:rgba(198,178,153,.6);}
.bg_beginner::after{background-color:rgba(78,190,227,.6);}
.bg_omotenashi::after{background-color:rgba(255,183,255,.6);}
.bg_srilanka::after{background-color:rgba(237,27,36,.6);}
.bg_vegebean::after{background-color:rgba(58,181,75,.6);}
.bg_instructor::after{background-color:rgba(101,45,144,.6);}

.top_img p{
margin:0;
position:relative;
z-index:1;
}

ul.flex_box5{
width:100%;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:90%;
margin-bottom:1em;
}

ul.flex_box5 li{
width:18.8%;
list-style:none;
margin:0 1.5% 0 0;
}

ul.flex_box5 li:last-child{margin:0;}
ul.flex_box5 li img{width:100%;}

ul.flex_box5 li h4{
font-weight:bold;
text-align:center;
padding:0.75em 0;
font-size:120%;
color:#fff;
}

ul.flex_box5 li p{
padding:1em 4% 0;
background:#FFF;
}

ul.flex_box5 li img{border-radius:4px;}
ul.flex_box5 li a{display:block;}

ul.flex_box5 li a:hover{
text-decoration:none !important;
opacity:0.6;
filter:alpha(opacity=60);
color:#898989;
}

.balloon{
position:relative;
padding:2em;
background:#FFC;
border:2px solid #00909A;
border-radius:10px;
overflow:hidden;
}

.balloon p:last-child{margin-bottom:0;}

.balloon img{
max-width:150px;
float:left;
margin-right:1em;
margin-bottom:1em;
border-radius:8px;
}
.balloon a:link{text-decoration:underline ;}

.balloon ul.atten,
.balloon ul.atten li:last-child{margin-bottom:0 !important;}

.btn-icon,
.btn-icon_M,
.btn-icon_L{
text-align:center;
background-color:#9ec34b;
font-size:120%;
color:#FFF !important;
text-decoration:none !important;
font-weight:bold;
padding:0.5em 1em;
border-radius:5px;
margin:1em auto;
}

.btn-icon{
display:inline-block;
width:50%;
}

.btn-icon_M{
display:block;
width:65%;
font-size:130%;
}

.btn-icon_L{
display:block;
width:80%;
font-size:130%;
}

.btn-icon_M a:link,
.btn-icon_L a:link,
.btn-icon a:link{
text-decoration:none !important;
}
a.btn-icon_M:before,
a.btn-icon_L:before,
a.btn-icon:before{
margin-right:0.5em;
content:"\f101";
font-family:"Font Awesome 5 Free";
font-weight:900;
}

.beginners a:before,
a.beginner:before,
a.beginner_footer:before{
content: '';
display: inline-block;
width:1em;
height:1em;
background-image: url(../img/beginner.svg);
background-size: contain;
background-repeat:no-repeat;
vertical-align: middle;
margin-right:0.25em;
}
a.beginner_footer:before{margin-top:-5px;}

.btn-icon:hover{
opacity:0.8;
text-decoration:none;
}

blockquote,
blockquote .sec{
margin:0 0 1em;
padding:1em;
box-sizing:border-box;
color:#4e4e4e;
background:#e7f4f5;
border-radius:5px;
overflow:hidden;
}

blockquote.sec{background:#fff3db;}

.anniv_bg,
.anniv_bg2{
background:url(https://curry-spice.jp/img/30th_bg.png) no-repeat;
background-position:90% 50%;
background-color:#e7f4f5;
}
.anniv_bg2{
background:url(https://curry-spice.jp/img/30th_bg2.png) no-repeat;
background-position:10% 50%;
background-color:#e7f4f5;
}

blockquote p{
padding:0;
margin:10px 0;
}

blockquote cite{
display:block;
text-align:right;
color:#888888;
font-size:0.9em;
}

blockquote:nth-child(even) img{
width:30%;
margin:0 1em 0em 0;
border-radius:8px;
float:left;
}

blockquote:nth-child(odd) img{
width:30%;
margin:0 0 0em 1em;
border-radius:8px;
float:right;
}

blockquote .title{
font-size:130%;
border-left:none;
padding-left:0;
margin:1em auto 2em;
width:auto;
}

blockquotep{
display:block;
margin:1em 1em 1em 0;
}

.cp_qa *{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.cp_qa *:after, .cp_qa *:before{
font-family:"Font Awesome 5 Free";
font-weight:900;
}

.cp_qa dt{
position:relative;
margin:0 0 1.5em 0;
font-weight:bold;
}

.cp_qa dd{
position:relative;
margin:0 0 1.5em 0;
padding-bottom:1em;
border-bottom:1px dotted #0097a7;
}

.cp_qa dt::before, .cp_qa dd::before{
font-size:1.2em;
margin:0 0.5em 0 0;
color:#ffffff;
border-radius:50%;
display:inline-block;
width:1.75em;
height:1.75em;
line-height:1.6em;
}

.cp_qa dt::before{
padding:0.1em 0.3em 0.1em 0.5em;
content:'\f128';
background:#f57c00;
}

.cp_qa dd::before{
padding:0.1em 0.3em 0.1em 0.7em;
content:'\f12a';
background:#0097a7;
}

.cp_qa dt::after, .cp_qa dd::after{
position:absolute;
top:0.7em;
display:inline-block;
width:0;
height:0;
content:'';
border-width:5px 0 5px 5px;
border-style:solid;
}

.cp_qa dt::after{
left:2em;
border-color:transparent transparent transparent #f57c00;
}

.cp_qa dd::after{
left:2em;
border-color:transparent transparent transparent #0097a7;
}

#STAFF,
#STAFF_sub{padding:2em 0;}

#STAFF img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
object-position:0px 0px;
margin-bottom:1em;
}

#STAFF img.instructor,
#STAFF_sub img.instructor{
border:5px #0D8A93 solid;
}

#STAFF img.staff,
#STAFF_sub img.staff{
border:5px #3C3C3C solid;
}

#STAFF_sub img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
object-position:0px 0px;
margin-bottom:1em;
}

#STAFF_sub .title span{font-family:'Cormorant Garamond', serif;}

#safety-lesson{margin-top:-3em !important;}

#safety-lesson .pic_wrap img{
width:100%;
height:100%;
object-fit:cover;
border-radius:0;
object-position:0px 0px;
margin-bottom:1em;
}

#STAFF_sub .staff_pic,
#STAFF a,
#safety-lesson .pic_wrap{
width:29.3%;
display:block;
text-align:center;
float:left;
margin:0 2% 2%;
}

#STAFF_sub .staff_pic{margin:0 2% 2% 0;}
#STAFF_sub p a:link{text-decoration:underline;}
#STAFF_sub .position{ font-weight:bold;}
#STAFF_sub .position:before{
content:"\f05a";
font-family:"Font Awesome 5 Free";
font-weight:900;
color:#00909A;
margin-right:0.25em;
}

img.link_icon{
max-width:30px;
max-height:30px;
margin:1em 0.5em 0 0 !important;
border-radius:0% !important;
}

#STAFF a:nth-child(1),
#STAFF a:nth-child(6),
#STAFF a:nth-child(11),
#STAFF a:nth-child(16),
#safety-lesson .pic_wrap:nth-child(1),
#safety-lesson .pic_wrap:nth-child(6){margin-left:17%;}

#STAFF a:nth-child(2),
#STAFF a:nth-child(7),
#STAFF a:nth-child(12),
#STAFF a:nth-child(17),
#safety-lesson .pic_wrap:nth-child(2),
#safety-lesson .pic_wrap:nth-child(7){
margin-right:18.8%;
float:right;
}

#STAFF a:nth-child(3),
#STAFF a:nth-child(4),
#STAFF a:nth-child(5),
#STAFF a:nth-child(8),
#STAFF a:nth-child(9),
#STAFF a:nth-child(10),
#STAFF a:nth-child(13),
#STAFF a:nth-child(14),
#STAFF a:nth-child(15),
#STAFF a:nth-child(18),
#STAFF a:nth-child(19),
#STAFF a:nth-child(20),
#safety-lesson .pic_wrap:nth-child(3),
#safety-lesson .pic_wrap:nth-child(4),
#safety-lesson .pic_wrap:nth-child(5){margin:0 2% 2%;}

.frame_wrap,
.gmap{
height:0;
overflow:hidden;
padding-bottom:56.25%;
position:relative;
margin-top:3em;
}

.map{margin-top:2em;max-width:49%; float:right}

.frame_wrap{
padding-bottom:77%;
border:1px solid #ccc;
}

.frame_wrap iframe,
.gmap iframe{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
padding:3px;
border-radius:5px;
border:1px solid #ccc;
}
.Heading_border{
font-size:160%;
color:#C25265;
font-weight:bold;
margin:0.5em 0 1em;
display:flex;
align-items:center;
clear:both;
z-index:10;
font-family:'Nunito', sans-serif;
}

.Heading_border:before, .Heading_border:after{
content:"";
flex-grow:1;
height:1px;
background:#C25265;
display:block;
}
.Heading_border:before{margin-right:.8em;}
.Heading_border:after{margin-left:.8em;}


/*タブ切り替え全体のスタイル*/
.tabs{
width:100%;
margin:0 auto;
}

/*タブのスタイル*/
.tab_item{
width:calc(87%/3);
height:auto;
background-color:#fff;
font-size:130%;
color:#D5D5D5;
text-align:center;
padding:0.75em 0;
display:block;
float:left;
text-align:center;
font-weight:bold;
border-top:1px solid #D5D5D5;
border-right:1px solid #D5D5D5;
border-left:1px solid #D5D5D5;
margin-right:1%;
border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright:5px;
}

.tab_item:last-child{margin-right:0%;}

.tab_item:hover{
border-top:1px solid #008F99;
border-right:1px solid #008F99;
border-left:1px solid #008F99;
color:#008F99;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"]{display:none;}

/*タブ切り替えの中身のスタイル*/
.tab_content{
display:none;
padding:1em 2em;
clear:both;
overflow:hidden;
border:1px solid #D5D5D5;
height:250px;
overflow:auto;
}

/*選択されているタブのコンテンツのみを表示*/
#INFO:checked ~ #INFO_content,
#NEWS:checked ~ #NEWS_content,
#Katori:checked ~ #Katori_content{display:block;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item{
background-color:#008F99;
color:#fff;
border-top:1px solid #008F99;
border-right:1px solid #008F99;
border-left:1px solid #008F99;
}

footer{
width:100%;
height:auto;
margin:3em 0 0;
padding:3em 0 1em;
background:#3C3C3C;
font-size:120%;
color:#fff !important;
}

footer ul a{color:#fff !important;}

footer ul li{
border-left:3px solid #fff;
padding-left:13px;
margin-bottom:1.5em;
}

footer ul.sub{width:100%;}

footer ul.sub li{
border-left:3px solid #3C3C3C;
padding-left:13px;
margin-top:-0.5em;
margin-bottom:2em;
font-size:90%;
}
footer ul.sub li a:link{}

footer ul.sub li a:after{
content:"｜";
margin:0 0.75em;
color:#999;
display:inline-block;
}

footer ul.sub li a:last-child:after{
content:none;
margin:0;
}

footer .box_2:first-child{width:62%; margin-right:2%;}
footer .box_2:last-child{width:33% ;}

.btn_link{
width:100%;
background:#fff;
text-align:center;
border-radius:8px;
margin:0 0 1em;
font-size:180%;
}

.btn_link a{
display:block;
padding:0.5em 0;
color:#fff !important;
text-decoration:none !important;
}
.btn_link:hover{ opacity:0.6;}

small{
width:100% !important;
display:block;
clear:both;
padding:3em 0;
text-align:center;
border-top:1px solid #ccc;
}

#follow_btn{
position:fixed;
bottom:12%;
right:0;
width:auto;
height:auto;
padding-top:140px;
background:url(../img/follow_btn_bg.png) no-repeat right top;
background-size:contain;
text-align:center;
line-height:1.2;
z-index:5;
}

#follow_btn div{
width:110px;
height:auto;
padding:5px;
background:#fff;
box-shadow:0 0 10px 0 #999;
border-top-left-radius :8px;
-webkit-border-top-left-radius:8px;
-moz-border-radius-topleft:8px;
border-bottom-left-radius :8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px;
}

#follow_btn ul li{
width:100%;
height:auto;
margin:0 0 5px;
background:#fff;
border-radius:5px;
font-size:85%;
font-weight:bold;
}
#follow_btn ul li:last-child{margin-bottom:0;}

#follow_btn ul li a{
display:block !important;
text-decoration:none;
color:#fff !important;
padding:0.75em 0.5em;
}

#follow_btn ul li:hover{
opacity:0.6;
filter:alpha(opacity=60);
}

#page-top{
position:fixed;
bottom:1%;
right:1%;
font-size:250%;
text-align:center;
}

a#page-top{
width:auto;
line-height:60px;
background:#3C3C3C;
opacity:0.5;
filter:alpha(opacity=50);
text-decoration:none !important;
color:#fff;
padding:0 35px;
text-align:center;
display:block;
border-radius:10px;
box-shadow:0 0 10px 0 #999;
}

a#page-top:before{
content:"\f106";
font-family:"Font Awesome 5 Free";
font-weight:900;
}

a#page-top:hover{
text-decoration:none;
opacity:1.0;
filter:alpha(opacity=100);
animation:bound .3s ease infinite alternate;
}

/*------------お客様の声------------*/

.voice_balloon {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}

.voice_balloon .title{
font-size:120%;
border:none;
padding:0;
margin-bottom:0.5em;
}

.voice_balloon .faceicon {
float: left;
margin-right: -130px;
width: 120px;
text-align:center;
}

.voice_balloon .faceicon img{
width: 100%;
height: auto;
border: solid 3px #0D8A93;
border-radius: 50%;
display:block;
margin-bottom:1em;
}

.voice_balloon .tag_wrap{margin-bottom:0.5em;}


.voice_balloon a{
margin-right:0.25em;
}

.voice_balloon a:before{
content:"\f05a";
font-family:"Font Awesome 5 Free";
font-weight:900;
color:#00909A;
margin-right:0.25em;
display:inline-block;
}

.voice_balloon .chatting {width: 100%;}

.says {
display: inline-block;
position: relative; 
margin: 5px 0 0 145px;
padding: 2em 2em 0;
border-radius: 12px;
background: #fdf1e4;
}

.says:after {
content: "";
display: inline-block;
position: absolute;
top: 18px; 
left: -24px;
border: 12px solid transparent;
border-right: 12px solid #fdf1e4;
}

.says p {
margin: 0 0 0.5em;
padding: 0;
}

.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.cp_box {position: relative;}

.cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; /* グラデーションの高さ */
cursor: pointer;
text-align: center;
background: linear-gradient(to bottom, rgba(253, 241, 228, 0) 0%, rgba(253, 241, 228, 0.95) 90%);
}

.cp_box input:checked + label {background: inherit;}
.cp_box label:after {
line-height: 2.5rem;
position: absolute;
z-index: 2;
bottom: 20px;
left: 50%;
width: 16rem;
font-family:"Font Awesome 5 Free";
font-weight:900;
content: '\f13a'' 続きをよむ';
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #ffffff;
border-radius: 20px;
background:#0D8A93;
}

.cp_box input {display: none;}

.cp_box .cp_container {
overflow: hidden;
height:15em; /* 開く前に見えている部分の高さ */
transition: all 0.5s;
}

.cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
.cp_box input:checked + label:after {
font-family:"Font Awesome 5 Free";
font-weight:900;
content: '\f139'' 閉じる';
}

.cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
transition: all 0.5s;
}