/*style_common*/ body{ font-family: "游ゴシック Medium", "Yu Gothic Medium",YuGothic,"Yu Gothic M","游ゴシック体","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 16px;} .family_serif{ font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";} .family_noto{ font-family: 'Noto Serif JP', "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";} .family_raleway{ font-family: 'Raleway', sans-serif; } .family_kyokasyo{font-family: "HGP教科書体","游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";} .family_kyokasyo_yuKyo{font-family: "HGP教科書体","YuKyo-Medium","游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";} h1{ font-size:40px; line-height: 1.2; } h1.pagetitle{ color: #FFFFFF; font-weight: bold;margin-bottom: 10px;} h2{ font-size:40px;} h2.pagetitle{ color: #000000; font-weight: bold; font-size: 32px; text-align: center; margin-bottom: 70px;} h2.en{ font-family: 'Raleway', sans-serif; } h3{ font-size:36px;} footer,main{ background-color: #FFFFFF;} .sp{ display: none;} .sp767{ display: none;} .sp767-2{ display: block;} .sp959{ display: none;} .sp959-2{ display: block;} .delay1{ animation-delay: 1s; } .delay1_5{ animation-delay: 1.5s; } .delay2{ animation-delay: 2s; } .delay2_5{ animation-delay: 2.5s; } .delay3{ animation-delay: 3s; } .delay3_5{ animation-delay: 3.5s; } .delay4{ animation-delay: 4s; } .delay4_5{ animation-delay: 4.5s; } .delay5{ animation-delay: 5s; } .delay6{ animation-delay: 6s; } .delay7{ animation-delay: 7s; } .delay8{ animation-delay: 8s; } .duration1{ animation-duration: 1s; } .duration2{ animation-duration: 2s; } @media screen and (max-width: 959px) { h1{ font-size: 28px;} h2{ font-size: 24px;} h3{ font-size: 21px;} h2.pagetitle{ font-size: 28px; margin-bottom: 60px;} .sp959{ display: block;} .sp959-2{ display: none;} } @media screen and (max-width: 767px) { h1{ font-size: 26px;} h2{ font-size: 21px;} h3{ font-size: 18px;} h2.pagetitle{ font-size: 24px; margin-bottom: 50px;} .sp767{ display: block;} .sp767-2{ display: none;} } @media screen and (max-width: 479px) { body{ font-size: 14px;} h1{ font-size: 21px;} h2{ font-size: 18px;} h3{ font-size: 16px;} h2.pagetitle{ font-size: 21px; margin-bottom: 30px;} .pc{ display: none;} .sp{ display: block;} } /*HEADER********************/ .hd_between{ with:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;align-items: center;} /*SITE TITLE*/ .header_logo{ font-size: 38px; font-weight: bold; line-height: 1.2; padding-left: 5%; color: #000; width: 27%;} .header_logo.top{ /*color: #000000;*/} .header_logo_sub{ font-size: 18px;} .header_logo.top a{text-decoration: none; color: #000!important;} .header_logo a{ text-decoration: none; color: #FFFFFF;} /*PC MENU*/ #gnavi{ padding-right: 5%; width: 63%;} .navbarCollapse,.navbarCollapse2{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .navbarCollapse li a{ font-size: 18px; color: #000; text-decoration: none; display: block; padding: 1em; cursor: pointer; position: relative; font-weight: bold;} .navbarCollapse2 li a{ font-size: 18px; color: #fff; text-decoration: none; display: block; padding: 1em; cursor: pointer; position: relative; font-weight: bold;} .navbarCollapse li a::after,.navbarCollapse2 li a::after { position: absolute; content: ''; bottom: 0; left: 0; width: 0; height: 2px; background: #39B54A; transition: all 0.3s ease 0s;} .navbarCollapse li a:hover::after,.navbarCollapse2 li a:hover::after { width: 100%;} .navbarCollapse.top li a{ /*color: #000000;*/} .menu_sub{ font-size: 13px ; font-weight: normal; /*text-align:center ;*/} /*SCROLL MENU*/ .clone-nav { width:100%; height: auto; transition: all 0.3s; transform: translateY(-100px); position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(255,255,255,0.85); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;} .clone-nav .navbarCollapse li a,.clone-nav .navbarCollapse2 li a{ color: #000000;} .clone-nav .header_logo{ font-size: 28px; color: #000000;} .clone-nav .header_logo_sub{ font-size: 16px;} .clone-nav .header_logo a{ color: #000000;} .is-show { transform: translateY(0);} /*SP MENU*/ #navArea{ display: none;} /*PAGE TITLE*/ .header_bg{ background-size: cover; background-position: top center;background-attachment: fixed; /*position: relative;*/} .header_bg.seisaku{ background-image: url("../images/titleareabg_seisaku.jpg"); } .header_bg.profile{ background-image: url("../images/titleareabg_profile.jpg"); } .header_bg.otoiawase{ background-image: url("../images/titleareabg_otoiawase.jpg"); } .header_bg.jisseki{ background-image: url("../images/titleareabg_jisseki.jpg"); } .header_bg.jimusyo{ background-image: url("../images/titleareabg_jimusyo.jpg"); } .header_bg.colona{ background-image: url("../images/titleareabg_colona.jpg"); } .header_bg_black{ background-color: rgba(0,0,0,0.6); padding-bottom: 100px;} .titlearea{ border: solid 3px #FFFFFF; margin: 70px auto 0; width: 80%; max-width: 1280px; text-align: center; color: #FFFFFF; padding: 50px; box-sizing: border-box;} .ptitlesub{ font-size:16px;padding-bottom: 10px;} .ptitlelead{ font-size:18px; font-weight: bold;} .ptitleline{ display: block; height: 1px; width: 226px; margin: 0 auto; background-color: #FFFFFF; margin-bottom: 20px;} .page_pd{ padding: 0 0 50px 0; } @media screen and (max-width: 1280px) { .header_bg{ background-size: 132%; } } @media screen and (max-width: 959px) { /*SITE TITLE*/ .hd_between{padding: 15px 0px;} .header_logo{ font-size: 33px; font-weight: bold;padding-left: 2%;} .header_logo_sub{ font-size: 18px;} /*PC MENU非表示*/ #gnavi{ display: none;} .clone-nav { display: none;} /*SP MENU*/ #navArea{ display: block; } #navArea nav { display: block; position: fixed; top: 0; left: -300px; bottom: 0; width: 250px; background: #ffffff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0;transition: all .5s;/*z-index: 9999;*/ z-index: 99999;} #navArea.open nav { left: 0; opacity: 1;} #navArea nav .inner { padding: 25px;} #navArea nav .inner ul { list-style: none; margin: 0; padding: 0;} #navArea nav .inner ul li { position: relative; margin: 0; border-bottom: 1px solid #333; text-align: center;} #navArea nav .inner ul li a { display: block; color: #000; font-size: 16px; padding: 1em; text-decoration: none; transition-duration: 0.2s;font-family: 'Raleway', sans-serif; } #navArea nav .inner ul li a:hover { background: #e4e4e4;} .menu_sub{ font-size: 12px ; font-weight: normal; text-align:center ;font-family: 'Noto Serif JP', "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "serif";} /*.toggle_btn*/ .toggle_bg{ display: block;background-color: rgba(0,0,0,0.6); position: fixed; top: 10px; right: 10px; width: 50px; height: 50px; border-radius: 4px;/*z-index: 9998; */z-index:99998; } .toggle_btn { display: block; position: fixed; top: 20px; right: 20px; width: 30px; height: 30px; transition: all .5s; cursor: pointer; /*z-index: 9999;*/ z-index: 99999; } .toggle_btn span { display: block; position: absolute; left: 0; width: 30px; height: 2px; background-color: #FFF; border-radius: 4px; transition: all .5s;} .toggle_btn.top span{ background-color: #000;} .toggle_btn span:nth-child(1) { top: 4px;} .toggle_btn span:nth-child(2) { top: 14px;} .toggle_btn span:nth-child(3) { bottom: 4px;} .open .toggle_bg{ background-color: rgba(0,0,0,0.0);} .open .toggle_btn span { background-color: #fff;} .open .toggle_btn span:nth-child(1) { -webkit-transform: translateY(10px) rotate(-315deg); transform: translateY(10px) rotate(-315deg);} .open .toggle_btn span:nth-child(2) { opacity: 0;} .open .toggle_btn span:nth-child(3) { -webkit-transform: translateY(-10px) rotate(315deg); transform: translateY(-10px) rotate(315deg);} /*#mask*/ #mask { display: none; transition: all .5s;} .open #mask { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; z-index: 997; cursor: pointer;} /*PAGE TITLE*/ .header_bg{ background-size: 120%; } .header_bg_black{ padding-bottom: 50px;} .titlearea{ margin: 50px auto 0; padding: 30px;} .ptitlesub{ font-size:14px;} .ptitlelead{ font-size:16px; } }/*end 959px*/ @media screen and (max-width: 767px) { .toggle_bg {top: 7px;} .toggle_btn {top: 17px} /*SITE TITLE*/ .header_logo{ width: 60%; font-size: 28px; } .header_logo_sub{ font-size: 15px;} /*PAGE TITLE*/ .header_bg.seisaku{ background-image: url("../images/titleareabg_seisaku_sp.jpg"); background-size: 100%; } .header_bg.profile{ background-image: url("../images/titleareabg_profile_sp.jpg"); background-size: 100%; } .header_bg.otoiawase{ background-image: url("../images/titleareabg_otoiawase_sp.jpg"); background-size: 100%; } .header_bg.jimusyo{ background-image: url("../images/titleareabg_jimusyo_sp.jpg"); background-size: 100%; } .header_bg.jisseki{ background-image: url("../images/titleareabg_jisseki_sp.jpg"); background-size: 100%; } .header_bg.colona{ background-image: url("../images/titleareabg_colona_sp.jpg"); background-size: 100%; } .header_bg{ background-size: cover; } .header_bg_black{ padding-bottom: 50px;} .titlearea{ margin: 50px auto 0; width: 90%; padding: 30px;} .page_pd{ padding: 0 0 40px 0;} } @media screen and (max-width: 479px) { /*SITE TITLE*/ .header_logo{ font-size: 24px;} .header_logo_sub{ font-size: 14px;} .toggle_bg {top: 5px;} .toggle_btn {top: 15px;} /*PAGE TITLE*/ .header_bg_black{ padding-bottom: 25px;} .titlearea{ margin: 30px auto 0; padding: 15px;} .ptitlesub{ font-size:12px;} .ptitlelead{ font-size:14px; } }/*end 479px*/ @media screen and (max-width: 324px) { .ptitlelead{ font-size:13px; text-align: justify; } } /*END HEADER********************/ /*TOP********************/ #mainvisual img{ width: 100%; vertical-align: bottom; } @-webkit-keyframes Gradient { 0%{background-position:100% 50%} 80%{background-position:0% 50%} 100%{opacity: 0;} } @-moz-keyframes Gradient { 0%{background-position:100% 50%} 80%{background-position:0% 50%} 100%{opacity: 0;} } @keyframes Gradient { 0%{background-position:100% 50%} 80%{background-position:0% 50%} 100%{opacity: 0;} } a.seisakulink{ display: block; width: 90%; max-width: 800px; margin: 80px auto; } a.seisakulink:hover{ opacity: 0.6; } a.seisakulink img{ width: 100%; height: auto; } .thanks_message_ttl{ text-align: center; font-weight: bold; text-decoration: underline; margin: 100px 0px 20px; font-size: 24px; } .thanks_message img{ display: block; width: 90%; max-width: 800px; margin: 30px auto; } .thanks_message_txt{ width: 90%; max-width: 900px; margin: 30px auto 100px; font-size: 21px; text-align: left; text-align: justify; line-height:1.8; font-weight: bold; } #takaichi_message{ width: 90%; max-width: 1100px; margin: 100px auto 0; background-color: #FFFDE1; } #takaichi_message .flex{ display: flex; align-items: center; justify-content: center; padding: 50px 0; } #takaichi_message .flex img{ width: 40%; max-width: 332px; } #takaichi_message .flex .txt{ width: calc(85% - 310px); margin-left: 5%; } #takaichi_message .flex .txt p:nth-child(1){ font-size: 30px; margin-bottom: 20px; font-weight: bold; } #takaichi_message .flex .txt p:nth-child(2){ font-size: 20px; text-align: justify; line-height: 1.7; } #takaichi_message .flex .txt p span{ color: #C4000F; font-weight: bold; } #takaichi_message .flex .txt p .name{ font-weight: bold; font-size: 22px; text-align: right; color: #000!important; display: block; } #sns{width: 90%;max-width: 1024px;margin: 0 auto;} #sns h2{margin-bottom: 20px;} #sns h2.sns_border_blue,#sns h2.sns_border_red{ font-size: 30px; text-align: center; position: relative; margin-bottom: 2em; } #sns h2.sns_border_blue::after{ content: ''; position: absolute; bottom: -25px; display: inline-block; width: 60px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #1D9BF0; border-radius: 2px; } #sns h2.sns_border_red::after{ content: ''; position: absolute; bottom: -25px; display: inline-block; width: 60px; height: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #D53128; border-radius: 2px; } #sns h2 span{position: relative;z-index: 1;} #sns .bnspace{padding: 100px 0 0;background-color: #FFFFFF;text-align:center;} #sns .snsarea,#sns .YouTube{width: 45%;margin: 0 auto 100px;} #sns .moviearea { position: relative; padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/ height: 0; overflow: hidden; margin-bottom: 10px; } #sns .moviearea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #sns a.btnblack{display: block;text-align: center;border-radius: 50px;width: 250px;margin: 30px auto 0;color: #fff;background: url(../images/top_btn.png) no-repeat center left 10px;background-color: #D53128;background-size: 24px;padding: 10px 0;} #sns a.btnblack-x{display: block;text-align: center;border-radius: 50px;width: 250px;margin: 30px auto 0;color: #fff;background: url(../images/top_btn.png) no-repeat center left 10px;background-color: #1D9BF0;background-size: 24px;padding: 10px 0;} #sns a.btnblack:hover,#sns a.btnblack-x:hover{ opacity:0.5;text-decoration: none;} #blog{ background:url(../images/blog_bg.jpg) no-repeat center bottom; background-size: cover; padding: 70px 0 50px;} #blog h2{ text-align: center; margin-bottom: 70px; font-size: 47px;} #blog .bloglist{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 90%; max-width: 1023px; margin: 0 auto 50px;} #blog .bloglist li{ padding: 10px;font-weight: bold; width: 32%; box-sizing: border-box; background-color: #FFFFFF;} #blog .bloglist li a{ color: #000000; text-align: center; display: block;} #blog .bloglist li a:hover{ text-decoration: none;} #blog .bloglist li .outerWrap { position: relative;width: 100%; height: 200px;overflow: hidden;background: #000; } #blog .bloglist li .imgWrap { width: 100%; height: 200px; margin-bottom: 5px; position: absolute;transition: all 0.5s ease-out;transform: matrix3d( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ); will-change: transform;} #blog .bloglist li .imgWrap:hover{/*opacity: 0.6;*/ transform: matrix3d( 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.9 );} #blog .bloglist li .imgWrap:hover:after{ background-color: rgba(0,0,0,0.6); content: 'Read more'; width: 100%; height: 200px; color: #FFFFFF; position: absolute; display: flex; justify-content: center;align-items: center;font-size: 20px;z-index: 999;} #blog .bloglist li .title{ font-size: 21px; } #blog .bloglist li .date{ font-size: 16px; color:#9E9E9F; } #blog .bloglist li a:hover .title{ color: rgba(58,174,54,1.0);} #blog a.btnblack{ display: block;text-align: center;border-radius: 50px;width: 250px;margin: auto;color: #fff;background: url(../images/top_btn.png) no-repeat center left 10px;background-color: #46B036;background-size: 24px;padding: 10px 0;} #blog a.btnblack:hover{ opacity: 0.5;text-decoration: none;} #message{ background:url(../images/top_message_bg.jpg) no-repeat center bottom; /*text-align: center; */padding: 300px 0;background-size: cover; } #message h2{ color: #000; margin-bottom: 50px; font-size: 47px;text-align: center;} #message p{ color: #000; font-size: 20px; line-height: 2.4; margin-bottom: 0.5em; text-align: justify;width: 90%; max-width: 1100px; margin: 0 auto;} #message .syomei{ padding-top: 10px; text-align: right;} #message .syomei img{ width: 150px;height: auto;} #annai{display: flex;justify-content: space-between; align-items:stretch;margin: 100px 0;} #annai .annai_box{background-color: #F5F5F5;width: 48%;padding: 100px 0;} #annai a.dotcom{margin-top: 50px;display: block;} #annai a.dotcom img{width: 100%;} #annai a.dotcom img:hover{opacity: 0.5;} #annai .box_width{/*max-width: 415px;*/max-width: 520px;width: 90%;margin: auto;} #annai .box_width h2{font-size: 30px!important;font-weight: bold;text-align: center;border-bottom: 2px solid #707070;padding-bottom: 8px;margin-bottom: 30px;} #annai .box_width h2.red{color: #C30000;} #annai .box_width h2.green{color: #46B036;} #annai .box_txt{padding: 0 20px;font-weight: bold;line-height: 2.0;font-size: 18px;} #annai ul.box_list{padding: 0 20px;} #annai ul.box_list li{color: #46B036;font-weight: bold;margin: 10px 0;margin-left: 1.3em;text-indent: -1.3em;font-size: 18px;} #annai .box_contact{background-color: #fff;text-align: center;font-size: 16px;font-weight: bold;padding: 10px;margin: 30px 0 20px;} #annai .box_contact span{font-size: 30px;font-weight: bold;} #annai a.annai_btn{display: block;text-align: center;border-radius: 50px;width: 250px;margin: auto;color: #fff;background:url(../images/top_btn.png) no-repeat center left 10px;background-color: #46B036;background-size: 24px;padding: 10px 0;} #annai a.annai_btn:hover{opacity: 0.5;text-decoration: none;} #topnav{width: 100%;} #topnav .topBht{ position: relative; overflow: hidden; width: 100%; height: 100vh; text-align: center;} #topnav .topBht .movie_bg { position: fixed; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; display: inline-block; top:50%;left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; *//*z-index: -1;*/} #topnav .topBht a .furusato{ position: absolute;font-size: 72px;top:50%;left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #FFFFFF;line-height: 1.0;width: 100%; height: 1em;display: block;text-align: center;} #topnav .topBht a:hover .furusato{ opacity: 0; transition-duration: 1s;} #topnav .topBht a #playsvg{ position: absolute;display: block; opacity: 0; top:calc(50vh - 26px);left: calc(50% - 26px);} #topnav .topBht a:hover #playsvg{ opacity: 1.0; transition-duration: 1s; animation: 0.8s ease-in-out r1;} #topnav .topBht a:hover #playsvg .cls-1{ } #topnav .topBht a:hover #playsvg .cls-2{ } #topnav ul.topNav{ display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap: wrap; background-color: #FFFFFF;} #topnav ul.topNav li{ text-align: center; width: 50%; padding: 60px 0; box-sizing: border-box;} #topnav ul.topNav li a{ color: #000000; display: block;position: relative;height: 100%;} #topnav ul.topNav li a:hover{ text-decoration: none;} #topnav ul.topNav li h3{ font-size: 32px; display: block; line-height: 1.2; font-weight: bold;} #topnav ul.topNav li h3 span{ font-size: 18px; display: block; margin-bottom: 20px; font-weight: normal;} #topnav ul.topNav li:nth-child(1){ background-color: rgba(174,177,180,1.0);} #topnav ul.topNav li:nth-child(2){ background-color: rgba(188,164,117,1.0);} #topnav ul.topNav li:nth-child(1):hover{ background-color: rgba(174,177,180,0.7); transition-duration: 0.3s;} #topnav ul.topNav li:nth-child(2):hover{ background-color: rgba(188,164,117,0.7); transition-duration: 0.3s;} #topnav .tokusetsu{ /*border: 1px solid #000000;*/ display: inline-block; padding: 10px 50px; font-size: 20px; color: #fff; text-decoration: none; background-image: url(../images/btn_arrow.png); background-repeat: no-repeat; background-position: 2% center; background-size: 5%; margin: 50px 0px; background-color: #CB000B; } #topnav .tokusetsu span{font-size: 26px;} #top_seisaku{position: relative;} #top_seisaku:hover{opacity: 0.7;} #top_seisaku .bg_img{width: 100%;vertical-align: bottom;} #top_seisaku .seisaku_btn{position: absolute; top:50%; left: 10%;transform: translate(-10%, -50%);} #top_seisaku .seisaku_btn img{width: 800px;} #top_profile{position: relative;} #top_profile:hover{opacity: 0.7;} #top_profile .bg_img{width: 100%;vertical-align: bottom;position: relative;} #top_profile .btnblack{display: block;text-align: center;border-radius: 50px;width: 250px;margin: 0 0 0 50px;color: #63BAFA;font-weight: bold; background: url(../images/top_btn2.png) no-repeat center left 10px;background-color: #fff;background-size: 24px;padding: 10px 0;} #top_profile .btnblack:hover{text-decoration: none;} #top_profile .profile_flex{display: flex;align-items: center;position: absolute;top:50%; left: 30%;transform: translate(-10%, -50%);} #top_profile .profile_flex h2{font-size: 60px;color: #fff;} #top_profile .profile_ttl{font-size: 26px;color: #fff;} #top_jimusyo{background-color: #F5F5F5;padding: 100px 0;} #top_jimusyo h2{text-align: center;font-size: 34px; font-weight: bold;margin-bottom: 40px;} #top_jimusyo .jimusyo_flex{display: flex;align-items: stretch;justify-content: space-between;width: 90%;max-width: 1100px;margin: auto;flex-flow: wrap;} #top_jimusyo .jimusyo_box{background-color: #fff;border-left: 10px solid #46B036;width: 44%;padding: 1% 2%;} #top_jimusyo .jimusyo_box:nth-child(1),#top_jimusyo .jimusyo_box:nth-child(2){margin-bottom: 20px;} #top_jimusyo .jimusyo_box h3{font-size: 22px;font-weight: bold;margin-bottom: 5px;} .top_message{ width: 90%; max-width:700px; margin: 30px auto 100px; font-size: 21px; text-align: left; text-align: justify; line-height:1.8; font-weight: bold; } .top_message .message_ttl{ text-align: center; font-weight: bold; text-decoration: underline; margin-bottom: 20px; font-size: 24px; } .top_message .message_name{ text-align: right; font-size: 24px; margin-top: 20px; } .message_photo{ display:flex; justify-content:center; } .message_photo li{padding:10px;} .top_itensaki{ margin-top: 20px; } .top_itensaki img{ width: 100%; margin-top: 30px; display: block; } @keyframes r1 { 0% { transform: rotate(-90deg); } 100% { transform: rotate(0deg); } } @media screen and (max-width: 1920px) { #message{ padding: 200px 0;} } @media screen and (max-width: 1495px){ #top_seisaku .seisaku_btn img {width: 600px;} } @media screen and (max-width: 1240px){ #top_profile .profile_flex {left: 10%;} } @media screen and (max-width: 1024px) { #blog .bloglist li .outerWrap { height: 180px; } #blog .bloglist li .imgWrap { height: 180px;} #blog .bloglist li .imgWrap:hover:after{ height: 180px; } #message{ padding: 150px 0;} #top_seisaku .seisaku_btn img {width: 500px;} } @media screen and (max-width: 959px) { #blog{ padding: 50px 0 40px;} #blog h2{ margin-bottom: 50px; font-size: 36px;} #blog .bloglist{ margin: 0 auto 40px;} #blog .bloglist li{ padding: 10px; } #blog .bloglist li img{ /*width: 200px; height: 200px;*/ } #blog .bloglist li .outerWrap { height: 155px; } #blog .bloglist li .imgWrap { height: 155px;} #blog .bloglist li .imgWrap:hover:after{ height: 155px; font-size: 16px; } #blog .bloglist li .title{ font-size: 16px;line-height:1.6; } #blog .bloglist li .date{ font-size: 14px; } #message h2{ margin-bottom: 30px; font-size: 36px;} #message p{ font-size: 18px; } #takaichi_message{margin: 50px auto 0;} #takaichi_message .flex{flex-flow: column-reverse;padding: 50px 5% 0;justify-content: space-between;} #takaichi_message .flex .txt{width: 100%;margin-left: 0%;margin-bottom: 20px;} #annai {flex-flow: column;} #annai .annai_box {width: 100%;} #annai .box_width {max-width: 700px;} #annai a.dotcom img {width: 500px;display: block;margin: auto;} #annai .annai_box:first-child{margin-bottom: 20px;} #sns .bnspace {flex-flow: column;} #sns .snsarea, #sns .YouTube {width: 60%;} #sns .snsarea{margin-bottom: 70px;} #top_profile .profile_flex h2 {font-size: 36px;} #top_profile .profile_ttl {font-size: 16px;} #top_profile .btnblack {margin: 0 0 0 30px;} #top_jimusyo .jimusyo_box {width: 100%;} #top_jimusyo .jimusyo_box:nth-child(1), #top_jimusyo .jimusyo_box:nth-child(2),#top_jimusyo .jimusyo_box:nth-child(3) {margin-bottom: 10px;} #topnav ul.topNav li{ padding: 60px 0; } #topnav ul.topNav li h3{ font-size: 24px; } #topnav ul.topNav li h3 span{ font-size: 16px; margin-bottom: 18px; } #topnav .topBht a .furusato{ font-size: 48px;top:40%;left: 50%; -webkit-transform: translate(-50%, -15%); -ms-transform: translate(-50%, -15%); transform: translate(-50%, -15%);} #topnav .topBht a #playsvg{ opacity: 1.0; top:60%;/*left: 50%; -webkit-transform: translate(-50%, -85%); -ms-transform: translate(-50%, -85%); transform: translate(-50%, -85%);*/} } @media screen and (max-width: 767px) { .thanks_message_ttl{margin: 60px 0px 20px;} .thanks_message_txt{font-size: 18px;margin: 30px auto 60px;} .bnspace{padding: 20px 5%;box-sizing:border-box;} .bnspace img{margin: 5px 0;} #blog{ padding: 70px 0;} #blog h2{ margin-bottom: 35px; font-size: 28px;} #blog .bloglist{ margin-bottom: 30px;} #blog .bloglist li{ padding: 5px; } #blog .bloglist li img{ /*width: 150px; height: 150px;*/ } #blog .bloglist li .outerWrap { height: 98px; } #blog .bloglist li .imgWrap { height: 98px;} #blog .bloglist li .imgWrap:hover:after{ height: 98px; font-size: 14px; } #blog .bloglist li .title{ font-size: 14px; } #blog .bloglist li .date{ font-size: 12px; } #message{ padding: 50px 0;} #message h2{ margin-bottom: 25px; font-size: 28px;} #message p{ font-size: 16px; } #message .syomei img {width: 100px; } #annai .annai_box {padding: 70px 0;} #annai .box_width h2 {font-size: 24px!important;} #annai .box_txt,#annai ul.box_list li{font-size: 16px;} #sns h2.sns_border_blue, #sns h2.sns_border_red {font-size: 28px;} #top_seisaku .seisaku_btn {position: static;} #top_seisaku .seisaku_btn img {width: 100%;} #top_profile .profile_flex {flex-flow: column;align-items: flex-start;} #top_profile .btnblack {margin: 10px 0 0 0;} #top_jimusyo {padding: 70px 0;} #top_jimusyo h2 {font-size: 24px;} #top_jimusyo .jimusyo_box h3 {font-size: 18px;} #topnav ul.topNav li{ padding: 50px 0; } #topnav ul.topNav li h3{ font-size: 21px; } #topnav ul.topNav li h3 span{ font-size: 14px; margin-bottom: 15px; } /*#topnav ul li:nth-child(1){ min-height: 200px; }*/ #topnav .tokusetsu{width: 96%;padding: 2%;} #topnav .btn_arrow{width: 31px;} .top_message{ width: 100%; margin: 20px auto 50px; font-size: 16px; } .top_message .message_ttl{ font-size: 21px; } .top_message .message_name{ font-size: 21px; } .message_photo{ display:block; } .message_photo li{padding:0;} .message_photo li img{width:100%;height:auto;} } @media screen and (max-width: 600px){ #takaichi_message .flex .txt p:nth-child(1) {font-size: 24px;} #takaichi_message .flex .txt p:nth-child(2) {font-size: 16px;} #takaichi_message .flex .txt p .name{font-size: 20px;} #annai a.dotcom img {width: 100%;} #sns .bnspace {padding: 70px 0 0;} #sns .snsarea, #sns .YouTube {width: 100%;} } @media screen and (max-width: 479px) { .thanks_message_ttl{font-size: 20px;} .thanks_message_txt{font-size: 14px;} a.seisakulink{margin: 30px auto;} .bnspace img{width:100%; height:auto;} #blog{ padding: 50px 0;} #blog h2{ margin-bottom: 30px; font-size: 24px;} #blog .bloglist{ margin-bottom: 30px; flex-direction: column;} #blog .bloglist li{ margin-bottom: 15px; padding: 5px; width: 100%;} #blog .bloglist li a{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;} #blog .bloglist li img{ /*width: 130px; height: 130px;*/ } #blog .bloglist li .outerWrap { width: 40%; height: 125px; } #blog .bloglist li .imgWrap { width: 100%; height: 125px; } #blog .bloglist li .imgWrap:hover:after{ width: 100%; height: 125px; } #blog .bloglist li .blogtxt{ width: 55%;padding-left: 5%;} #blog .bloglist li .title{ font-size: 13px; text-align: left;} #blog .bloglist li .date{ font-size: 12px; text-align: left; } #message{ padding: 50px 0;} #message h2{ margin-bottom: 25px; font-size: 24px;} #message p{ font-size: 14px; text-align: justify;} #message .syomei img {width: 80px;} #takaichi_message .flex .txt p:nth-child(1) {font-size: 18px;} #annai .annai_box {padding: 50px 0;} #annai .box_width h2 {font-size: 20px!important;} #annai .box_txt, #annai ul.box_list li {font-size: 14px;padding: 0;} #annai ul.box_list {padding: 0;} #annai .box_contact span {font-size: 26px;} #sns h2.sns_border_blue, #sns h2.sns_border_red {font-size: 24px;} #top_profile .profile_flex h2 {font-size: 24px;} #top_profile .profile_ttl {font-size: 14px;} #top_profile .btnblack {width: 220px;} #top_jimusyo {padding: 50px 0;} #top_jimusyo h2 {font-size: 20px;} #topnav ul.topNav li{ padding: 30px 0; } #topnav ul.topNav li h3{ font-size: 16px; } #topnav ul.topNav li h3 span{ font-size: 12px; margin-bottom: 12px; } #topnav .tokusetsu{background-size: 9%;font-size: 18px;} } /*END TOP********************/ /*SEISAKU********************/ .header_bg.seisaku{ margin-bottom: 0;} #seisaku{ } #seisaku li{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;} #seisaku li .txtbox{ width: 50%; padding: 120px 50px; background-color: #F5F2EF; box-sizing: border-box;} #seisaku li .photobox{ width: 50%; background-size: cover; background-position: center center;} #seisaku li:nth-child(1) .photobox{ background-image: url("../images/seisaku_p1.jpg");} #seisaku li:nth-child(2) .photobox{ background-image: url("../images/seisaku_p2.jpg");} #seisaku li:nth-child(3) .photobox{ background-image: url("../images/seisaku_p3.jpg");} #seisaku li:nth-child(4) .photobox{ background-image: url("../images/seisaku_p4.jpg");} #seisaku li:nth-child(5) .photobox{ background-image: url("../images/seisaku_p5.jpg");} #seisaku li .txtbox .num{ text-align: center; font-size: 64px; font-weight: bold; line-height: 1.2;} #seisaku li .txtbox h2{ text-align: center; font-size: 38px; font-weight: bold; margin-bottom: 0.5em;} #seisaku li .txtbox .txt{ font-size: 18px; line-height: 2.0; text-align: justify; max-width: 500px; margin: 0 auto;} .col1{ color:#95EABD;} .col2{ color:#E019C6;} .col3{ color:#FB634A;} .col4{ color:#60B5C6;} .col5{ color:#E09727;} @media screen and (max-width: 959px) { #seisaku li .txtbox{ padding: 5%;} #seisaku li .txtbox .num{ font-size: 44px; } #seisaku li .txtbox h2{ font-size: 28px; } #seisaku li .txtbox .txt{ font-size: 16px; line-height:1.8;} } @media screen and (max-width: 767px) { #seisaku li .photobox{ height: 320px;} #seisaku li:nth-child(odd){ flex-direction: column;} #seisaku li:nth-child(even){ flex-direction:column-reverse;} #seisaku li .txtbox{ width: 100%; } #seisaku li .photobox{ width: 100%; } } @media screen and (max-width: 479px) { #seisaku li .photobox{ height: 240px; } #seisaku li .txtbox .num{ font-size: 32px; } #seisaku li .txtbox h2{ font-size: 24px; } #seisaku li .txtbox .txt{ font-size: 14px; line-height:1.6; } } /*END SEISAKU********************/ /*ACTIVE********************/ .act_lead{ text-align: center; max-width: 90%;margin: 0 auto 50px;} .act_list{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; margin: 0 auto; max-width: 1024px;} .act_list li{ width: 32%; margin-bottom: 80px;position: relative; } .act_list li img{ width: 100%; height: auto; display: block;} .act_city{ color: #FFFFFF; width: 100px; text-align: center; padding: 3px 0; margin-bottom: 5px; font-size: 16px;} .act_city.joetsu{ background-color: #00A99D;} .act_title{ font-size: 18px; font-weight: bold;} .act_sub{ font-size: 16px;} #kouhou{ background-color: #F5F2EF; padding: 50px 0;margin-bottom: 50px; } .kouhou_list{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; width: 90%; max-width: 960px; margin: 0 auto;} .kouhou_list li{ width: 30%;} .kouhou_list li img{ display: block; margin: 0 auto; margin-bottom: 10px;} .kouhou_list li .kouhou_title{ font-size: 16px; text-align: center;} .kouhou_list li a{ text-decoration: none; color: #000000;} @media screen and (max-width: 767px) { .act_list li{ width: 48%; margin-bottom: 60px;} .act_city{ font-size: 14px; width: 90px;} .act_title{ font-size: 16px;} .act_sub{ font-size: 14px;} .kouhou_list li img{ width: 90%; height: auto; max-width: 260px;} } @media screen and (max-width: 479px) { .act_list li{ margin-bottom: 40px;} .act_lead{ margin: 0 auto 30px;} .act_city{ font-size: 12px; width: 80px;padding: 2px 0;} .act_title{ font-size: 14px;} .act_sub{ font-size: 12px;} .kouhou_list li img{ width: 75%; height: auto;} } /*END ACTIVE********************/ /*PROFILE********************/ #profile{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 90%; max-width: 960px; margin: 0 auto;} .profile_txt{ /*width: 68%;*/ width: 100%; } .profile_txt .name{ font-size: 44px; font-weight: bold; margin-bottom: 40px;} .profile_txt .name span{ font-size: 21px; font-weight: normal;} .profile_txt .kazari{ display: block; margin: 0 auto 30px; width: 100%; height: auto; max-width: 960px;} .profile_txt .txt1{ font-size: 21px; font-weight: bold; margin-bottom: 25px;} .profile_txt .txt2{ font-size: 18px; margin-bottom: 25px; background-color: #F5F2EF; padding: 15px;} .profile_txt .txt3{ font-size: 18px; margin-bottom: 25px; border: solid 1px #333333; padding: 15px;} .profile_txt .txt4{ font-size: 18px; margin-bottom: 25px;} .profile_txt .txt3 strong{font-weight: bold; } .profile_photo{ width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .profile_photo li{ margin-bottom: 1px; height: auto;min-height: 0%;} .profile_photo li img{ width: 100%; height: auto; display: block;} @media screen and (max-width: 767px) { #profile{ display:block; } .profile_txt{ width: 100%; } .profile_txt .name{ font-size: 32px; margin-bottom: 30px; } .profile_txt .name span{ font-size: 18px; } .profile_txt .txt1{ font-size: 18px; margin-bottom: 20px;} .profile_txt .txt2{ font-size: 16px; margin-bottom: 20px; padding: 15px;} .profile_txt .txt3{ font-size: 16px; margin-bottom: 20px; padding: 15px;} .profile_txt .txt4{ font-size: 16px; margin-bottom: 20px;} .profile_photo{ width: 100%; flex-direction:row; flex-wrap: wrap;} .profile_photo li{ width: 33.33%;margin-bottom: 10px;} } @media screen and (max-width: 479px) { .profile_txt .name{ font-size: 24px;margin-bottom: 20px; } .profile_txt .name span{ font-size: 14px; } .profile_txt .txt1{ font-size: 16px; margin-bottom: 15px;} .profile_txt .txt2{ font-size: 14px; margin-bottom: 15px; padding: 10px;} .profile_txt .txt3{ font-size: 14px; margin-bottom: 15px; padding: 10px;} .profile_txt .txt4{ font-size: 14px; margin-bottom: 15px;} .profile_photo{ justify-content: space-between;} .profile_photo li{ width: 49%; } } /*END PROFILE********************/ /*OTOIAWASE********************/ #senkyoku{ padding-bottom: 70px;margin-top: 50px;} #senkyoku img{ display: block; margin: 0 auto; width: 90%; height: auto;max-width: 864px;} #ouen p{ text-align: center;margin: 0 auto 50px;width: 90%; font-size: 18px; } #ouen .ouen_list{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;width: 90%; max-width: 1024px; margin: 0 auto;} #ouen .ouen_list li{ width: 48%; margin-bottom: 35px; border: solid 1px #4D4D4D; padding-bottom: 30px;} #ouen .ouen_list li h3{ background-color: #F5F2EF; position: relative; font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 30px; padding: 35px 0 30px;} #ouen .ouen_list li h3:after{ content: ''; height: 1px; width:148px; background-color: #60B5C6; position: absolute; bottom:0; left:calc(50% - 74px);} #ouen .ouen_list li p{ width: 90%; margin: 0 auto 0.5em; text-align: justify;font-size: 16px; } #form{ background-color: #F5F2EF; padding: 70px 0; margin-bottom: 50px;} #form table{ width: 90%; max-width: 1024px; margin: 0 auto 50px;} #form table th{ border-bottom: solid 1px #E5E5E6; width: 30%; position: relative; padding: 15px 0; font-size: 18px; font-weight: bold;box-sizing: border-box;} #form table td{ border-bottom: solid 1px #E5E5E6; width: 70%; padding: 15px 0; font-size: 18px; line-height: 1.8; box-sizing: border-box;} #form table th span{ display: block; color: #FF0000; background-color: #FFFFFF; border-radius: 4px; border: solid 1px #FF0000; font-size: 16px; padding: 0.2em 0.5em; position: absolute; top:calc(50% - 0.6em);right: 10px;line-height: 1.0;} @media all and (-ms-high-contrast: none) { #form table th span{font-family: "メイリオ", Meiryo, sans-serif; } } #form input[type="text"]{ padding: 12px; border: solid 1px #C8C9CA; border-radius: 5px; width: 100%; box-sizing: border-box;font-size: 16px;} #form textarea{ padding: 12px; border: solid 1px #C8C9CA; border-radius: 5px; width: 100%; box-sizing: border-box;height: 140px;font-size: 16px;} #form input[type="text"].number{ width: 50%;} #form input[type="checkbox"]{ transform: scale(1.5); margin-right: 10px; } #form input[type="submit"]{ background-color: rgba(99,99,99,1.00); color: #FFFFFF; font-size: 21px; font-weight: bold;padding: 15px; border: none; margin: 0 auto; display: block; width: 280px;} #form .policycheck{ text-align: center; margin-bottom: 20px; font-weight: bold;} #form .thanks{ font-size: 18px; color: #FF0000; font-weight: bold; text-align: center;padding: 50px 0;} #privacy{ background-color: #F2F2F2; padding: 70px 0;} #privacy h2{ font-size: 26px; text-align: center; margin-bottom: 50px; font-weight: bold;} #privacy .privacy_box{ background-color: #FFFFFF; border: solid 1px #CCCCCC; padding: 40px;width: 90%; max-width: 1024px; margin: 0 auto;box-sizing: border-box;} #privacy .privacy_box p{ font-size: 18px;margin-bottom: 0.5em; } #privacy .privacy_box ul{ list-style-type: disc; margin-left: 2em;} #privacy .privacy_box ul li{ font-size: 18px; font-weight: bold; margin-bottom: 0.5em;} @media screen and (max-width: 959px) { #ouen .ouen_list li h3{ font-size: 21px;padding: 25px 0 20px; margin-bottom: 25px;} #ouen .ouen_list li{ margin-bottom: 30px; padding-bottom: 25px;} } @media screen and (max-width: 767px) { .kenkin{font-size: 20px;padding: 20px 0 15px;} a.kenkin_btn {margin: 0px auto 30px;} #ouen p{ margin: 0 auto 30px; font-size: 16px;} #ouen .ouen_list li{ width: 100%; margin-bottom: 20px; padding-bottom: 20px;} #ouen .ouen_list li h3{ font-size: 18px;padding: 20px 0 15px; margin-bottom: 20px;} #form{ padding: 50px 0; margin-bottom: 30px;} #form table{ width: 90%; max-width: 1024px; margin: 0 auto 50px;} #form table th,#form table td{ width: 100%; display: block; font-size: 16px;padding: 10px 0;} #form table th{border-bottom: none;padding: 10px 0 0;} #form table th span{ font-size: 14px;top:calc(50% - 0.4em); } #form input[type="text"]{ padding: 10px; } #form textarea{ padding: 10px; height: 100px;} #form input[type="text"].number{ width: 100%;} #form input[type="submit"]{ font-size: 18px;} #privacy{ padding: 50px 0;} #privacy h2{ font-size: 18px;margin-bottom: 25px;} #privacy .privacy_box{ padding: 20px;} #privacy .privacy_box p{ font-size: 14px; text-align: justify; } #privacy .privacy_box ul li{ font-size: 14px; text-align: justify; } } /*END OTOIAWASE********************/ /*JIMUSYO********************/ .header_bg.jimusyo{ margin-bottom: 0;} #jimusyo h3{ font-size: 28px; font-weight: bold;} #jimusyo .address{ font-size: 18px;margin-bottom: 0.5em;} #jimusyo .jimusyo_map{ position: relative;width: 1100px; margin: 0 auto; margin-bottom: 70px; /*padding-bottom: 264px;*/} #jimusyo .jimusyo_map .mapimg img{ display: block; margin: 0 auto;} #jimusyo .jimusyo_joetsu,#jimusyo .jimusyo_tokamachi,#jimusyo .jimusyo_uonuma{ background-color: #F5F2EF; padding: 35px 40px; position: absolute;} #jimusyo .jimusyo_joetsu{ top:137px;left:50px;} #jimusyo .jimusyo_joetsu:after{content: ""; position: absolute; top: 100%; right: 22%; margin-left: -25px; border: 25px solid transparent; border-top: 80px solid #F5F2EF; } #jimusyo .jimusyo_tokamachi{ bottom: -20px;right: 170px;} #jimusyo .jimusyo_tokamachi:before{content: ""; position: absolute; top: -100px; left: 15%; margin-left: -25px; border: 25px solid transparent; border-bottom: 80px solid #F5F2EF;} #jimusyo .jimusyo_uonuma{top:270px;right:0;} #jimusyo .jimusyo_uonuma:before{content: ""; position: absolute; bottom: 10px;left: -30px;margin-left: -30px;border: 25px solid transparent;border-bottom: 80px solid #F5F2EF;transform: rotate( -90deg );} #jimusyo .jimusyo_tokyo{ width: 680px; margin: 0 auto;border-top: solid 1px #CCCCCC; padding-top: 30px;} #jimusyo a.btnblack{ display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 260px; color:#FFFFFF; background-color: #000000; padding: 10px 10px; border-radius: 25px; text-align: left; font-size: 20px; font-weight: bold;} #jimusyo a.btnblack img{margin: 0 30px 0 0;} #jimusyo a.btnblack:hover{ text-decoration: none;background-color: #333333; transition-duration: 0.3s;} @media screen and (max-width: 1100px) { #jimusyo h3{ font-size: 24px; } #jimusyo .address{ font-size: 16px;} #jimusyo .jimusyo_map{ width: 900px; /*padding-bottom: 264px;*/} #jimusyo .jimusyo_map .mapimg img{ width:480px; height: auto; margin: 0 0 0 150px;} #jimusyo .jimusyo_joetsu,#jimusyo .jimusyo_tokamachi,#jimusyo .jimusyo_uonuma{ padding: 30px 20px; } #jimusyo .jimusyo_joetsu{ top:40px; left:0px;} #jimusyo .jimusyo_tokamachi{right: 200px;} #jimusyo .jimusyo_uonuma{top:200px;} #jimusyo a.btnblack{ font-size: 18px;} } @media screen and (max-width: 915px){ #jimusyo .jimusyo_map {padding-bottom: 300px;width: 80%;} #jimusyo .jimusyo_map .mapimg img {margin: auto;} #jimusyo .jimusyo_joetsu, #jimusyo .jimusyo_tokamachi, #jimusyo .jimusyo_uonuma {width: 500px;text-align: center;} #jimusyo .jimusyo_joetsu {left: 50%;transform: translate(-50%, -10%);} #jimusyo .jimusyo_joetsu:after {right: auto;left: 30%;} #jimusyo .jimusyo_tokamachi {right: auto;left: 50%;bottom: 260px;transform: translate(-50%, 0%);} #jimusyo .jimusyo_tokamachi:before {left: 50%;} #jimusyo .jimusyo_uonuma {top: auto;bottom: 0px;right: 50%;transform: translate(50%, 0%);} #jimusyo .jimusyo_uonuma:before{bottom: 240px;left: 70%;transform: rotate(0deg);} #jimusyo a.btnblack {margin: auto;} } @media screen and (max-width: 767px) { #jimusyo h3{ font-size: 21px; } #jimusyo .address{ font-size: 16px;} /*#jimusyo .jimusyo_map{ width: 479px; padding-bottom: 234px;} #jimusyo .jimusyo_map .mapimg img{ width: 432px; } #jimusyo .jimusyo_joetsu,#jimusyo .jimusyo_tokamachi{ padding: 30px 20px; } #jimusyo .jimusyo_joetsu{ top: 0; left: 10px;} #jimusyo .jimusyo_joetsu:after{ top: 100%; right: 60%; margin-left: -25px; border: 25px solid transparent; border-top: 60px solid #F5F2EF; } #jimusyo .jimusyo_tokamachi{ right: 10px;} #jimusyo .jimusyo_tokamachi:before{ top: -80px; left: 38%; margin-left: -25px; border: 25px solid transparent; border-bottom: 60px solid #F5F2EF;}*/ #jimusyo .jimusyo_map .mapimg img {width: 100%;} #jimusyo .jimusyo_joetsu, #jimusyo .jimusyo_tokamachi, #jimusyo .jimusyo_uonuma {width: 100%;} #jimusyo .jimusyo_tokyo{ width: 90%; margin: 0 auto;} #jimusyo .jimusyo_tokyo iframe{ width: 100%;} #jimusyo a.btnblack{ font-size: 16px;width: 200px;} } @media screen and (max-width: 500px){ #jimusyo .jimusyo_joetsu {top: 0;} } @media screen and (max-width: 479px) { #jimusyo h3{ font-size: 18px; } #jimusyo .address{ font-size: 14px;} /*#jimusyo .jimusyo_map{ width: 100%; margin-bottom: 35px; padding-bottom: 249px;padding-top: 60px;} #jimusyo .jimusyo_map .mapimg img{ width: 300px; } #jimusyo .jimusyo_joetsu,#jimusyo .jimusyo_tokamachi{ padding: 20px 15px; } #jimusyo .jimusyo_joetsu{ top: 0; left: 5%;} #jimusyo .jimusyo_joetsu:after{ top: 100%; right: 50%; margin-left: -25px; border: 25px solid transparent; border-top: 60px solid #F5F2EF; } #jimusyo .jimusyo_tokamachi{ bottom: 0; right: 5%;} #jimusyo .jimusyo_tokamachi:before{ top: -80px; left: 35%; margin-left: -25px; border: 25px solid transparent; border-bottom: 60px solid #F5F2EF;}*/ #jimusyo .jimusyo_map {padding-bottom: 250px;} #jimusyo .jimusyo_joetsu:after {border-top: 30px solid #F5F2EF;} #jimusyo .jimusyo_tokamachi:before {top: -50px;border-bottom: 30px solid #F5F2EF;} #jimusyo .jimusyo_uonuma:before{border-bottom: 30px solid #F5F2EF;bottom: 225px;} #jimusyo a.btnblack{ font-size: 16px; width: 200px;} } @media screen and (max-width: 400px){ #jimusyo .jimusyo_map .mapimg img {padding-top: 50px;} #jimusyo .jimusyo_tokamachi {bottom: 240px;} } @media screen and (max-width: 375px) { #jimusyo .jimusyo_joetsu, #jimusyo .jimusyo_tokamachi, #jimusyo .jimusyo_uonuma {padding: 20px 10px;} #jimusyo .jimusyo_uonuma:before {bottom: 205px;} /*#jimusyo .jimusyo_map {padding-bottom: 470px;}*/ /*#jimusyo .jimusyo_joetsu{ width: 90%; box-sizing: border-box;} #jimusyo .jimusyo_joetsu:after{ top: 100%; right: 60%; margin-left: -20px; border: 20px solid transparent; border-top: 35px solid #F5F2EF; } #jimusyo .jimusyo_tokamachi{ width: 90%; box-sizing: border-box;} #jimusyo .jimusyo_tokamachi:before{ top: -50px; left: 50%; margin-left: -20px; border: 20px solid transparent; border-bottom: 35px solid #F5F2EF;}*/ } /*END JIMUSYO********************/ /*FOOTER********************/ #footerInfo{ text-align: center; padding: 50px 5%; box-sizing: border-box;} #footerInfo.top{padding: 50px 0 180px; } #footerInfo .footer_sns{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; font-size: 18px; font-weight: bold; flex-wrap: wrap;} #footerInfo .footer_sns li{ padding: 15px; box-sizing: border-box; text-align: left;} #footerInfo .footer_sns li img{ margin-right: 10px;} #footerInfo .footer_sns a{ color: #000000; text-decoration: none; display: flex;align-items: center;} #footerInfo .footer_sns a:hover img{ opacity: 0.8;} #footerInfo .footer_banner{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin-bottom: 30px;} #footerInfo .footer_banner li{ padding: 10px;} #footerInfo .sitetitle{ font-weight: bold;} #footerInfo .siteMap{ margin-bottom: 50px;} #footerInfo .siteMap a{ color: #000000;} .kotei{ position:fixed; right: 0; bottom: 0; width: 354px; z-index: 2; } .target { line-height: 1.5; transition: padding-top 300ms, line-height 300ms; } .target.is-hidden { padding-top: 0; padding-bottom: 0; line-height: 0; pointer-events: none; display: none; } .text { color: white; transition: opacity 200ms; } .target.is-hidden .text { opacity: 0; } .target img{ width: 100%; vertical-align: bottom; } .button{ background-color: #B7B7B7; width: 100%; border: 3px solid #B7B7B7; cursor: pointer; height: 30px; display: block; } .button::before{ content: url("../images/pagetop.png"); display: inline-block; transition: .4s; transform: rotate(180deg) scale(0.3) translate(100%, 50%); position: absolute; top: 5px; left: 50%; } #line{ position: fixed; bottom: 0; width: 100%; background-color: #FFFFFF; /*#3AAE36;*/ transform: translateY(180px); transition: all .5s; z-index: 1;/*padding: 42px 0;*/} #line2{ position: fixed; bottom: 0; width: 100%; background-color: #FFFFFF; /*#3AAE36;*/ z-index: 1;padding: 42px 0;} #line p{text-align: center;font-size: 20px;font-weight: bold;margin-top: 25px;margin-bottom: -10px;} #line a,#line2 a{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1440px; justify-content: space-around; align-items: center;margin: 0 auto;} #line a .linephoto,#line2 a .linephoto{ margin-top: -36px;} #line a .lineqr,#line2 a .lineqr{ padding: 5px; } #line.line-show{transform: translateY(0); } #page_top{ background-color: #46B036;width: 100%; display: block;padding: 5px 0px;margin-bottom: 40px;} #page_top:hover{ opacity: 0.5; cursor: pointer;} /*20211014追加*/ #line .footer_sns,#line2 .footer_sns{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin: 10px 0px; font-size: 18px; font-weight: bold; flex-wrap: wrap;} #line .footer_sns li,#line2 .footer_sns li{ padding: 15px; box-sizing: border-box; text-align: left;} #line .footer_sns li img{ margin-right: 10px;width: 20px;height: 20px;} #line .footer_sns a,#line2 .footer_sns a{ color: #000000; text-decoration: none; display: flex;align-items: center;} #line .footer_sns a:hover img,#line2 .footer_sns a:hover img{ opacity: 0.8;} @media screen and (max-width: 1322px){ #line,#line2 {/*padding: 23px 0;*/} .kotei {width: 250px;} .button::before {left: 47%;} } @media screen and (max-width: 1280px) { #line a,#line2 a{ width: 90%;} #line a .lineqr,#line2 a .lineqr{ width: 170px; height: auto; padding: 5px 50px 5px 5px; } } @media screen and (max-width: 1150px){ #line .footer_sns,#line2 .footer_sns {justify-content: flex-start;} #line p{text-align: left;margin-left: 15px;} #line a,#line2 a {width: 100%;} } @media screen and (max-width: 959px) { #line2 {padding: 10px 0;} #line2 p{text-align: center;font-size: 20px;font-weight: bold;} #line2 a .linephoto{ width: 88px; height: auto;margin-top: -28px; } #line2 a .linetxt{ width: 380px; height: auto; } #line2 a .lineqr{ width: 140px; height: auto; padding: 5px 50px 5px 5px; } #line2 .footer_sns {justify-content: center;} #line2 .footer_sns li {padding: 0 15px;} #line2 .footer_sns li img{width: 20px; height: auto;margin-right: 10px;} .kotei{right: 50%;transform: translate(50%, 0%);bottom: 97px;} .button::before {left: 45%;} #footerInfo.top {padding: 50px 0 250px;} } @media screen and (max-width: 767px) { #footerInfo.top{padding: 50px 0 150px;} #footerInfo .footer_sns li{width: auto; font-size: 14px; padding: 10px;} #footerInfo .footer_banner{ flex-direction: column;} #line2 a .linephoto{ width: 66px;margin-top: -21px;} #line2 a .linetxt{ width: 260px;} .kotei {display: none;} } @media screen and (max-width: 479px) { #footerInfo .footer_sns li img{ margin-right: 0;} #footerInfo .siteMap{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; background-color: rgba(41,41,41,1.00);margin-top: 20px;margin-bottom: 30px;} #footerInfo .siteMap a{ display: block; padding: 9px; width: 50%; box-sizing: border-box; color: #FFFFFF; border-bottom: solid 1px #FFFFFF; } #footerInfo .siteMap a:nth-child(odd){border-right: solid 1px #FFFFFF;} #line2 a { margin: 0 10% 0 0;} #line2 a .linephoto{ width: 55px;margin-top: -18px;} #line2 a .linetxt{ width: 230px;} #line2 .footer_sns li img{ margin-right: 0px;width: 40px;} .kotei {/*width: 280px;bottom: 60px;*/} } @media (min-width: 479px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } } /*kenkin********************/ #kenkin{margin-top: 50px;} .kenkin_area{border: 3px solid #CB000B;width: 90%;max-width: 1024px;margin: 0 auto 50px;} .kenkin_area p,.kenkin_area ul{font-size: 18px;width: 90%;margin: 0 auto 30px;} .kenkin_area ul li {margin-left: 1.2em;text-indent: -1.2em;line-height: 1.7;} .kenkin_area ul li a{font-weight: bold;color: #000;text-decoration: underline;} .kenkin{font-weight: bold;font-size: 28px;text-align: center;margin-bottom: 30px;color: #CB000B;background-color: #F5F2EF;padding: 35px 0 30px;position: relative;} .kenkin:after {content: '';height: 1px;width: 148px;background-color: #CB000B;position: absolute;bottom: 0;left: calc(50% - 74px);} a.kenkin_btn{width: 90%; max-width: 414px;margin: -20px auto 30px;display: block;} a.kenkin_btn:hover{opacity: 0.5;} a.kenkin_btn img{width: 100%;} @media screen and (max-width: 767px) { .kenkin{font-size: 20px;padding: 20px 0 15px;} a.kenkin_btn {margin: 0px auto 30px;} }