@charset "UTF-8";
/*==========
Theme Name: Re-make LABOのリニューアルオープンテーマ
Theme URI: 
Description: 
Author: moumuumow
Author URI: https://moumuumow.com
Version: 1.0
==========*/

/*======================================================================
  Reset CSS
======================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, t, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
    display: block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

/*======================================================================
  basic
======================================================================*/
html, body{
    box-sizing: border-box;
    height: 100%;
}

body {
	width: 100%;
    line-height: 1.8;
    font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-family: Helvetica, Arial, "Droid Sans", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    color: #333333;
    -webkit-font-smoothing: antialiased;
}

h2, h2 a,
h2 span {
	font-weight: bold;
	font-size: 36px;
	color: #8c6754;
}

h3, h3 a, h4, h4 a, h4 span, h5, h5 a, h5 span {
	font-weight: bold;
	font-size: 24px;
	color: #8c6754;
}

p { line-height: 1.8;}

a { text-decoration: none; color: #8c6754}

/* mouseover - opacity */
a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition: opacity 680ms;
}

a {
	transition: opacity 680ms;
}

/*======================================================================
  block class
======================================================================*/

.flexstyle {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}

.imgbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-around;
}

.boxshadow {
	-webkit-box-shadow: 0 0 10px 5px rgba(140,103,84,0.1);
	box-shadow: 0 0 10px 5px rgba(140,103,84,0.1);
}

.smanone {
	display: none;
}

.w1024 {
    max-width: 1024px;
    margin: 0 auto;
}

/*======================================================================
  header
======================================================================*/

header {
    padding-top: 112px;
}

header h1 {
    width: 40%;
}

header .headbox {
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}

header .tellink {
    background: #E17299;
    padding: 10px;
    border-radius: 10px;
}

header .tellink a {
    padding: 15px 30px 15px 70px;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    background: url("images/telicon.png") no-repeat 15px center #E17299;
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    line-height: 1;
}

header .cta {
    margin: 20px auto 40px;
}

.cta li {
    background: #E17299;
    padding: 10px;
    border-radius: 200px;
    box-shadow: 0 6px 0 0 #964600;
}

.cta li + li {
    background: #00B900;
    box-shadow: 0 6px 0 0 #006500;
}

.cta a {
    padding: 15px 30px 15px 70px;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    background: url("images/telicon.png") no-repeat 15px center #E17299;
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    line-height: 1;
    border-radius: 200px;
}

.cta .ctaline {
    padding: 15px 30px 15px 90px;
    background: url("images/w_lineicon.png") no-repeat 15px center #00B900;
    -webkit-background-size: contain;
    background-size: contain;
}

.gmap {
    max-width: 1024px;
    margin: 0 auto;
}

.gmap iframe {
    width: 100%;
}

main {
    margin-top: 40px;
}

main address {
    display: block;
    margin-top: 40px;
}

main .cta {
    margin: 40px auto;
}

/*======================================================================
  footer
======================================================================*/

footer {
    margin-top: 60px;
    padding-bottom: 126px;
}

.footbox .footlogo {
    width: 50%;
    margin: 0 auto;
}

footer address {
    text-align: center;
    font-style: normal;
}

.footbox .ourgroup {
    margin-top: 20px;
    font-size: 24px;
    text-align: center;
}

.footbox small {
    display: block;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    background: #73C7D2;
    color: #ffffff;
    padding: 5px 0;
}

.footcta {
    position: fixed;
    bottom: 0;
    background: #E17299;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    justify-content: space-around;
}

.footcta .cta li {
    background: #73C7D2;
}

/*======================================================================
  responsive
======================================================================*/

/* デバイスサイズ 1400px〜　-wide pc- */
@media print, screen and (min-width: 1400px) {
	
}


/* デバイスサイズ 980〜1180px　-small pc- */

@media print, screen and (max-width: 1180px) {
	
}

/* デバイスサイズ 425px〜1024px　-tablet- */

@media print, screen and (max-width: 1024px) {
	
	.pcnone {
		display: inherit;
	}
	
	.smanone {
		display: none;
	}
    
    header {
        padding-top: 51px;
    }
    
    header .headbox {
        padding: 5px;
    }
    
    header h1 {
        width: 46%;
    }
    
    header .tellink {
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
    }
    
    header .tellink a {
        padding: 5px 5px 5px 25px;
        font-size: 18px;
        background: url("images/telicon.png") no-repeat 5px center #E17299;
        -webkit-background-size: contain;
        background-size: contain;
        letter-spacing: 1.2px;
        text-align: center;
    }
    
    main address {
        margin-top: 15px;
    }
    
    main .cta {
        margin: 10px auto 30px;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    
    main .cta li {
        padding: 5px;
        margin-top: 15px;
    }
    
    main .cta li:fisrt-child {
        margin-top: 0;
    }
    
    .cta a {
        font-size: 21px;
    }
    
    footer {
        margin-top: 40px;
        padding-bottom: 60px;
    }
    
    .footbox .footlogo {
        width: 80%;
    }
    
    .footbox .ourgroup {
        margin-top: 10px;
        font-size: 18px;
    }
    
    .footcta {
        padding: 10px 5px 14px 5px;
    }
    
    .footcta.cta li {
        padding: 3px;
        width: 48%;
        box-sizing: border-box;
        box-shadow:0 4px 0 0 #1B616A;
        background: #73C7D2;
    }
    
    .footcta.cta li + li {
        box-shadow: 0 4px 0 0 #006500;
        background: #00B900;
    }
    
    .footcta.cta li a {
        font-size: 14px;
        letter-spacing: 1px;
        padding: 8px 5px 8px 20px;
        background: url("images/telicon.png") no-repeat 5px center #73C7D2;
        -webkit-background-size: contain;
        background-size: contain;
        text-align: center;
    }
    
    .footcta.cta li + li a {
        background: url("images/w_lineicon.png") no-repeat 5px center #00B900;
        -webkit-background-size: 28px;
        background-size: 28px;
    }
	
}


/* デバイスサイズ 〜425px　-smartphone- */

@media print, screen and (max-width: 425px) {
	
	body {
		font-size: 14px;
	}

	h2, h2 a,
	h2 span {
		font-weight: bold;
		font-size: 26px;
		color: #8c6754;
	}

	h3, h3 a, h4, h4 a, h4 span, h5, h5 a, h5 span {
		font-weight: bold;
		font-size: 20px;
		color: #8c6754;
	}
	
}