@charset "UTF-8";
/* フッター：コーポレートサイト（www.photocreate.co.jp）のフッターを移植
   元: wp-content/themes/mytheme/style.css の footer 関連ルール（rem 指定は px 指定に統一） */

/* コーポレートサイトの基本スタイルのうちフッターに必要なもの */
footer{margin-top:40px;font-family:-apple-system,BlinkMacSystemFont,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"Hiragino Kaku Gothic ProN","Helvetica Neue",Meiryo,sans-serif;color:#111;letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
footer > .wrap p{font-size:16px;line-height:2.13;letter-spacing:2px}
@media screen and (max-width: 680px){footer > .wrap p{font-size:14px;line-height:2}}
footer > .wrap a,footer > .wrap a span{color:#111;text-decoration:none;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out}

/* LP 独自部分（お問い合わせ・シェアボタン） */
footer .lp_footer .contact{text-align:center}
@media screen and (max-width: 680px){footer .lp_footer .contact{font-size:14px}}
footer .lp_footer ul.sns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:40px 0 0;margin:0}
footer .lp_footer ul.sns li{list-style:none}
footer .lp_footer ul.sns .fb-share-button{margin-right:24px}
footer .lp_footer ul.sns .twitter-share-button{vertical-align:bottom}

/* コーポレートサイトのフッター */
footer > .wrap{background: #fff; padding: 64px 40px 40px; color: #111; margin-bottom: 0; position: relative;}
@media screen and (max-width: 1024px){footer > .wrap{padding: 0 20px 0;}}
footer > .wrap > ul{display: -webkit-box; display: -moz-box; display: -ms-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
footer > .wrap > ul.info{margin-bottom: 32px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
@media screen and (max-width: 1024px){footer > .wrap > ul.info{display: block;}}
@media screen and (max-width: 1024px){footer > .wrap > ul.info li{text-align: center; margin-bottom: 32px;}}
footer > .wrap > ul.info li a{color: #111; font-size: 13px; padding-right: 16px; line-height: 1;}
footer > .wrap > ul.info li a::after{content: ''; border-right: solid 1px #ccc; padding-left: 16px;}
@media screen and (max-width: 1024px){footer > .wrap > ul.info li a::after{border-right: none; padding-left: 0;}}
footer > .wrap > ul.info li:last-of-type a{padding-right: 0;}
footer > .wrap > ul.info li:last-of-type a::after{border-right: none; padding-left: 0;}
footer > .wrap .copyright p{font-size: 11px; line-height: 1.27; letter-spacing: normal; font-weight: normal; text-align: center;}
footer .btn_top{display: block; width: 44px; height: 56px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-left: auto; margin: auto; top: auto; right: 40px; bottom: 48px; left: auto; position: absolute;}
@media screen and (max-width: 1024px){footer .btn_top{width: initial;}}
footer .btn_top a{position: relative; display: block; width: 100%; height: 100%;}
@media screen and (max-width: 1024px){footer .btn_top a{background-color: #111; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}}
footer .btn_top a::before{content: ''; margin: auto; top: 0; right: 0; bottom: auto; left: 0; position: absolute; width: 44px; height: 44px; -webkit-background-size: 44px; -moz-background-size: 44px; -o-background-size: 44px; background-size: 44px; background-position: center center; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");}
@media screen and (max-width: 1024px){footer .btn_top a::before{width: 22px; height: 18px; position: static; -webkit-background-size: 18px; -moz-background-size: 18px; -o-background-size: 18px; background-size: 18px; background-position: top left; margin: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");}}
footer .btn_top a span{font-size: 13px; height: 15px; display: block; letter-spacing: 2px; font-family: 'Raleway', sans-serif; font-weight: bold; margin: auto; top: auto; right: 0; bottom: 0; left: 0; position: absolute; text-align: center;}
@media screen and (max-width: 1024px){footer .btn_top a span{color: #fff; font-size: 14px; position: static; margin: 0;}}
footer .btn_top:hover a{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}
@media screen and (max-width: 1024px){footer .btn_top:hover a{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}}
@media screen and (max-width: 1024px){footer .btn_top:hover a span{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}}
@media screen and (max-width: 1024px){footer .btn_top{margin: 36px -20px 0; position: static;}}
footer .p_mark{width: 72px; height: 72px; margin: auto; top: auto; right: auto; bottom: 32px; left: 40px; position: absolute;}
@media screen and (max-width: 1024px){footer .p_mark{position: static; margin-bottom: 32px;}}
footer .p_mark img{width: 100%;}

/* サイトマップ・Facebook アイコンを外したぶんの調整（LP 独自）
   PC はコーポレートサイトと同じく規約リンクの上に区切り線を入れる。スマホは線なし */
footer .lp_footer ul.sns{padding-bottom:24px;border-bottom:2px solid #d8d8d8}
footer > .wrap{padding-top:36px}
@media screen and (max-width: 1024px){footer .lp_footer ul.sns{padding-bottom:0;border-bottom:none}footer > .wrap{padding-top:32px}}