@charset "UTF-8";
/*-------------------------------------- common ---------------------------------------*/
/*-------------------------------------- font system [ver:2018.10.11] --------------------------------------*/
body { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; -webkit-text-size-adjust: 100%; }

.ffg, #footer #copyright { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; }

.ffm { font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',Meiryo,'メイリオ',serif; }

#footer #copyright { font-size: 0.625rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top p span.note { font-size: 0.75rem; line-height: 153.052%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top h6 span, #profile .block_right .earch_profile > div.history { font-size: 0.75rem; line-height: 184.4%; font-weight: 300; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > p.note { font-size: 0.875rem; line-height: 149.4%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_btm p, #company_overview .block_right #about_shinyodo section#deal .deal_box_top p { font-size: 0.875rem; line-height: 180%; font-weight: 300; }

#company_overview .block_right #about_shinyodo #tel_address #tel_address_body > div:nth-child(2) a { font-size: 0.9375rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top h6 { font-size: 0.9375rem; line-height: 147.574%; font-weight: 300; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody { font-size: 0.9375rem; line-height: 177.8%; font-weight: 300; }

#company_overview .block_right #about_shinyodo > p, #profile .block_right .earch_profile > p, #block1 .block_right h4 { font-size: 0.9375rem; line-height: 202.692%; font-weight: 300; }

#profile .block_right .earch_profile h4 { font-size: 1rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal > p, #block1 .block_right { font-size: 1rem; line-height: 200.184%; font-weight: 300; }

#company_overview .block_right #about_shinyodo h4 { font-size: 1.0625rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > p { font-size: 1.0625rem; line-height: 173.4%; font-weight: 300; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > div h4 { font-size: 1.0625rem; line-height: 173.4%; font-weight: 600; }

#footer #footer_body #footer_left #footer_linkset a, #header #main_navi #main_navi_body a { font-size: 1.125rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #about_shinyodo #tel_address #tel_address_body, #footer { font-size: 1.125rem; line-height: 171.2%; font-weight: 300; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_btm h4, #company_overview .block_right #about_shinyodo section#deal .deal_box_top h4 { font-size: 1.1875rem; line-height: 169%; font-weight: 300; }

#company_overview .block_right #about_shinyodo h5 { font-size: 1.5rem; line-height: 100%; font-weight: 300; }

#company_overview .block_right #about_shinyodo h3, #profile .block_right .earch_profile h3 { font-size: 1.75rem; line-height: 149.2%; font-weight: 300; }

/*-------------------------------------- common ---------------------------------------*/
.for_pc { display: none; }

* { margin: 0; padding: 0; }

body { color: #444661; font-family: TsukuOldMinPro-R,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; background: url(../images/common_bg_sp.png) center top; background-size: 240px 120px; }

a, a:visited { color: #444661; text-decoration: none; }

ul { list-style: none; }

img { border-style: none; vertical-align: top; }

.cf:after { content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden; }

.cf_node { clear: both; width: 0; height: 0; overflow: hidden; }

#wholepage { position: relative; }

/*-------------------------------------- header ---------------------------------------*/
#header { position: relative; padding: 0 0 50px; }

#header #main_navi { height: 0; background: url(../images/common_deco_roughline.png) no-repeat center bottom; background-size: 856px 1px; background-color: rgba(255, 255, 255, 0.5); overflow: hidden; }

#header #main_navi #main_navi_body { padding: 15px 0; text-align: center; }

#header #main_navi #main_navi_body a { display: inline-block; padding: 13px 0 13px; letter-spacing: 1px; }

#header #main_navi #main_navi_body a.thispage { background: url(../images/common_deco_naviline_pc.png) no-repeat center 30px; background-size: 174px 4px; }

#header #menubtn_sp { position: absolute; top: 18px; left: 17px; }

#header h1 { padding: 20px 0 0; text-align: center; }

#header h1 img { width: auto; height: 115px; }

/*-------------------------------------- body ---------------------------------------*/
/*-------------------------------------- footer ---------------------------------------*/
#footer { margin-top: 75px; padding: 0 0 24px; color: #7a7a85; background: #e1e1e3; }

#footer #footer_body { position: relative; width: 198px; margin: 0 auto 0; padding: 280px 0 0; }

#footer #footer_body #footer_left #footer_linkset { font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; border-top: 1px solid #ccccd0; }

#footer #footer_body #footer_left #footer_linkset a { display: block; padding: 15px 0 16px; color: #7a7a85; letter-spacing: 1px; border-bottom: 1px solid #ccccd0; }

#footer #footer_body #footer_logo { position: absolute; top: 150px; left: 0; width: 100%; text-align: center; }

#footer #footer_body #footer_logo a img { width: 108px; height: auto; }

#footer #footer_body #footer_right a { position: absolute; top: 50px; left: 74px; display: block; width: 50px; height: 50px; background: url(../images/common_btn_pagetop_sp.png) no-repeat; background-size: 50px 50px; }

#footer #copyright { padding: 50px 0 0; color: #c3c3c8; text-align: center; }

#block1 { padding: 0 20px; }

#block1 .block_left { position: relative; width: 216px; margin: 0 auto; padding: 0 0 28px; }

#block1 .block_left #bird1 { position: absolute; top: -23px; left: -10px; width: 37px; height: 34px; background: url(../images/common_fig_bird_right.png) no-repeat; background-size: 37px 34px; }

#block1 .block_right { line-height: 205%; }

#block1 .block_right p { padding-bottom: 22px; }

#block1 .block_right p br { display: none; }

#block1 .block_right h4 { padding-top: 26px; }

#profile { margin: 48px auto 0; }

#profile .block_left { position: relative; width: 100%; height: 112px; overflow: hidden; }

#profile .block_left h2 { padding: 40px 0 0 40px; }

#profile .block_left #tree1 { position: absolute; top: 0; left: 56%; width: 197px; height: 112px; background: url(../images/abt_fig_tree_sp.png) no-repeat; background-size: 197px 112px; }

#profile .block_right { padding: 0 20px; }

#profile .block_right .earch_profile h3 { padding: 35px 0 3px; font-family: TsukuAOldMinPr6-D,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; }

#profile .block_right .earch_profile h4 { text-align: center; }

#profile .block_right .earch_profile > p { padding-top: 32px; }

#profile .block_right .earch_profile > div.history { padding-top: 2px; }

#profile .block_right .earch_profile > div.history P { padding-top: 20px; }

#profile .block_right .earch_profile#profile_inoue { padding-top: 10px; }

#company_overview { margin: 67px auto 0; }

#company_overview .block_left { text-align: center; }

#company_overview .block_right { padding: 32px 0 0; }

#company_overview .block_right #about_shinyodo h3 { font-family: TsukuAOldMinPr6-D,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; }

#company_overview .block_right #about_shinyodo h4 { padding: 6px 0 0; text-align: center; }

#company_overview .block_right #about_shinyodo h5 { padding: 60px 0 0 0; text-align: center; }

#company_overview .block_right #about_shinyodo h5#about_cloud { padding-top: 10px; }

#company_overview .block_right #about_shinyodo > p { padding: 32px 20px 0; }

#company_overview .block_right #about_shinyodo section#deal { margin-bottom: 75px; }

#company_overview .block_right #about_shinyodo section#deal a { color: #e58c00; border-bottom: 1px dashed transparent; transition: border-color 0.25s; }

#company_overview .block_right #about_shinyodo section#deal a:hover { border-bottom: 1px dashed #e58c00; }

#company_overview .block_right #about_shinyodo section#deal > p { padding: 35px 20px 0; }

#company_overview .block_right #about_shinyodo section#deal > p > strong { font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top { margin: 25px 20px 0; padding: 20px 15px; border: 1px solid #afafb3; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #fefcfb; background-color: rgba(255, 255, 255, 0.5); }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top h6 { padding: 20px 0 0; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top h6 span { display: block; padding: 0 0 0 18px; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top p { padding: 15px 0 0; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top p span.note { display: inline-block; padding: 0 0 0 18px; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_top h6 + p { padding-top: 5px; }

#company_overview .block_right #about_shinyodo section#deal .deal_box_btm { margin: 0 20px 35px; padding: 15px 15px; border: 1px solid #afafb3; border-top: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #f6f3f3; background-color: rgba(175, 175, 179, 0.07); }

#company_overview .block_right #about_shinyodo section#deal .deal_box_btm h4 { padding: 0 0 10px; }

#company_overview .block_right #about_shinyodo #cloud_mark { width: 238px; height: 238px; margin: 50px auto 10px; border: 1px solid #ebebee; background: url(../images/abt_fig_cloud.png) no-repeat center center #fcf9f7; background-size: 238px 238px; border-radius: 120px; }

#company_overview .block_right #about_shinyodo #tel_address { margin: 31px 20px 0; background: url(../images/common_deco_roughline.png) no-repeat left top; background-size: 856px 2px; }

#company_overview .block_right #about_shinyodo #tel_address #tel_address_body { padding: 9px 0 30px; text-align: center; background: url(../images/common_deco_roughline.png) no-repeat left bottom; background-size: 856px 2px; }

#company_overview .block_right #about_shinyodo #tel_address #tel_address_body > div { padding: 17px 0 0; }

#company_overview .block_right #about_shinyodo #tel_address #tel_address_body > div:nth-child(2) a { display: block; width: 160px; margin: 24px auto 0; padding: 7px 11px 7px; background: rgba(252, 249, 247, 0.6); border: 1px solid #afafb3; border-radius: 3px; }

#company_overview .block_right #kotomap { margin-top: 40px; background: url(../images/common_fig_2birds_right.png) no-repeat 10% 100%; background-size: 95px 78px; }

#company_overview .block_right #kotomap a { display: block; width: 280px; margin: 0 auto; }

#company_overview .block_right #kotomap a.for_pc { display: none; }

#company_overview .block_right #kotomap #kotomap_text { height: 40px; opacity: 0; overflow: hidden; transition: all 0.8s; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody { padding: 0 0 130px; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > p { padding: 40px 0 0; text-align: center; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > p.note { padding: 8px 20px 0; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > p a { display: inline; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > div { padding: 30px 20px 0; }

#company_overview .block_right #kotomap #kotomap_text #kotomap_textbody > div h4 { padding-bottom: 10px; }
