/*こころ京都中央鍼灸治療院*/

/* Base Layout
------------------------------------------------------------ */
html {
	overflow: auto;
    scroll-behavior: smooth;
}
* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}
body {
	color: #303030;
	line-height: normal;
	font-family: "M PLUS Rounded 1C ,游ゴシック", YuGothic, "ヒラギノ角ゴ Pro",メイリオ, Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
    /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;*/
	position: relative;
	min-width: 320px;
	background-color: #FFFFFF;
	font-size: 15px;
	/*font-weight:bold;*/
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: justify;
	box-sizing: border-box;
	overflow-x: hidden;
}
* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}

ul{	list-style:none;}
li{	float:left;}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*clearfix to objects*/
header:after,
footer:after,
section:after,
.container:after,
div.widthsize:after,
ul:after{
	content: ".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,legend,textarea,p,blockquote,th,td{ 
	margin:0;padding:0;
}
img{
	border:0;
	vertical-align:bottom;
}
	
#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 5px;   /* ←下端からの距離 */
      right: 50px;    /* ←右端からの距離 */

      /* ▼最初は非表示にしておく */
      display: none;
	  z-index:100;
}

section{
	width:100%;
	position:relative;
	float:left;
	/*margin-bottom:3em;*/
	padding-bottom:3em;
}

/*h1 {font-size: 1em;}*/
.mt05{ margin-top:0.5em;}
.mt1{ margin-top:1em;}
.mt2{ margin-top:2em;}
.mt3{ margin-top:3em;}
.mt5{ margin-top:5em;}
.mt10{ margin-top:10em;}
.mb05{ margin-bottom:0.5em;}
.ml1{ margin-left:1em;}
.ml2{ margin-left:2em;}
.ml3{ margin-left:3em;}
.mr1{ margin-right:1em;}
.mt_1{ margin-top:-1em;}
.center{text-align:center;}
.fsize08{font-size:0.8em;}
.fsize09{font-size:0.9em;}
.fsize2{font-size:2em;}
.fsize12{font-size:1.2em;}
.fsize15{font-size:1.5em;}
/*.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;}*/
.mincho{font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;}
.text_red {	color: #A41F2B;}
.text_blk{color:#333333;}
.line_blu{ border: #161B60 2px solid;}

/**/
.text_pnk{color:#EC7373;}
.bg_pnk{
	background-color:#FDEDEA;
}
.txl{text-align:left;}
.flex{
    display: inline-flex;
    flex-wrap: wrap;
}
/*　Base Link 
------------------------------------------------------------ */
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a:link {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover, a:active  {
	color: #990000;
	text-decoration: none;
}
.Topics a:link ,.topi_more a:link { 
	color:#020202;
	text-decoration:none;
}
.Topics a:visited ,.topi_more a:visited { 
	color:#020202;
	text-decoration:none;
}
.Topics a:hover {
	color: #990000;
	text-decoration:underline;
}

/* 
------------------------------------------------------------ */
p.resizeimage img { width: 100%; }


/* 共通
------------------------------------------------------------ */
@media screen and ( min-width:320px )
{
.sp_none,.sp_none02{ display:none;}
.sp_w80 img { width:80%;}
.sppad_w100 img{ width:100%;}

header {
	width:100%;
	color:#FFFFFF;
}

.widthsize{
	max-width: 766px;
	margin-right: 1em;
	margin-left: 1em;
	position: relative;
}
.head_logo{
	float:left;
	margin-top:1em;
}
.head_logo img{ width:40%;}

#head_menu{
	width:100%;
	height:40px;
	background-color:#EC7373;
	padding:8px 0;
	position:fixed;
	z-index:200;
	font-size:1.2em;
}
#head_menu .head_name_sp{
	float:left;
	padding-left:1em;
	font-weight:bold;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	color:#fff;
	line-height:1.2em;
}

#head_menu  #toggle {
	display: block ;
	position: absolute;
	float: right;
	right: 0.5em;
	padding-top:6px;
}
/******************************************/
.menu_btn,
.menu_btn span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu_btn {
  position: relative;
  width: 36px;
  height: 30px;
}
.menu_btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu_btn span:nth-of-type(1) {
  top: 0;
}
.menu_btn span:nth-of-type(2) {
  top: 13px;
}
.menu_btn span:nth-of-type(3) {
  bottom: 0;
}
.menu_btn.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.menu_btn.active span:nth-of-type(2) {
  opacity: 0;
}
.menu_btn.active span:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}

/**********************************************************/
/*
----------------------------------------------------------------バーガーボタン2021new*/
 .menu_btn2021,
.menu_btn2021 .bbtn_line ,
.menu_btn2021 #bbtn_txt{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu_btn2021 {
  position: relative;
  width: 36px;
  height: 42px;
}
.menu_btn2021 .bbtn_line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu_btn2021 .bbtn_line:nth-of-type(1) {
  top: 0;
}
.menu_btn2021 .bbtn_line:nth-of-type(2) {
  top: 9px;
}
.menu_btn2021 .bbtn_line:nth-of-type(3) {
  top:18px;
}
.menu_btn2021.active .bbtn_line:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.menu_btn2021.active .bbtn_line:nth-of-type(2) {
  opacity: 0;
}
.menu_btn2021 .active .bbtn_line:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}
.menu_btn2021 #bbtn_txt ,.menu_btn2021 #bbtn_txt a:link ,.menu_btn2021 #bbtn_txt a:active ,.menu_btn2021 #bbtn_txt a:hover{
    position: absolute;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    color: #fff;
    letter-spacing: -1px;
    bottom: 1px;
}
/*
----------------------------------------------------------------バーガーボタン2021new　End*/
    
#head_menu  #menu{
	display: none ;
	float: left;
	position:fixed;
	z-index:100;
	margin-top:49px;
	width:100%;
}

#head_menu  #menu li{
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #c0c0c0;
	background: #EC7373;
	opacity:0.95;
	text-align:center;
}
.menu li a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  background: #EC7373;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.menu li a:hover{
  background: #EC7373;
  color: #661B1B;
  
}
/*#head_img { padding-top:36px;}*/
#head_img img{width:100%;}
.sns_nav3{
    width: calc(100% / 3);
    float: left;
    }
    
    
    
/*****************************************************************************/
nav{
	width:100%;
	color:#FFFFFF;
}
.head_info{
	float:right;
	margin:4em 0 1em;
	color:#000;
}
.head_info li{
	width:100%;
	text-align:right;
}
.head_info .sns{ display:none;}
.head_info .head_add{
	float:right;
	font-size:12px;
}
.head_info2023{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
}
.head_info .senior_btn{
	width:50%;
    margin-top: 10px;
}
.head_info .senior_btn img{
	width:100%;
}
/*----------------------------------------------------------------------- footer */

footer {
	width: 100%;
	float: left;
	background:#EC7373;
	padding:0 0 2em;
	color:#FFFFFF;
}
footer .f_add{
	margin:1em 0;
}

footer .f_add ul{ margin-left:1em; margin-bottom:2em;}
footer .f_add li{
    width:100%;
    line-height: 1.8em;}
footer .f_add .name{ margin-top:1em; }
/*footer .f_add .text{ margin-left:1em; }*/
footer .f_add p{ text-align:left; margin-top:3em; margin-left:1em; width:100%;}
footer .f_map{float:left; width: auto; margin-top:1em;}
footer .f_fb{
	float:left; 
	margin-left:1em;
	margin-top:1em;
	}
footer .f_nav ,.f_logo{ display:none;}

/* inneer
------------------------------------------------------------ */
.main{
	text-align:center;
	margin:1.5em 0 2em;
	}
h1 {margin-top:0;}
.attention{
	margin:2em 0;
	color:#EC7373;
	font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	font-size:1.6em;
}
.ttl{
	font-size:2em;
	font-weight:500;
	text-align:center;
	margin-top:1em;
}
.box_bdr4{
	border:#EC7373 1px solid;
	margin:10px auto;
	width:100%;
}
.lnk_box li img , .lnk_right img{ width:100%; }
.box_2{
	width:100% ;
}
.lnk_box_right{margin-top:2.5em;}
    
.omoi{line-height: 1.8em}
    
/******************************************/
/*ポップアップここから*/
.popup_wrap input {
  display: none;
}.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 800px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
}
.popup_content img{
  width: 100%;
    }
.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
    color: #FC0004;
    text-decoration: underline;
}
.open_btn:hover{
    color:#666666;
    transition: .3s ease;
}
/*.open_btn {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 30px;
  margin:10px auto;
  padding: 8px 16px;
  color: #fff;
  background:#0c0d62;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  cursor: pointer;
  transition: .3s ease;

}
.open_btn:hover{
    background:#000;
    color:#fff;
    transition: .3s ease;
}*/
/*ポップアップココまで*/
/******************************************/
.lnk_box_bdr2{
	width:100%;
	border-top:#EC7373 1px solid;
	border-bottom:#EC7373 1px solid;
	padding:2px 0;
}
.right{ float:right;}/*topのみ*/
.lnk_box_bdr2 .btn_voice{
	width:380px;
	height:140px;
	float:right;
	margin:0.5em 1.8em ;
	background:#EC7373;
	border-radius:10px;
	text-align:center;
	padding-top:2.5em;
	box-sizing:border-box;
	color:#fff;
	font-size:1.5em;
    font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	/*font-family: "游明朝", YuMincho, "メイリオ",Meiryo,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;*/
}
.infomation_box{
	width:90%;
	margin:3em auto;
	border:#EC7373 5px solid;
	border-radius:10px;
	padding:1em;
}
.infomation_box li{
	 /*width:100%;*/
	 text-align:left;
}
.infomation_box .name{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#EC7373;
}
.info_add {
	float:left;
	width:auto;
	margin-top:0.5em;
}
.info_mail {
	float:right;
	margin-right:1em;
}
.info_fax {
	font-size:1.5em;
	float:left;
	margin-top:-2em;
	margin-left:1em;
}

/******************************************************** faq*/
.faq_box{width:100%;}
.faq_box dt{
	color: #221814;
	font-size: 1.3em;
	font-weight:500;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
	margin-top: 1em;
	}
.faq_box dd{
	color:#EC7373;
	border:#EC7373 solid 5px;
	border-radius:10px;
	padding:1em 2em;
	margin-top:1em;
	margin-bottom:3em;
	font-size: 1.05em;
}
/******************************************************** profile*/
.gaiyo{width:100%;}
.profile  td ,.profile  th {
	padding: 0.2em 1em;
	box-sizing:border-box;
	width:100%;
	display:block;
}

.map {
	margin:3em auto 0;
	text-align:center;
	}
.lead_box { float:left;}
.profile .lead_box p{
	margin:1em auto;
	width:80%;
}

/*********************************************************** service*/
.service .lead {
	margin:1em auto 1em;
}
.service .lead p{ font-size:1.2em;}
.service .lead li {
	margin-left:2em;
	list-style:disc outside;
}
.service .ttl{
	font-size:1.6em;
}
.sp_w90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.mt-1 {
	margin-top:-4em;
	color:#EC7373;
}
.attention2{
	margin:2em 0;
    font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;*/
	font-size:1.5em;
	text-align:center;
	color:#666;
}
.inner{
	width:100%;
	margin-top:4em;
}
.inner img{width:100%;}
.ttl2{
	background:#EC7373;
	border-radius:10px;
	padding:0.4em 1em;
	color:#fff;
	text-align:center;
	width:8em;
	margin:1em auto;
	font-size:1.5em;
}
.inner2{
	/*width:55%;*/
	margin:4em auto;
    text-align: center;
}
.service dt{
	font-size:1.2em;
	margin-top:0.8em;
}
/************************************************************* recruit*/
.recruit .ttl img{width:100%;}
.recruit .lead_box{margin-top:3em;}
.recruit .lead_box img {
	margin-right:1em ;
    margin-bottom: 1em;
}
.recruit .lead_box p {
	margin-bottom:1em ;
	font-size:1.2em;
    font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;*/
	color:#EC7373;
}
.inner3{
	margin:1em ;
	/*line-height:2.2em;*/
	font-size:1.2em;
    font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;*/
	color:#EC7373;
}
.recruit .lead_box2 {
	margin:3em 0;
}
.recruit .lead_box2 p {
	color:#333;
	padding-top:0.5em;
}
.recruit .lead_box img{float:left;}
.recruit .inner dt{
	width:100%;
	background:#EC7373;
	padding:0.4em;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
}
.recruit .inner dd{
	width:85%;
	height:8em;
	margin:1em auto;
	border: 2px dotted #EC7373;
}
.contact_box{width:100%;}
.recruit .contact_box .ttl{
    font-size: 1.5em;
    }
    
/************************************************************* recruit2023追加*/
#recruit2023{
    float: none!important;
    }  
#recruit2023 img{
    width:100%;
    }  
#recruit2023 .lead_box img{
    width:30%;
    }  
#recruit2023 .lead_box p {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 1.1em;
    line-height: 1.6em;
}
#recruit_nav{
    margin: 5em 0 0;
    justify-content: space-between;
    float: none!important;
    }  
.recruit_nav_btn{
    width:45%;
    margin-bottom: 3em;
    }  
.recruit_nav_btn a{
    position:relative;
    top:0;
    transition: all .3s;
    }
.recruit_nav_btn a:hover{
    top:-3px;
    }
.recruit_nav_btn a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#day_nagare_area,
#kenshu_area,
#faq_area,
#yoko_area{
    margin-top: -60px;
    padding-top: 60px;
    margin-bottom: 100px;
    }
.movie_area{
    margin-bottom: 100px;
    }
#recruit2023 .ttl{
    font-weight: 600;
    font-size: 26px;
    color: #EC7373;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: solid 16px ;
    letter-spacing: 3px;
    text-align: center;
    }
.kenshu_inner li{
    width: 100%;
    float: none;
    }
.kenshu_inner li:last-child{
    margin-top: 3em;
    }
.attention_area{
    align-items: center;
    justify-content: space-between;
    margin-top: 3em;
    width: 100%;
    }
.attention_img{
    width: 20%;
    }
.attention_txt{
    width: 60%;
    position:relative;
    background:#FFFFFF;
    padding:15px;
    text-align:left;
    border:5px solid #EC7373;
    font-weight: 600;
    color: #EC7373;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
}
.attention_txt:after,.attention_txt:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:99.8%;
    top:50%;
}
.attention_txt:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:9px;
    border-bottom-width:6px;
    border-left-width:18px;
    border-right-width:18px;
    margin-top: -8px;
    border-right-color:#FFFFFF;
}
.attention_txt:before{
    border-color: rgba(63, 114, 155, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:22px;
    border-right-width:22px;
    margin-top: -10px;
    margin-right: 2px;
    border-right-color:#EC7373;
}
.txt_green{
    color: #8fc322;
    border: solid 5px #8fc322;
    }  
.txt_green::before{
    border-right-color:#8fc322;

}
.attention_txt p {
  margin: 0;
  padding: 0;
}
#day_nagare_area .attention_area{
    justify-content:center;
    margin:0 auto 1em;
    }
#day_nagare_area .attention_txt{
    width: 40%;
}
.kenshu_ttl{
    width: 80%;
    margin: 2em 0 1em;
}
.kenshu_txt p{
    font-weight: 600;
    width: 80%;
    margin: auto;
    line-height: 1.6rem;
    }  
.kenshu_img{
    width: 80%;
    margin: 1em auto 3em;
}
.txt_green{
    color: #8fc322;
    }
.debut{
    margin: 3em auto 3em;
}
#recruit2023 .movie_area .ttl{
    font-size: 24px;
    letter-spacing: 0;
    }
#recruit2023 .contact_box .ttl{
    letter-spacing: 0;
    }
.rec_faq_box dt{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 10px 10px 0 0 ;
    background: #EC7373;
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
    }  
.rec_faq_box dd{
    padding: 8px 20px;
    border: solid 3px  #EC7373;
    margin-bottom: 1.5em;
    font-size: 1.2em;
    font-weight: 600;
}  
#recruit2023 .movie {
    width:100%;
    }  
#recruit2023 .movie_item {
    width:100%;
    margin: 2em auto;
    }  
.youtube_ifreme{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}
.yoko {
	width:100%;
    margin: 0.5em auto 8em;
}

.yoko th,.yoko td{
	width:100%;
	display:block;
	box-sizing:border-box;
    padding: 0.5em 1em;
	background:#fff;
    color: #555555;
    line-height: 1.8em;
}
.yoko th{
    border-bottom: dotted 1px;
}
.yoko td{
    padding-bottom: 1em;
}
.toiawase_img{
	width:30%;
    margin: auto;
}
/************************************************************* voice*/
.voice_box{
	margin:2em 0;
	width:100%;
	clear:both;
	float:left;
}
.voice_box .photo{
	float:left;
	width:400px;
	}
.voice_box .voice_text{
	float:left;
	margin-top:1em;
	width:550px;
	}
.voice_box .name{
	float:left;
	font-size:1.2em;
    font-family:  "游明朝体", 'Noto Serif JP', YuMincho ,  "Yu Mincho" , serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" ;*/
	margin-bottom:0.5em;
}
.voice_text p{float:left;}
/************************************************************ topics*/
#topi_box {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
}
#topi_box .topi_ttl {
	/*padding-bottom:1em;*/
	padding-left:1em;
	border-bottom:#999999 solid 3px;
	font-size:1.6em;
	/*font-weight:bold;*/
}

#topi_box .topi_inner .date ,#topi_box .topi_inner .Topics {
	width: 100%;
}

#topi_box .topi_inner .new::before {
	content: "NEW";
    margin-right: 1em;
    padding: 2px 5px;
    font-size: 0.8em;
    color: #fff;
    background: #990000;
}

#topi_box .topi_inner li  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 0.7em;
	width: 100%;
	float: left;
	box-sizing: border-box;
	color:#000000;
}
.topi_more{ 
	margin-top:1em;
	padding-bottom:1em;
	text-align:right;
}
/*******************************************senior****/
.fnt_marugothic{ 
    font-family: 'M PLUS Rounded 1c',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
    color: #898989;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
.senior main img{
    width:100%;    
    }
.senior main section{
    float: none;
    }
.senior .nayami_inner{
    width:100%;    
    }
.senior .senior_point_box{
    width:100%;    
    justify-content: space-around;
    }
.senior .senior_point_box .circle,
.senior .flow_box .circle02{
    width:110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
 	background: #EC7373;
 	color: #fff;
	text-align: center;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	transition: background-color 1s;
    font-size: 18px;
    }
.senior .emphasis{
    color: #fff;
    font-size: 1.3em;
    text-shadow: 0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373,0 0 3px #EC7373;
    position: relative;
    }
/*.senior .emphasis{
    color: #fff;
    font-size: 1.3em;
    -webkit-text-stroke: 2px #EC7373;
    text-stroke: 2px #EC7373;
    position: relative;
    }
.senior .emphasis::before{
    color: #EC7373;
    content: attr(date-text);
    position: absolute;
    text-stroke: 2px #fff;
    -webkit-text-stroke: 2px #fff;
}*/
    
.senior h2{
    margin-bottom: 2em;
    }

.senior .tokucho_box{
	background-color: #f8cdc7;
    color: #727171;
    padding: 15px 15px 0;
    margin-bottom: 30px;
}
.senior .flow_box{
    padding: 15px 15px 0;
    margin-bottom: 30px;
    border-bottom: dotted 8px #f8cdc7;
    width: 100%;
    box-sizing: border-box;
}
.senior .flow_box:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.senior .tokucho_box .txt_area,
.senior .flow_box .txt_area {
    width: 100%;
    }
.senior .tokucho_box .txt_area .tokucho_ttl,
.senior .flow_box .txt_area .flow_ttl{
    font-weight: 700;
    color: #EC7373;
    font-size: 24px
    }
.senior .tokucho_box .txt_area .tokucho_no,
.senior .flow_box .txt_area .flow_no{
    font-size: 1.5em;
    }
.senior .tokucho_box .txt_area p,
.senior .flow_box .txt_area p{
    color: #727171;
    margin-top: 1em;
}
.senior .tokucho_box .tokucho_img,
.senior .flow_box .flow_img{
    width: 50%;
    margin-left: 40%
    }
.senior .flow_box .flow_img02{
    width: 100%;
    align-items: flex-end;
    justify-content: space-around
    }
.senior .flow_box .circle02{
    width:120px;
    height: 80px;
    border-radius:20px;
    margin-bottom: 5px;
    }
.senior .flow_box .flow_img02 .flow_img02_01{
    width: 50%;
    }
.senior .senior_attention {
    padding: 3em 0;
	background-color: #f8cdc7;
    color: #727171;
    }  
.senior .senior_attention .txt_area_01,
.senior .senior_attention .txt_area_02{
    position: relative;
    width: 100%;
    }   
.senior .senior_attention .txt_area_01 p{
    padding-top: 74px;
    }   
.senior .senior_attention .txt_area_01 .attention_img01{
    position: absolute;
    width: 35%;
    right: 10px;
    top: 0;
    }   
.senior .senior_attention .txt_area_02 .balloon_right  {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #ed7374;
    border-radius: 10px;
}   
.senior .senior_attention .txt_area_02 .balloon_right::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #ed7374;
}
.senior .senior_attention .txt_area_02 .balloon_right p{
  margin: 0;
  padding: 0;
}
.senior .senior_attention .txt_area_02 .attention_img02{
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
    }   
.senior .senior_attention .txt_area_03{
    border: 3px solid #ed7374;
    background: #fff;
    margin-top: 80px;
    padding: 15px;
    box-sizing: border-box;
    width: 100%;
    }   
.senior .senior_attention .txt_area_03 .shisetsu_ttl{
    font-size: 24px;
    color:#ed7374;
    
    }   
.senior .senior_attention .txt_area_03 .attention_img03{
    width: 60%;
    margin: auto;
    }   
.senior .footer_upper {
    padding: 3em 0;
	background-color: #ed7374;
    color: #fff;
    }  
.senior .footer_upper h3 {
    font-size: 20px;
    line-height: 2em;
    }  
.senior .emphasis02{
    color: #EC7373;
    font-size: 1.3em;
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.1em .3em;
    background-image: radial-gradient(.15em .15em at center center,#fff,#fff 100%,transparent);
    letter-spacing: 2px;
    }
.senior .footer_upper .senior_infomation_box {
    text-align: center;
    margin: 2em auto;
    }  
.senior .footer_upper .tel_icon img {
    width: auto;
    }
.senior .footer_upper .shop_name {
    font-size: 24px;
    font-weight: 700;
    }  
.senior .footer_upper .tel {
    font-weight: 700;
    font-size: 32px;
    }  
.senior .footer_upper .senior_infomation_box .sub_txt{
    text-align: left;
    }  


}
@media screen and ( min-width:767px )
{
.widthsize{	max-width: 979px;}
.head_logo img{ width:auto;}
.sp_w80 img{ width:auto;}
.sp_none02{ display:block;}
.pc_none02{ display:none;}
#head_menu #toggle img { width: 100%; }
#head_menu #toggle {
	margin-right: 5%;
}
.head_info .head_add{ font-size:15px;}


.head_info2023 ul{
	width:70%;
    margin-top: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.head_info .senior_btn{
	width:30%;
}

    
    
.f_logo{
	display:block;
	float:right;
	margin-top:-17em;
}
.lnk_right{
	float:right;
	margin-top:0.5em;
}
.lnk_right img{
	width:auto;
}
#topi_box .topi_inner .date {
	float: left;
	width: 20%;
	padding-right: 2em;
    box-sizing: border-box;
}
#topi_box .topi_inner .Topics {
	float: left;
	width: 80%;
}

h1 {margin-top:1em;}
h2 img{ width:auto;}
.attention{	font-size:1.8em;}
/***************************************** 均等配置*/
.box_2{
	width:calc(100% / 2);
	margin:2px;
}
.lnk_box{
	width:100%;
	display:flex;
	justify-content:center;
	padding:0;
	list-style:none;
}
.lnk_box_right{margin-top:0;}

.box_bdr4{
	width:auto;
	margin:10px 5px;
	width:calc(100% / 3);
}

.infomation_box{
	border:#EC7373 10px solid;
}
.infomation_box_left li{
	width:100%;
}
.infomation_box .name{
	font-size:2em;
	float:left;
}
.info_tel{
	float:left;
	margin-top:1em;
}
/**/
.info_mail {
	margin-right:0;
	margin-top:1em;
	margin-left:1em;
}
.info_fax {
	float:left;
	margin-top:1em;
}

/******************************************************** service*/
.service .lead {
	width: 80%;
	margin:3em auto 6em;
	line-height:2em;
	font-size:1.2em;
}
.service .ttl{
	font-size:2em;
}
/******************************************************** recruit*/
.recruit .ttl {
    width:70%;
    margin: 1em auto;
}
.recruit .lead_box2 {
	background:url(../img/recruit/img01.jpg) right;
	background-repeat:no-repeat;
	width:100%;
	float:left;
}
.recruit .lead_box2 p {
	color:#EC7373;
	padding-right:35%;
	float:left;
}
.inner3{ text-align:center;}
.contact_box{
	width:80%;
	margin:3em auto;
}
.recruit .contact_box .ttl{
    font-size: 2em;
    }
/************************************************************* recruit2023追加*/
#recruit2023 .widthsize{
    margin-right: 2em;
    margin-left: 2em;
    }
#recruit2023 .lead_box {
    float: none!important;
    margin-top: 5em;
}  
#recruit2023 .lead_box .photo{
    width:22%;
    padding: 0 3%;
    box-sizing: border-box;
}  
#recruit2023 .lead_box .photo img{
    width:100%;
}  
#recruit2023 .lead_box .photo p{
    color: #303030;
    font-size:1em;
}  
#recruit2023 .lead_box .message{
    width:78%;
    font-size: 1.2em;
    color: #EC7373;
    line-height: 1.8em;
}
#recruit_nav{
    margin: 8em 0;
}

.recruit_nav_btn{
    width:22%;
    margin-bottom: 5em;
    
}  
#recruit2023 .ttl02{
    font-size: 26px;
    letter-spacing: 3px;
    }  
#day_nagare_area,
#kenshu_area,
#faq_area,
#yoko_area,
.movie_area{
    margin-bottom: 150px;
    }
.rec_faq_box dt{
    padding: 5px 12px;
    }
.kenshu_inner li{
    margin-bottom: 5em;
    }
.kenshu_inner li:last-child{
    width: 70%;
    margin: 0 auto 5em;
    }

.attention_area {
    justify-content: flex-start;
    margin-left: 50px;
    }     
.attention_txt {
    width: 45%;
    font-size: 1.2em;
    padding: 20px 20px 20px 30px;
    }     
.attention_txt:before {
    margin-right: 0;
    }
#day_nagare_area .attention_txt{
    padding-left: 30px;
    box-sizing: border-box;
    width: 30%;
    }
.kenshu_box{
    align-items: flex-end;
    }  
.kenshu_txt{
    width: 60%;
    }  
.kenshu_txt p{
    font-size: 1.2em;
    }  
.kenshu_img{
    width: 40%;
    margin: 0;
    }  
    
#recruit2023 .movie {
    width:49%;
    }  
#recruit2023 .movie_area .flex{
    justify-content: space-between;
    width: 100%;
    }  
.yoko th,.yoko td{
	width:100%;
	display:inline-table;
    margin: .8em 0;
}
.yoko tr{
	border-bottom: dotted 1px;
    padding: 5px 0;
}
.yoko tr:first-child{
	border-top: solid 1px;
}
.yoko tr:last-child{
	border-bottom: solid 1px;
}
.yoko th{
	width:20%;
    border: none;
    vertical-align: top;
    text-align: center;
    letter-spacing: 1px;
}
.yoko td{
	width:70%;
}
.toiawase_img{
	width:25%;
}
#recruit2023 .contact_box{
	width:100%;
	margin:3em auto;
}
/*******************************************senior****/
.fnt_marugothic{ 
    font-size: 22px;
    line-height: 30px;
}
.senior main h1{
    width:60%;
    margin-left: auto;
    margin-right: auto;
    }
.senior .nayami_box{
    width:90%;
    margin-left: 5%;
    }
.senior .nayami_inner{
    width:50%;    
    }
.senior_intro p{
    text-align: center;
    }
.senior .senior_img{
    width:70%;
    margin-left: 15%;
    }
.senior .senior_point,
.senior .senior_point_box{
    width:80%;
    margin-left: 10%;
    }
.senior .senior_point_box .circle{
    width:200px;
    height: 200px;
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 42px;
    }
.senior h2{
    margin: 5em auto 3em;
    width: 80%;
    }
.senior .tokucho_box{
    justify-content: space-around;
    align-items: flex-end;
    }
.senior .flow_box{
    justify-content: space-around;
    }
.senior .tokucho_box .txt_area,
.senior .flow_box .txt_area{
    width: 70%;
    padding-bottom: 15px;
    }
.senior .tokucho_box .txt_area p,
.senior .flow_box .txt_area p{
    margin-left: 30px;
}
.senior .tokucho_box .tokucho_img,
.senior .flow_box .flow_img{
    width: 20%;
    margin-left: 0;
    }
.senior .flow_box .flow_img03{
    width: 20%;
    position: relative;
    }
.senior .flow_box .circle02{
    width:140px;
    height: 140px;
    font-size: 20px;
    border-radius:50%;
    }
.senior .flow_box .flow_img03 .flow_img03_01{
    position: absolute;
    top:-90px;
    left:-200px;
    width: 100%;
    }
.senior .flow_box .flow_img03 .flow_img03_02{
    position: absolute;
    bottom: 10px;
    right: 10px;
    }
.senior .senior_attention .txt_area_01,
.senior .senior_attention .txt_area_02,
.senior .senior_attention .txt_area_03{
    padding-left: 3em;
    padding-right: 3em;
    box-sizing: border-box;
    }   
.senior .senior_attention .txt_area_01 p{
    line-height: 2em;
    font-size: 26px;
    }   
.senior .senior_attention .txt_area_01 .attention_img01{
    width: 30%;
    right: 120px;
    top: -50px;
    }   
.senior .senior_attention .txt_area_02 .balloon_right  {
  margin: 5em;
  padding: 7px 15px;
  font-size: 22px;
    line-height: 1.8em;
}   
.senior .senior_attention .txt_area_02 .attention_img02{
    width: 40%;
    right: 110px;
    top: 90px;
    }   
.senior .senior_attention .txt_area_03{
    padding-bottom: 0;
    margin: 150px 10% 0;
    width: 80%;
    }   
.senior .senior_attention .txt_area_03 .shisetsu_list{
    width: 60%;
    }   
.senior .senior_attention .txt_area_03 .attention_img03{
    width: 40%;
    }   
.senior .senior_attention .txt_area_03 .shisetsu_ttl{
    font-size: 24px;
    font-weight: 700;
    }   
.senior .senior_attention .txt_area_03 .shisetsu_list p{
    line-height: 1.5em;
    }   
.senior .footer_upper h3{
    text-align: center;
    }  
.senior .footer_upper .shop_name {
    font-size: 30px;
    }  
.senior .footer_upper .tel {
    font-size: 50px;
    }  
.senior .footer_upper .sub_txt {
    font-size: 20px;
    }  


}
@media screen and ( min-width:980px )
{
#spnav {display:none;}
#head_menu #toggle ,#head_menu{ display:none;}
.sp_none{ display:block;}
.pc_none{ display:none;}
.sppad_w100 img {width:auto;}
.widthsize{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.head_logo{	margin-top:2em;}
.head_logo2023{
    width:35%;
}
.head_logo2023 img{ width:100%;}
    
.head_info .head_name{
	font-size:1.2em;
	font-weight:bold;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
.head_info{
	width:60%;
	margin: 1em 0;
	}
.head_info .sns{ 
	display:block;
	float:left;
}
.head_info .head_add{ padding-top:10px;}
	
/*******************************************************************************************new*******/
#head_img { padding-top:0;}
/*#head_img img{width:auto;}
*/
/*---------------------------------------------------------------------------------- // fixed_menu // ----------*/

#fixed-navi{
	display:block;
	width:100%;
	background-color:#EC7373;
	height:30px;
	padding:10px 0;
	z-index:100;
    box-shadow: 0 3px 10px -5px #fcede9;
}
#fixed-navi ul{
	overflow:hidden;
	list-style:none;
/*	max-width:960px;
*/
	max-width:850px;
	margin:auto;
}
#fixed-navi li{
	padding: 2px 13px;
	display:inline;
	border-right-width: 1px;
	border-right-style:solid;
	border-right-color: #FFFFFF;
	float:left;
	box-sizing: border-box;
	z-index:200;
}
#fixed-navi li a{
	color:#fff;
	text-decoration:none;
	/*padding:10px 29px;*/
	display:block;
/*	font-size:14px;*/
	font-size:18px;
	font-weight:500;
}
#fixed-navi li:first-child{ padding-left:0;}
#fixed-navi li:last-child{ border:none; padding-right:0;}

#fixed-navi li a:hover{
	color: #F0D5D5;	
}
.fixed {
	position: fixed;
}
#fixed-navi .nav_pc2023{
	max-width:960px;
}
#fixed-navi .nav_pc2023 li a{
	font-size:15px;
}

/* footer
-------------------------------------------------------------footer*/
/*footer {
	background:#EC7373;
}*/
footer .f_nav ul{ width:100%; float:left; margin-bottom:0;}
footer .f_add{
	width:41%;
	margin:0;
	float:left;
	text-align:left;
	font-size:inherit;
	padding-top:1em;
}
footer .f_nav {
	display:block;
	float: right;
	color: #FFFFFF;
	width: 50%;
	margin-top:2em;
	font-size:0.9em;
}
.f_nav li{ 
	padding: 0 10px;
	display:inline;
	border-right-width: 1px;
	border-right-style:solid;
	border-right-color: #FFFFFF;
	float:left;
	box-sizing: border-box;
	margin-bottom:0.5em;
}
.f_nav li:last-child{ border:none; padding-right:0;}
.f_nav a:hover{color: #F0D5D5;}

.f_link{ float:right; margin-top:-6em;}
.f_logo{
	margin-top:8em;
}
/*--------------------------------------------------------------*/
h1 {margin-top:3em;}
.box_bdr4{
	margin:10px;
}
.lnk_box li img{ width:auto; }
/*pc*/
.infomation_box{
	float:left;
	width:930px;
}
.infomation_box_left{float:left; width:56%;}
.infomation_box_right{float:right; width:43%;}
.info_tel{
	margin-top:1.3em;
}
.info_mail {
	margin-top:1.3em;
	margin-left:0;
}
.info_fax {
	margin-right:3em;
	margin-top:0;
}
.ttl{
	margin-top:3em;
}
#topi_box .topi_inner .new::before {
	margin-left: -50px;
}


/******************************************************** profile*/
.profile  th {
	width:30%;
	float:left;
}
.profile  td {width:70%;}

/******************************************************** service*/

.bg_img{
	background-image:url(../img/service/bg_img.png);
	background-repeat:no-repeat;
	background-position-x:center;
}
.sp_w90{width:100%;}
.inner img{width:auto;}
.attention2{
	margin:5em 0 8em;
	text-align:inherit;
	color:#EC7373;
	}

/******************************************************** recruit*/
.recruit .ttl img{width:auto;}
.recruit .lead_box p ,.inner3{
	margin:3em ;
}
.recruit .lead_box p {
	float:left;
	width:70%;
	margin:1em ;
}
.contact_box{width:70%;}
.recruit .lead_box img {
	margin-right:0 ;
    margin-bottom: 0;
}
/************************************************************* recruit2023追加*/
#recruit2023 .widthsize{
    margin-right: auto;
    margin-left: auto;
    }
#day_nagare_area .attention_txt{
    width: 25%;
    }
#recruit2023 .contact_box{
	width:80%;
	margin:5em auto;
}

/* top
------------------------------------------------------------ */
#topi_box .topi_inner {
	padding-top: 0.5em;
	width:75%;
	padding-left:25%;
	background-image:url(../img/top/topi_img.png);
	background-position: left bottom;
	background-repeat:no-repeat;
}

#topi_box .topi_inner .date {
	float: left;
	margin-right: 3em;
	margin-left: 1em;
	margin-top: 0.3em;
	width: auto;
}
#topi_box .topi_inner .Topics {
	margin-top: 0.3em;
	width: auto;
}
/*
-----------------------------------------------------------more-----*/
.textarea {
	float: left;
	width: 60%;
	margin-top:3em;
	position:relative;
	z-index:-1;
}
.imgarea {
	float: left;
	width: 40%;
	text-align: right;
	margin-top:2em;
	position:relative;
	z-index:-1;
}
.tax_sp{ display:none;}
#attension_tax {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 200px;   /* ←上端からの距離 */
      right: 100px;    /* ←右端からの距離 */

      /* ▼最初は非表示にしておく */
      display: none;
}
#menu_list {z-index:-1;}
#menu_list .menu_item3 ul{ width:100%; margin-left:-5px;}
/*pc*/
#menu_list .menu_item3 .cha{
	width: 150px;
}
#menu_list .menu_item2 li{
	width: 470px;
	margin-left:0;
}

/*------------------------------------------------------------  senior */
.senior .flow_box .flow_img03 .flow_img03_01{
    top:-120px;
    }
.senior .senior_attention .txt_area_01 p{
    padding-top: 100px;
    }   

.senior .senior_attention .txt_area_01 .attention_img01{
    width: 25%;
    right: 380px;
    }   
.senior .senior_attention .txt_area_02 .balloon_right  {
  margin-left: 35%;
}   
.senior .senior_attention .txt_area_02 .attention_img02{
    width: 35%;
    right: 140px;
    top: 70px;
    }   
.senior .footer_upper .senior_infomation_box .sub_txt {
    text-align: center;
    }  


}

/*------------------------------------------------------------  mail */

@media screen and ( min-width:320px )
{
#formWrap {
	width:100%;
	margin:2em auto;
	line-height:120%;
	font-size:100%;
	color:#666666;
}
#formWrap img {width:100%;}

/******************************************recruit mail*/

table.formTable { 
	margin-top:1em;
	margin-bottom:2em;
	width:100%;
}
table.formTable td,table.formTable th{
	padding:10px 0;
	display:block;
	font-weight:lighter;
	font-size:1.2em;
}
.recruit table.formTable th{
	color:#FFFFFF;
	background:#EC7373;
	border-radius:5px;
	/*padding:0.4em 1em;*/
	text-align:center;
	margin:2em auto 0.2em;
	width:100%;
	box-sizing:border-box;
}
/*table.formTable td {width:100%;}*/

#formWrap .info{
	margin:2em 1em 3em;
	text-align:left;
}
.btn_box{ 
	text-align:center;
	margin-bottom:1em;
	width:100%;
}
.btn_pnk{
	color:#FFFFFF;
	background:#EC7373;
	padding:0.6em 1.5em;
	letter-spacing:1em;
	text-align:center;
	border-radius:15px;
	font-size:1.2em;
	/*margin:2em auto 0.2em;*/
}


.contact_ttl{
	width:100%;
	background:#CCC 2em;
	text-align:center;
}
.contact_file{
	width:80%;
	margin:1.5em auto;
}

input[type="text"] ,
input[type="tel"] ,
input[type="email"] ,
 textarea{
	width:100%;
     padding: 10px;
     box-sizing: border-box;
}

/*.contact_serect li{width:50%;}
*/
.contact_file li{
	width:100%;
	margin:0.5em;
}
.contact_file_ttl {	background:#CCC 2em;}

.file_btn{
	width:180px;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	background-color:#CCC;
	margin:2em;
	border-radius:5px;
	box-shadow:2px 2px #999999;
	float:left;
	}
.file_tmnail{ 
	width:50%;
	float:left;
	padding:0 10%;
	box-sizing:border-box;
}
/*.file_tmnail img{width:80%;}*/
.sankaku{
	width:0;
	height:0;
	border-top:30px solid #CCC;
	border-right:80px solid transparent;
	border-bottom:30px solid transparent;
	border-left:80px solid transparent;
	margin:auto;
}

/*トピックスページ-----------------------------------------*/
#topics_box{ 
	width:90%;
	margin:1em auto;
}
#topics_box li{
	float:left;
	margin:0.5em 0;
	padding:0.5em 5% 1em;
	width:100%;
	box-sizing:border-box;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #47210D;
}
#topics_box .date { float:left; margin-right:1em;}
#topics_box .Topics, .topics_box .photo,.topics_box .text{
	width:100%; 
	padding-bottom:0.5em;
	overflow:hidden;
}
#topics_box .Topics{ font-size:1.2em;}
#topics_box .photo img { width:100%; max-width:100%;}

/*********************************************************** staff*/
.staff_list{
	float:left;
	width:100%;
	font-size:16px;
	padding-bottom:1em;
	border-bottom:#EC7373 dotted 2px;
	margin-top:-5em;
    padding-top: 8em;
}
.staff_name{
	text-align:center;
	margin-bottom:1em;
}
.staff_text{
	/*float:left;*/
	width:90%;
    margin: auto;
}
.staff_text dt {
	background:#EC7373;
	border-radius:10px;
	padding:0.2em 1em;
	color:#fff;
	margin-bottom:0.5em;
	width:10em;
	text-align:left;
	}

.staff_text dd {
	margin-bottom:1em;
}
/*********************************************************** infomation*/
.infomation .ttl_pnk{
	background:#EC7373;
	border-radius:10px;
	padding:0.4em 1em;
	color:#fff;
	margin:0.5em auto;
	font-size:1.2em;
}
.infomation .w95{
	width:95%;
	margin:auto;
	margin-bottom:3em;
}

}
@media screen and ( min-width:767px )
{


/**/table.formTable td,table.formTable th{
	display:table-cell;
}

.recruit table.formTable th{
	width:25%;
	border-radius:0;
	border-bottom:#fff solid 1px;

}
/**/table.formTable td{
	width:75%;
	padding-left:2em;
}
/*.recruit table.formTable th{
	width:8em;
}
*/
.recruit .btn_box{ float:right;}

/*********************************************************** infomation*/
.infomation .ttl_pnk{
	font-size:1.5em;
}

}
@media screen and ( min-width:980px )
{

#formWrap ,.formTable{
	position:relative;
	/*z-index:-1;*/
}
#formWrap { line-height:inherit;}
/*トピックスページ-----------------------------------------*/
#topics_box{
	width:100%;
}
#topics_box .Topics{ font-size:1.4em;}
#topics_box .photo {
	position:relative;
	z-index:-1;
}
#topics_box .photo img { width:auto; max-width:100%;}

/************************************************************ staff*/
.staff_name{
	float:left;
	width:232px;
	text-align:center;
}
.staff_text{
	float:left;
	width:710px;
	margin-left:30px;
}

}