header#header-bar {
	clear           : both;
	position        : fixed;
	z-index         : 999;
	margin-top      : -2px;
	height          : 45px;
	overflow        : visible;
	background      : #00acc3;
}

#saite-welcome-page {
    width           : 100%;
    max-width       : 1400px;
    min-height      : 800px;    
	margin          : 30px auto;
}

#site-left-menu {
    margin-bottom    : 100px;
    box-sizing       : border-box;
    background-color : #fff;
}

.left-menu-item {
	padding          : 10px 20px;
    font-size        : 16px;
}

#site-list-title {
	width           : 100%;
	text-align      : center;
	padding         : 10px;
	font-size       : 16px;
    letter-spacing  : 3px;
}

.salon-banner {
    width           : 94%;
    margin-top      : 10px;
    margin-left     : 3%;
    border          : 1px solid rgba(44, 194, 228, 0.7);
    box-sizing      : border-box;
}

.salon-banner img {
	width           : 100%;
}

#saite-menu {
	position        : relative;
	width           : 100%;
	margin          : 20px auto;
}

.menu-button {
	width           : 28%;
	height          : 40px;
	float           : left;
    line-height     : 44px;
    text-align      : center;
    font-size       : 14px;
	border-top-left-radius : 8px;
    border-top-right-radius: 8px;
}

.menu-button label {
    color           : #fff;
    font-weight     : bold;
    letter-spacing  : 7px;
    text-shadow     : 1px 1px 5px #000000, -1px 1px 5px #000000, 1px -1px 5px #000000,
                     -1px -1px 5px #000000, 1px 0px 5px #000000, 0px 1px 5px #000000,
                     -1px 0px 5px #000000, 0px -1px 5px #000000;
	cursor          : pointer;
}

#site-description-button {
	margin-left     : 4%;
	margin-right    : 2%;
}

#site-description-button label {
	letter-spacing  : 8px;
}

#site-promotion-button {
	margin-left     : 2%;
	margin-right    : 2%;
}

#site-QA-button {
	margin-left     : 2%;
	margin-right    : 4%;
}

.welcome-tab {
    position        : relative;
    display         : block;
    text-decoration : none;
    color           : #444;
    cursor          : pointer;
    font-size       : 18px;    
}

.welcome-tab:before {
	content         : '';
   	position        : absolute;
   	width           : 0;
   	height          : 4px;
   	bottom          : -7px;
   	right           : 50%;
   	background-color: #c415c3;
   	transition      : all 0.4s ease-out;
}

.welcome-tab:after {
   	content         : '';
   	position        : absolute;
   	width           : 0;
   	height          : 4px;
   	bottom          : -7px;
   	left            : 50%;
   	background-color: #6e0ee0;
	transition      : all 0.4s ease-out;
}

.welcome-tab.on:before {
   	width           : 50%;
}

.welcome-tab.on:after {
   	width           : 50%;
}

#site-description,
#site-message,
#site-merit,
#site-QA {
	clear                  : both;
	position               : relative;
	width                  : 100%;
}

#saite-welcome-page h2 {
	text-align             : center;
	color                  : #fff;
    margin                 : 20px 0px;
    font-size              : 24px;
    font-family            : "Kosugi Maru",sans-serif;
    letter-spacing         : 3px;
    line-height            : 30px;    
    text-shadow            : 1px 1px 5px #1f6edf,  -1px 1px 5px #1f6edf, 
                             1px -1px 5px #1f6edf, -1px -1px 5px #1f6edf, 
                             1px 1px 5px #1f6edf,   0px 1px 5px #1f6edf, 
                            -1px 0px 5px #1f6edf,   0px -1px 5px #1f6edf;                                 
}

.articleTitle {
    margin-bottom          : 10px;
    padding-left           : 3px;
    font-size              : 16px;
    letter-spacing         : 3px;
    line-height            : 1.6;
    color                  : #000;
    font-weight            : bold;
}

.service-area {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0 0 180px 0;
}

.service-area.plan {
    margin:0 0 108px 0;
}

.service-area.posUp {
	margin-top: -100px;
}

.service-area::after{
     content:'';
    position: absolute;
    width: 70%;
    height: 19em;
    background: rgba(255, 240, 240, 0.2);
    right:10%;
    top:10%;
    z-index: -1;
}

.service-area.right {
     flex-direction: row-reverse;
}

.service-area .img {
	width: calc( 50% - 10px);
    margin-right: 10px;
    margin-left: 10px
}

.service-area .img2 {
	width: calc( 100% - 20px);
	margin-right: 30px;
    margin-right: 10px;
    margin-left: 10px
}

.service-area img {
    width: 100%;
}

.service-area .content {
    width:calc( 46% - 10px );
    background:#fff;
    /*box-shadow: 0 0 20px #ccc;*/
    display: flex;
    justify-content: center;
    align-items: normal;
    position: relative;
    top:100px;
    margin-left: 10px;
    margin-right: 10px;
}

.service-area .content.posUp {
	top: -64px;
}

@media screen and (max-width:768px) {
	.service-area,
	.service-area.plan {
	    margin:0 0 130px 0;
	}
	.service-area .content{
    	width: calc( 46% - 10px );
    	　　　　　　　　　top:100px;
    }
}

@media screen and (max-width:590px) {
	 .service-area,
	 .service-area.plan {
	    margin:0 0 30px 0;
	}
	.service-area.plan {
		margin-top: 20px;
	}
	.service-area.posUp {
		margin-top: 0px;
	}
	.service-area .img {
	    width:100%;
	    z-index: 2;
	}
	.service-area .img2 {
		margin-top: 0px;
	}
	.service-area .content {
	    width:100%;
    	margin: 20px auto;
	    top:-10px;
	    opacity: 1;
	    z-index: 1;
	}
	.service-area .content.posUp {
	    top:-10px;
	}
	.service-area::after {
		display: none;
	}
}

.service-area .content-area {
	width: 100%;
    padding:20px;
}

.service-area.plan .content-area {
    padding:20px 0px;
    width: 96%;
}

.service-area .content-area h3 {
    text-align: center;
    font-size: 2.5rem;
    font-family: "Kosugi Maru",sans-serif;
    margin: 0 0 30px 0;
	/*width: calc( 96% - 16px );*/
    margin-left: 2%;
}

.service-area .content-area h3 span {
    padding-bottom: 10px;
    font-weight: bold;
    display: block; 
    font-size: 2rem;
	font-family: 'Playball', cursive;
}

.service-area .content-area p {
     margin:0 0 30px 0;
}

/* 主宰者プロフィール */
.service-area.profile {
    margin: 0 auto 40px auto;
    width: 80%;
}

.owner-profile {
	font-family: "Kosugi Maru",sans-serif;
}

.owner-profile.left {
    width: calc( 30% - 15% + 50px );
    float: left;
    padding-left: calc( 15% - 50px );
}

.owner-profile.right {
	width: calc( 70% - 40px );
	float: left;
}

.owner-photo {
    float: left;
    margin: 10px;
	border-radius: 50%;
    width: 100px;
    overflow: hidden;
    height: 100px;
}

.owner-profile-name {
    color: #000;
    font-weight: bold;
    letter-spacing: 5px;
    font-size: 20px;
}

/* サロン概要 */
section#site-welcome-message,
section#site-colona,
section#site-profile {
	padding-top     : 30px;
}

.site-subtitle-banner {
    position        : relative;
    width           : 90%;
    height          : 40px;
    margin          : 0 auto;
    border-top      : solid 2px #80c8d1;
    border-bottom   : solid 2px #80c8d1;
}

.site-subtitle-banner span {
    position        : absolute;
	width           : 100%;
    height          : 100%;
    left            : 0px;
    top             : 0px;
    line-height     : 40px;
    text-align      : center;
    color           : #000;
    font-family     : "Kosugi Maru",sans-serif;
    font-size       : 16px;
    font-weight     : 800;
    z-index         : 3;
}

.site-subtitle-banner span label {
	font-size       : 20px;
    letter-spacing  : 5px;
}

.site-subtitle-banner span label.small {
	font-size       : 20px;
    letter-spacing  : 5px;
}

.site-subtitle-banner img {
    position        : absolute;
	width           : 100%;
    height          : 100%;
    object-fit      : unset;
    left            : 0px;
    top             : 0px;
    z-index         : 1;
}

h1.site-subtitle-banner:before {
	content         : "";
    display         : inline-block;
    width           : 50px;
    height          : 50px;
    left            : -0.45em;
    top             : 50%;
    position        : absolute;
    padding         : 0em;
    color           : #000;
    background-color: #dde1ef;
    font-weight     : 900;
    text-align      : center;
    line-height     : 48px;
    -webkit-transform: translateY(-50%);
    transform       : translateY(-50%);
    border          : solid 3px white;
    border-radius   : 50%;
    z-index         : 3;
    background-image: url(../../salon/img/icon/tripbrightMark.png);
    background-size : 30px 30px;
    background-repeat  : no-repeat;
    background-position: center;
    font-size       : 24px;
}

.site-subtitle-content {
    width           : 96%;
	min-height      : 400px;
    margin-left     : 2%;
    margin-top      : 20px;
    margin-bottom   : 20px;
    margin-right    : 2%;
   	padding         : 4px;
    padding-bottom  : 40px;
    /*background-color: #fff;*/
    /*border          : 2px solid #80c8d1;*/
    border-radius   : 10px;
    box-sizing      : border-box;
    font-size       : 20px;
    line-height     : 2em;
}

#site-vision-content .label {
	float           :left;
	width           : 33%;
    cursor          : pointer;
}

#site-vision-content h2 {
    position        : relative;
    margin          : 1.5em 0;
    padding         : 10px 0;
    color           : #158b2b;
    font-size       : 20px;
    text-align      : center;
    letter-spacing  : 9px;
}

#site-vision-content h2:before {
	content         : "";
  	position        : absolute;
    top             : -5px;
    left            : calc( 3px + 50%);
  	width           : 150px;
  	height          : 58px;
  	border-radius   : 50%;
  	border          : 5px solid #a6ddb0;
  	border-left-color : transparent;
  	border-right-color: transparent;
  	-webkit-transform : translateX(-50%);
  	transform       : translateX(-50%);
}

#site-vision-content #vision3 h2:before {
    left            : calc( -1px + 50%);
}
#site-vision1,
#site-vision2,
#site-vision3 {
    position        : relative;
    clear           : both;
    width           : 92%;
    margin          : 0 auto;
    top             : 19px;
    padding-bottom  : 30px;
    border-radius   : 10px;
}

.arrow-box {
	position           : relative;
	background         : #ffffff;
	border             : 4px solid #40b4b8;
}

.arrow-box:after,
.arrow-box:before {
	content            : " ";
	position           : absolute;
	height             : 0;
	width              : 0;
	bottom             : 100%;
	border             : solid transparent;
	pointer-events     : none;
}

.arrow-box-center:after,
.arrow-box-center:before {
	left                   : 50%;
}

.arrow-box-left:after,
.arrow-box-left:before {
	left                   : 13%;
}

.arrow-box-right:after,
.arrow-box-right:before {
	left                   : 86%;
}

.arrow-box:after {
	border-color           : rgba(255, 255, 255, 0);
	border-bottom-color    : #ffffff;
	border-width           : 30px;
	margin-left            : -30px;
}
.arrow-box:before {
	border-color           : rgba(64, 180, 184, 0);
	border-bottom-color    : #40b4b8;
	border-width           : 36px;
	margin-left            : -36px;
}

.site-vision1-theme,
.site-vision2-theme,
.site-vision3-theme {
    margin-top             : 12px;
    margin-left            : 5px;
    margin-right           : 5px;
    margin-bottom          : 15px;
}

.vision1-theme-icon,
.vision2-theme-icon,
.vision3-theme-icon {
	position               : relative;
	width                  : 40px;
	height                 : 40px;
	margin                 : 0 auto;
	border-radius          : 50%;
	background-color       : rgba(64, 180, 184, 1);
	border                 : 4px solid rgb(9 165 171);
    background-size        : 30px 30px;
    background-repeat      : no-repeat;
    background-position    : center;
}

.vision1-theme-title,
.vision2-theme-title,
.vision3-theme-title {
    margin                 : 8px 0px;
	text-align             : center;
    font-size              : 22px;
    font-weight            : 800;
    letter-spacing         : 0px;
    color                  : rgb(7 128 185);
}

.vision1-theme-icon {
	background-color       : rgba(64, 180, 184, 1);
	border                 : 4px solid rgb(9 165 171);
}

#vision1-theme1-icon {
    background-image       : url(../img/welcome/burning_w.png);
}

#vision1-theme2-icon {
    background-image       : url(../img/welcome/friend_w.png);
}

#vision1-theme3-icon {
    background-image       : url(../img/welcome/america_w.png);
}

#vision1-theme4-icon {
    background-image       : url(../img/welcome/connection_w.png);
}

.vision1-theme-title {
    color                  : rgb(7 128 185);
}

.vision2-theme-icon {
	background-color       : rgb(73 129 192);
    border                 : 4px solid rgb(75 103 222);
}

#vision2-theme1-icon {
    background-image       : url(../img/welcome/smartPhone_w.png);
}

#vision2-theme2-icon {
    background-image       : url(../img/welcome/lifestyle_w.png);
}

#vision2-theme3-icon {
    background-image       : url(../img/welcome/money_w.png);
}

#vision2-theme4-icon {
    background-image       : url(../img/welcome/privacy_w.png);
}

.vision2-theme-title {
    color                  : rgb(75 103 222);
}

.vision3-theme-icon {
	background-color       : rgb(91 55 166);
    border                 : 4px solid rgb(82 31 189);
}

#vision3-theme1-icon {
    background-image       : url(../img/welcome/sns_w.png);
}

#vision3-theme2-icon {
    background-image       : url(../img/welcome/newservice_w.png);
}

#vision3-theme3-icon {
    background-image       : url(../img/welcome/sns2_w.png);
}

.vision3-theme-title {
    color                  : rgb(82 31 189);
}

.site-vision1-theme,
.site-vision2-theme,
.site-vision3-theme {
	line-height            : 1.6em;
}

.theme-box p {
	position               : relative;
	display                : inline-block;
	padding                : 0 20px;
}

.vision1-theme-content.theme-box p::before{
	position               : absolute;
	content                : '';
	top                    : 0;
	right                  : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgba(64, 180, 184, 1);
	border-left            : none;
}

.vision1-theme-content.theme-box p::after{
	position               : absolute;
	content                : '';
	top                    : 0;
	left                   : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgba(64, 180, 184, 1);
	border-right           : none;
}

.vision2-theme-content.theme-box p::before{
	position               : absolute;
	content                : '';
	top                    : 0;
	right                  : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgb(75 103 222);
	border-left            : none;
}

.vision2-theme-content.theme-box p::after{
	position               : absolute;
	content                : '';
	top                    : 0;
	left                   : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgb(75 103 222);
	border-right           : none;
}

.vision3-theme-content.theme-box p::before{
	position               : absolute;
	content                : '';
	top                    : 0;
	right                  : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgb(91 55 166);
	border-left            : none;
}

.vision3-theme-content.theme-box p::after{
	position               : absolute;
	content                : '';
	top                    : 0;
	left                   : 5px;
	width                  : 5px;
	height                 : 100%;
	border                 : 3px solid rgb(91 55 166);
	border-right           : none;
}


#site-target-user-content {
	position               : relative;
}

#site-target-user-content ul {
	position               : relative;
	width                  : calc( -4px + 96%);
	padding-right          : 10px;
    padding-left           : 10px;
}

#site-target-user-content li {
	position               : relative;
	clear                  : both;
    margin-top             : 16px;
    line-height            : 1.3;
    font-size              : 16px;
}

#site-target-user-content li .decimal {
	clear                  : both;
    width                  : 26px;
    height                 : 26px;
    float                  : left;
    margin-right           : 5px;
    margin-top             : 6px;
    padding-top            : 2px;
	background-color       : #00acc3;
    border-radius          : 50%;
    font-size              : 20px;
    color                  : #fff;
    opacity                : 1;
    line-height            : 26px;
    text-align             : center;
}

#site-target-user-content li .blank {
	clear                  : both;
    width                  : 26px;
    height                 : 26px;
    float                  : left;
    margin-right           : 5px;
    margin-top             : 4px;
	background-color       : #2196F3;
    border-radius          : 50%;
    font-size              : 20px;
    color                  : #fff;
    opacity                : 0;
    line-height            : 26px;
    text-align             : center;
}

#site-figure,
#site-problem-figure,
#site-target-user-figure,
#site-proccess-figure {
	position               : relative;
	width                  : 96%;
	margin                 : 0 auto;
}

#site-figure img,
#site-problem-figure img,
#site-target-user-figure img,
#site-proccess-figure img {
	width                  : 100%;
}


/* 記事 */
.salon-article {
    margin-top             : 20px;
    margin-bottom          : 30px;
	padding                : 1.5em;
    color                  : #444;
}
.articleContent {
    margin-bottom          : 10px;
    padding-left           : 1.5em;
    padding-right          : 1.5em;
    font-size              : 16px;
    text-indent            : 1em;
    letter-spacing         : 2px;
    line-height            : 1.6;
    overflow-wrap          : break-word;    
}

.articleContent.subtitle {
	font-size              : 18px;
	font-weight            : bold;
	color                  : #000;
}

.articleContent label.bold {
	color                  : #000;
}

.articleContent.list  {
	padding-left           : 2em;
    text-indent            : 0em;
}

.articleContent.list-disk {
    list-style             : disc;
    text-indent            : 0;
    margin-left            : 2em;
}

.list-circleDecimal li {
	padding-left           : 1.5em;
  	text-indent            : -1.5em;
}
.paragraph-mark1,
.paragraph-mark2,
.paragraph-mark3
 {
	width                  : 0px;
	margin                 : 0 auto;
}

.paragraph-mark1:after {
    position               : relative;
	font-family            : "Font Awesome 5 Free";
    content                : "\f06c";
    font-weight            : 900;
    font-size              : 1.0em;
	top                    : -0.3em;
    left                   : -0.5em;
    line-height            : 1.8;
    color                  : #11c150;
}

.paragraph-mark2:after {
    position               : relative;
	font-family            : "Font Awesome 5 Free";
    content                : "\f56b";
    font-weight            : 900;
    font-size              : 1.0em;
	top                    : -0.3em;
    left                   : -0.5em;
    line-height            : 1.8;
    color                  : #61b7ea;
}

.paragraph-mark3:after {
    position               : relative;
	font-family            : "Font Awesome 5 Free";
    content                : "\f004";
    font-weight            : 900;
    font-size              : 1.0em;
	top                    : -0.3em;
    left                   : -0.5em;
    line-height            : 1.8;
    color                  : #c1119b;
}


h3{
    position               : relative;
    font-size              : 1.143em;
    font-weight            : bold;
	font-family            : "Kosugi Maru",sans-serif;
    margin                 : 1.5em 0 1.5em;
    padding                : 0.5em 0.5em 0.5em 0.5em;
    border-bottom          : 2px solid #4169E1;
    color                  : #000;
}

h3:before{
    position               : absolute;
	content                : "□";
    font-size              : 28px;
    color                  : #40E0D0;
    top                    : 0.0em;
    left                   : 0.8em;
    height                 : 12px;
    width                  : 12px;
}

h3:after{
    position               : absolute;
	content                : "□";
    font-size              : 28px;
    color                  : #4169E1;
    top                    : 0.3em;
    left                   : 0.5em;
    height                 : 12px;
    width                  : 12px;
}

/* コロナについて */
/*.site-plan-title,*/
.site-promotion-title,
.site-benefits-title {
    border-top             : solid 2px #9a3ecae0;
    border-bottom          : solid 2px #9a3ecae0;
}

/*.site-plan-content,*/
.site-promotion-content,
.site-benefits-content {
	border                 : 2px solid #9a3ecae0;
}

#site-colona {

}

#colona-attention {
    width                  : 90%;
    max-width              : 600px;
    margin                 : 0 auto 0px auto;
    padding                : 15px;
    color                  : #000;
    background-color       : #fff;
    text-align             : center;
    border                 : 7px double #000;
    box-sizing             : border-box;
}

#colona-attention h2 {
    border-bottom          : 1px solid #999999;
    padding-bottom         : 2vw;
    line-height            : 30px;	
}

#colona-attention p {
	position               : relative;
	font-size              : 16px;
    padding                : 12px;
    line-height            : 1.6em;
}

#colona-attention p.title{
    font-size              : 20px;
    font-weight            : bold;
    line-height            : 1.4em;  
	border-bottom          : 1px solid #403ee7;      
}

#colona-attention .list-item {
	display                : inline-block;
	text-align             : left;  
    line-height            : 2.5em;	 
    font-family            : "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;     
}

#colona-attention .list-item:before {
	content                : '';
    position               : absolute;
    left                   : 0;
    width                  : 51px;
    top                    : 0;
    bottom                 : 0;
    border-left            : 1px solid #999999;
    border-top             : 1px solid #999999;
    border-bottom          : 1px solid #999999;
}

#colona-attention .list-item:after {
    content                : '';
    position               : absolute;
    right                  : 0;
    width                  : 51px;
    top                    : 0;
    bottom                 : 0;
    border-right           : 1px solid #999999;
    border-top             : 1px solid #999999;
    border-bottom          : 1px solid #999999;
}

#colona-attention .colona-message

/* よくあるご質問 */
.faq-list-caution {
	font-size              : 14px;
	margin-top             : 20px;
    margin-left            : 20px;
}

#site-QA {
	top                    : 30px;
}

section#site-QA1 {

}

.faq-menu-return {
    margin-left            : 20px;
	font-size              : 14px;
}

.site-QA-title {
	border-top             : solid 2px #dfa630d1;
    border-bottom          : solid 2px #dfa630d1;
}

.site-QA-content {
	border                 : 2px solid #dfa630d1;
}
.faq-list {
    width                  : calc( 100% - 2px );
}

.faq-list ul {
	margin-top             : 20px;
}

.faq-list-title {
	width                  : calc( 100% - 20px );
    text-align             : center;
    font-size              : 16px;
    padding                : 10px 10px;
    background-color       : #ddd;
    margin                 : 0 auto;
    letter-spacing         : 2px;
    color                  : #2a85c6bf;
    font-weight            : bold;
}

.faq-list-title-text {

}

.faq-list-item {
	position               : relative;
    text-align             : left;
    border                 : 1px solid #d6d6d6;
    border-bottom          : none;
    width                  : calc( 100% - 20px );
    margin                 : 0 auto;
    min-height             : 30px;
    font-size              : 16px;
    padding                : 0px 10px;
    background-color       : #fff;
    cursor                 : pointer;
}

.faq-list-item:last-child {
    border-bottom          : 1px solid #d6d6d6;
}

.faq-list-item::after {
    position               : absolute;
    top                    : 50%;
    right                  : 13px;
	display                : inline-block;
    vertical-align         : middle;
    width                  : 8px;
    height                 : 23px;
	font-family            : "Font Awesome 5 Free";
    font-weight            : bold;
    cursor                 : pointer;
    content                : "\f105";
    -webkit-background-size: 100px auto;
    background-size        : 100px auto;
    -webkit-transform      : translateY(-50%);
    transform              : translateY(-50%);
    color                  : rgba(219,15,134,1);
}

.faq-list-item-title {
	display                : table-cell;
    vertical-align         : middle;
    padding                : 16px 20px 10px 0;
    line-height            : 1.2;
}

.faq-lv2-q {
	position               : relative;
	width                  : 90%;
    margin                 : 33px auto;
}

.faq-lv2-q:before {
    content                : '';
    position               : absolute;
    bottom                 : -11px;
    right                  : 50%;
    width                  : 50%;
    height                 : 4px;
    background             : linear-gradient(to left, #cccccce6, 20%,#f8f737 , 90%, #ff0000eb);
    transition             : all 0.4s ease-out;
}

.faq-lv2-q:after {
	content                : '';
    position               : absolute;
    bottom                 : -11px;
    left                   : 50%;
    width                  : 50%;
    height                 : 4px;
    background             : linear-gradient(to right, #cccccce6, 68%, #2a85c6);
    transition             : all 0.4s ease-out;
}

.faq-question {
    font-size              : 16px;
    font-weight            : bold;
    color                  : #000;
    padding-left           : 55px;
    line-height            : 1.4;
}

.faq-question:before {
    position               : absolute;
	content                : "";
    width                  : 45px;
    height                 : 45px;
    left                   : 5px;
    top                    : -11px;
    background             : url(../img/icon/Q_icon.png) no-repeat 0 0;
    background-size        : 2.5rem;
}

.faq-lv2-a {
	position               : relative;
	width                  : 90%;
    margin                 : 45px auto;
}

.faq-answer {
	padding-left           : 55px;
    font-size              : 16px;
    line-height            : 1.4;
}

.faq-answer:before {
    position               : absolute;
    content                : "";
    width                  : 45px;
    height                 : 45px;
    left                   : 5px;
    top                    : -11px;
    background             : url(../img/icon/A_icon.png) no-repeat 0 0;
    background-size        : 2.5rem;
}

.faq-answer-text {
    padding                : 10px 10px 20px 10px;
    font-size              : 14px;
    line-height            : 1.3;
	border-bottom          : 1px solid #d6d6d6;
}

.faq-answer-text p {
	position               : relative;
    font-size              : 14px;
    line-height            : 1.4;
    letter-spacing         : 1px;
}

.faq-answer-text p img {
	margin                 : 10px;
}

.faq-answer-text .subtitle {
    position               : relative;
    padding-left           : 40px;
    margin                 : 10px 0px;
	font-size              : 16px;
    color                  : #000;
}

.faq-answer-text .subtitle:before {
	position               : absolute;
    content                : "";
    width                  : 20px;
    height                 : 20px;
    left                   : 5px;
    top                    : 1px;
    background             : url(../img/logo/tripbrightMark.png) no-repeat 0 0;
    background-size        : 100%;
}

.faq-answer-text p.bold,
.faq-answer-text label.bold {
	font-weight            : bold;
	color                  : #000;
}

/* 会費・支払い */
#membership-fee {
	border                 : 6px solid #80c8d1;
}

.membershipFee-frame {
	margin                 : 5px 10px;
    background-color       : #fff;
}

#membershipFee-message {
	width                  : 100%;
    text-align             : center;
    font-size              : 16px;
}

#membershipFee-fee {
    width                  : 100%;
    text-align             : center;
    font-size              : 18px;
    color                  : #000;
    font-weight            : bold;
}

#membershipFee-title {
	width                  : 70%;
	margin                 : 15px auto 5px auto;
    text-align             : center;
    font-size              : 16px;
    color                  : #009B8E;
}

#membershipFee-freePeriod,
#membershipFee-admissionFee,
#membershipFee-first-payment,
#membershipFee-method-payment {
    width                  : 100%;
    text-align             : center;
    font-size              : 16px;
}

.payal-logo {
    margin                 : 0 auto;
    width                  : 200px;
    height                 : 75px;
    background-image       : url(../img/paypal/paypal_logo4.png);
    background-size        : contain;
    background-repeat      : no-repeat;
}

.part-of-termsOfService {
    font-size              : 18px;
    font-weight            : bold;
    margin-top             : 10px;
    padding-bottom         : 20px;
    text-align             : center;
}

@media screen and (min-width:740px) {
	.site-vision1-theme,
	.site-vision2-theme,
	.site-vision3-theme {
		float              : left;
		width              : calc( -12px + 50%);
	}
	#site-vision1-theme1,
	#site-vision1-theme3,
	#site-vision2-theme1,
	#site-vision2-theme3,
	#site-vision3-theme1,
	#site-vision3-theme3 {
		clear              : both;
	}
}



@media all and (min-width:1025px) and (max-width:1172px) {

	.menu-button {
	    font-size          : 13px;
	}
	#site-description-button label,
    .menu-button label {
	    letter-spacing     : 5px;
	}
	.site-subtitle-content {
	    font-size          : 18px;
	    line-height        : 1.8em;
	}
	#site-vision-content h2 {
	    font-size          : 18px;
	    padding            : 7px 0;
	    letter-spacing     : 6px;
	}
	#site-vision-content h2:before {
		width              : 100px;
    	height             : 52px;
    	top                : -8px;
	}
	.site-vision1-theme,
	.site-vision2-theme,
	.site-vision3-theme
	 {
		float              : none;
		width              : calc( -10px + 100%);
	}
	#site-vision1-theme1,
	#site-vision1-theme3,
	#site-vision2-theme1,
	#site-vision2-theme3,
	#site-vision3-theme1,
	#site-vision3-theme3 {
		clear              : none;
	}
}

@media screen and (max-width:640px){
	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
	.menu-button {
	    font-size          : 14px;
	}
	#site-description-button label {
	    letter-spacing     : 3px;
	}
	.site-subtitle-banner span label {
		font-size          : 20px;
	    letter-spacing     : 2px;
	}
	.site-subtitle-banner span label.small {
		font-size          : 16px;
	    letter-spacing     : 2px;
	}
	.site-subtitle-content {
	    font-size          : 20px;
	    line-height        : 2em;
	}
	#site-vision-content h2 {
	    font-size          : 18px;
	    padding            : 7px 0;
	    letter-spacing     : 7px;
	}
	#site-vision-content h2:before {
        width              : 100px;
        height             : 52px;
	}
	.site-vision1-theme,
	.site-vision2-theme,
	.site-vision3-theme	{
		float              : none;
		width              : calc( -10px + 100%);
	}
	#site-vision1-theme1,
	#site-vision1-theme3,
	#site-vision2-theme1,
	#site-vision2-theme3,
	#site-vision3-theme1,
	#site-vision3-theme3 {
		clear              : none;
	}
	.welcome-tab {
	    font-size          : 15px;   
	}	
	.welcome-tab label {
	    letter-spacing     : 6px;	    
	}		
}

@media screen and (max-width:520px){
	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
	.menu-button {
	    font-size          : 13px;
	}
	#site-description-button label,
    .menu-button label {
	    letter-spacing     : 2px;
	}
	.site-subtitle-content {
	    font-size          : 18px;
	    line-height        : 1.8em;
	}
	#site-vision-content h2 {
	    font-size          : 16px;
	    padding            : 7px 0;
	    letter-spacing     : 4px;
	}
	#site-vision-content h2:before {
		width              : 84px;
    	height             : 46px;
    	/*left: calc( -3px + 50%);*/
	}
	.welcome-tab {
	    font-size          : 14px;
	}
	.welcome-tab label {
	    letter-spacing     : 4px;	    
	}
		
}

@media screen and (min-width:641px){
	.wide {
		display            : block;
		font-size          : 18px;
	}
	.smartPhone {
		display            : none;
	}
	
}

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

	.wide {
		display            : none;
	}
	.smartPhone {
		display            : block;
	}
	.menu-button {
	    font-size          : 13px;
	}
	#site-description-button label,
    .menu-button label {
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label {
		font-size          : 18px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label.small {
		font-size          : 16px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-content {
	    font-size          : 16px;
	    line-height        : 1.6em;
	}
	#site-vision-content h2 {
	    font-size          : 16px;
	    padding            : 7px 0;
	    letter-spacing     : 2px;
	}
	#site-vision-content h2:before {
		width              : 89px;
    	height             : 41px;
    	top                : -7px;
	}
	.articleContent {
	    letter-spacing     : 0px;
	}
	.service-area .content-area {
    	padding            : 10px;
	}
	.owner-profile.right {
    	width: calc( 70% - 20px );
	}
	.welcome-tab {
	    font-size          : 14px;    
	}	
	.welcome-tab label {
	    letter-spacing     : 1px;	    
	}

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

	.menu-button {
	    font-size          : 12px;
	}
	#site-description-button label,
    .menu-button label {
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label {
		font-size          : 16px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label.small {
		font-size          : 14px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-content {
	    font-size          : 16px;
	    line-height        : 1.6em;
	}
	#site-vision-content h2 {
	    font-size          : 14px;
	    padding            : 7px 0;
	    letter-spacing     : 2px;
	}
	#site-vision-content h2:before {
		width              : 71px;
    	height             : 39px;
    	top                : -6px;
	}
	.vision1-theme-title,
	.vision2-theme-title,
	.vision3-theme-title {
	    font-size          : 18px;
	    letter-spacing     : 0px;
	}
}

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

	.menu-button {
	    font-size          : 11px;
	}
	#site-description-button label,
    .menu-button label {
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label {
		font-size          : 14px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-banner span label.small {
		font-size          : 12px;
	    letter-spacing     : 1px;
	}
	.site-subtitle-content {
	    font-size          : 16px;
	    line-height        : 1.6em;
	}
	#site-vision-content h2 {
	    font-size          : 12px;
	    padding            : 7px 0;
	    letter-spacing     : 2px;
	}
	#site-vision-content h2:before {
		width              : 71px;
    	height             : 39px;
    	top                : -6px;
	}
	.vision1-theme-title,
	.vision2-theme-title,
	.vision3-theme-title {
	    font-size          : 16px;
	    letter-spacing     : 0px;
	}
	.membershipFee-frame {
	    margin             : 5px 0px;
	}
	#membershipFee-fee {
	    font-size          : 18px;
	}
	.salon-join-button2 {
    	font-size: 16px;
	}
}

@media screen and (max-width:280px){
	h3 {
	    font-size          : 14px;
	}
	.articleContent {
	    font-size          : 14px;
	}
	.menu-button {
	    font-size          : 10px;
	}
	#membershipFee-fee {
	    font-size          : 16px;
	}
	#membershipFee-freePeriod,
	#membershipFee-admissionFee,
	#membershipFee-first-payment,
	#membershipFee-method-payment {
	    letter-spacing     : 1px;
	}
	#membershipFee-method-payment li {
		font-size          : 12px;
	}
	.salon-join-button2 {
	    width              : 40%;
    	font-size          : 16px;
	}
	.site-subtitle-content {
	    font-size          : 14px;
	}
	.faq-list-item,
	.faq-question,
	.faq-answer  {
	    font-size          : 14px;
	}
}

@media all and (max-width:1024px){
	#site-entry-button {
	    display            : block;
	}

}

@media all and (min-width:1025px){
	#site-entry-button {
	    display            : none;
	}
	.welcome-tab {
	    font-size          : 18px;    
	}		

}

/* スマホ表示用。flipLeftTriggerを指定している親要素に指定しないとうまく動かない*/
.service-area {
    transform:  translate3d(0, 0, 0);
}