@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap');/* --- h2 --- */
@import url('https://fonts.googleapis.com/css2?family=Train+One&display=swap');/* --- h3.ct_title --- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');



/* ----------------------------------------------------------
  RESETTING DEFAULT
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}



/* ----------------------------------------------------------
   GENERAL
---------------------------------------------------------- */

body {
    margin: 0px;
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, Osaka, Sans-Serif;
	font-size: 17px;
    color: #333;
	background-color: #fff;
    overflow-y: scroll;
}

p,h1,h2,h3,h4,h5,h6 {
    line-height: 1.0em;
}

img{
    max-width: 100%;
	height: auto;
    vertical-align:bottom;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #999;
}

a:hover img	{
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}



/* ----------------------------------------------------------
   BORDER
---------------------------------------------------------- */


html:before,html:after,body:before,body:after{
    content:"";
    background:#333;
    position:fixed;
    display:block;
    z-index: 999;
}
 
html:before{
    height:10px;
    left:0;
    right:0;
    top:0;
}

html:after{
    width:10px;
    top:0;
    right:0;
    bottom:0;
}

body:before{
    height:10px;
    right:0;
    bottom:0;
    left:0;
}

body:after{
    width:10px;
    top:0;
    bottom:0;
    left:0;
}



/* ----------------------------------------------------------
   WRAPPER MAIN AREA
---------------------------------------------------------- */

.wrapper_main_area {
    position: relative;
    width: 100%;
	min-height: 100vh;
}

h1 {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 900;
}

h2 {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 90px;
    font-family: "Grape Nuts", cursive;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    /* 
    font-family: "Poppins", sans-serif;
    font-weight: 300;
     */
}

h3.main_catch {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 22px;
    line-height: 1.0em;
    letter-spacing: 0.1em;
    text-align: center;
}

.main_visual {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0% 2%;
    width: 70%;
    z-index: 800;
}

.main_visual img{
    width: 100%;
	height: auto;
}


/* --------------------------------- position_nav */

.position_nav {
    position:fixed;
    top: 30%;
    right: 2%;
    color: #000;
}

.position_nav li {
    list-style-type: none;
    padding: 15px 15px 15px 0px;
    font-size: 13px;
    text-align: right;
    cursor: pointer;
    border-right: 1px solid #ccc;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s;
}

.position_nav li:hover {
    opacity: .6;
    -webkit-transition: .4s;
    transition: .4s;
}

.position_nav li.active {
    border-right: 2px solid #000 !important;
}



/* ----------------------------------------------------------
   GENERAL PARTS
---------------------------------------------------------- */

.box_container {
    margin: 0%;
    padding: 0%;
	width: 100%;
	height: auto;
}


/* ------------------------------------------- text */

.com {
    margin: 0%;
    padding: 0%;
	text-align: left;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.com a:link,
.com a:visited,
.com a:active {
    text-decoration: underline;
}

.com a:hover {
    text-decoration: underline;
}

.com.center {
    text-align: center;
}

.com.com_low {
    line-height: 1.6em;
}


/* ---------------------------------------- box 2rows*/

ul.box_2row {
	list-style: none;
    display: flex;
    justify-content: space-between;
	flex-wrap :wrap;
	margin: 0%;
    padding: 0%;
    width: 100%;
}

ul.box_2row li {
    margin: 0% 0% 3% 0%;
    padding: 0%;
	width: 47%;
	height: auto;
}

ul.box_2row li .caption {
    margin: 12px 0% 0% 0%;
    padding: 0%;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    text-align: left;
}


/* -------------------------------------- box 3rows*/

ul.box_3row {
	list-style: none;
    display: flex;
    justify-content: space-between;
	flex-wrap :wrap;
	margin: 0%;
    padding: 0%;
    width: 100%;
}

ul.box_3row li {
    margin: 0% 0% 3% 0%;
    padding: 0%;
	width: 30%;
	height: auto;
}

ul.box_3row li .caption {
    margin: 12px 0% 0% 0%;
    padding: 0%;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    text-align: left;
}

ul.box_3row::after{
    content:"";
    display: block;
    width:30%;
}



/* ----------------------------------------------------------
   CONTENTS AREA
---------------------------------------------------------- */

.content_area {
    position: relative;
    padding: 10% 14% 0% 10%;
    width: 100%;
	height: auto;
}


/* -----------------------------------------  ct title */

h3.ct_title {
    margin: 0% 0% 6% 0%;
	padding: 0%;
	font-size: 42px;
    font-family: "Train One", system-ui;
    font-weight: 400;
    font-style: normal;
    line-height: 1.0em;
	letter-spacing: 0.02em;
	text-align: left;
}


/* -----------------------------------------  greet */

h4.about_catch {
    margin: 0% 0% 5% 0%;
	padding: 0%;
	font-size: 24px;
    font-weight: bold;
    line-height: 1.0em;
	letter-spacing: 0.05em;
	text-align: left;
}

.greet_img img { clip-path: inset(0 0 round 50px 80px 50px 150px); }



/* -------------------------------------- service */

ul.service_row {
	list-style: none;
    display: flex;
    justify-content: space-between;
	flex-wrap :wrap;
	margin: 3% 0% 0% 0%;
    padding: 0%;
    width: 100%;
    border-top: solid 1px #333;
    border-left: solid 1px #333;
}

ul.service_row li {
    margin: 0% 0% 0% 0%;
    padding: 30px 30px 20px 30px;
	width: 33.33%;
	height: auto;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
}

ul.service_row li h4.s_title{
    margin: 0% 0% 25px 0%;
    padding: 0%;
    font-size: 18px;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    line-height: 1.0em;
}

ul.service_row li .s_com{
    margin: 0% 0% 25px 0%;
    padding: 0%;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.05em;
}

ul.act_box {
	list-style: none;
    display: flex;
    justify-content: flex-start;
	flex-wrap :wrap;
	margin: 0%;
    padding: 0%;
    width: 100%;
    height: auto;
}

ul.act_box li {
    margin: 0% 10px 8px 0%;
    padding: 5px 12px;
    width: auto;
	height: auto;
    font-size: 10px;
    color: #fff;
    line-height: 1.0em;
    text-align: center;
    border-radius: 20px;
    background-color: #333;
}


/* -------------------------------------- partner */

ul.partner_row {
	list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap :wrap;
	margin: 3% 0% 0% 0%;
    padding: 0%;
    width: 100%;
}

ul.partner_row li {
    margin: 0% 15px 15px 0%;
    padding: 18px 0%;
    width: 18%;
	height: auto;
    font-size: 14px;
    line-height: 1.0em;
    letter-spacing: 0.05em;
    text-align: center;
    background-color: #eff2f4;
    border-radius: 5px;
}


ul.subsidy_row {
	list-style: none;
    display: flex;
    justify-content: space-between;
	flex-wrap :wrap;
	margin: 5% 0% 0% 0%;
    padding: 0%;
    width: 100%;
}

ul.subsidy_row li {
    margin: 0%;
    padding: 0%;
	width: 47%;
	height: auto;
}


ul.subsidy_list {
	list-style: none;
    display: flex;
    justify-content: flex-start;
	flex-wrap :wrap;
	margin: 0%;
    padding: 0%;
    width: 100%;
    height: auto;
}

ul.subsidy_list li {
    margin: 0% 0% 20px 0%;
    padding: 0%;
    width: 100%;
    line-height: 1.0em;
    text-align: left;
}

ul.subsidy_list li i {
    margin: 0% 8px 0% 0%;
}

ul.subsidy_list li a:link,
ul.subsidy_list li a:visited,
ul.subsidy_list li a:active {
    text-decoration: underline;
    color: #333;
}

ul.subsidy_list li a:hover {
    text-decoration: none;
    color: #999;
}


/* ---------------------------------- about us */

ul.client_slider {
    margin: 3% 0% 0% 0%;
    padding: 0%;
    width:100%;
    height:auto;
}

ul.client_slider img {
    width:100%;
    height:auto;
}

.slider .slick-slide {
    margin: 0%;
}
    

/* -----------------------------------------  contact */

.contact_img img { clip-path: inset(0 0 round 180px 40px 180px 100px); }

.std_btn_box {
    margin: 6% 0% 0% 0%;
    padding: 0%;
    text-align: left;
}

.std_btn_box a:link,
.std_btn_box a:visited,
.std_btn_box a:active {
    text-decoration: none;
    color: #fff;
}

.std_btn {
    position: relative;
    display: inline-block;
    padding: 14px 0%;
    max-width: 240px;
    width: 100%;
    text-decoration: none;
    text-align: center; 
    border-radius: 0.5em;
    background-color: #333;
    box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);
}

.std_btn::before {
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(255 255 255) 0%, rgb(255 255 255) 50%, #ccc 50%, #ccc 60%); 
    border-radius: 0 0 0.5em 0;
    box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.3);
    transition: 0.3s;
}

.std_btn:hover::before {
    width: 2em;
    height: 2em;
}

.std_btn:active {
    box-shadow: 0.2em 0.2em 0.3em rgba(0, 0, 0, 0.3);
    transform: translate(1px, 1px);
}

.operating_co {
    margin:11% 0% 2% 0%;
    padding:20px 0px 5px 25px;
    width:470px;
    height: auto;
    border:solid 3px #333;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

ul.company_detail {
	list-style: none;
    display: flex;
    justify-content: flex-start;
	flex-wrap :wrap;
	margin: 0%;
    padding: 0%;
    width: 100%;
    height: auto;
}

ul.company_detail li {
    margin: 0% 0% 15px 0%;
    padding: 0%;
    width: 100%;
    line-height: 1.0em;
    text-align: left;
}

ul.company_detail li i {
    margin: 0% 8px 0% 0%;
}

ul.company_detail li a:link,
ul.company_detail li a:visited,
ul.company_detail li a:active {
    text-decoration: underline;
    color: #333;
}

ul.company_detail li a:hover {
    text-decoration: none;
    color: #999;
}


.copy_r {
    padding: 0%;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}



/* --------------------------------------------------
   PAGE TOP
-------------------------------------------------- */

#page_top {
    position: fixed;
    bottom: 3%;
    right: 2.5%;
	z-index:80;
}



/* --------------------------------------------------
  OTHER
-------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: none !important; }
.ta_none { display: block !important; }

.pc { display: block !important; }
.ta { display: none !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: none !important; }


/** POSITION CTL **/

.position_center { text-align: center; }
.position_right { text-align: right; }
.position_left { text-align: left; }


/** MARGIN/PADDING RESET **/

.mb_none { margin-bottom: 0% !important; }
.pb_none { padding-bottom: 0% !important; }


/** FLOAT RESET **/

.clear {
    clear: both;
    height: 0px;
}















/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET - MAX 1099

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 1099px){



/* ----------------------------------------------------------
   GENERAL - TA
---------------------------------------------------------- */

body {
	font-size: 15px;
}



/* ----------------------------------------------------------
   WRAPPER MAIN AREA - TA
---------------------------------------------------------- */

h1 {
    top: 40px;
    width: 20%;
}

h2 {
    top: 37%;
    font-size: 60px;
}

h3.main_catch {
    top: 47%;
    font-size: 18px;
}

.main_visual {
    top: 60%;
    left: 50%;
    padding: 0% 2%;
    width: 80%;
}


/* --------------------------------- position_nav */

.position_nav {
    top: 35%;
    right: 2%;
}

.position_nav li {
    padding: 10px 15px 10px 0px;
    font-size: 11px;
}



/* ----------------------------------------------------------
   CONTENTS AREA
---------------------------------------------------------- */

.content_area {
    padding: 12% 14% 0% 10%;
}


/* -----------------------------------------  ct title */

h3.ct_title {
    margin: 0% 0% 6% 0%;
	font-size: 36px;
    font-family: "Train One", system-ui;
}


/* -----------------------------------------  greet */

h4.about_catch {
    margin: 0% 0% 5% 0%;
	font-size: 20px;
}

.greet_img img { clip-path: inset(0 0 round 50px 80px 50px 150px); }


/* -------------------------------------- service */

ul.service_row {
	margin: 5% 0% 0% 0%;
    padding: 0%;
}

ul.service_row li h4.s_title{
    margin: 0% 0% 22px 0%;
    font-size: 16px;
}


/* -------------------------------------- partner */

ul.partner_row {
	margin: 4% 0% 0% 0%;
}

ul.partner_row li {
    margin: 0% 15px 15px 0%;
    padding: 13px 0%;
    font-size: 14px;
    border-radius: 6px;
}

ul.subsidy_row {
	margin: 4% 0% 0% 0%;

}


/* -----------------------------------------  contact */

.operating_co {
    margin:10% 0% 2% 0%;
    padding:20px 0px 5px 20px;
    width:400px;
    height: auto;
    border:solid 3px #333;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}


ul.company_detail li {
    margin: 0% 0% 12px 0%;
    padding: 0%;
    width: 100%;
    font-size: 14px;
    line-height: 1.0em;
    text-align: left;
}


/* ----------------------------------------------------------
  OTHER - TA
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.pc_ta_none { display: none !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: block !important; }
.sp { display: none !important; }
.pc_ta { display: block !important; }
.ta_sp { display: block !important; }


/** MARGIN/PADDING RESET **/

.mb_none {
    margin-bottom: 0%;
}

.pb_none {
    padding-bottom: 0%;
}



}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET - MAX 835

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 835px){



/* ----------------------------------------------------------
   WRAPPER MAIN AREA - TA 835
---------------------------------------------------------- */

h1 {
    top: 50px;
    width: 20%;
}

h2 {
    top: 40%;
    font-size: 60px;
}

h3.main_catch {
    top: 49%;
    font-size: 18px;
}

.main_visual {
    top: 80%;
    left: 50%;
    padding: 0% 2%;
    width: 80%;
}



/* ----------------------------------------------------------
   GENERAL PARTS - TA 835
---------------------------------------------------------- */

/* ---------------------------------------- box 2rows*/

ul.box_2row {
    flex-direction: column;
    justify-content: flex-start;
	flex-wrap : nowrap;
}

ul.box_2row li {
    margin: 0% 0% 5% 0%;
	width: 100%;
    text-align: center;
}

ul.box_2row li img {
	width: 70%;
}



/* ----------------------------------------------------------
   CONTENTS AREA - TA 835
---------------------------------------------------------- */

.content_area {
    padding: 15% 16% 0% 10%;
}


/* -----------------------------------------  ct title */

h3.ct_title {
    margin: 0% 0% 10% 0%;
	font-size: 36px;
    font-family: "Train One", system-ui;
}


/* -----------------------------------------  greet */

h4.about_catch {
    margin: 0% 0% 8% 0%;
	font-size: 20px;
}


/* -------------------------------------- partner */

ul.partner_row {
	margin: 5% 0% 0% 0%;
}

ul.partner_row li {
    margin: 0% 15px 15px 0%;
    padding: 16px 0%;
    width: 22.4%;
    font-size: 14px;
    border-radius: 6px;
}

l.subsidy_row {
    flex-direction: column;
    justify-content: flex-start;
	flex-wrap : nowrap;
	margin: 8% 0% 0% 0%;
}

ul.subsidy_row li {
	width: 100%;
}

l.subsidy_list li {
    margin: 0% 0% 25px 0%;
    font-size: 13px;
}


/* -------------------------------------- service */

ul.service_row {
	margin: 5% 0% 0% 0%;
    padding: 0%;
}

ul.service_row li {
    margin: 0% 0% 0% 0%;
    padding: 25px 20px 25px 20px;
	width: 50%;
}

ul.service_row li h4.s_title{
    margin: 0% 0% 22px 0%;
    font-size: 16px;
}

ul.act_box li {
    margin: 0% 10px 8px 0%;
    padding: 4px 10px;
    width: auto;
	height: auto;
    font-size: 10px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background-color: #333;
}


/* ---------------------------------- about us */

ul.client_slider {
    margin: 8% 0% 0% 0%;
}




/* -----------------------------------------  contact */

.operating_co {
    margin:11% 0% 2% 0%;
    padding:20px 0px 5px 20px;
    width:100%;
    text-align: left;

    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

ul.company_detail li {
    margin: 0% 0% 18px 0%;
    padding: 0%;
}



}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media (min-width: 600px) {
       a[href^="tel:"] {
       pointer-events: none;
}
}

@media only screen and (max-width: 599px) {



/* ----------------------------------------------------------
   GENERAL - SP
---------------------------------------------------------- */

body {
	font-size: 12px;
}



/* ----------------------------------------------------------
   BORDER
---------------------------------------------------------- */

html:before{
    height:6px;
    left:0;
    right:0;
    top:0;
}

html:after{
    width:6px;
    top:0;
    right:0;
    bottom:0;
}

body:before{
    height:6px;
    right:0;
    bottom:0;
    left:0;
}

body:after{
    width:6px;
    top:0;
    bottom:0;
    left:0;
}



/* ----------------------------------------------------------
   WRAPPER MAIN AREA - SP
---------------------------------------------------------- */


h1 {
    top: 30px;
    width: 32%;
}

h2 {
    top: 36%;
    font-size: 38px;

}

h3.main_catch {
    top: 50%;
    font-size: 12px;
    line-height: 1.5em;
}

.main_visual {
    top: 70%;
    left: 50%;
    padding: 0% 2%;
    width: 80%;
}

/* --------------------------------- position_nav */

.position_nav {
    top: 35%;
    right: 2.5%;
}

.position_nav li {
    padding: 10px 8px 10px 0px;
    font-size: 9px;
}



/* ----------------------------------------------------------
   GENERAL PARTS - SP
---------------------------------------------------------- */

/* ---------------------------------------- box 2rows*/

ul.box_2row {
    flex-direction: column;
    justify-content: flex-start;
	flex-wrap : nowrap;
}

ul.box_2row li {
    margin: 0% 0% 8% 0%;
	width: 100%;
    text-align: center;
}

ul.box_2row li img {
	width: 70%;
}



/* ----------------------------------------------------------
   CONTENTS AREA - SP
---------------------------------------------------------- */

.content_area {
    padding: 22% 22% 0% 10%;
}


/* -----------------------------------------  ct title */

h3.ct_title {
    margin: 0% 0% 12% 0%;
	font-size: 24px;
    font-family: "Train One", system-ui;
}


/* -----------------------------------------  greet */

h4.about_catch {
    margin: 0% 0% 8% 0%;
	font-size: 14px;
    line-height: 1.3em;
}


/* -------------------------------------- service */

ul.service_row {
    flex-direction: column;
    justify-content: flex-start;
	flex-wrap : nowrap;
	margin: 8% 0% 0% 0%;
    padding: 0%;
}

ul.service_row li {
    margin: 0% 0% 0% 0%;
    padding: 25px 20px 25px 20px;
	width: 100%;
}

ul.service_row li h4.s_title{
    margin: 0% 0% 18px 0%;
    font-size: 13px;
}


ul.service_row li .s_com{
    margin: 0% 0% 20px 0%;
    font-size: 12px;
    line-height: 1.5em;
}

ul.act_box li {
    margin: 0% 10px 6px 0%;
    padding: 4px 10px;
    width: auto;
	height: auto;
    font-size: 9px;
    line-height: 1.0em;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    background-color: #333;
}


/* -------------------------------------- partner */

ul.partner_row {
    display: flex;
    justify-content: space-between;
	flex-wrap :wrap;
	margin: 8% 0% 0% 0%;
}

ul.partner_row li {
    margin: 0% 0% 13px 0%;
    padding: 12px 0%;
    width: 47%;
	height: auto;
    font-size: 12px;
    border-radius: 4px;
}


ul.subsidy_row {
	margin: 10% 0% 0% 0%;

}

ul.subsidy_row li {
    font-size: 12px;
}


l.client_slider {
    margin: 5% 0% 0% 0%;
    padding: 0%;
    width:100%;
    height:auto;
}

/* ---------------------------------- about us */

ul.client_slider {
    margin: 5% 0% 10% 0%;
    padding: 0%;
    width:100%;
    height:auto;
}

ul.client_slider img {
    width:100%;
    height:auto;
}

.slider .slick-slide {
    margin: 0%;
}

/* -----------------------------------------  contact */

.std_btn_box {
    margin: 8% 0% 0% 0%;
}

.std_btn {
    padding: 10px 0%;
    max-width: 160px;
    box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);
}

.operating_co {
    margin:15% 0% 2% 0%;
    padding:10px 0px 5px 10px;
}
ul.company_detail li {
    margin: 0% 0% 12px 0%;
    font-size: 9px;
    text-align: left;
}

ul.company_detail li i {
    margin: 0% 5px 0% 0%;
}

/* --------------------------------------------------
   PAGE TOP - SP
-------------------------------------------------- */

#page_top {
    bottom: 4%;
    right: 5.5%;
    width: 50px;
}


/* ----------------------------------------------------------
  OTHER - SP
---------------------------------------------------------- */

/** DISPLAY ON/OFF **/

.pc_none { display: block !important; }
.ta_none { display: none !important; }
.sp_none { display: none !important; }
.pc_ta_none  { display: block !important; }
.ta_sp_none { display: none !important; }

.pc { display: none !important; }
.ta { display: none !important; }
.sp { display: block !important; }
.pc_ta { display: none !important; }
.ta_sp { display: block !important; }


/** MARGIN/PADDING RESET **/

.mb_none {
margin-bottom: 0%;
}

.pb_none {
padding-bottom: 0%;
}




}



/*** END ***/