@charset "utf-8";
/* CSS Document */

/*--------------------------
	Top Page
---------------------------*/
/* Top Image */
.top_image_back{	
/*	background:rgba(248,244,195,0.9); 	*/
	width:100%;
	position:relative;
}

.top_image_back img{
	width:100%;
}

.top_image_back h1{
	font-size:5vw;
	font-weight:bold;
	position:absolute;
	left:35.5%;
	top:5%;
	color:#00913a;
	letter-spacing:-3px;
}
@media(max-width:767px){
	.top_image_back h1{
		font-size:9vw;
		left:25%;
		top:0.5%;
	}	
}
@media(max-width:575px){
	.top_image_back h1{
		font-size:11vw;
		left:20%;
		top:0%;
	}	
}

.top_image_back h1 .red{
	color:#c30d23;
	font-size:70%;
	letter-spacing:1px;
}

.top_image_back p.attention{
	font-size:1vw;
	font-weight:bold;
	position:absolute;
	left:49%;
	top:72%;
	color:#c30d23;
}
@media(max-width:767px){
	.top_image_back p.attention{
		font-size:3vw;
		left:45%;
		top:85%;
	}	
}

.top_image_back p.patent_no{
	font-size:1vw;
	font-weight:bold;
	position:absolute;
	left:55%;
	top:90%;
	letter-spacing:0.5px;
}
@media(max-width:767px){
	.top_image_back p.patent_no{
		font-size:3vw;
		left:67%;
		top:96%;
	}	
}

/*
.top_image_back img.catchphrase{
	width:90%;
	margin:0 auto;
}
*/

.top_image_back h1 rt{
	margin-bottom:-1em;
	font-size:20%;
	color:#333;
}
@media(max-width:767px){
	.top_image_back h1 rt{
		margin-bottom:0;
	}	
}

/* Top Catch */
.top_catch h2{
	margin-top:3em;
	text-align:center;
}
@media(max-width:575px){
	.top_catch h2{
		margin-top:2em;
	}	
}

.top_catch .img_sub_catch{
	width:90%;
	margin:0 auto;
}
/*
@media(max-width:767px){
	.top_catch .img_sub_catch{
		width:100%;
	}	
}
*/
@media(max-width:575px){
	.top_catch .img_sub_catch{
		width:80%;
	}	
}

.top_catch ul{
	width:62%;
	margin:0 auto;
  text-indent: -1.5em;
}
@media(max-width:991px){
	.top_catch ul{
		width:90%;
	}	
}
@media(max-width:767px){
	.top_catch ul{
		width:100%;
		margin:0;
		margin-top:2em;
	}	
}
@media(max-width:575px){
	.top_catch ul{
		width:95%;
		margin-bottom:2em;
	}	
}

.top_catch li{
	font-size:140%;
	font-weight:bold;
	margin-top:1em;
	margin-left:0;
	list-style:none;
	letter-spacing:2px;
}
.top_catch li:before { content:"◎" }
@media(max-width:767px){
	.top_catch li{
		font-size:100%;
		letter-spacing:1px;
	}
}

img.yajirushi{
	width:20%;
	margin:1em auto;
}
@media(max-width:767px){
	img.yajirushi{
		width:40%;
	}	
}

.top_catch p{
	font-size:200%;
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
}
@media(max-width:776px){
	.top_catch p{
		font-size:150%;
	}	
}
@media(max-width:575px){
	.top_catch p{
		font-size:120%;
	}	
}

.top_catch img.waribashi{
	width:50%;
}
@media(max-width:767px){
	.top_catch img.waribashi{
		width:70%;
	}
}

.top_catch .end_phrase{
	font-size:250%;
}
@media(max-width:767px){
	.top_catch .end_phrase{
		font-size:170%;
	}	
}
@media(max-width:575px){
	.top_catch .end_phrase{
		font-size:150%;
	}	
}

.top_catch .end_phrase .red{
	color:#c1272d;
}

.top_catch .end_phrase rt{
	margin-bottom:-0.5em;
	font-size:35%;
	color:#333;
}
@media(max-width:767px){
	.top_catch .end_phrase rt{
		margin-bottom:0;
	}	
}

/* How to use */
.top_howto_back{
	margin-top:5em;
	background:rgba(248,244,200,0.6); 
}

.top_howto{
	padding:3em 4em;
}
@media(max-width:775px){
	.top_howto{
		padding:2em 2em;
	}	
}

.top_howto h2{
	margin-top:1em;
	font-size:200%;
	font-weight:bold;
	color:#006837;
	letter-spacing:0;
}
@media(max-width:767px){
	.top_howto h2{
		font-size:150%;
	}	
}
@media(max-width:575px){
	.top_howto h2{
		font-size:120%;
	}	
}

.top_howto p{
	margin-left:1em;
	font-size:120%;
}
@media(max-width:991px){
	.top_howto p{
		margin-left:0;
	}	
}
@media(max-width:767px){
	.top_howto p{
		font-size:100%;
	}	
}

.top_howto .row{
	margin-top:4em;
}
@media(max-width:767px){
	.top_howto .row{
		margin-top:2em;
	}	
}

.top_howto img{
	width:100%;
}

/* Merit & Use */
.top_merit{
	margin:4em auto 0;
	padding:0 10%;
}
@media(max-width:575px){
	.top_merit{
		margin:1em auto 0;
	}	
}

.top_merit img{
	margin-top:1em;
	width:15%;
}
@media(max-width:775px){
	.top_merit img{
		width:25%;
	}	
}

.top_merit ul{
	margin-left:15%;
  text-indent: -1.5em;
}
@media(max-width:991px){
	.top_merit ul{
		margin-left:10%;	
	}	
}
@media(max-width:767px){
	.top_merit ul{
		margin-left:-2em;	
	}	
}

.top_merit li{
	font-size:140%;
	font-weight:bold;
	margin-top:0.5em;
	list-style:none;
	letter-spacing:1px;
	margin-left:1em;
}
.top_merit li:before { content:"●" }
@media(max-width:767px){
	.top_merit li{
		font-size:100%;
	}
}

/* Invitation */
.top_invitation_title{
	margin-top:4em;
	width:100%;
	background:#1eaa39;
	padding:3em;
}
@media(max-width:575px){
	.top_invitation_title{
		padding:1em;
	}	
}

.top_invitation_title span{
	display:inline-block;
}

.top_invitation_title h2{
	font-size:200%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
@media(max-width:767px){
	.top_invitation_title h2{
		font-size:120%;
	}
}

.top_invitation_title img{
	width:30%;
}

.top_invitation_title p{
	text-align:center;
}

.top_invitation{
	padding:0 12%;
}
@media(max-width:767px){
	.top_invitation{
		padding:0 5%;
	}	
}
/*
@media(max-width:575px){
	.top_invitation{
		padding:0 5%;
	}	
}
*/
.top_invitation h3{
	margin-top:2em;
	color:#006837;
	font-size:180%;
	font-weight:bold;
	text-align:center;
}
@media(max-width:767px){
	.top_invitation h3{
		font-size:120%;
	}
}

.top_invitation p{
	margin-top:3em;
	line-height:180%;
}

.top_invitation p.middle_catch{
	text-align:center;
	letter-spacing:0;
}

.top_invitation .emphasis{
	font-size:120%;
	font-weight:bold;
}

.top_invitation .red{
	font-size:180%;
	font-weight:bold;
	color:#c1272d;
}
@media(max-width:767px){
	.top_invitation .red{
		font-size:120%;
	}	
}

.top_invitation .red rt{
	margin-bottom:-0.5em;
	font-size:30%;
	color:#333;
}

.top_invitation span{
	display:inline-block;
}

.top_invitation p.sign{
	text-align:right;
	font-weight:bold;
}

.top_invitation .patent{
	width:100%;
	margin-top:4em;
	padding:2em 0 3em;
	background:rgba(236,115,158,0.2);
}
@media(max-width:767px){
	.top_invitation .patent{
	}	
}
.top_invitation .patent p{
	text-align:center;
	vertical-align:top;
}

.top_invitation .patent img{
	width:70%;
}
@media(max-width:767px){
	.top_invitation .patent img{
		width:90%;
	}	
}

/* Contact */
#contact{
	width:100%;
	padding:4em;
}
@media(max-width:575px){
	#contact{
		padding:2em;
	}	
}

#contact h2{ 
	font-size:160%;
	font-weight:bold;
	color:#FFF;
}
@media(max-width:575px){
	#contact h2{ 
		font-size:120%;
	}	
}

.contact_back{
	margin-top:4em;
	background-color:#1eaa39;
}

.contact_explanation{
	padding:0;	
}

.contact_method{
	margin-top:2em;
}
.contact_method h3{
	font-size:150%;
	color:#FFF;
}

@media(max-width:575px){
	.contact_method h3{
		font-size:100%;
	}	
}

.contact_method h3 > img{
	vertical-align:bottom;	
}

.contact_method p{
	margin-left:3em;
	color:#FFF;
}
@media(max-width:575px){
	.contact_method p{
		margin-left:0;
	}	
}

.contact_method img{
	max-width:7%;
	margin-right:5px;
	vertical-align:middle;
}

.Item{
	max-width:7%;
  cursor: pointer;
}

.contact_method .tel_no{
	font-size:150%;
	font-weight:bold;
	vertical-align:middle;
}
@media(max-width:575px){
	.contact_method .tel_no{
		font-size:110%;
	}	
}

.contact_method .tel_no a{
	color:#0056b3;
	text-decoration:none;
}
.contact_method .tel_no a:hover{
	color:#1d2088;
}

.contact_precautions{
	margin-top:2em;
	padding:2em;
}
@media(max-width:991px){
	.contact_precautions{
		margin-top:1em;
	}	
}

@media(max-width:575px){
	.contact_precautions{
		padding:0;
		margin-top:2em;
	}	
}

.contact_precautions h3{
	font-size:120%;
	color:#FFF;
	margin-left:1em;
}

@media(max-width:575px){
	.contact_precautions h3{
		font-size:100%;
		margin-left:0;
	}
}

.contact_precautions li{
	color:#FFF;
}

@media(max-width:575px){
	.contact_precautions ul{
		margin-left:-1em;
	}
}

/*
.contact_input_box{
	width:40%;
	color:#FFF;
	float:right;
	margin-top:3em;
	margin-left:auto;
}

.contact_input_box input{
	margin-left:-3em;
	height:30px;
}

*/

/*--------------------------
	Company Page
---------------------------*/
.company_overview{
	width:100%;
	background-image:url("../images/company/img_sakura.png");
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10em;
}

@media(max-width:767px){
	.company_overview{
		background-size:100%;
	}	
}
@media(max-width:575px){
	.company_overview{
		background-size:110%;
		margin-bottom:5em;
	}	
}

.company_overview li{
	margin-top:6em;
	list-style:none;
	margin-left:-2em;
}

@media(max-width:767px){
	.company_overview li{
		margin-top:3em;
	}	
}

.company_overview h2{
	font-size:150%;
	font-weight:bold;
	color:#07913a;
	text-align:center;
}

.company_overview p{
	margin-top:2em;
	text-align:center;
}

.name_suffix{
	font-size:80%;
}

.access_map{
	margin-top:4em;
}

.access_map_text ul{
	display:table;
	margin:2em auto 10em;
}

@media(max-width:767px){
	.access_map_text ul{
		margin:2em auto 5em;
	}	
}

.access_map_text li{
	display:table-cell;
	list-style:none;
	padding:0 5px;
}

/*--------------------------
	Privacy Policy Page
---------------------------*/
.privacy_policy_box{
	padding:0 18% 1em;
	letter-spacing:2px;
	margin-top:6em;
	margin-bottom:10em;
}

@media(max-width:767px){
	.privacy_policy_box{
  	margin-top:3em;
  	margin-bottom:5em;
		padding:0 5%;
	}	
}

.privacy_policy_box h2 {
  margin-bottom: 2em;
	font-size:120%;
	font-weight:bold;
}
@media(max-width:575px){
	.privacy_policy_box h2 {
		font-size:100%;
	}	
}

.privacy_policy_box h3 {
	font-weight:bold;
	display:inline;
}

.privacy_policy_box ol {
	margin-left:-1em;
/*	margin-bottom: 5em;	*/
  counter-reset: list-count; 
  list-style: none; 
}
@media(max-width:575px){
	.privacy_policy_box ol {
		margin-left:-3em;
	}
}

.privacy_policy_box li {
  margin-top: 2em;
  line-height:150%;
}
@media(max-width:767px){
	.privacy_policy_box li {
		text-indent: 0;
	}
}
@media(max-width:575px){
	.privacy_policy_box li {
		font-size:13px;
	}
}

ol > li::before {
  content:counter(list-count) ".";
  counter-increment: list-count;
	font-weight:bold;
}

.privacy_policy_box li p {
	margin-left:1em;
}

/*--------------------------
	Kouji Page
---------------------------*/
#img_kouji{
	margin-top:10%;
	width:10%;
}
@media(max-width:767px){
	#img_kouji{
		width:15%;
	}
}

.kouji_message{
	margin-top:2em;
	font-size:140%;
	margin-bottom:10%;
}

@media(max-width:767px){
	.kouji_message{
		font-size:100%;
	}	
}