@charset "utf-8";

.page_contents .recruit_list li div p {
	width: 100%;
}

.seminar_button img {
	transform: translateX(0px);
	width: 100%;
}

/* ボディ
---------------------------------------------------- */
.responsive_l{
	display:none;
}

.responsive_l_inline{
	display:none;
}

.responsive_m{
	display:none;
}

.responsive_m_inline{
	display:none;
}

.responsive_lm{
	display:none!important;
}

.responsive_lm_inline{
	display:none;
}

.responsive_s{
	display:block;
}


.responsive_s_inline{
	display:inline;
}

.responsive_pc{
	display:none;
}

.responsive_ms_inline{
	display:inline;
}

/* ヘッダー
---------------------------------------------------- */

#header{
	max-width:640px;
/*	width:100%;*/
	padding:0 0 0 0;
  /*margin-bottom: 20px;*/
	/*overflow-x: hidden;*/
}

#header h1{
	/*width:56%;
	padding: 7px 0 0 0;
    margin-left: 2%;*/
    min-width: 180px;
}

#header h1 img {
	margin-right: 0;
}

img.yoshida_logo{
		width: auto;
		height: 25px;
		margin: 0 0 0 20px ;
}

.header_navi ul{
	width:auto;
}

#header .header_top{
	width:75%;
	padding:15px 0 0 0;
	text-align:left;
	float:left;
}

/*
--------------------------------------------------- */

#gnavi > div ul.clearfix > li > a {
    color: #fff;
    border-left: none;
    box-sizing: border-box;
    padding: 0 10px;
}
#gnavi > div ul.clearfix > li {
    width: 100% !important;
    text-align: left;
    background: #D01027;
    border-top: 1px solid #fff;
    padding: 10px 0;
    height: auto;
}
#gnavi > div ul.clearfix > li > a > span {
    line-height: 54px;
    display: inline-block;
}
#gnavi > div ul.clearfix > li > a {
    color: #fff;
    border-left: none;
    box-sizing: border-box;
    padding: 0 10px;
}


.submenu_sp dd {
    overflow: hidden;
/*    border-radius: 0px;*/
}

/*.submenu_sp .submenu-01 dt {
    background: #9b9b9b;
}
.submenu_sp .submenu-02 dt {
    background: #9b9b9b;
}*/
.submenu_sp {
    width: 93%;
    position: relative;
    margin: 0 auto;
    top: 0;
    border: solid 1px #E0E0E0;
    margin-bottom: 23px;
		box-sizing: border-box;
}
.submenu_sp dd ul li {
    width: 100%;
    float: none;
    border-right: none;
    position: relative;
}

.g_navi_menu_sp ul li div a{
	background: none;

  font-size: 16px;
  padding-left: 8%;
}
.submenu_sp dt {
    background: #FEEEEE;
    color: #333;
    font-weight: bold;
    padding: 12px 0;
    padding-left: 2%;
}
.submenu_sp dd ul li:after {
		content: '>';
		position: absolute;
		top: 50%;
		left: 3%;
		color: #333;
		transform: translatey(-50%);
}

.submenu_sp dd ul li.opt_top_radius:after {
		color: #D72100;
}


/* DIMeヘッダー
---------------------------------------------------- */
#dime #header{
	max-width:600px;
	width:96%;
	padding:0 2% 0 2%;
}

#dime #header h1{
	width:75%;
	padding:15px 0 0 0;
}

#dime .g_navi_sp{
	width:17%;
	text-align:right;
}

/* グローバルナビ（スマホ）
---------------------------------------------------- */


.g_navi_menu_sp{
	width:100%;
	margin-top: 20px;
	text-align:right;
	display:none;
}

.g_navi_menu_sp ul li{
	font-size:123.1%;
    border-bottom:1px solid #E0E0E0;
}

.g_navi_menu_sp ul li a{
	min-height: 60px;
	line-height: 60px;
	background-color:#f7f7f7;
	font-weight:bold;
	display:block;
	color:#333333;
	text-decoration:none;
  font-size: 20px;
}


.g_navi_menu_sp ul .g_navi_sp_s a{
	background:url(../img/common/sp_icon.png) no-repeat right top #666666;
	color:#ffffff;
}

.g_navi_menu_sp ul .g_navi_sp_r a{
	background:url(../img/common/sp_icon.png) no-repeat right top #EC7979;
	color:#ffffff;
}

.g_navi_menu_sp_s{
	width:100%;
	text-align:right;
}

.g_navi_menu_sp_s ul li{
	width:96%;
	padding:5px 2% 0 2%;
	font-size:123.1%;
	background:#f7f7f7;
}

.g_navi_menu_sp_s ul li a{
	padding:0 0 0 3%;
	background:url(../img/common/navi_icon_arrow.png) no-repeat #f7f7f7 ;
	border:1px solid #e0e0e0;
	font-weight:bold;
	display:block;
	color:#333333;
	text-decoration:none;
	line-height:2.5;
}

.g_navi_menu_sp_s ul li a img{
	vertical-align:middle;
}

/* パンくずナビ
---------------------------------------------------- */
.p_navi{
	max-width:600px;
	width:96%;
	margin:0 auto 0 auto;
	padding:10px 2% 10px 2%;
}

/* サブナビ
---------------------------------------------------- */
.s_navi{
	max-width:600px;
	width:96%;
	margin:0 auto 0 auto;
	padding:10px 1%;
	text-align: center;
}

.s_navi span{
	display:inline-block;
	white-space:inherit;
	text-align:left;
	font-size: 16px;
	margin: 6px 10px;
}

/* コンテンツ
---------------------------------------------------- */
.contents{
	max-width:640px;
	width:96%;
	padding:0 2% 50px 2%;
}

.contents_m{
	max-width:640px;
	width:96%;
	padding:40px 2% 50px 2%;
}

.contents_ml{
	max-width:640px;
	width:96%;
	padding:20px 2% 20px 2%;
}

.contents_mls{
	max-width:600px;
	width:96%;
	padding:10px 2% 10px 2%;
}

.contents_mm{
	max-width:600px;
	width:96%;
	padding:5px 2% 5px 2%;
}

.contents_ms{
	max-width:600px;
	width:96%;
	padding:0 2% 50px 2%;
}

.contents_l{
	max-width:600px;
	width:96%;
	padding:0 2% 0 2%;
}

.contents_ls{
	max-width:600px;
	width:96%;
	padding:40px 2% 0 2%;
}

.contents_s{
	max-width:600px;
	width:96%;
	padding:40px 2% 60px 2%;
}

.contents_sl{
	max-width:600px;
	width:96%;
	padding:0 2% 0 2%;
}

.contents_slm{
	max-width:600px;
	width:96%;
	padding:50px 2% 50px 2%;
}

.contents_sll{
	max-width:600px;
	width:96%;
	padding:50px 2% 50px 2%;
}

.contents_sm{
	max-width:600px;
	width:96%;
	padding:0 2% 0 2%;
}

.contents_sml{
	max-width:600px;
	width:96%;
	padding:15px 2% 10px 2%;
}

.contents_smm{
	max-width:600px;
	width:96%;
	padding:40px 2% 0 2%;
}

.contents_sms{
	max-width:600px;
	width:96%;
	padding:20px 2% 0 2%;
}

.contents_ssm{
	max-width:600px;
	width:96%;
	padding:20px 2% 20px 2%;
}

.contents_sss{
	max-width:600px;
	width:96%;
	padding:40px 2% 40px 2%;
}

.contents_ss{
	max-width:600px;
	width:96%;
	padding:40px 2% 60px 2%;
}

/* タイトル */
.title_blue{
	width:96%;
	padding:10px 2% 10px 2%;
}

.title_orange{
	width:96%;
	padding:10px 2% 10px 2%;
}

.title_green{
	width:96%;
	padding:10px 2% 10px 2%;
}

.title_purple{
	width:96%;
	padding:10px 2% 10px 2%;
}

/* トップページ */
.top_main{
	width:100%;
}

/* インフォメーションエリア */
.info_navi_top li p{
	width:100%;
	float:none;
}

.info_navi_top li h5{
	width:100%;
	float:none;
}

.info_navi{
	width:96%;
	padding:10px 2% 20px 2%;
}

.info_title{
	padding:0 0 10px 0;
}

.info_navi li{
	padding:5px 0 5px 0;
}

.info_title h4{
	min-width:150px;
}

.info_navi li p{
	width:100%;
	float:none;
}

.info_navi li h5{
	width:100%;
	float:none;
}

.info_navi li h5 a{
	color:#666666;
}

.info_navi li h5 a{
	color:#666666;
}

.info_navi_top li p{
	width:100%;
	float:none;
}

.info_navi_top li h5{
	width:100%;
	float:none;
}

.info_block{
	margin:0 0 40px 0;
}

/* 歯科専用ナビ */
.expert_navi{
	padding:0;
}

.expert_navi li{
	width:100%;
	padding:0 0 20px 0;
	float:none;
}

.expert_navi li h4{
	padding:0 0 3px 0;
	border-bottom:2px solid #d01126;
}

.expert_navi li div img{
	max-width:46px;
	width:14%;
}

.expert_navi li div p{
	width:84%;
}

/* サポート */
.qa_navi li{
	width:90%;
	margin:20px 0 0 0;
	padding:10px 5% 10px 5%;
	float:none;
}

/* 企業情報 */
.company_navi li{
	width:100%;
	padding:0 0 15px 0;
	text-align:center;
	float:none;
}

.company_navi li:nth-child(3n){
	padding:0 0 15px 0;
}

.business_navi{
	padding:13px 0 0 0;
}

.business_navi nav{
	max-width:600px;
	width:96%;
	margin:0 auto;
	padding:0 2% 13px 2%;
}

.access_area{
	display:none;
}

.access_list{
	display:block;
	padding:0;
}

.access_list li{
	display:block;
}

.access_list .access_list01{
	width:100%;
	padding:0;
}

.access_list .access_list02{
	width:100%;
	padding:0;
}

.access_list .access_list03{
	width:100%;
	padding:0;
}

.access_list .access_list04{
	width:100%;
	padding:0;
}

/* 採用情報 */
.reqruit_navi{
	width:100%;
	margin:0 auto 60px auto;
	background:none;
}

.reqruit_navi ul{
	width:100%;
	padding:0;
}

.reqruit_navi ul li{
	width:100%;
	padding:0 0 10px 0;
	text-align:center;
}

.recruit_list li div{
	width:96%;
	padding:0 2% 0 2%;
}

.recruit_list li div label{
	width:100%;
	float:none;
}

.recruit_list li div p{
	width:100%;
	float:none;
}

.recruit_navi{
	width:100%;
	padding:0;
}

.recruit_navi li{
	max-width:279px;
	width:100%;
	margin:0 auto;
	padding:0 0 40px 0;
	float:none;
}

.recruit_company_l{
	width:100%;
}

.recruit_company_r{
	width:100%;
	margin:0;
	text-align:center;
}

/* Q&A */
.qa_title div{
	width:40px;
	display:table-cell;
	vertical-align:middle;
}

/* 商品情報 */
.products_navi01 li{
	width:96%;
	margin:20px 0 0 0;
	padding:15px 2% 15px 2%;
}

.products_navi01 li:nth-child(odd){
	float:none;
}

.products_navi01 li:nth-child(even){
	float:none;
}

.products_navi01 li:nth-child(2),.products_navi01 li:nth-child(3),.products_navi01 li:nth-child(4){
	margin:20px 0 0 0;
}


.products_navi01_l{
	width:100%;
	text-align:center;
	padding:0 0 15px 0;
}

.products_navi01_r{
	width: 70%;
}

.products_navi02 li{
	width:96%;
	margin:20px 0 0 0;
	padding:15px 2% 15px 2%;
	min-height:inherit;
}

.products_navi02 li:nth-child(odd){
	float:none;
}

.products_navi02 li:nth-child(even){
	float:none;
}

.products_navi02 li:nth-child(2){
	margin:20px 0 0 0;
}

.products_navi02_l{
	width:100%;
	padding:0 0 15px 0;
	text-align:center;
}

.products_navi02_r{
	width:100%;
}

.products_navi02_r div{
	text-align:center;
}

.products_navi03 {
	width: auto;
}

.site-content .products_navi03 li{
	width:100%;
	margin:0 0 50px 0;
	padding:0;
	float:none;
}

.products_navi03 li:nth-child(3n){
	padding:0;
}

.products_navi03 li div{
	width:100%;
	padding:0 0 2px 0;
	display:block;
 transform: none;
 background: none;
}

.products_navi03 li h4 {
  padding: 0px;

}

.products_navi03 li div a img{
	max-width:320px;
	max-height:250px;
}

.products_navi03 li h4{
	padding:5px 0 0 0;
}

.products_navi03 li p{
	padding:0;
 text-align: center;
 display: inline-block;
}
.products_navi04 li{
	width: 100%;
	padding: 15px 2% 15px 2%;
	float: none;
	box-sizing: border-box;
}
.products_navi04.clearfix li{
	margin: 20px 0 0 0;
}
.products_navi04.clearfix li:first-child{
	margin: 0;
}
.products_detail01_l{
	width:100%;
	min-height:inherit;
	padding:0;
	background:none;
}

.products_detail01_l h4{
	text-align:center;
}

.products_detail01_l p{
	padding:0;
}

.products_detail01_r{
	width:100%;
}

.products_detail02{
	width:100%;
	padding:0 0 30px 0;
	float:none;
}

.products_detail03{
	padding:10px 10px 10px 10px;
}

.products_detail03_l{
	width:100%;
}

.products_detail03_r{
	width:100%;
	padding:25px 0 0 0;
}

.products_detail03_r p{
	padding:0;
}

.products_detail03_r ul{
	padding:20px 0 0 0;
}

.products_detail03_r ul li{
	margin:0 15px 15px 0;
	float:none;
}

.products_ac li {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-top: #aaa dotted 1px;
    padding: 10px 0 0 0;
}

div#product_news li {
    width: 43%;
}


/* セミナーページ */
.seminar_box01{
	padding:10px 10px 10px 10px;
}

.seminar_box01 p{
	width:100%;
	padding:0 0 20px 0;
}

.seminar_box01_r{
	max-width:273px;
	width:100%;
	margin:0 auto;
}

.seminar_box01_b div:nth-child(1){
	padding:0 8px 0 0;
}

.seminar_box01_b div:nth-child(2){
	float:left;
}

.seminar_box02_l{
	max-width:280px;
	width:100%;
	margin-left :20px 0 0 0;
	margin-top: 0;
}

.seminar_box02_r{
	width:100%;
}

.seminar_button{
	/*padding:20px 0 0 0;*/
}

.seminar_desc_list {
  margin-left: -15px;
}

.instr_desc_area {
	margin-bottom: 20px;
}


/* マイページ */
.mypage_navi{
	display:block;
}

.mypage_navi li{
	width:100%;
	margin:0 0 10px 0;
	padding:5px 0 5px 0;
	background:#666666;
	border-left:none;
	display:block;
}

/* G21 */
.g21_title00 h1{
	width:96%;
	padding:0 2% 0 2%;
}

.g21_title02 h3{
	width:96%;
	padding:10px 2% 10px 2%;
}

.g21_navi{
	padding:13px 0 0 0;
}

.g21_navi nav{
	max-width:600px;
	width:96%;
	margin:0 auto;
	padding:0 2% 13px 2%;
}

.g21_page_navi{
	padding:13px 0 13px 0;
}

.g21_page_navi ul{
	width:100%;
}

.g21_page_navi ul li{
	width:96%;
	margin:0 auto 10px auto;
	padding:5px 0 5px 0;
}

.g21_page_navi ul .g21_page_navi_c{
	margin:0 auto 10px auto;
}

.g21_page_navi ul li img{
	display:none;
}

.g21_box01{
	padding:20px 10px 20px 10px;
}

.g21_box02 p{
	padding:20px 10px 20px 10px;
}

.g21_box02 div{
	margin:10px 0 0 0;
}

.g21_box03{
	padding:20px 10px 20px 10px;
}

.g21_box04 p{
	padding:0;
}

.g21_box04 div{
	margin:20px 0 0 0;
}

.g21_meyasu_l{
	width:94%;
	margin:0 0 10px 0;
	padding:10px 3% 10px 3%;
}

.g21_meyasu_r{
	width:100%;
}

.chart_list{
	padding:0;
}

.chart_list li{
	width:100%;
	margin:0 0 20px 0;
	float:none;
}

.g21_table_01 {
	border-top: 1px solid #333333;
}


.g21_table_01 table tbody tr td.g21_table_01_l {
	width: 60%;
	border: none;
	display: table-cell;
	padding: 10px 10px 10px 0px;
	text-align: left;
}

.g21_table_01 table tbody tr td.g21_table_01_r {
	border: none;
	width: 100%;
	padding: 10px 0px 10px 0px}

.g21_table_01 table tbody tr td.g21_table_01_l::before{
	content: none;
}

.g21_table_01 table tbody tr td.g21_table_01_r::before{
	content: none;
}

.g21_table_02 table tr .g21_table_02_r {
	width: 100%;
	min-height: 2.5em;
}

.g21_table_02 table tbody tr td.g21_table_02_l {
	display: table-cell;
}

.g21_table_02 table tbody tr td.g21_table_02_l::before{
	content: none;
}

.g21_table_02 table tbody tr td.g21_table_02_r::before{
	content: none;
}

.g21_tabBox.contents{
	max-width:640px;
	width:96%;
	/*padding:0 2% 50px 2%;*/
	padding: 0 2% 0 2%;
}

.g21_app_icon_container {
	text-align: center;
}

.g21_app_icon_container a {
	margin: 0;
}

.g21_app_badge {
	margin-right: 10px;
	position: absolute;
	right: 0;
	text-align: center;
}

.g21_app_badge.index_opt {
	margin-right: 10px;
 transform: translateY(-8px);
 bottom: inherit;
 top: 0;
}

.g21_app_badge.index_opt span{
	font-size: 12px!important;
}

.g21_app_badge a {
	display: inline-block;
	overflow: hidden;
	background: url(https://linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg) no-repeat;
	width: 40px!important;
	height: 40px!important;
	vertical-align: bottom;
}

.g21_app_badge span {
  display: block;
  text-align-last: center;
  font-weight: bold;
  margin: 1px 0 1px 0;
  font-size: 12px;
}

/* フォーム */
.entry_form01 li:nth-child(odd){
	background:#f2f2f2;
}

.entry_form01 li div{
	max-width:600px;
	width:96%;
	padding:0 2% 0 2%;
}

.entry_form01 li div label{
	width:100%;
	padding:0;
	display:block;
	float:none;
}

.entry_form01 li div p{
	width:100%;
	padding:7px 0 7px 0;
	float:none;
}

.entry_form01 li div.entry_form01_inner{
	width:100%;
	padding:7px 0 7px 0;
	float: none;
}
.entry_form01 li div.entry_form01_inner label{
	width: 100%;
	padding: 0;
}
.entry_form01 li div.entry_form01_inner .name,
.entry_form01 li div.entry_form01_inner .profession{
	width:50%;
	padding:0 5px;
}
.entry_form01 li div.entry_form01_inner .name{
	padding:5px 5px 7px 0;
}
.entry_form01 li div.entry_form01_inner .profession{
	padding:5px 0 7px 5px;
}

.form_m input{
	width:100%;
}

.entry_form01 li div .form_s{
	width:100%;
	padding:7px 0 7px 0;
}

.entry_form01 li div .form_s p{
	padding:0;
}

.form_s .form_s_l{
	width:12%;
	padding:0;
	float:left;
}

.form_s .form_s_r{
	width:88%;
	padding:0;
	float:left;
}

.form_s .form_s_r input{
	width:100%;
}

.form_s .form_ss_l{
	width:100%;
	padding:0;
}

.form_s .form_ss_r{
	width:100%;
	padding:0;
}

.form_s .form_ss_r input{
	width:100%;
}

.form_s .form_sm_r{
	width:100%;
}

.entry_form01 li div .form_table{
	width:100%;
}

.entry_form01 li div .form_table table{
	width:100%;
	display:block;
	margin:5px 0 0 0;
}

.entry_form01 li div .form_table table tr td:nth-child(odd){
	width:10%;
	padding:3px 0 3px 0;
}

.entry_form01 li div .form_table table tr td:nth-child(even){
	width:30%;
	padding:3px 0 3px 0;
}

.entry_form01 li div .form_table table tr td input{
	width:80%;
}

.submit input{
	width:200px;
	margin:0 auto 15px auto;
	padding:5px 0 5px 0;
	display:block;
}

/* テキストエリア */
.text_area02{
	padding:0;
}

.text_area03{
	padding:0;
}

.text_area04{
	padding:0;
}

.text_area06{
	padding:0;
}

/* テーブル */
.table03 table tr .table03_100{
	width:auto;
}

.table03 table tr .table03_l{
	display:none;
}

.table03 table .table03_c{
	display:table-row;
}

.table03 table .table03_c td{
	padding:3px 10px 0 10px;
	border:none;
	text-align:left;
}

/* 幅 */
.w49_l{
	width:100%;
	padding:0 0 20px 0;
	text-align:center;
}

.w49_r{
	width:100%;
	text-align:center;
}

.w250{
	width:100%;
}

.w280{
	width:100%;
	padding:0 0 20px 0;
}

.w290{
	width:100%;
	padding:20px 0 0 0;
}

.w300{
	width:100%;
}

.w310{
	width:100%;
}

.w340{
	width:100%;
	padding:20px 0 0 0;
}

.w370{
	width:100%;
	padding:0;
}

.w375{
	width:100%;
	padding:0;
}

.w380{
	width:100%;
	padding:0;
}

.w390{
	width:100%;
	padding:20px 0 0 0;
}

.w400{
	width:100%;
}

.w450{
	width:100%;
	padding:0;
}

.w455{
	width:100%;
}

.w460{
	width:100%;
	padding:20px 0 0 0;
}

.w470{
	width:100%;
}

.w550{
	width:100%;
}

.w600{
	width:100%;
}

.w610{
	width:100%;
}

.w620{
	width:100%;
}

.w170{
	width:100%;
}

.w660{
	width:100%;
}

.w50p{
	width:100%;
	padding:0 0 20px 0;
}

.w330{
	width:100%;
}

.w510{
	width:100%;
}

.w365{
	width:100%;
}

.w475{
	width:100%;
}

.w480{
	width:100%;
}

.w620{
	width:100%;
}

.w220{
	width:100%;
}

.w270{
	width:100%;
}

.w590{
	width:100%;
}

.w430{
	width:100%;
}

.w230{
	width:100%;
}

/* テキスト */
.text18{
	font-size:131%;
}

.text20{
	font-size:138.5%;
}

.text22{
	font-size:138.5%;
}

.text23{
	font-size:138.5%;
}

.text24{
	font-size:138.5%;
}

.text26{
	font-size:138.5%;
}

.text30{
	font-size:138.5%;
}

.text36{
	font-size:138.5%;
}

/* フロート */
.float_l_l{
	float:none;
}

.float_r_l{
	float:none;
}

.float_l_pc{
	float:none;
}

.float_r_pc{
	float:none;
}

/* サイトマップ */
.sitemap_list li{
	width:100%;
	padding:0;
	float:none;
}

/* ブログコンテンツ
---------------------------------------------------- */
.alignright {
	float: left;
}

img.alignright {
	border:none;
	padding:0;
}

img.alignleft {
	border:none;
	padding:0;
}

/* フッター
---------------------------------------------------- */
#footer{
	padding:0;
}

#footer span{
	border-bottom:3px solid #ffffff;
	display:block;
}

#footer span img{
	display:none;
}

#footer span:after{
	content:"";
}

#footer span a{
	width:95%;
	padding:8px 0 6px 5%;
	background:url(../img/common/sp_icon.png) no-repeat right top #666666;
	font-weight:bold;
	display:block;
	font-size:116%;
	text-decoration:none;
	text-align:left;
	color:#ffffff;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider_c {max-width:240px; margin:0 auto 0 auto;}
.flexslider_c .slides li {padding:0 5px 0 5px;}

.flexslider .flex-direction-nav{display:none;}

.seminar-btn{
	float: none;
	width: auto;
}
.seminar-btn li{
	text-align: right;
}

.contents_l .products_l {
    float: none;
    width: 100%;
}
.contents_l .products_log {
    width: 100%;
}
.contents_l #flickscroll {
    width: 100%;
}
.contents_l #flickthumb {
    width: 100%;
}
.products_r {
    float: none;
    width: 100%;
}
.contents_l.clearfix.detail_move {
    width: 88%;
}
.detail_move .float_l {
    float: none;
}
.detail_move div {
    padding: 10px 0px;
}
.contents_l.clearfix.detail_range {
    width: 90%;
    padding: 20px 0 0;
}
.detail_range dd {
    margin-bottom: 20px;
}
.products_inquiry01.float_l {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
}
.products_inquiry02.float_l {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
}
.products_inquiry03.float_l {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
}
ul.contents_category li {
    margin-right: 0;
    width: 47%;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
ul.contents_category li p {
    max-height:100%;
}
.bg_red {
    width: 87%;
}
.bg_red a {
    text-align: center;
}
.products_pdf li {
    width: 40%;
}
.products_l #flickscroll ul li {
    width: 290px;
    height: auto;
}
.products_l #flickthumb ul {
    width: 100%;
    height: 100px;
}
.products_l #flickscroll {
    height: 250px;
}
.products_l #flickscroll img {
    height: 100%;
    margin: 0 auto;
    display: block;
    width: auto;
}
div#flickscroll ul {
    height: 250px;
}
div#flickscroll ul {
    width: 100%!important;
}


/* GROUP 21 */

/*.grp_top .grp_top_ttl{letter-spacing:0.1em;line-height:1.3;width:auto;padding:50px 15px 30px;font-size:230%;}*/

.grp_top .grp_top_ttl{letter-spacing:0.1em;line-height:1.3;width:auto;padding:70px 15px 30px;font-size:230%;}

.grp_top .grp_top_log img{width:126px;height:188px;}

.grp_top .grp_top_tag{top:270px;margin:0 0 0 70px;}

.grp_top .grp_top_tag img{width:80px;height:auto;}

.grp_top .grp_top_txt{padding:50px 15px 50px;width:auto;line-height:1.8;text-align: left;}

.grp_cnt .grp_cnt_ttl img{padding:0 0 0 30px;width:148px;height:45px;}

.grp_cnt .grp_left{float:none;width:auto;text-align:center;}

.grp_cnt .grp_right{float:none;width:auto;padding:20px 0 0;}

.grp_cnt .grp_cat{padding:0 0 10px;}

.grp_cnt .grp_txt{padding:0 0 15px;}

.grp_cnt .grp_btn{text-align:center;}

.grp_cnt .grp_cnt_btn{padding:10px 20px;}

.grp_cnt.cnt04{margin-bottom:0;}

.grp_cnt.cnt05 ul{padding:0 2%;width:96%;}

.grp_cnt.cnt05 .grp_cnt_ttl img{width:90px;height:36px;}

.grp_cnt.cnt05 .grp_left{width:auto;padding:10px 0 0;}

.grp_cnt.cnt05 .grp_right{width:auto;padding:10px 0 0;}

.grp_cnt.cnt05 .grp_left li{margin:0 0 30px 0;padding:0 0 0 40px;min-height:30px;line-height:1.4;letter-spacing:0;}

.grp_cnt.cnt05 .grp_left li b{letter-spacing:0;}

.grp_cnt.cnt05 .grp_left li img{width:30px;height:30px;}

.grp_cnt.cnt05 .grp_left li:first-child{line-height:30px;}

.grp_cnt .grp_mag_cat{margin:0 0 5px 0;padding:10px 0;background-color:#eee;}

.grp_cnt .grp_mag_list .grp_mag_ttl{padding:20px 0 10px;}

.grp_cnv{margin-bottom:auto;}

.grp_cnv .grp_cnv_btn{padding: 20px 0;}

.grp_cnv .grp_cnv_btn img{width:90px;height:36px;}

.grp_cnv .grp_cnv_tag{top:-15px;left:10px;margin:0;}

.grp_cnv .grp_cnv_btn img.grp_cnv_tag{width:85px;height:100px;}

.grp_gui .grp_gui_txt{float:none;width:auto;padding:50px 0 0 0;line-height:2;}

.grp_gui .grp_gui_txt img{margin:0 0 15px 0;width:128px;height:51px;}

.grp_gui .grp_gui_sup{position:relative;float:none;width:auto;padding:50px 0 200px;}

.grp_gui .grp_gui_sup .grp_sup_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

.grp_gui .grp_gui_sup li{float:left;padding:0 0 30px 0;width:45%;line-height:1;font-size:90%;}

.grp_gui .grp_gui_sup li:nth-of-type(2n){float:right;width:45%;}

.grp_gui .grp_gui_sup li:last-child{padding:0 0 30px 0;}

.grp_gui .grp_gui_sup li img{display:block;padding:0 0 5px 0;width:100%;height:auto;}

.grp_gui .grp_gui_sup .grp_gui_tag{position: absolute;bottom:0;left:50%;margin:0 0 0 -50px;width:101px;height:200px;}

.grp_gui .grp_gui_cnv{float:none;padding:30px 0 0;width:auto;}

.grp_gui .grp_gui_cnv dt{padding: 0 0 15px 0;font-weight: bold;font-size:120%;text-align: center;}

.grp_gui .grp_gui_cnv a{display:block;margin:0;padding:10px 15px;width:auto;text-align: center;}

.grp_gui .grp_gui_cnv .tenant{margin:0 0 15px 0;}


/* gplus join_sns  */
.grp_cnt.contents.join_sns {
  width: 100%;
  padding: 0 0 50px 0;
}

.site-content .tabBox.design02 .tab ul li {
  font-size: 14px;
}

.join_sns_l p {
  font-size: 14px;
}

/* gplus LP */
.lp_content .sp_block{
  display: inline-block;
}

.lp_content_inner {
  width: 100%;
}

.lp_content_inner p {
  width: 96%;
  margin: auto auto 30px;
  font-size: 130%;
  font-weight: bold;
}

.interview_text {
  font-size: 130%;
  line-height: 1.8;
}

.lp_hero_l .lp_hero_text {
  margin-top: 24px;
  margin-bottom: 20px;
}

.lpsect_01 .catch_text_l,
.catch_text_l {
  width: 92%;
  height: auto;
  margin: auto;
}

.lpsect_02 .colBox{
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  margin: auto;
}

.lpsect_02 .colBox .col4{
  width: calc(100%/2);
}

.lp_toform_btn {
  width: 55%;
  margin: 20px auto 0px;
  float: none;
  display: inline-block;
}

.lpsect_01 .lp_bg_red .lp_content_inner .lp_toform_btn,
.lpsect_05 .lp_bg_red .lp_content_inner .lp_toform_btn{
  padding-left: 0px;
}

.subhd {
  width: 70%;
  height: auto;
  margin: auto auto 30px;
}

.banner_form {
  width: 96%;
  margin: auto auto 30px;
}

.interview_box {
  width: calc(100% - 40px);
}

.lp_content_inner.lp_form {
  width: calc(96% - 20px);
  padding: 40px 10px;
}

.form_submit_btn > input[type="submit"] {
  margin: 30px auto 0px;
}

.interview_box:nth-child(2n) {
  margin-left: 0;
}

.interview_box:last-child {
  margin: auto;
}

.lp_content_inner.lp_shika::before {
  content: none;
  width: 50px;
  top: -30px;
}

.lp_suji_item {
  width: calc(100%/2 - 44px);
}

.lp_suji_item_img {
  width: 156px;
  height: 156px;
}

.kodawari_content_outer {
  min-height: inherit;
  margin-bottom: 30px;
}

.kodawari_bg_r {
  float: none;
}

.kodawari_bg_r.bg_deco_sq {
  width: 0%;
}

.kodawari_bg_r.bg_deco_blur {
  display: none;
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 80%, rgba(255,255,255,0.05) 99%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 80%,rgba(255,255,255,0.05) 99%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 80%,rgba(255,255,255,0.05) 99%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  }

.kodawari_bg_r img {
  min-height: inherit;
}

.kodawari_content_l.appeal_content {
  width: 94%;
  margin: auto ;
  transform: translateY(-10%);
  position: relative;
  padding-left: 0px;
}

.kodawari_bg_l {
  float: none;
}

.kodawari_bg_l.bg_deco_sq {
  width: 0%;
}

.kodawari_bg_l.bg_deco_blur {
  width: 0%;
  display: none;
}

.kodawari_bg_l img {
  min-height: inherit;
}

.kodawari_content_r.appeal_content {
  width: 94%;
  margin: auto ;
  transform: translateY(-13%);
  position: relative;
  padding-right: 0px;
}

.kodawari_sec01 .bg_deco_img,
.kodawari_sec02 .bg_deco_img,
.kodawari_sec03 .bg_deco_img {
  width: 100%;
  min-height: 120px;
}

.kodawari_sec03 .appeal_content img{
  transform: translateX(-2%);
}

.lp_ifwould_inner {
  width: 130%;
  transform: translateX(-12%);
  overflow: hidden;
}

.if_ballon {
  width: 70%;
}

.lp_answer_sect {
  width: 96%;
}

.lp_content .ateam_hd {
  padding: 15px;
}

.ateam_hd .ateam_text01 {
  width: 60%;
}

.lpsect_05 .catch_text_l {
    height: auto;
    width: 90%;
}

.banner_form02 {
   width: 96%;
}

.form_content {
  font-size: 110%;
}

.lp_yourcontact textarea {
  font-size: 110%;
}

/* headeer.php用　追加css
------------------------------------------------- */
body {
    border-left: none;
    min-width: inherit;
}

.disable_l {
	display: inline-block;
	float: left;

}

.disable_l.hd_top_nav {
		/*background-color: #dddddd;*/
		width: 100%;
		margin-bottom: 20px;
		padding: 5px 0 10px;
}

.disable_s {
	display: none;
}

#header {
    width: 100%;
}


.hd_top_content {
	display: flex;
	background-color:  #dddddd;
	font-weight: bold;
	height: 40px;
}


.phone_wrap {
	overflow: hidden;
  height: 40px;
	display: flex;;
  flex-wrap: wrap;
  align-items: center;
	flex-basis: auto;
	justify-content: center;
	margin-left: auto;
}

.hd_contact_sp > div {
}

.phone.free_dial {
	display: flex;
	align-items: center;
	font-size: 16px;
	height: 40px;
	margin-left: 20px;
}

.phone {
	font-size: 16px;
}

.phone > a {
	display: flex;
	align-items: center;
}

.phone:after{
	border-right: solid 1px #666;
}

.phone_caps {
	font-size: 12px;
	margin-left: 5px;
	align-self: flex-end;
}

.phone.mobile {
	padding-left: 15px;
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.hd_contact_text {
	align-self: center;
	margin-right: auto;
	flex-shrink: 0;
	float: left;
	min-width: 160px;
}

.hd_contact_text > a{
	position: relative;
	display: inline-block;
  padding: 7px 32px;
  font-size: 11px;
  border-radius: 10px;
  background-color: #E8E8E8;
}

.hd_contact_text > a >.btn_arrow {
	margin-left: 10px;
}

.hd_post_top {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.g_navi_sp>img.menu_btn{
	width: 60px;
	height: 60px;
	border-radius: 5px;
	margin-right: 20px;
	cursor: pointer;
}

.hd_dna_btn {
	margin-left: auto;
	margin-right: 0px;
}

.dna_label {
	margin-left: auto;
	margin-right: 15px;
	height : 60px;
}

/*/新規追加*/

.hd_right {
	width: 100%;
	max-width: 640px;
	float: right;
    margin: 0;
}

.free_dial {
	margin: 0 0 0 1%;
	height: 24px;
  font-size: 17px;
  font-size: 1.7rem;
	position: relative;
	top: 1px;
}

.hd_wrap {
	width: 215px;
	float: right;
	margin-right: 0;
	margin-top: 7px;
}
.yoshida_phone_wrap {
	margin-right: 0 ;
	margin-left: 6%;
    top: 2px;
}

.yoshida_phone {
	position: relative;
	top: 9px;
    font-size: 17px;
    font-size: 1.7rem;
}

.free_dial::before {
	width: 17px;
	height: 17px;
	margin-right: 3px;
	object-fit: contain;
	top: inherit;
}

.phone_desc {
	clear: none;
	position: relative;
	top: 5px;
	font-size: 1.5rem;
    width: auto;
}

.mypage_btn {
	background-color: inherit;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	object-fit: contain;
}


.hd_contact_skin .mypage_btn_text{
/* background-color: inherit; */
float: left;
/* padding: 0; */
margin-right: 5px;
}

.mypage_btn_text {
	font-size: 1.8rem;
	font-weight: bold;
}

.mypage_btn_text > a {
	color: #333333;
}

.mypage_btn_text::before{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 9px;
	background: url('../images/arrow_r_new.png')center/contain no-repeat;
	float: left;
	position: relative;
	top: -3px;
	zoom: 1;
}

.hd_contact {
	margin: 0 0 0 0;
	font-size: 1.8rem;
	position: relative;
	top: 2px;
}

.hd_contact_text > a {
	color: #333333;
}

.hd_l_wrap {
	width: 380px;
	margin-left: 3%;
}

.hd_nav_text {
	width: 380px;
	margin-top: 5px;
	text-align: left;
}

.dna_nav {
	margin: 0 0 8px 16px;
	float: left;

	/*display: none;*/
}

.dna_nav::before{
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 6px;
	vertical-align: unset;
	background: url(../img/common/arrow01.png)center/contain no-repeat;
}

.dna_nav>a {
	color: #333333;
}

.dna_nav > a {
	letter-spacing: 0.1rem;
	font-size: 1.6rem;
}

.yoshida_group {
	float: left;
	letter-spacing: 0.1rem;
}

.yoshida_group::before {
	margin-right: 9px;
}

.yoshida_group > a {
	font-size: 1.6rem;
}

.search_wrap {
	float: right;
	margin-right:  20px;
}

.search_glass.disable_l {
	float: left;
	position: relative;
	top: 0;
	left: 0;
}

.search_glass::before {
    width: 25px;
    height: 25px;
    background: url('../images/mushimegane_red.png')center/contain no-repeat;
    margin: 15px;
}

nav#site-navigation {
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	top: 0;
	padding: 15px 20px 30px;
	width: calc(100% - 40px);
  background-color: #f7f7f7;
}

.header_navi nav {
	width: 430px;
}

.header_navi {
	position: absolute;
}

form.gsc-search-box {
	margin-bottom: 0;
}

.gsst_a {
	min-height: 37px!important;
	line-height: 37px!important;
}

.gsib_a {
	padding: 12px!important;
}
.gsc-control-searchbox-only,
input.search_text {
	/*height: 45px;*/
	/*width: calc(87% - 40px);*/
	margin: 0 20px;
	bottom: 0;
}

td.gsc-input {
	height: 45px!important;
	margin: 0!important;
}

form.gsc-search-box {
	margin-bottom: 0px!important;
}

button.gsc-search-button .gsc-search-button-v2,
#header input.search_button {
	cursor: pointer;
	height: 45px;
	width: calc( 15% - 20px);
	margin-right: 20px;
	position: absolute;
}

td.gsc-search-button {
	min-width: 70px;
	background-size: 25px;
}

.hd_background {
    width: 100%!important;
    left: 0;
    border-bottom: solid 4px #D71200;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
}

.hd_banner_inner {
	float: none;
	position: static;
	width: auto;
}

.hd_banner_current{
    width: 80%!important;
    height: 80px;
    top: 115px;
    left: 50%;
    transform: translatex(-50%);
}

h2.hd_banner_cate {
    /*position: relative;*/
		position: static;
    float: left;
    margin-left: 0;
    right: inherit;
    left: 50%;
    transform: translate(-50%, -75%);
}

.hd_banner_title {
    margin-right: 0;
    top: 60%;
    right: 50%;
    transform: translatex(50%);
		font-size: 2rem;
		position: static;
    display: block;
}

li.sub_s {
    background-color: #f7f7f7;
    padding-bottom: 1px;
}

li.search_list > #searchWrapSp {
	padding: 15px 0;
}

li.sub_s > a {
	text-align: center;
}

.red {
    color: #D71200;
}

dl.submenu-00, dl.submenu-00 dt{
}

.opt_both_radius {
    border-radius: 10px;
}

.opt_top_radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.opt_bottom_radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.submenu_sp dd ul li {
    background-color: #ffffff;
}
/*
.submenu_sp dd ul li::first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
*/

#totop {
    display: none;
}

.top_message_signature > span{
	display: block;
}

/* footer.php用　追加css
-------------------------------------------------- */

.footer_wrap {
    max-width: 640px;
    padding: 0 3%;
		width: 94%;
		text-align: left;
}

.footer_nav_link {
    /*max-width: 44%;
    min-width: 130px;*/
		width: 23.5%;
    padding: 15px 0 15px 3%;
    box-sizing: border-box;
}


.footer_nav_link:nth-child(4){
}

.footer_nav_link:nth-child(5){
		width: 48%;
}

.sub_arrow::before {
    content: '>';
    position: absolute;
    right: 0;
    color: #666;
    transform: rotate(90deg);
    font-size: 24px;
		display: inline-block;
		margin-right: 45px;
}

.sub_s.sub_active .sub_arrow::before{
	transform: rotate(-90deg);
}

dl.submenu-01 {
    float: inherit;
    width: 100%;
    border-right: none;
		border-left: none;
}

/* google costum search
----------------------------------------------*/
#searchWrapPc {
	display: none;
}

.gsc-table-result td{
	background: none!important;
}

.gsc-result-info-container::before {
	content: none!important;
}

.gsc-orderby-container::before {
	content: none!important;
}

td.gsc-table-cell-thumbnail td.gsc-thumbnail {
	display: inline-block!important;
	float: left;
	position: inherit!important;
}

.gsc-table-cell-thumbnail.gsc-thumbnail::before {
	content: none!important;
}

.gsc-table-cell-snippet-close::before {
		content: none!important;
}
.gsc-control-cse div {
	/* text-align: center; */
}


/* sp header 検索フォーム */
#searchWrapSp > #sp_hd_form{
	background-color: inherit;
	border: none;
	height: 30px;
	width: calc(100% - 20px);
	padding: 10px;
}

#searchWrapSp > #sp_hd_form #srchForm {
	height: 30px;
	border-radius: 5px;
	position: relative;
	bottom: 10px;
}

#searchWrapSp > #sp_hd_form #srchInput {
	width: calc(100% - 80px);
	height: 40px;
}

#searchWrapSp > #sp_hd_form #srchBtn {
	background-image: url("../images/mushimegane_wh.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 17px;
	min-width: 60px;
	height: 38px;
	line-height: 50px;
	border-radius: 10%;
	font-size: 0px;
	margin-left: 10px;
}


/*製品ページ内検索フォーム*/
.contents_sform #srchForm > #srchInput {
    width: calc(70% - 20px);
    margin: auto;
}

.contents_sform #srchForm > .srchBtn,
.contents_sform #srchForm > #srchBtn {
    margin: auto;
    border-radius: 5px;
    background-color: #898989;
    font-size: 16px;
    min-width: inherit;
    width: calc(30% - 40px);
}

/*
新デザイン修正部分
*/

.search_wrap {
	clear: none;
}

/*
phone reset
*/

.hd_nav_text {
	width: 100%;
	margin-top: 5px;
	text-align: left;
}

.dna_nav {
	width: 200px;;
}

.disable_l.hd_top_nav {
	padding: 0 ;
}

.hd_right {
	width: 100%;
	max-width: 640px;
	float: right;
	margin: 0;
	padding: 7px 0px 1px;
}

.free_dial {
		height: auto;
		width: auto;
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
		top: 0;
		transform: inherit;
}

.phone. free_dial::before {
	margin-left: 5px;
	margin-right: 2px;
	margin-right: 0;
	width: 18px;
	top: 0px;
}

.free_dial a {
	top: 0;
  vertical-align: top;
	padding: 0 15px 0 0;
}

.free_dial img {
	height: 15px;
	width: 105px;
	width: inherit;
}

.yoshida_phone_wrap{
	top: 0;
	position: inherit;
}

.yoshida_phone {
			font-family: initial;
			top: 0;
			font-size: 1.5rem;
}

.phone_desc {
		top: 1px;
		font-size: 1rem;
		line-height: 1rem;
}

.hd_wrap {
	overflow: hidden;
	width: 115px;
	margin-right: 3%;
	margin-top: 0;
}

.hd_contact {
	position: relative;
  top: 0;
  right: -17px;
  width: 110px;
  float: right;
	margin: 0;
	font-size: 1.3rem;
	font-size: 13px;
}

.hd_contact::before{
	width: 13px;
	height: 13px;
	top: 0;
}

.instr_desc_name {
	margin-left: 35%;
}

.instr_desc_intro{
	margin-left: 35%;
}

.contents_m.seminar_single {
    max-width: 640px;
    width: 96%;
    padding: 15px 2% 15px 2%;
}

.seminar_box02_img {
	float: none;
	margin-top: 25px;
}

.seminar_box02_img img {
	width: 100vw;
}

.seminar_box02_r ul li{
	padding-left: 20px;
}

.seminar_box02_r p {
	width: 95%;
	width: calc(100% - 40px);
	margin: 0 auto 20px;
}


.seminar_detail_bt{
	max-width: inherit;
	width: 69%;
	left: inherit;
	float: left;
	}

.seminar_box02_l{
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}

.seminar_box02_l > img {
	margin-left: 3%;
}

.accept_cancel_mail{
	max-width: inherit;
	left:inherit;
	}
	.seminar_map_img{
		text-align: center;
	}

	.seminar_bt {
		width: 100%;
	}

.seminar_box02_img img {
		width: 100vw;
	}
.gmap_iframe_wrap.disable_l{
		float: none;
	}

	.print_bt {
		width: 100%
	}

	.print_bt a {
		left: 50%;
    transform: translateX(-50%);
	}
/* chairside
*******************************/

.video_wrap{
	float: left;
	width: 90%;
	padding: 0 5%;
	margin-bottom: 30px;
}

.video_wrap iframe {
	width: 100%;
}


.text_wrap {
	float: right;
	width: 90%;
	padding: 0 5%;
}

/* recruit_new
*******************************/
.recruit_top_wrap {
  margin: 60px auto;
}

.recruit_contents  {
  margin: 0;
  width: 100%;
}

.recruit_contents .page_rightside {
  margin-bottom: -30px;
  width: calc(100% + 40px);
}

.recruit_contents .page_rightside .page_rightside_img {
  width: calc(100% + 160px);
  max-width: inherit;
  transform: translateX(-65px);
}

.recruit_top_wrap .recruit_contents .page_sidebar {
  background-color: inherit;
  top: 0;
  position: absolute;
  left: 0;
  width: 25%;
  z-index: 100;
}

.recruit_top_wrap .page_sidebar .page_sidebar_img {
  top : -50px;
  left: 0;
  margin-left: 6px;
  max-width: 256px;
}

.page_sidebar {
  margin: auto;
  max-width: inherit;
}

.site-content .page_sidebar ul {
  margin: auto auto 30px;
  font-size: 1.8rem;
}

.site-content .page_sidebar ul li {
  background: none;
}

.site-content .page_sidebar ul.page_sidebar_list > li {
  width: 100%;
  margin: 0px;
  padding-left: 10px;
  background: #f5f5f5;
}

.site-content .page_sidebar ul.page_sidebar_list li a {
  padding: 15px 20px 15px 0px;
}

.page_sidebar ul.page_sidebar_cnt > li {
  width: 93%;
  margin-bottom: 10px;
  margin: auto auto 10px;
}

.page_sidebar ul li .skew_disable{
transform: skewX(10deg);
}

.page_sidebar ul li .page_sidebar_hd {
  color: #fff;
  background-color: #d01027;
  transform: skewX(-10deg) translateX(3px);
  padding: 15px 20px;
  transition: 0.3s;
}

.page_sidebar ul li .page_sidebar_hd .r_arrow {
  right: 0;
}


.page_sidebar ul li .page_sidebar_hd.disActive > span{
  color: #fff;
}

.recruit_contents.clearfix .page_contents {
  width: 100%;
  max-width: inherit;
}

.recruit_entry_btn.new_grad {
  margin: 20px auto;
}

.recruit_entry_btn.mid_car {
  margin: auto;
}

.recruit_contact_link a {
  line-height: 2.5;
}

.staff_dept_name {
  border-bottom: none;
  margin: 10px 0;
}

.staff_state{
  position: relative;
  right: -5px;
  padding: 0;
}
.staff_state img {
  text-align: center;
}

.popup_content {
  margin: auto;
}

.recruit_popup .recruit_popup_cnt.sp_column {
  flex-wrap: wrap;
  flex-direction: column;
}

.recruit_popup .recruit_popup_cnt.sp_column .inner_left{
  width: 100%;
}

.recruit_popup .recruit_popup_cnt.sp_column .inner_right{
  width: 50%;
  margin-left: auto;
}



@media screen and (min-width: 640px) {
  .recruit_sp {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .recruit_pc {
    display: none;
  }

  .page_contents {
    padding: 0 20px !important;
  }

  .recruit_btn_box {
    margin: 15px 0;
  }

  .recruit_entry_btn1 {
    bottom: 0;
    left: -10px;
    width: 50%;
    height: 40px;
  }

  .recruit_entry_btn1 a {
    min-height: 50px;
  }

  .recruit_entry_btn2 {
    bottom: 0;
    right: 0;
    width: 50%;
    height: 40px;
  }

  .recruit_entry_btn2 a {
    min-height: 50px;
  }

  .recruit_entry_btn1 img, .recruit_entry_btn2 img {
		margin-left: 8%;
  }

  .recruit_new_img {
    margin: 0 -20px;
  }

  .msg_list_img_L, .msg_list_img_R {
    width: 40%;
  }

  .msg_content{
    padding: 4px 16px 16px 4px;
    width: 50%;
  }

  .msg_content::after {
    right: 0px;
  }

  .dept_pr_img {
    width: 100%;
    transform: skew(10deg, 0deg);
    margin-right:-7px;
    overflow: hidden;
    vertical-align: top;

  }
  .dept_pr_box {
    height: 100%;
  }

  .dept_pr_img:first-child {
    margin-left: 0;
  }

  .dept_pr_box::before {
    display: none;
  }
  .dept_pr_box::after {
    display: none;
  }

  .dept_pr_img img {
    min-width: 110%;
  }

  .dept_pr_img .dept_pr_btn {
    left: auto;
    right: 0;
    height: 45px;
    padding: 0 30px;
  }

  .recruit_ribbon:first-of-type .dept_pr_btn {
    width: 30%;
    min-width: 150px;
  }

  .recruit_ribbon:nth-child(2) .dept_pr_btn {
    width: 40%;
    min-width: 200px;
  }

  .recruit_ribbon:nth-child(3) .dept_pr_btn {
    width: 30%;
    min-width: 180px;
  }

  .recruit_ribbon {
    min-width: 100%;
    position: relative;
  }

  .recruit_ribbon::before {
    position: absolute;
    overflow: visible;
    content: "";
    left: -16px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 25px;
    border-color: transparent transparent #bac2c9 transparent;
    transform: skew(10deg, 0deg);
    opacity: 0.7;
  }

  .dept_pr_img {
    z-index: 1;
  }

  .recruit_ribbon::after {
    position: absolute;
    overflow: visible;
    content: "";
    right: -16px;
    top: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 25px 0 0;
    border-color: #bac2c9 transparent transparent transparent;
    transform: skew(10deg, 0deg);
    opacity: 0.7;
    z-index: 0;
  }

  .text24 .recruit_enph{
    font-size: 18px;
  }

  .recruit_btn_box {
    width: 369px;
    margin: auto;
  }

  .recruit_btn_box .recruit_entry_btn {
    margin: 10px 0;
  }

  .recruit_training img {
    margin-bottom: 80px;
  }

  .recruit_training p {
    font-weight: 700;
  }

  /* 中途採用ページ */

  .recruit_permanent_title, .recruit_contract_title {
    width: 94%;
  }

  .recruit_permanent_job .recruit_midC_jobTitle .text22 {
    padding-right: 0px;
  }

  .recruit_contract_job .recruit_midC_jobTitle .text22 {
    padding-right: 0px;
  }

  .recruit_midC_outline table {
    width: 100%;
  }

  .recruit_midC_outline {
    float: none;
  }

  .recruit_employeeImg {
    position: static;
    width: 92%;
    height: auto;
    transform: skewX(-10deg);
    overflow: hidden;
    margin: 0 auto 20px auto;
  }

  .recruit_catchphrase {
    margin-bottom: 0px;
    padding-right: 0px;
  }

  .recruit_employeeImg img {
    transform: skewX(10deg) scale(1.1);
    width: 100%;
  }

  /* 教育 */

  .recruit_redRibbon {
    width: 90%;
    height: 100%;
    padding: 16px;
  }
  .recruit_redRibbon h3 {
    line-height: inherit;
    margin: auto;
  }

	/* QAページ */

	.qa_question .qa_title>p {
		padding-right: 30px;
  line-height: 1.4;
	}

	.qa_question::after {
		right: 10px;
	}

	/* ユニークな取り組み */

	.float_l_l {
		margin-bottom: 40px;
	}

	.recruit_efforts_title {
		width: 100%;
		left: -5px;
	}

	.recruit_efforts_box {
		width: 100%;
		margin: auto;
	}

	.recruit_efforts_box>img {
		width: 100%;
	}

	.recruit_efforts_content {
		font-size: 120%;
	}

 /* recruit feature */
 .col1 .chart_comment {
   width: 80%;
 }
}

@media screen and ( max-width: 540px ){

	.phone.mobile {
		/*display:none;*/
	}

	.hd_l_wrap {
			width: 30%;
			margin-top: 10px;
			margin-left: 3%;
		}

	.hd_nav_text {
		position: absolute;
		/*left: -13px;
		top: 35px;
		bottom: -7px;*/
	}

	.dna_nav > a {
		font-size: 1.2rem;
		letter-spacing: normal;
	}

	.footer_nav_link{
			width: 48%;
      height: inherit;
		}
}

@media screen and ( max-width: 460px ){
	#header {
		margin-bottom: 0;
	}

	.hd_nav_text {
		position: absolute;
		left: 145px;
		top: inherit;
	}

	.dna_nav > a {
		font-size: 1.5rem;
		letter-spacing: normal;
	}


.search_glass::before {
		position: relative;
		left: 24px;
		bottom: 7px;
	}
}

@media screen and ( max-width: 420px ){

	.yoshida_phone_wrap {
		margin-left: 4px;
	}

	.hd_wrap{
		position: relative;
		bottom: 0;
	}
	.dna_nav::before {
		margin-left: 0;
		margin-left: 6px;
	}

	.dna_nav {
		margin-left: 0;
	}

	.dna_nav > a {
		font-size: 1.5rem;
		letter-spacing: normal;
	}

	#header input.search_button{
		margin-left: 0;
	}


	nav#site-navigation {
		left: 50%;
		transform: translateX(-50%);
		top: 100%;
		height: 50px;
		padding: 3%;
		max-width: 400px;
		width: 85%;
	}

	.yoshida_group {
		margin-left: 8px;
		letter-spacing: 0;
	}

	.yoshida_group > a{
		font-size: 1.4rem;
	}

		.hd_nav_text {
			position: absolute;
			left: 0;
			top: 20px;
		}

		#copyright {
			font-size: 10px;
			padding:65px 0 25px 0;
		}

}