body{ 
margin: 0;
padding:0;
font-family:'Century Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic","Verdana",sans-serif;
font-size:14px;
letter-spacing:0.05em;
word-break: normal;
word-wrap: break-word;
line-height:180%;
background-image: url('../img/originstyle_logo_bg.png'); 
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 2% 10px;
}

img{
border:0px;
}

a:link{ color:#41aac4;text-decoration: none;}
a:visited{ color: #41aac4; text-decoration: none;}
a:hover{ color: #a5bdbc; text-decoration: underline; }
a:active{ color: #a5bdbc; text-decoration: underline; }

p{
text-align: justify;
}

hover{
cursor: pointer;}

/*---------------main_all---------------*/
#all{
width:100%;
margin:0;
padding:0;
clear:both;
}

#wrap{
width:100%;
}

* #all{
width:100%;
margin:0;
padding:0;
}

* #wrap{
width:100%;
}

/*---------------head---------------*/
header{
width:100%;
margin:0;
padding:0;
color:#222;
letter-spacing:0.01em;
text-align:left;
/*position:fixed;*/
}

h1{
color: #000;
font-size: 230%;
line-height: 160%;
margin:20px 0 0 0;
font-weight:normal !important;
}

h2{
margin:80px 0 0 0;
padding: 0;
font-size:200%;
text-align:left;
letter-spacing:0.05em;
border-bottom:solid 5px #41aac4;
clear:both;
font-weight:normal !important;
}

h3{
font-weight: 500;
margin:30px 0 20px 0;
padding:3px 0;
font-size:140%;
text-align:left;
letter-spacing:0em;
border-bottom:solid 5px #41aac4;
font-weight:normal;
clear:both;
}

h4{
font-weight: 700;
margin:0;
font-size:110%;
color: #000;
text-align: left;
}

/*---------------top---------------*/
#logo{
display:none;
}

.top_copy{
display:none;
}

.menu_g{
letter-spacing:0;
}
#origin{
background-size:100%;
background: no-repeat center center;
background-size: cover;
}

#top_fb{
margin:5px 10px 0 0;
padding:0;
width:10%;
float:right;
font-size:15px; 
text-align:right;
position:fixed;
}

.no{
font-size:16px;
letter-spacing:0.02em;
}

div #origin_read_sp{
color:#000;
margin:30px 20px 20px 20px;
text-align:left;
}

#origin_read_sp span{
line-height:180%;
letter-spacing: 0.01em;
border-bottom:solid 4px #41aac4;
}

.origin_concept{
font-size:96%;
text-align: left;
border-left:none;
}

.origin_read{
display:none;
}

/*---------------contants---------------*/
article{
/*padding-top:60px;*/
line-height:180%;
clear:both;
}

section{
clear:both;
padding:20px;
line-height:180%;
}

dt{
margin: 0 ;
width:100%;
font-weight:bold;
}

dd{
margin: 0 0 10px 0;
}

section {
    padding: 20px;
}

 ul{
list-style-type:none;
padding:0;
overflow: hidden;
width:103%;
margin-right: -2.5%;
}

li {
width:100%;
padding:20px 0 ;
}

li img{
border:none;
width:100%;
}

li :hover img {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.c_button{
margin: 20px auto;
width: 150px;
font-size: 18px;
text-align: center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
display: block;
background-color: #41aac4;
padding: 15px;
position: relative;
letter-spacing: 0.1em;
border: none;
color: #fff;
box-shadow: 4px 4px 6px -4px #000;
cursor : pointer;
font-weight:bold;
}

.c_button:hover{
color:#000;
box-shadow: none;
text-decoration: none;
}

/*---------------footer---------------*/
footer{
padding:0;
margin-top:5px;
margin-left: auto;
margin-right: auto;
clear:both;
text-align:center;
}

section.origin_contact{
text-align:left;
border-top: solid 5px #41aac4;
border-bottom:solid 5px #41aac4;
border-left:none;
margin-top: 50px;
}

#copy{
padding:10px 0;
clear:both;
color:#666666;
font-size:12px;
}
#copy a:link{ color:#000000;text-decoration: none;}
#copy a:visited{ color: #000000; text-decoration: none;}
#copy a:hover{ color: #666666; text-decoration: none; }
#copy a:active{ color: #a8944c; text-decoration: underline; }

.phone{
font-family:'Ubuntu','Century Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic","Verdana",sans-serif;
font-size:160%;
color:#41aac4;
letter-spacing:0.05em;
}

.small{
font-size:100%;
font-weight:bold;
padding:0px;
color:#41aac4;
line-height:150%;
display: inline-block;
}

/*---------------pagetop---------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: -20px;
	right: 0px;
}

.pagetop a {
   font-family:Helvetica;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #41aac4;
	font-size: 60px;
	text-decoration: none;
	line-height: 60px;
	margin: 0 20px 20px 0;
	-webkit-transform: rotate( -90deg );
	transform: rotate( -90deg );
}

/*---------------rmenu---------------*/
#top_fb ul{
margin:20px 0 0 0;
padding:0 5px;
font-size:15px; 
text-align:left;
}

#top_fb li{
list-style:none;
line-height:150%;
font-weight:bold;
letter-spacing: 0.07em;
display: block;
width: 80%;
padding:10px 0;
}
#top_fb a:link{ color:#fff;text-decoration: none;}
#top_fb a:visited{ color: #fff; text-decoration: none;}
#top_fb a:hover{ color: #ccfeed; text-decoration: underline; }
#top_fb a:active{ color: #ccfeed; text-decoration: underline; }

#r-menu {
    background-color: #41aac4;
    box-sizing: border-box;
    height: 600px !important;
    padding: 0px 40px 10px 20px; 
    position: fixed;
    right: -95%; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 95%; /*メニュー横幅*/
    z-index: 1000;
	 box-shadow:none;
}

#menu-icon {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 50px; 
    height: 50px; 
    position: fixed;
    right: 25px;
    text-align: center;
    top: 15px;
    transition: all 0.3s linear 0s; 
    z-index: 2000;
}

#rm-cb {
    display: none; 
}

#rm-cb:checked ~ #r-menu,
#rm-cb:checked ~ #menu-icon {
    transform: translate(-80%); /*メニュー本体横幅 width と合わせる*/
}

#rm-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

ul #menu_case{
margin:20px 0 0 10px;
margin-right: -2%;
}

.pl p{
font-size:115%;
line-height:190%;
margin:0 0 20px 0;
}

th{
text-align:right;
width:30%;
}

td{
width:60%;
}

.contact div{
width:100%;
margin:15px auto 0 auto;
}

.contact_form {
width:100%;
text-align: left;
}

.contact_form div{
    display: inline-block;
    margin: 10px 0;
	text-align:left;
}

.red{
color:#F90202;}

.form_w {
    display: block;
    width: 90%;
    padding: 10px;
    font-size: 17px;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

@media screen and (min-width:570px) { 

 ul{
list-style-type:none;
padding:0;
overflow: hidden;
width:103%;
margin-right: -2%;
}

li {
display: inline-block;
width:30.5%;
padding:2% 2% 0 0;
}

/*---------------main_all---------------*/
#top_fb img{
display:inline;
}

#wrap{
width:100%;
margin-left: auto;
margin-right: auto;
}

* #wrap{
width:100%;
margin-top:0px;
text-align:center;
}

#logo {
    margin: 7px 0 10px 20px;
    padding: 0;
    width: 80%;
    float: left;
    text-align: left;
    font-weight: bold;
}

.top_copy{
display: block;
font-size:100%;
font-weight:bold;
letter-spacing:0.02em;
padding:10px;
margin:0 0 0 20px;
color:#41aac4;
line-height:150%;
}

/*---------------contants---------------*/
article{
/*padding-top:50px;*/
font-size:15px;
line-height:190%;
clear:both;
}

section{
clear:both;
padding:10px;
margin-left: auto;
margin-right: auto;
}

dl{
margin:20px 0;
}

dt{
margin: 0 ;
width:15%;
float:left;
}

dd{
margin: 0 0 10px 20px;
overflow:hidden; 
text-align:left;
letter-spacing:0.1em;
}

dt{
margin: 0 20px 0 0 ;
width:30%;
text-align:right;
letter-spacing:0.1em;
}

.phone{
font-size:200%;
color:#41aac4;
letter-spacing:0.08em;
}

#r-menu {
 padding: 0px 40px 10px 20px; 
right: -60%; /*メニュー横幅 width と合わせる*/
width: 60%; /*メニュー横幅*/
}
}

@media screen and (min-width:660px) {
#r-menu {
right: -50%; 
    width: 50%;
}

.small{
padding:20px 20px 0 30px;
}
}

@media screen and (min-width:768px)  {
body{
background-image:none; 
}
#wrap{
margin-left: auto;
margin-right: auto;
}

* #wrap{
margin-top:0px;
text-align:center;
}

#logo{
display:block;
margin:10px 0 10px 20px;
padding:0;
width:85%;
float:left;
text-align:left;
font-weight:bold;
}

#logo img {
    height: 50px;
	    margin: 3px 10px 0 0;
		float:left;
}

section{
width:700px;
clear:both;
padding:5px 0 0 10px;
margin-left: auto;
margin-right: auto;
border-left: solid 5px #41aac4;
}

section.ct{
border:none;
}

.origin_read{
display:block;
width:800px;
padding:30px 0;
margin-left: auto;
margin-right: auto;
font-size:170%;
line-height:200%;
text-align:left;
}

#menu-background {
    display: none; /*チェックボックス本体は消しておく*/
}

#r-menu {
right: -40%; 
    width: 40%;
}

h1{
font-size:120%;
}

div.origin_copy{
width:50%; 
padding:20px;
background-color:#fff;
color:#444;
letter-spacing: 0.07em;
box-shadow: 4px 4px 6px -4px #000;
background: rgba(255,255,255,0.8);
margin: 0 0 0 auto;
}

.origin_copy span{
color:#000;
/*font-size:140%;*/
line-height:180%;
border-bottom: solid 5px #41aac4;
}

div.origin_copy p{
font-size:14px;
color:#444;
letter-spacing: 0.02em;
line-height:190%;
}

#origin_read_sp{
display:none;
}

.origin_concept{
font-size:100%;
}

div.origin_copy{
padding:20px;
}
.contact div{
width:500px;
margin:15px auto 0 auto;
}
}
@media screen and (min-width:1024px) {
/*
article {
    padding-top: 70px;
}*/

#logo img {
    height: 50px;
	    margin: 2px 20px 0 0;
}

.pagetop a {
    margin: 0 100px 20px 0;
}

#r-menu {
right: -30%; 
    width: 30%;
}

section{
width:740px;
}

.origin_read{
width:950px;
padding:70px 0;
}

div.origin_copy {
    margin: 0 0 0 auto;
	width: 33%;
}
}

@media screen and (min-width:1200px) {

.pagetop a {
    margin: 0 250px 20px 0;
}

#r-menu {
right: -25%; 
    width: 25%;
}
}

@media print{
body{
width:100%;
letter-spacing:0.02em;}

header{
position:static;
}

h1 {
font-size:130%;
    margin: 10px 0 0 0;
	}
	
#menu-icon{
display: none;
}

#r-menu{
box-shadow:none;
}

dl {
    margin: 0;
}

dt {
    margin: 0;
	width:20%;
}

p{
font-size: 12pt;
}

.pagetop{
display: none;
}
}