@charset "UTF-8";


/*!------------------------------------*\
    Index
\*!------------------------------------*/
.mainimg_about_index {background:url(../../images/about/index/about_main01.jpg) center center no-repeat #8d8f95; background-size:auto;}
#about_index_con_area {background:url(../../images/about/index/about_index_con_bg.jpg) center top no-repeat #93bb68; background-size:auto;}
#about_index_con_bg {background:url(../../images/about/index/about_index_con_bottom_bg.png) center bottom repeat-x; background-size:auto;}
#about_index_con_layout {max-width:1020px; padding:130px 20px 170px 20px; margin:0 auto;}
#about_index_con {}
#about_index_con h3 {font-size:30px; font-size:3.0rem; padding-bottom:70px; color:#FFF;}
#about_index_con p {font-size:14px; font-size:1.4rem; line-height:1.8; padding-bottom:28px; color:#FFF;}
.about_index_main {}

#about_index_navi_area {max-width:1020px; padding:0 20px 60px 20px; margin:0 auto; text-align:center;}
#about_index_navi_area h3 {font-size:30px; font-size:3.0rem; padding-bottom:60px;color:#df0623;}
#about_index_navi {}
#about_index_navi ul {font-size:0; text-align:center;}
#about_index_navi ul li {width:27.3%; margin:0 3% 6% 3%; display:inline-block; vertical-align:top;}
#about_index_navi a,#about_index_navi a:visited,#about_index_navi a:hover {text-decoration:none;}
#about_index_navi .about_index_navi_img img {max-width:144px;
border-radius:72px;
-webkit-border-radius:72px;/* for Safari and Chrome */
-moz-border-radius:72px; /* for Firefox */
-o-border-radius:72px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
#about_index_navi h4 {font-size:14px; font-size:1.4rem; padding-top:10px;}


#about_subpage_mainconarea {padding:50px 0 0 0; width:100%;}
.about_subpage_overviewsection {max-width:640px; padding:36px 40px 60px 40px; margin:0 auto; text-align:center;}
.about_subpage_overviewsection h3 {font-size:28px; font-size:2.8rem; color:#df0623; padding-bottom:30px;}
.about_subpage_overviewsection h4 { padding-bottom:26px;}
.about_subpage_overviewsection p {font-size:14px; font-size:1.4rem; line-height:2;}
/* サブページナビゲーション */
#about_sub_navi_area {border-top:4px solid #f7f5f3; clear:both;}
#about_sub_navi_con {max-width:1060px; padding:45px 40px 80px 40px; margin:0 auto;}
#about_sub_navi_con a,#about_sub_navi_con a:visited,#about_sub_navi_con a:hover {text-decoration:none; display:block;}
#about_sub_navi_con h4 {font-size:14px; font-size:1.4rem; padding-top:12px;}
#about_sub_navi_prev {max-width:33%; min-width:320px; background:url(../../images/about/index/about_sub_navi_prev.gif) left top no-repeat; background-size:auto; text-align:center; float:left;}
#about_sub_navi_prev a { padding-left:66px;}
#about_sub_navi_next {max-width:33%; min-width:320px; background:url(../../images/about/index/about_sub_navi_next.gif) right top no-repeat; background-size:auto; text-align:center; float:right;}
#about_sub_navi_next a { padding-right:66px;}
.about_sub_navi_img img {max-width:144px;
border-radius:72px;
-webkit-border-radius:72px;/* for Safari and Chrome */
-moz-border-radius:72px; /* for Firefox */
-o-border-radius:72px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}

/* サブページアイコンh3タイトル */
.about_subpage_title_h3_area {width:100%; text-align:center;background:url(../../images/about/index/about_subpage_title_h3_area_bg.gif) center center repeat-x; margin-bottom:70px;}
.about_subpage_title_h3_bg {width:144px; height:144px; padding:20px 0 0 0; background-color:#df0722; margin:0 auto;
border-radius:72px;
-webkit-border-radius:72px;/* for Safari and Chrome */
-moz-border-radius:72px; /* for Firefox */
-o-border-radius:72px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.about_subpage_title_h3_icon {width:32px; height:32px; margin:0 auto;}
.about_subpage_title_h3_bg h3 {padding:9px 0 2px 0;font-size:16px;font-size:1.6rem; color:#FFF;}
.about_subpage_title_h3_bg p {color:#f9e5e4;font-size:11px; font-size:1.1rem;}

/*!------------------------------------*\
    for_the_smile
\*!------------------------------------*/
.mainimg_about_forthesmile {background:url(../../images/about/forthesmile/about_main_smile01.jpg) center center no-repeat #a2afaa; background-size:auto; text-align:right;}
.about_forthesmile_article {max-width:1020px; padding:0 20px 74px 20px; margin:0 auto;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_text {width:46%; float:left;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_img {width:46%; float:right;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_text {width:46%; float:right;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_img {width:46%; float:left;}
.about_forthesmile_article .about_forthesmile_layout_text h4 {font-size:19px; font-size:1.9rem; color:#df0623; padding:20px 0 24px 0;}
.about_forthesmile_article .about_forthesmile_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:26px;}
.about_forthesmile_article .about_forthesmile_layout_text p {font-size:14px; font-size:1.4rem; line-height:2;}

/*!------------------------------------*\
    medicine
\*!------------------------------------*/
.mainimg_about_medicine {background:url(../../images/about/medicine/about_main_medicine01.jpg) center center no-repeat #907a6a; background-size:auto;}
#mainimg_article_leyout p.about_lead {font-size:18px; font-size:1.8rem; font-weight:bold; letter-spacing:0.1em; color:#FFF; padding-top:24px;}

.about_medicine_section {text-align:center;}
.about_medicine_section h4 {}
.about_medicine_section p {}
.about_medicine_section_contx {max-width:640px; padding:0 40px 60px 40px; margin:0 auto;}
.about_medicine_section_contx h4 {color:#df0623; padding-bottom:28px;}
.about_medicine_section_contx p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.about_medicine_section_imgarea01 {padding:0 40px 40px 40px; margin:0 auto;}
.about_medicine_section_imgarea01.medicine_img01 {max-width:520px;}
.about_medicine_section_imgarea01.medicine_img04 {max-width:400px;}
.about_medicine_section_imgarea02 {max-width:1060px; padding:0 40px 80px 40px; margin:0 auto;}
.about_medicine_section_imgarea_left {width:46%; float:left;}
.about_medicine_section_imgarea_right {width:46%; float:right;}
.medicine_img_border {border:1px solid #d5d5d5;}

/*!------------------------------------*\
    protect
\*!------------------------------------*/
.mainimg_about_protect {background:url(../../images/about/protect/about_main_protect01.jpg) center center no-repeat #819884; background-size:auto; text-align:right;}
.about_protect_overviewsection {max-width:870px; padding:36px 40px 60px 40px; margin:0 auto; text-align:center;}
.about_protect_overviewsection h3 {font-size:28px; font-size:2.8rem; color:#df0623; padding-bottom:60px;}
.about_protect_overviewsection p {max-width:642px; margin:0 auto; font-size:14px; font-size:1.4rem; line-height:2;}
.about_protect_title_h3_area { background-color:#df0722; margin-bottom:68px;}
.about_protect_title_h3con { text-align:center; padding:20px;}
.about_protect_title_h3con h3 {font-size:22px; font-size:2.2rem; padding-bottom:10px; color:#FFF;background:url(../../images/about/protect/about_protect_title_h3_bg.gif) center bottom no-repeat;}
.about_protect_title_h3con p {font-size:17px; font-size:1.7rem; font-weight:bold; color:#f8dfde; padding-top:13px;}

.about_protect_h4area {min-height:60px; width:60%; float:right;}
.about_protect_h4area .about_protect_h4nun {width:26px; height:26px; font-size:16px; font-size:1.6rem; font-weight:bold; color:#FFF; background-color:#df0722; float:left;text-align:center; line-height:26px;
border-radius:13px;
-webkit-border-radius:13px;/* for Safari and Chrome */
-moz-border-radius:13px; /* for Firefox */
-o-border-radius:13px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.about_protect_h4area h4 {margin-left:38px;font-size:16px; font-size:1.6rem; padding:2px 0 0 0; line-height:26px; color:#df0722;}
.about_protect_layout01_area {max-width:1040px; padding:0 0 44px 0; margin:0 auto;}
.about_protect_layout01_area ul {font-size:0;}
.about_protect_layout01_area ul li {display:inline-block; vertical-align:top;}
.about_protect_layout01 {width:50%; padding:0 2.5% 40px 2.5%; float:left;}
.about_protect_layout01_img {width:36%; max-width:168; float:left;}
.about_protect_layout01_textarea {width:60%; float:right;}
.about_protect_layout01_textarea p {font-size:14px; font-size:1.4rem; line-height:1.8;}

.about_protect_layout02_area {max-width:1020px; padding:0 0 44px 0; margin:0 auto;}
.about_protect_layout02_area ul {font-size:0;}
.about_protect_layout02_area ul li {display:inline-block; vertical-align:top;}
.about_protect_layout02 {width:33.3%; padding:0 2% 40px 2%; float:left;}
.about_protect_layout02 .about_protect_h4area {min-height:60px; width:100%; float:none;}
.about_protect_layout02_img {width:100%; padding-bottom:16px; float:none;}
.about_protect_layout02 p {font-size:14px; font-size:1.4rem; line-height:1.8;}

.about_protect_layout03_area {max-width:1020px; padding:0 0 44px 0; margin:0 auto;}
.about_protect_layout03_area ul {font-size:0; text-align:center;}
.about_protect_layout03_area ul li {display:inline-block; text-align:left; vertical-align:top;}
.about_protect_layout03 {width:33.3%; padding:0 2% 74px 2%;}
.about_protect_layout03 .about_protect_h4area {min-height:60px; width:100%; float:none;}
.about_protect_layout03_img {width:100%; padding-bottom:16px; float:none;}
.about_protect_layout03_img img {border:1px solid #dcdcdc;}
.about_protect_layout03 h5 {min-height:66px; font-size:14px; font-size:1.4rem; line-height:1.8; font-weight:bold;}
.about_protect_layout03 p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.about_protect_layout03_btn_area {border:2px solid #e72118; background:url(../../images/about/protect/icon_about_protect_layout03_btn.gif) left center no-repeat; margin-top:30px;}
.about_protect_layout03_btn_area:hover {border:2px solid #ed4d63;}
.about_protect_layout03_btn_area a,.about_protect_layout03_btn_area a:hover,.about_protect_layout03_btn_area a:visited {font-size:12px; font-size:1.2rem; font-weight:bold; text-decoration:none; display:block; padding:11px 10px 11px 30px;}
/*!------------------------------------*\
    development
\*!------------------------------------*/
.mainimg_about_development {background:url(../../images/about/development/about_main_develop01.jpg) center center no-repeat #8d8f95; background-size:auto;}
.about_development_overviewsection {max-width:720px; padding:36px 40px 60px 40px; margin:0 auto; text-align:center;}
.about_development_overviewsection h3 {font-size:28px; font-size:2.8rem; color:#df0623; padding-bottom:60px;}
.about_development_overviewsection h4 { padding-bottom:26px;}
.about_development_overviewsection p {max-width:642px; padding:0 56px; margin:0 auto; font-size:14px; font-size:1.4rem; line-height:2;}
.about_development_section {padding-bottom:25px;}
.about_development_article_border_top {border-top:2px solid #f7f5f3; padding-top:80px;}
.about_development_article {max-width:1020px; padding:0 20px 74px 20px; margin:0 auto;}
.about_development_rightimg_layout .about_development_layout_text {width:46%; float:left;}
.about_development_rightimg_layout .about_development_layout_img {width:46%; text-align:center; float:right;}
.about_development_leftimg_layout .about_development_layout_text {width:46%; float:right;}
.about_development_leftimg_layout .about_development_layout_img {width:46%; text-align:center; float:left;}
.about_development_article .about_development_layout_text h4 {font-size:19px; font-size:1.9rem; color:#df0623; padding:0 0 36px 0;}
.about_development_article .about_development_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:26px;}
.about_development_article .about_development_layout_text p {font-size:14px; font-size:1.4rem; line-height:2;}
.about_development_article .about_development_layout_img p {font-size:14px; font-size:1.4rem; line-height:1; padding-top:10px;}
.about_development_layout_text_img03 {max-width:356px; padding-top:30px;}
/*!------------------------------------*\
    company
\*!------------------------------------*/
.mainimg_about_company {background:url(../../images/about/company/about_main_company01.jpg) center center no-repeat #a3af7c; background-size:auto;}
.mainimg_about_company02 {background:url(../../images/company/mainimg_company.jpg) center center no-repeat #FFF; background-size:auto;}
.about_company_section {}
.about_company_section h3 {font-size:30px; font-size:3.0rem; padding-bottom:60px; letter-spacing:0.2em; text-align:center;}

.about_company_profile_section {width:100%; padding:0 20px 100px 20px;}
.about_company_profile_kakomi {max-width:980px; padding:66px 70px 30px 70px; border:10px solid #efefef; margin:0 auto; }
.about_company_profile_kakomi dt {width:19%; font-size:15px; font-size:1.5rem; font-weight:bold; color:#474747; float:left;}
.about_company_profile_kakomi dd {font-size:15px; font-size:1.5rem; line-height:1.8; color:#474747;margin-left:20%; padding-bottom:32px;}

.about_company_profile_kakomi2020 {max-width:980px; padding:66px 70px 30px 70px; border:10px solid #efefef; margin:0 auto; }
.about_company_profile_kakomi2020 dt {width:26%; font-size:15px; font-size:1.5rem; font-weight:bold; color:#474747; float:left;}
.about_company_profile_kakomi2020 dd {font-size:15px; font-size:1.5rem; line-height:1.8; color:#474747;margin-left:27%; padding-bottom:32px;}


.about_company_enkaku_section {background-color:#f7f5f3; padding:74px 20px 145px 20px;}
/*ACCORDION*/
.about_company_enkaku_section .accordion {max-width:980px; padding:40px 70px; background-color:#FFF; margin:0 auto;}
.about_company_enkaku_section .accordion > ul > li > a,
.about_company_enkaku_section .accordion > ul > li > a:hover {display:block; color:#555; font-size:24px; font-size:2.4rem; text-decoration:none; background-color:transparent; cursor:normal; position:relative; float:left; width:120px; clear:both;}
.about_company_enkaku_section .accordion > ul > li > ul {margin-left:130px; padding:3px 0 24px 0;}
.about_company_enkaku_section .accordion > ul > li > ul > li {font-size:14px; font-size:1.4rem; padding-bottom:15px; line-height:1.8;}
.about_company_enkaku_section .accordion > ul > li > ul > li.dics_style { list-style:disc; margin-left:1.5em;}
.about_company_enkaku_section .accordion > ul > li > ul > li.dics_style_nopa { list-style:disc; margin-left:1.5em;padding-bottom:5px;}
.about_company_enkaku_section .accordion > ul > li > ul .color_enji {color:#905b5b;}
.about_company_enkaku_section .accordion > ul > li > ul > li .enkakulist_bold {font-weight:bold;}
.about_company_enkaku_section .accordion > ul > li > ul > li {}

.enkaku_img_area p {font-size:12px; font-size:1.2rem; padding-top:3px; display:block; text-align:center; color:#8b8b8b;}
.enkaku_img_area .enkakuimg200x2 {width:64%; max-width:440px; float:left;}
.enkaku_img_area .enkakuimg200x2 img {width:50%; max-width:220px; padding-right:20px;}
.enkaku_img_area .enkakuimg200 {width:32%; max-width:220px; padding-right:20px; float:left;}
.enkaku_img_area .enkakuimg195 {width:31%; max-width:215px; padding-right:20px; float:left;}
.enkaku_img_area .enkakuimg130 {width:22%; max-width:150px; padding-right:20px; float:left;}



/*!------------------------------------*\
    Tablet
\*!------------------------------------*/
@media screen and (max-width: 981px) {
#about_index_con_area {background:url(../../images/about/index/about_index_con_bg_sp.jpg) center top no-repeat #93bb68; background-size:cover;}
#about_index_con_bg {background:url(../../images/about/index/about_index_con_bottom_bg_sp.png) center bottom repeat-x; background-size:auto;}

/* サブページナビゲーション */
#about_sub_navi_prev {max-width:33%; min-width:270px;}
#about_sub_navi_next {max-width:33%; min-width:270px;}

/*!------------------------------------*\
    for_the_smile
\*!------------------------------------*/
.about_forthesmile_article {max-width:1020px; padding:0 20px 74px 20px; margin:0 auto;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_text {width:48%; float:left;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_img {width:48%; float:right;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_text {width:48%; float:right;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_img {width:48%; float:left;}
.about_forthesmile_article .about_forthesmile_layout_text h4 {font-size:19px; font-size:1.9rem; color:#df0623; padding:0 0 16px 0;}
.about_forthesmile_article .about_forthesmile_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:16px;}
.about_forthesmile_article .about_forthesmile_layout_text p {font-size:14px; font-size:1.4rem; line-height:1.8;}
/*!------------------------------------*\
    protect
\*!------------------------------------*/
.about_protect_h4area {min-height:60px; width:76%; float:right;}
.about_protect_layout01 {width:100%; padding:0 5% 40px 5%; float:none;}
.about_protect_layout01_img {width:18%;}
.about_protect_layout01_textarea {width:76%; float:right;}
.about_protect_layout02_area {max-width:1020px; padding:0 14px 44px 14px; margin:0 auto;}
.about_protect_layout02 {width:50%; padding:0 4% 40px 4%; float:left;}

.about_protect_layout03_area {max-width:1020px; padding:0 14px 44px 14px; margin:0 auto;}
.about_protect_layout03_area ul {font-size:0; text-align:center;}
.about_protect_layout03_area ul li {display:inline-block; text-align:left; vertical-align:top;}
.about_protect_layout03 {width:50%; padding:0 4% 74px 4%;}
.about_protect_layout03 .about_protect_h4area {min-height:60px; width:100%; float:none;}
.about_protect_layout03_img {width:100%; padding-bottom:16px; float:none;}
.about_protect_layout03_img img {border:1px solid #dcdcdc;}
.about_protect_layout03 h5 {min-height:66px; font-size:14px; font-size:1.4rem; line-height:1.8; font-weight:bold;}
.about_protect_layout03 p {font-size:14px; font-size:1.4rem; line-height:1.8;}

.about_development_rightimg_layout .about_development_layout_text {width:48%; float:left;}
.about_development_rightimg_layout .about_development_layout_img {width:48%; text-align:center; float:right;}
.about_development_leftimg_layout .about_development_layout_text {width:48%; float:right;}
.about_development_leftimg_layout .about_development_layout_img {width:48%; text-align:center; float:left;}
.about_development_article .about_development_layout_text h4 {font-size:19px; font-size:1.9rem; color:#df0623; padding:0 0 26px 0;}
.about_development_article .about_development_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:16px;}
.about_development_article .about_development_layout_text p {font-size:14px; font-size:1.4rem; line-height:1.8;}

/*!------------------------------------*\
    company
\*!------------------------------------*/
.mainimg_about_company02 {background:url(../../images/company/mainimg_company_tab.jpg) center center; background-size:cover;}
.about_company_profile_kakomi {padding:30px 30px 6px 30px;}
.about_company_profile_kakomi dt {width:20%; font-size:15px; font-size:1.5rem; font-weight:bold; color:#474747; float:left;}
.about_company_profile_kakomi dd {font-size:15px; font-size:1.5rem; line-height:1.8; color:#474747;margin-left:22%; padding-bottom:32px;}

.about_company_profile_kakomi2020 {padding:30px 30px 6px 30px;}
.about_company_profile_kakomi2020 dt {width:37%; font-size:15px; font-size:1.5rem; font-weight:bold; color:#474747; float:left;}
.about_company_profile_kakomi2020 dd {font-size:15px; font-size:1.5rem; line-height:1.8; color:#474747;margin-left:39%; padding-bottom:32px;}

.about_company_enkaku_section .accordion {padding:40px; background-color:#FFF; margin:0 auto;}
.about_company_enkaku_section .accordion > ul > li > a:hover {width:100px;}
.about_company_enkaku_section .accordion > ul > li > ul {margin-left:110px;}

}
/*!------------------------------------*\
    Smartphone
\*!------------------------------------*/
@media screen and (max-width: 641px) {


#about_index_con_layout {padding:60px 20px 120px 20px; margin:0 auto;}
#about_index_con {width:80%; margin-right:auto;}
#about_index_con h3 {font-size:22px; font-size:2.2rem; padding-bottom:35px;}
#about_index_con p {line-height:1.6; padding-bottom:16px;}

#about_index_navi_area {max-width:1020px; padding:0 10px 30px 10px; margin:0 auto;}
#about_index_navi_area h3 {font-size:22px; font-size:2.2rem; padding-bottom:30px;color:#df0623;}
#about_index_navi {}
#about_index_navi ul {font-size:0; text-align:center;}
#about_index_navi ul li {width:44%; margin:0 3% 8% 3%; display:inline-block; vertical-align:top;}

#mainimg_article_leyout p.about_lead {font-size:14px; font-size:1.4rem; font-weight:bold; letter-spacing:0; color:#FFF; padding-top:16px;}

#about_subpage_mainconarea {padding:30px 0 0 0; width:100%;}
.about_subpage_overviewsection {padding:16px 20px 50px 20px;}
.about_subpage_overviewsection h3 {font-size:20px; font-size:2.0rem; padding-bottom:30px;}
.about_subpage_overviewsection h4 {font-size:16px; font-size:1.6rem; padding-bottom:24px;}
/* サブページナビゲーション */
#about_sub_navi_con {padding:25px 10px 40px 10px; margin:0 auto;}
#about_sub_navi_prev {max-width:50%; min-width:50%; padding-right:10px; background:url(../../images/about/index/about_sub_navi_prev_sp.gif) left top no-repeat;}
#about_sub_navi_next {max-width:50%; min-width:50%; padding-left:10px; background:url(../../images/about/index/about_sub_navi_next_sp.gif) right top no-repeat;}

/* サブページアイコンh3タイトル */
.about_subpage_title_h3_icon {width:32px; height:32px; margin:0 auto;}
.about_subpage_title_h3_bg h3 {padding:8px 0 2px 0;font-size:18px;font-size:1.8rem; color:#FFF;}
.about_subpage_title_h3_bg p {font-size:14px; font-size:1.4rem; line-height:1.2;}
/*!------------------------------------*\
    for_the_smile
\*!------------------------------------*/

.about_forthesmile_article {max-width:1020px; padding:0 20px 36px 20px; margin:0 auto;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_text {width:100%; float:none; padding-bottom:30px;}
.about_forthesmile_rightimg_layout .about_forthesmile_layout_img {width:100%; float:none; padding-bottom:20px;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_text {width:100%; float:none; padding-bottom:30px;}
.about_forthesmile_leftimg_layout .about_forthesmile_layout_img {width:100%; float:none; padding-bottom:20px;}
.about_forthesmile_article .about_forthesmile_layout_text h4 {font-size:18px; font-size:1.8rem; color:#df0623; padding:0 0 14px 0;}
.about_forthesmile_article .about_forthesmile_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:16px;}
.about_forthesmile_article .about_forthesmile_layout_text p {font-size:14px; font-size:1.4rem; line-height:2;}

/*!------------------------------------*\
    medicine
\*!------------------------------------*/
.about_medicine_h3_area {margin-bottom:40px;}
.about_medicine_h3_bg {width:144px; height:144px; padding:24px 0 0 0; background-color:#df0722; margin:0 auto;
border-radius:72px;
-webkit-border-radius:72px;/* for Safari and Chrome */
-moz-border-radius:72px; /* for Firefox */
-o-border-radius:72px; /* for opera */
behavior: url('border-radius.htc');/* for IE */
}
.about_medicine_section_contx {max-width:640px; padding:0 20px 60px 20px; margin:0 auto;}
.about_medicine_section_contx h4 {color:#df0623; padding-bottom:28px;}
.about_medicine_section_contx p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.about_medicine_section_imgarea01 {padding:0 20px 20px 20px; margin:0 auto;}
.about_medicine_section_imgarea01.medicine_img01 {max-width:520px;}
.about_medicine_section_imgarea01.medicine_img04 {max-width:400px;}
.about_medicine_section_imgarea02 {max-width:1060px; padding:0 20px 80px 20px; margin:0 auto;}
.about_medicine_section_imgarea_left {width:100%; padding-bottom:20px; float:none;}
.about_medicine_section_imgarea_right {width:100%; float:none;}
.medicine_img_border {border:1px solid #d5d5d5;}
/*!------------------------------------*\
    protect
\*!------------------------------------*/
.about_protect_overviewsection {max-width:870px; padding:16px 20px 50px 20px; margin:0 auto; text-align:center;}
.about_protect_overviewsection h3 {font-size:20px; font-size:2.0rem;padding-bottom:30px;}
.about_protect_title_h3_area { background-color:#df0722; margin-bottom:40px;}
.about_protect_h4area {min-height:26px; padding-bottom:16px; width:100%; float:none;}
.about_protect_layout01 {width:100%; padding:0 20px 40px 20px; float:none;}
.about_protect_layout01_img {width:30%;}
.about_protect_layout01_textarea {width:66%; float:right;}
.about_protect_layout02_area {padding:0 20px 44px 20px;}
.about_protect_layout02 {width:100%; padding:0 0 40px 0;}

.about_protect_layout03_area {max-width:1020px; padding:0 20px 44px 20px; margin:0 auto;}
.about_protect_layout03_area ul {font-size:0; text-align:center;}
.about_protect_layout03_area ul li {display:inline-block; text-align:left; vertical-align:top;}
.about_protect_layout03 {width:100%; padding:0 0 40px 0;}
.about_protect_layout03 .about_protect_h4area {min-height:16px; padding-bottom:20px; width:100%; float:none;}
.about_protect_layout03_img {width:100%; padding-bottom:16px; float:none;}
.about_protect_layout03_img img {border:1px solid #dcdcdc;}
.about_protect_layout03 h5 {min-height:16px; padding-bottom:12px; font-size:14px; font-size:1.4rem; line-height:1.8; font-weight:bold;}
.about_protect_layout03 p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.about_protect_layout03_btn_area a,.about_protect_layout03_btn_area a:hover,.about_protect_layout03_btn_area a:visited {font-size:14px; font-size:1.4rem; font-weight:bold; text-decoration:none; display:block; padding:11px 10px 11px 35px;}

/*!------------------------------------*\
    development
\*!------------------------------------*/
.about_development_overviewsection {max-width:720px; padding:36px 20px 50px 20px; margin:0 auto; text-align:center;}
.about_development_overviewsection h3 {font-size:20px; font-size:2.0rem; color:#df0623; padding-bottom:30px;}
.about_development_overviewsection h4 {font-size:16px; font-size:1.6rem; padding-bottom:16px;}
.about_development_overviewsection p {max-width:642px; padding:0; margin:0 auto; font-size:14px; font-size:1.4rem; line-height:2;}
.about_development_section {padding-bottom:25px;}
.about_development_article_border_top {border-top:2px solid #f7f5f3; padding-top:80px;}
.about_development_article {max-width:1020px; padding:0 20px 36px 20px; margin:0 auto;}
.about_development_rightimg_layout .about_development_layout_text {width:100%; float:none; padding-bottom:30px;}
.about_development_rightimg_layout .about_development_layout_img {width:100%; float:none; padding-bottom:20px;}
.about_development_leftimg_layout .about_development_layout_text {width:100%; float:none; padding-bottom:30px;}
.about_development_leftimg_layout .about_development_layout_img {width:100%; float:none; padding-bottom:20px;}
.about_development_article .about_development_layout_text h4 {font-size:18px; font-size:1.8rem; color:#df0623; padding:0 0 14px 0;}
.about_development_article .about_development_layout_text h5 {font-size:15px; font-size:1.5rem; line-height:1.6; font-weight:bold; padding-bottom:16px;}
.about_development_article .about_development_layout_text p {font-size:14px; font-size:1.4rem; line-height:1.8;}
.about_development_article .about_development_layout_img p {font-size:14px; font-size:1.4rem; line-height:1; padding-top:10px;}
.about_development_layout_text_img03 {max-width:356px; padding-top:20px;}
/*!------------------------------------*\
    company
\*!------------------------------------*/
.mainimg_about_company02 {background:url(../../images/company/mainimg_company_sp.jpg) center center;}
.about_company_profile_section {width:100%; padding:0 10px 40px 10px;}
.about_company_section h3 {font-size:26px; font-size:2.6rem; padding-bottom:30px; letter-spacing:0.2em; text-align:center;}
.about_company_profile_kakomi {padding:30px 20px 6px 20px;}
.about_company_profile_kakomi dt {width:100%; font-size:14px; font-size:1.4rem; font-weight:bold; color:#474747; float:none; padding-bottom:10px;}
.about_company_profile_kakomi dd {font-size:14px; font-size:1.4rem; line-height:1.6; color:#474747;margin-left:0; padding-bottom:32px;}

.about_company_profile_kakomi2020 {padding:30px 20px 6px 20px;}
.about_company_profile_kakomi2020 dt {width:100%; font-size:14px; font-size:1.4rem; font-weight:bold; color:#474747; float:none; padding-bottom:10px;}
.about_company_profile_kakomi2020 dd {font-size:14px; font-size:1.4rem; line-height:1.6; color:#474747;margin-left:0; padding-bottom:32px;}

.about_company_enkaku_section {background-color:#f7f5f3; padding:34px 10px 10px 10px;}

/*ACCORDION*/
.about_company_enkaku_section .accordion { padding:0;}
.about_company_enkaku_section .accordion > ul > li > a,
.about_company_enkaku_section .accordion > ul > li > a:visited,
.about_company_enkaku_section .accordion > ul > li > a:hover {width:100%; float:none; display:block; color:#fff; font-size:16px; text-decoration:none; background-color:#df0623; border-bottom:1px solid #fff; cursor:pointer; padding:10px 12px; position:relative;}
.about_company_enkaku_section .accordion > ul > li > a:hover {background-color:#ed4d63;}
.about_company_enkaku_section .accordion > ul > li > a:after, .about_company_enkaku_section .accordion > ul > li > a.active:after{font-size:12px; position:absolute; right:12px; top:16px; color:#FFF;}
.about_company_enkaku_section .accordion > ul > li > a:after{content:"▼";}
.about_company_enkaku_section .accordion > ul > li > a.active:after{content:"▲";}
.about_company_enkaku_section .accordion > ul > li > ul {display:none; margin:0; padding:20px 10px;}
.about_company_enkaku_section .accordion > ul > li > ul > li > a{ display:block; color:#fff; font-size:14px; background-color:#79c9b8; border-bottom:1px solid #fff; padding:6px 12px; position:relative;}
.about_company_enkaku_section .accordion > ul > li > ul > li > a:hover{ background-color:#67ab9c;}

.enkaku_img_area .enkakuimg200x2 {width:64%; max-width:440px; float:left;}
.enkaku_img_area .enkakuimg200x2 img {width:50%; max-width:210px; padding-right:10px;}
.enkaku_img_area .enkakuimg200 {width:33%; max-width:210px; padding-right:10px; float:left;}
.enkaku_img_area .enkakuimg195 {width:32%; max-width:205px; padding-right:10px; float:left;}
.enkaku_img_area .enkakuimg130 {width:22%; max-width:140px; padding-right:10px; float:left;}


}