@charset "utf-8";

@import url(animate.css);
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Madimi+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&display=swap');

/* ---------------------------------------------------------------- *
		リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License:none (public domain)*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, fsss, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
    初期設定
 * ---------------------------------------------------------------- */

/* リンク色の設定 */
a:link {color:#111;text-decoration:none;}
a:visited {color:#111;text-decoration:none;}
a:hover {color:#111;text-decoration:none;}
a:active {color:#111;text-decoration:none;}

/* リンクマウスオーバー設定 */
a, a img  {opacity:1;transition:all .2s ease-in-out;}
a:hover, a img:hover {opacity:0.7;transition:all .1s ease-in-out;}

/* 明朝 */
.serif {font-family:'Noto Serif JP',"游明朝体","Yu Mincho",YuMincho,Garamond,"Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:600;}

/* 両端揃え */
.justify {text-align:justify;text-justify:inter-ideograph;}

.flex {display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-js-display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.hide {display:none;}
.pc_hide {display:none;}
.sp_hide {display:block;}
.hide {display:none;}
.clear {clear:both;}

/* フォント */
.ff1 {font-family: "Mochiy Pop P One", sans-serif;font-weight:400;}
.ff2 {font-family: "M PLUS Rounded 1c", sans-serif;font-weight:900;}

.red {color:#f00861;}
.pink {color:#ff71a8;}
.blue {color:#1876e2;}
.orange {color:#ffae00;}
.green {color:#6ab920;}
.purple {color:#d150aa;}
.grey {color:#acacac;}
.small {font-size:10px;line-height:140%;letter-spacing:0;}

/* 蛍光ペンテキストライン */
.uline {background:linear-gradient(transparent 50%, #ffff3d 0%);border-radius:6px;font-weight: bold;}

/* 画像 */
.image {display:block;width:100%;}

/* 余白 */
.mb0 {margin-bottom:0!important;}

/* 袋文字 */
.outline {
    text-shadow    : 
       2px  2px 0px #000000,
      -2px  2px 0px #000000,
       2px -2px 0px #000000,
      -2px -2px 0px #000000,
       2px  0px 0px #000000,
       0px  2px 0px #000000,
      -2px  0px 0px #000000,
       0px -2px 0px #000000;
}

/* ---------------------------------------------------------------- *
    共通設定
 * ---------------------------------------------------------------- */

body {
    font-family:
        'Roboto',
        'M PLUS 1 Code',
        'ヒラギノ角ゴ Pro W3',
        'Hiragino Kaku Gothic Pro',
        "游ゴシック体",
        YuGothic,
        'メイリオ',
        Meiryo,
        'ＭＳ Ｐゴシック',
        'MS PGothic',
        Helvetica,
        Osaka,
        sans-serif;
    color:#444;
    background-color:#FFF;
    font-weight:500;
    font-feature-settings:"palt";
}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1s ease-out;}

.fadeIn_fast {opacity:0;transform:scale(0.95, 0.95);}
.fadeIn_fast_anime {opacity:1;transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0.2s;}

.slideUp {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0s;}

.slideUp1 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime1 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.5s;}

.slideUp2 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime2 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.7s;}

.slideUp3 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime3 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.9s;}

.zoomIn {opacity:0;transform:scale(0.1, 0.1);-webkit-transform:scale(0.1, 0.1);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.4s ease-out;transition-delay:0s;}

.zoomIn_slow {opacity:0;transform:scale(0.5, 0.5) rotateY(180deg);-webkit-transform:scale(0.5, 0.5) rotateY(180deg);}
.zoomIn_slow_anime {opacity:1;transform:scale(1, 1) rotateY(360deg);-webkit-transform:scale(1, 1) rotateY(360deg);transition:0.8s ease-out;transition-delay:0s;}

.zoomOut {opacity:0;transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);}
.zoomOut_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0s;}

/* 共通-セクションパターン(PC) */
.section_ptn1 {padding:5% 0;border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
.section_ptn1 .main_title {font-size:30px;text-align:center;margin-bottom:5%;}
.section_ptn1 .main_title i {font-size:35px;margin-right:10px;}
.section_ptn1 .main_text {font-size:18px;line-height:200%;text-align: center;margin-bottom:3.5%;}
.section_ptn1 .sub_Title {font-size:24px;margin-bottom:2%;}
.section_ptn1 .sub_text {font-size:18px;line-height:180%;width:95%;margin:0 auto 3.5% auto;}
.section_ptn1 .text_s {font-size:14px;line-height:160%;width:95%;margin:0 auto 3.5% auto;}
.section_ptn1 a:link {text-decoration:underline;}
.line {height:2px;border-width:0;margin-bottom:3.5%;border-bottom:dotted 3px #b6b6b6;}

/* 共通-wrap */
.mainWrap {width:1200px;max-width:90%;margin:0 auto;}
.bigWrap {width:1400px;max-width:90%;margin:0 auto;}
.fullWrap {width:90%;margin:0 auto;}

/* 共通-ボタン */
.btn1 {display:block;width:300px;padding:25px;text-align:center;font-size:20px;font-weight:bold;color:#fff!important;border-radius:8px;background:#ff757c;text-decoration:none!important;}

/* ---------------------------------------------------------------- *
    TOPページ(PC)
 * ---------------------------------------------------------------- */

 .hamburgerMenu {display:none;}

/* ヘッダーMENU(PC) */
.header {width:100%;height:80px;z-index:200;transition:all .2s ease-in-out;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.3);position:relative;}
.header .logo {width:80px;margin:12px 0 0 20px;}
.header .menu {width:85%;justify-content:flex-end;margin:30px 40px 0 0;}
.header .menu li {margin-left:4%;}
.header .menu li a {font-size:16px;}
.header .menu i {font-size:18px;margin-right:5px;}

/* ヘッダーMENU fixed(PC) */
.fixed {position:fixed!important;top:0;left:0;animation:DownAnime 0.8s forwards;}
@keyframes DownAnime{from {opacity:0;transform:translateY(-80px);} to {opacity: 1;transform: translateY(0);}}

/* HOME メインイメージ(PC) */
.home_mainimg {background:#000;overflow:hidden;position: relative;height:850px;border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
.home_mainimg .photo_loop img {height:850px;object-fit:cover;opacity:0.8;}
.mainimg_catch {position:absolute;width:100%;top:20%;left:0;right:0;margin:0 auto;z-index:100;z-index:100;}
.mainimg_catch .logo {width:500px;margin:0 auto 1% auto;}
.mainimg_catch .text {font-size:1.4vw;text-align:center;color:#fff;line-height:180%;}

@keyframes infinity-scroll-left {from {transform: translateX(0);}to {transform: translateX(-100%);}}
.scroll-infinity__wrap {display:flex;overflow:hidden;}
.scroll-infinity__list {display:flex;list-style:none;padding:0;}
.scroll-infinity__list--left {animation:infinity-scroll-left 200s infinite linear 0.5s both;}
.scroll-infinity__item {width:calc(100vw / 3);}
.scroll-infinity__item>img {width:100%;}

/* トップページ お知らせ(PC) */
.home_news {background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), #ffffea);}

.home_news .news_list {margin-bottom:5%;}
.home_news .news_list .item {background:#ffffff;border:#ffae00 solid 1px;border-radius:5px;margin-bottom:10px;}
.home_news .news_list .item .news_date {display:block;background:#ffe3a6;padding:8px;line-height:160%;font-weight:bold;text-align:center;font-size:18px;}
.home_news .news_list .item .news_text {display:block;padding:25px;line-height:170%;border-radius:0 5px 5px 0;font-size:16px;}
.home_news .news_list .item .news_text a {font-weight:bold;}

.home_news a.insta_link {background:#fbfff7;text-decoration:none;}
.home_news .insta_link .photobox {width:100%;max-width:900px;margin:0 auto 3% auto;}
.home_news .insta_link .photobox img {width:15.8%;border-radius:8px;}
.home_news .insta_link .photobox img:hover {opacity:1;}
.home_news .insta_link .text {font-size:20px;text-align:center;}
.home_news .insta_link .text i {font-size:25px;margin-right:5px;}

/* トップページ HappyLaboについて(PC) */
.home_about {background:rgba(255, 247, 247, 1);background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 247, 247, 1));}
.home_about .text {font-size:18px;line-height:180%;width:95%;margin:0 auto 3.5% auto;}
.home_about .photobox {width:95%;margin:3% auto 0 auto;}
.home_about .photobox .photo {width:22%;margin-bottom:3%;border-radius:10px;}
.home_about .photobox .photo img {border-radius:8px;}
.home_about .photobox figcaption {font-size:12px;margin-top:10px;}

/* トップページ ご利用までの流れ(PC) */
.home_flow {background:#f8fbff;background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), #f8fbff);}
.home_flow .box1 {background:#fff;border:solid 4px #8fb3dd;padding:1.5%;border-radius:10px;align-items: center;}
.home_flow .last_box {margin-bottom:5%;}
.home_flow .title_area {width:10%;}
.home_flow .title_area .step_icon {width:80px;height:80px;background:#1876e2;color:#fff;border-radius:50%;text-align:center;position:relative;}
.home_flow .title_area .step_icon .text {position:absolute;display:block;font-size:14px;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.home_flow .title_area .step_icon .text .number {display:block;font-size:40px;margin-top:1px;}
.home_flow .text_area {width:90%;}
.home_flow .text_area .title {color:#1876e2;font-size:20px;margin-bottom:8px;}
.home_flow .text_area .text {font-size:18px;line-height:160%;}
.home_flow .text_area .note {font-size:14px;line-height:160%;margin-top:10px;}
.home_flow .allow {color:#1876e2;font-size:50px;text-align: center;}
.home_flow .text2 {font-size:18px;line-height:180%;width:95%;margin:0 auto 3.5% auto;}
.home_flow .tb {width:100%;border:solid 1px #cccccc;margin-bottom:2%;}
.home_flow .tb th,.home_flow .tb td {background:#fff;border:solid 1px #ccc;padding:15px;line-height:160%;vertical-align:middle;}
.home_flow .tb th {background:#edf5ff;}
.home_flow .tb .tb_w1 {width:20%;}
.home_flow .tb .tb_w2 {width:60%;}

/* トップページ アクセス(PC) */
.home_access {background:#fefefe;background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), #fefefe);}
.home_access iframe {width:100%;margin-bottom:3%;border: solid 1px #ccc;border-radius:10px;}

/* トップページ 会社概要・採用情報(PC) */
.home_company {background:#fffdfe;background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), #fff7fb);}
.home_company .tb {width:100%;border:solid 1px #cccccc;margin-bottom:4%;}
.home_company .tb th,.home_company .tb td {background:#fff;border:solid 1px #ccc;padding:15px;line-height:160%;vertical-align:middle;}
.home_company .tb th {background:#fefefe;}
.home_company .sub_text {margin-bottom:2%;}

/* トップページ お問い合わせ(PC) */
.home_contact {background:#fafafa;background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), #fafafa);}
.home_contact .tel .number {font-size:40px;margin-right:15px;}
.home_contact .tel span {font-size:16px;}
.home_contact .contact_wrap .main_text {font-size:18px;margin-bottom:40px;}
.home_contact .contact_wrap .main_text .textlink {font-size:16px;}
.home_contact .contact_wrap .form_p {font-size:16px;margin-bottom:15px;padding-left:12px;border-left:solid 3px #ff757c;font-weight:700;}
.home_contact .contact_wrap .form_wrap {margin-bottom:30px;}
.home_contact .contact_wrap .form_wrap input,
.home_contact .contact_wrap .form_wrap textarea {width:100%;padding:10px;font-size:16px;line-height:140%;border:solid 1px #ccc;border-radius:5px;}
.home_contact .contact_wrap .enquete_wrap {margin:30px 0 60px 0;}
.home_contact .contact_wrap .enquete_wrap .website_wrap {margin-top:10px;}
.home_contact .contact_wrap .enquete_wrap .website_wrap input {width:50%!important;padding:10px!important;}
.home_contact .contact_wrap .form_wrap .form_subwrap {margin-bottom:20px;}
.home_contact .contact_wrap .form_wrap .form_subwrap input,
.home_contact .contact_wrap .form_wrap .form_subwrap select {width:auto;padding:5px;font-size:14px;border:solid 1px #ccc;border-radius:5px;margin:0 10px;}
.home_contact .contact_wrap .document_rqst {margin:20px 0 60px 0;}
.home_contact .contact_wrap .document_rqst input {width:auto; margin-right:10px;}
.home_contact .contact_wrap .submit .btn1 {border:none;margin:0 auto;}
.home_contact .contact_wrap .submit .btn1:hover {cursor:pointer;opacity:0.9;}
.home_contact .contact_wrap .note {margin:40px 0 20px 0;line-height:140%;font-size:12px; text-align: center; line-height:160%;}
.home_contact .contact_wrap .contact_check {margin:40px 0;padding:20px;width:100%;border:solid 3px #ddd;background:#fff;border-radius:10px;text-align:center;line-height:160%;}
.home_contact .contact_wrap .contact_check .check_btn {font-size:18px;margin-top:20px;}
#submit[disabled] {background-color: #ccc;}
#submit[disabled]:hover {cursor:default!important;opacity:0.9;}

.send_message {line-height:200%;text-align:center;padding:150px 0 100px 0;}
.send_message .last_text {margin:60px 0 0 0;}
.send_message .btn1{margin:0 auto;}
.send_message .phpnote {font-size:12px;margin-top:60px;text-align:center;}

/*個人情報保護の取り扱いについて(PC)*/
.privacy {background: #fff;border: solid 1px #ccc;padding:3%;height:250px;overflow-y:scroll;border-radius:10px;}
.privacy .big_title {font-size:20px;margin-bottom:3%;}
.privacy h4 {margin-bottom:12px;font-size:16px;padding-left:12px;border-left:solid 4px #ff757c;}
.privacy p {margin-bottom:3%;font-size:14px;line-height:160%;}

/* pagetop(PC) */
#pagetop {display:none;position:fixed;bottom:50px;right:30px;z-index:100000;}
#pagetop li {list-style:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:10px;line-height:130px;text-align:center;}
#pagetop a {color:#999;display:block;width:50px;height:50px;text-decoration:none;background-image:url("../image/pagetop.png");background-repeat:no-repeat;opacity:1;transition:all .2s ease-in-out;}
#pagetop a:hover {opacity:0.8;transition:all .2s ease-in-out;}

/* footer(PC) */
.footer {position:relative;border-top:solid 1px #eee;padding:50px 0;}
.footer .copyright {font-size:10px;text-align:center;}






















/* 以下、画面の横幅が640px以下の場合に適用されるCSS（SP） */
@media screen and (max-width:1000px) {

.pc_hide {display:block;}
.sp_hide {display:none;}

/* 共通-セクションパターン(PC) */
.section_ptn1 {padding:10% 0;}
.section_ptn1 .main_title {font-size:23px;margin-bottom:10%;}
.section_ptn1 .main_title i {font-size:25px;}
.section_ptn1 .main_text {font-size:15px;line-height:140%;margin-bottom:5%;}
.section_ptn1 .sub_Title {font-size:17px;margin-bottom:3%;}
.section_ptn1 .sub_text {font-size:15px;line-height:160%;width:100%;margin:0 auto 8% auto;text-align:justify;}
.section_ptn1 .sub_text br {display:none;}
.section_ptn1 .text_s {font-size:12px;line-height:140%;width:100%;margin:0 auto 8% auto;}
.line {margin-bottom:8%;}

/* 共通-ボタン */
.btn1 {display:block;width:100%;font-size:20px;}

/* ヘッダーMENU(SP) */
.header {width:100%;height:70px;z-index:200;transition:all .2s ease-in-out;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.3);}
.header .logo {width:60px;margin:12px auto 0 10px;}
.header .menu {width:100%;justify-content:inherit;margin:0;}
.header .menu li {margin-left:0;}
.header .menu li a {font-size:16px;border-bottom:solid 1px #ccc;padding:20px;display: block;}
.header .menu i {font-size:18px;margin-right:8px;}

/* hamburgerMenu */
.hamburgerMenu {display:block;}
.hamburgerMenu .hamburgerMenubtn {cursor:pointer;}
.hamburgerMenu .nav-toggle {width:30px;height:40px;display:block;position:absolute;right:25px;top:25px;z-index:1001;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.hamburgerMenu .nav-toggle div {width:30px;}
.hamburgerMenu .nav-toggle span {display: block;position:absolute;height:1px;width:100%;background:#111;left:0;zoom:1;transition:.35s ease-in-out;}
.hamburgerMenu .nav-toggle span:nth-child(1) {top:0;}
.hamburgerMenu .nav-toggle span:nth-child(2) {top:10px;}
.hamburgerMenu .nav-toggle span:nth-child(3) {top:20px;}
.open {overflow:hidden;}
.open .nav-toggle {background:transparent;}
.open .nav-toggle span {background: #111;}
.open .nav-toggle span:nth-child(1) {top:9px;transform:rotate(-135deg);zoom:1;}
.open .nav-toggle span:nth-child(2) {width:0;left:50%;}
.open .nav-toggle span:nth-child(3) {top:9px;transform:rotate(135deg);zoom:1;}

.hamburgerMenuBg {display:none;overflow-y:auto;background:#f9f9f9;position:fixed;top:70px;left:0;height:100vh;bottom:0;z-index:999;width:100%;border-top:solid 1px #ccc;}
.hamburgerMenuOp {display:block;opacity:1;}
.hamburgerMenuBtnOp {background:none;}

/* HOME メインイメージ(SP) */
.home_mainimg {height:90svh;}
.home_mainimg .photo_loop img {height:90svh;object-fit:cover;opacity:0.8;}
.mainimg_catch {position:absolute;width:100%;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index:100;}
.mainimg_catch .logo {width:70%;margin:0 auto 1% auto;}
.mainimg_catch .text {font-size:18px;text-align:center;color:#fff;line-height:160%;width:90%;margin: 0 auto;}

@keyframes infinity-scroll-left {from {transform: translateX(0);}to {transform: translateX(-100%);}}
.scroll-infinity__wrap {display:flex;overflow:hidden;}
.scroll-infinity__list {display:flex;list-style:none;padding:0;}
.scroll-infinity__list--left {animation:infinity-scroll-left 100s infinite linear 0.5s both;}
.scroll-infinity__item {width:calc(100vw / 1);}
.scroll-infinity__item>img {width:100%;}

/* トップページ お知らせ(SP) */
.home_news .news_list .item .news_date {padding:5px;font-size:16px;}
.home_news .news_list .item .news_text {padding:15px;line-height:190%;font-size:14px;}
.home_news .insta_link .photobox {margin:0 auto 5% auto;}
.home_news .insta_link .photobox img {width:15.8%;border-radius:8px;}
.home_news .insta_link .text {font-size:18px;text-align:center;}
.home_news .insta_link .text i {font-size:25px;margin-right:5px;}

/* トップページ HappyLaboについて(SP) */
.home_about .photobox {width:100%;margin:5% auto 0 auto;}
.home_about .photobox .photo {width:48%;margin-bottom:5%;border-radius:10px;}
.home_about .photobox .photo img {border-radius:6px;}
.home_about .photobox figcaption {font-size:10px;margin-top:5px;}

/* トップページ ご利用までの流れ(SP) */
.home_flow .box1 {border:solid 3px #8fb3dd;padding:5%;border-radius:10px;;}
.home_flow .last_box {margin-bottom:8%;}
.home_flow .title_area {width:100%;}
.home_flow .title_area .step_icon {width:60px;height:60px;margin: 0 auto 5% auto;}
.home_flow .title_area .step_icon .text {font-size:12px;}
.home_flow .title_area .step_icon .text .number {font-size:30px;}
.home_flow .text_area {width:100%;}
.home_flow .text_area .title {color:#1876e2;font-size:18px;margin-bottom:8px;text-align:center;}
.home_flow .text_area .text {font-size:15px;line-height:160%;text-align:justify;}
.home_flow .text_area .text br {display: none;}
.home_flow .text_area .note {font-size:12px;line-height:140%;margin-top:10px;}
.home_flow .tb {width:100%;border:solid 1px #cccccc;margin:5% 0;}
.home_flow .tb th,.home_flow .tb td {padding:10px;line-height:160%;font-size:13px;}
.home_flow .tb th {background:#edf5ff;}
.home_flow .tb .tb_w1 {width:30%;}
.home_flow .tb .tb_w2 {width:40%;}

/* トップページ アクセス(SP) */
.home_access iframe {margin-bottom:8%;}

/* トップページ 会社概要・採用情報(SP) */
.home_company .tb {margin-bottom:8%;}
.home_company .tb th,.home_company .tb td {padding:10px;line-height:160%;font-size:13px;}
.home_company .tb th {background:#fefefe;}
.home_company .sub_text {margin-bottom:5%;}

/* トップページ お問い合わせ(SP) */
.home_contact .tel {margin:20px 0;}
.home_contact .tel .number {font-size:30px;}
.home_contact .tel span {font-size:13px;display:block;}
.home_contact .contact_wrap .main_text {font-size:13px;margin-bottom:40px;text-align:left;margin:20px 0;}
.home_contact .contact_wrap .main_text .textlink {display:block;font-size:14px;margin:20px 0;}
.home_contact .contact_wrap .form_p {font-size:13px;margin-bottom:10px;}
.home_contact .contact_wrap .form_wrap {margin-bottom:30px;}
.home_contact .contact_wrap .form_wrap input,
.home_contact .contact_wrap .form_wrap textarea {font-size:14px;border-radius:4px;}
.home_contact .contact_wrap .form_wrap .form_subwrap {margin-bottom:20px;}
.home_contact .contact_wrap .form_wrap .form_subwrap input,
.home_contact .contact_wrap .form_wrap .form_subwrap select {width:auto;padding:5px;font-size:14px;border:solid 1px #ccc;border-radius:5px;margin:0 10px;}
.home_contact .contact_wrap .document_rqst {margin:20px 0 60px 0;}
.home_contact .contact_wrap .document_rqst input {width:auto; margin-right:10px;}
.home_contact .contact_wrap .submit .btn1 {border:none;margin:0 auto;}
.home_contact .contact_wrap .submit .btn1:hover {cursor:pointer;opacity:0.9;}
.home_contact .contact_wrap .note {margin:20px 0 20px 0;font-size:12px;text-align:left;line-height:140%;}
.home_contact .contact_wrap .contact_check {margin:20px 0;border:solid 2px #ddd;border-radius:5px;}
.home_contact .contact_wrap .contact_check .check_btn {font-size:18px;margin-top:20px;}

.send_message {line-height:200%;text-align:center;padding:150px 0 100px 0;}
.send_message .last_text {margin:60px 0 0 0;}
.send_message .btn1{margin:0 auto;}
.send_message .phpnote {font-size:12px;margin-top:60px;text-align:center;}

/*個人情報保護の取り扱いについて(SP)*/
.privacy {padding:5%;height:250px;overflow-y:scroll;border-radius:5px;}
.privacy .big_title {font-size:16px;margin-bottom:8%;}
.privacy h4 {margin-bottom:10px;font-size:14px;}
.privacy p {margin-bottom:8%;font-size:12px;line-height:140%;text-align:justify;}

#pagetop {display:block;position:inherit;background-color:#f9f9f9;padding:20px 0;border-bottom:solid 1px rgba(0, 0, 0, 0.2);}
#pagetop li {list-style:none;width:110px;font-family:'Roboto',sans-serif;font-weight:400;font-size:12px;text-indent:40px;line-height:30px;margin:0 auto;}
#pagetop a {display:block;color:#333;width:30px;height:30px;text-decoration:none;background-image: url("../image/pagetop.png");background-repeat:no-repeat;
;opacity:1;background-size:30px 30px;}

/* footer(SP) */
.footer {position:relative;border-top:solid 1px #eee;padding:50px 0;}
.footer .copyright {font-size:10px;text-align:center;}

}