/* ==========================================================================
   Merged CSS for alphazeal.xtwo.jp/mdc6480-kyosei/
   Merged by Manus AI
   ========================================================================== */

/* --- Start of static_common.min.css --- */
@charset "utf-8";.b_09{margin:0 0 2em}/*! normalize.css v2.1.3 | MIT License | git.io/normalize */*{font-size:100%;margin:0;padding:0}img{vertical-align:top;outline:0}li{list-style-type:none}footer,header,nav,section{display:block}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:0;margin:0}img{border:0}@charset "utf-8";
/* --- End of static_common.min.css --- */

/* --- Start of touchTouch.css --- */
/* The gallery overlay */

/* This class will trigger the animation */

/* The before element moves the
 * image halfway from the top */

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

/* --- End of touchTouch.css --- */

/* --- Start of plimo_structure_5.css --- */
 /*css*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container_12{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
     .container_12 .alpha               { margin-left: 0; }
     .container_12 .omega               { margin-right: 0; }

    /* Base Grid */
    .container_12 .grid_1			{ width: 60px;  }
    .container_12 .grid_2			{ width: 140px; }
    .container_12 .grid_3			{ width: 220px; }
    .container_12 .grid_4			{ width: 300px; }
    .container_12 .grid_5			{ width: 380px; }
    .container_12 .grid_6			{ width: 460px; }
    .container_12 .grid_7			{ width: 540px; }
    .container_12 .grid_8			{ width: 620px; }
    .container_12 .grid_9			{ width: 700px; }
    .container_12 .grid_10			{ width: 780px; }
    .container_12 .grid_11			{ width: 860px; }
    .container_12 .grid_12			{ width: 940px; }
	/* Prefix Extra Space >> 12 Columns */
	.container_12 .prefix_1 		{padding-left:80px;}
	.container_12 .prefix_2 		{padding-left:160px;}
	.container_12 .prefix_3 		{padding-left:240px;}
	.container_12 .prefix_4 		{padding-left:320px;}
	.container_12 .prefix_5 		{padding-left:400px;}
	.container_12 .prefix_6 		{padding-left:480px;}
	.container_12 .prefix_7 		{padding-left:560px;}
	.container_12 .prefix_8 		{padding-left:640px;}
	.container_12 .prefix_9 		{padding-left:720px;}
	.container_12 .prefix_10 		{padding-left:800px;}
	.container_12 .prefix_11 		{padding-left:880px;}
	/* Suffix Extra Space >> 12 Columns */
	.container_12 .suffix_1 		{padding-right:80px;}
	.container_12 .suffix_2 		{padding-right:160px;}
	.container_12 .suffix_3 		{padding-right:240px;}
	.container_12 .suffix_4 		{padding-right:320px;}
	.container_12 .suffix_5 		{padding-right:400px;}
	.container_12 .suffix_6 		{padding-right:480px;}
	.container_12 .suffix_7 		{padding-right:560px;}
	.container_12 .suffix_8 		{padding-right:640px;}
	.container_12 .suffix_9 		{padding-right:720px;}
	.container_12 .suffix_10 		{padding-right:800px;}
	.container_12 .suffix_11 		{padding-right:880px;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .container_12                                  { width: 768px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12
		{ margin-left: 10px; margin-right: 10px;  }
         .container_12 .alpha               { margin-left: 0;}
         .container_12 .omega               { margin-right: 0;}

        .container_12 .grid_1 			{ width: 44px; }
        .container_12 .grid_2  			{ width: 108px; }
        .container_12 .grid_3    		{ width: 172px; }
        .container_12 .grid_4 			{ width: 236px; }
        .container_12 .grid_5    		{ width: 300px; }
        .container_12 .grid_6   		{ width: 364px; }
        .container_12 .grid_7 			{ width: 428px; }
        .container_12 .grid_8  			{ width: 492px; }
        .container_12 .grid_9 			{ width: 556px; }
        .container_12 .grid_10			{ width: 620px; }
        .container_12 .grid_11			{ width: 684px; }
        .container_12 .grid_12			{ width: 748px; }
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1 		{padding-left:64px;}
		.container_12 .prefix_2 		{padding-left:128px;}
		.container_12 .prefix_3 		{padding-left:192px;}
		.container_12 .prefix_4 		{padding-left:256px;}
		.container_12 .prefix_5 		{padding-left:320px;}
		.container_12 .prefix_6 		{padding-left:384px;}
		.container_12 .prefix_7 		{padding-left:448px;}
		.container_12 .prefix_8 		{padding-left:512px;}
		.container_12 .prefix_9 		{padding-left:576px;}
		.container_12 .prefix_10 		{padding-left:640px;}
		.container_12 .prefix_11 		{padding-left:768px;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1 		{padding-right:64px;}
		.container_12 .suffix_2 		{padding-right:128px;}
		.container_12 .suffix_3 		{padding-right:192px;}
		.container_12 .suffix_4 		{padding-right:256px;}
		.container_12 .suffix_5 		{padding-right:320px;}
		.container_12 .suffix_6 		{padding-right:384px;}
		.container_12 .suffix_7 		{padding-right:448px;}
		.container_12 .suffix_8 		{padding-right:512px;}
		.container_12 .suffix_9 		{padding-right:576px;}
		.container_12 .suffix_10 		{padding-right:640px;}
		.container_12 .suffix_11 		{padding-right:768px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container_12{width: 300px;}
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 300px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container_12 { width: 420px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 420px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container_12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }


    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

.sf-menu{
	padding-top: 17px;
	display: inline-block;
}
.sf-menu>li{
	min-height: 23px;
	position: relative;
	padding: 0 5px;
	float: left;
	margin: 0 10px 25px;
}
.sf-menu>li>a{
	font-weight: bold;
	color: #000;
	position: relative;
	font-family: 'Cantarell', sans-serif;
	display: inline-block;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
}
.sf-menu>li.current, .sf-menu>li.sfHover, .sf-menu>li:hover{
	border-bottom: 4px solid #f25254;
	margin-bottom: 21px;
}
.sf-menu>li.current a.sf-with-ul:before {
	display: none;
}

.sf-menu ul {
	padding: 23px 0;
	position: absolute;
	z-index: 1000;
	text-align: left;
	left: -5px;
	top: 17px;
	min-width: 116px;
	background-color: #00bff3;
}
.sf-menu ul li a{
	font: 12px/34px 'Arial', sans-serif;
	text-transform: capitalize;
	color: #fff;
	text-decoration: none;
}
.sf-menu li ul li ul{
	left: 116px;
	min-width: 96px;
	top: 33px;
	background: #444;
}
.sf-menu ul li{
	padding-left: 24px;
}
.sf-menu ul li a:hover{
	color: #000;
}
.sf-menu ul ul li a:hover{
	color: #00bff3;
}
.sf-menu ul li a{
	text-align: left;
}
.sf-menu a.sf-with-ul:before {
	content: '';
	background: url('../images/arrow.png') 0 0 no-repeat;
	width: 5px;
	right: 25px;
	top: 20px;
	display: block;
	position: absolute;
	height: 7px;
}
.sf-menu ul a.sf-with-ul:first-child:before { 
	display: none;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	

}

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

	.sf-menu{display:none !important; float: none;}

	#mm0{
        font-size: 16px;
        color: #202020;
        width: 100%;
        margin: 20px auto;
        float: none;
        outline: none;
        border: 1px solid #474646;
        border-radius: 50px;
        padding: 5px 15px 5px 5px;
        background: #fff;
	}
	
}
body {
	min-width: 960px;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Meiryo', 'メイリオ', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color: #8f8e8e;

}
p {
	margin-bottom: 22px;
}
img {
	max-width: 100%;
}
h2 {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	border-bottom: 1px solid #ddd;
}
h4 {
	line-height: 39px;
	color: #fff;
	text-shadow: 1px 1px 0px #ADADAD;
	font-size: 48px;
	text-transform: uppercase;
	padding-bottom: 28px;
	margin-bottom: 30px;
}
h3 {
	margin-bottom: 14px;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 30px;
	display: inline-block;
	color: #000;
}
h5 {
	font-size: 33px;
	line-height: 36px;
	text-transform: uppercase;
	color: #2f2f2f;
	margin-bottom: 22px;
}
h6 {
	padding: 65px 0 18px;
	text-transform: uppercase;
	margin-bottom: 18px;
	color: #444;
	position: relative;
	font-size: 38px;
	line-height: 38px;
}
h6:before {
	content: '';
	bottom: 0;
	text-align: center;
	width: 146px;
	right: 17%;
	position: absolute;
	height: 1px;
	display: inline-block;
	background: #d3d3d3;
}
a:focus, *:focus {
	outline:none;
}
* {
	-webkit-text-size-adjust: none;
}
/*-----------Header------------*/
#header {
	text-align: center;
}
#header h1 {
	clear: both;
	padding-top: 44px;
	margin-bottom: 40px;
	display: inline-block;
}
#header h1 img {
	display: block;
}
.shadow {
	position: relative;
}
/* h2 span {
	font-size: 68px;
	display: block;
	margin-bottom: 10px;
} */
/*-----------Content-----------*/
#content {
	text-align: center;
}
.bg1 {
	padding-bottom: 49px;
	border-top: 1px solid #e5e5e5;
}
/*------------Images-----------*/
.img {
	display: inline-block;
	margin-bottom: 20px;
}
/*-------------Text------------*/
/*-------------Links-----------*/
a {
	text-decoration: none;
	color: inherit;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
a:hover {
	color: #999;
}
/*------------- margin bottom --------------------*/
/*-------------Indent-----------*/
.pad4 {
	padding-bottom: 80px;
}
/*-------------List------------*/
/*-------------Footer-----------*/
#footer {
	text-align: center;
	padding-bottom: 30px;
}
#footer p.logo {
	margin: 40px 0 8px;
	display: inline-block;
}
.privacy {
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;
	letter-spacing: 0.5px;
}
/*--------------To_Top----------*/
#toTop {
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	left: 51%;
	margin-left: 500px;
	overflow: hidden;
	width: 52px;
	height: 52px;
	border: none;
	text-indent: -999px;
	z-index: 20;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
#toTop:hover {
	outline: none;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

@media only screen and (max-width: 1130px) {
#toTop {
	left: auto;
	margin-left: 0;
	right: 10px !important;
	bottom: 20px !important;
	margin-right: 10px !important;
}
}


/*=======================RESPONSIVE LAYOUTS===========================*/

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
@media only screen and (max-width: 995px) {
body {
	min-width: 768px;
}
.caption {
	height: 130px !important;
}
.caption h2 {
	font-size: 38px;
	line-height: 38px;
}
.caption h2 span {
	font-size: 58px;
}
.shadow:before {
	left: 0;
	width: 100% !important;
}
}
 @media only screen and (max-width: 767px) {
body {
	min-width: 420px;
}
.caption {
	height: 110px !important;
}
.caption h2 {
	font-size: 34px;
	letter-spacing: -2px;
	line-height: 30px;
}
.caption h2 span {
	font-size: 46px;
}
h2 {
	line-height: 64px;
}
h6 {
	padding-top: 15px;
}
h6:before {
	width: 85%;
	right: 10%;
}
}
 @media only screen and (max-width: 480px) {
body {
	min-width: 300px;
}
.caption {
	display: none !important;
}
h2 {
	margin-top: 44px !important;
	font-size: 36px;
	line-height: 40px;
}
.img {
	width: 100%;
}
}
#footer h1 {
	display: inline-block;
	margin: 40px 0 8px;
}
/*-----------------------------------------------------------------------------------------------------------------------*//* inquiry */
.inquiry #content .contentArea {
	margin: 4em 0;
	width: 100%;
}
/* =====================================
 blog
===================================== */
.blog h3 {
	margin-top: 0;
	padding-bottom: 0;
}
/* blog imgs -------------------------- */
.blog #content img {
	height: auto;
	max-width: 100%;
	width: auto;
}
/* blog link -------------------------- */

/* =====================================
 pagenation
===================================== */
/* =====================================
 notfound
===================================== */
.static #content .contentArea p {
	line-height: 1.4em;
	margin: 1em 0;
}
.static #content h2.titleBg, h2.titleBg {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgb(237, 237, 237);
	border-left: medium none;
	border-top: 3px solid rgb(0, 0, 0);
	font-size: 120%;
	padding: 10px 15px;
	color: #000;
	letter-spacing: 0;
}
/* =====================================
 sitemap
===================================== */
/* =====================================
 news
===================================== */
#news {
	position: relative;
	margin-left: 0;
}
#news h2 {
	border-top: 3px solid rgb(0, 0, 0);
	display: block;
	font-size: 130%;
	margin: 0 0 1em !important;
	padding: 10px;
	color: #000;
	letter-spacing: 0;
}
#news dl {
	border-bottom: 1px dashed rgb(204, 204, 204);
	margin-bottom: 0.6em;
	width: 100%;
}
#news dt {
	float: none;
	font-weight: bold;
	margin-bottom: 0.1em;
	padding: 0 10px;
}
#news dt .newsNew {
	background: none repeat scroll 0 0 rgb(0, 0, 0);
	border-radius: 2px;
	color: rgb(255, 255, 255);
	font-size: 0.8em;
	margin: 0 0 0 10px;
	padding: 0.3em 0.5em;
}
#news dd {
	float: none;
	padding: 0 10px 0.6em;
	width: auto;
}
#news dd a {
	text-decoration: underline;
}
/* title �ύX�p -------------------------- */
/* news link -------------------------- */
#news .ov {
	display: block;
	float: left;
	position: absolute;
	text-align: right;
	top: 21px;
	width: 100%;
}
/* news detail -------------------------- */

/* =====================================
 youtube resp �Ή��R�[�h
===================================== */
/* =====================================
 singlebox
===================================== */
/* 2 column -------------------------- */
/* 3 column -------------------------- */
/* 4 column -------------------------- */
@media only screen and (max-width: 1200px) {
/* 2 column -------------------------- */
/* 3 column -------------------------- */
/* 4 column -------------------------- */
}
@media only screen and (max-width: 767px) {
/* common column -------------------------- */
}

/* --- End of plimo_structure_5.css --- */

/* --- Start of plimo_content_5.css --- */
/* *******************************************************************************
 1. common
 �� 1-1. float
 �� 1-2. margin
 �� 1-3. padding
 �� 1-4. text-align
 �� 1-5. bold
 �� 1-6. ph
 �� 1-7. pc sp change
 �� 1-8. image layout
 �� 1-9. image decoration
 �� 1-10. rollover(Transmission)
 �� 1-11. other
 �� �� 1-11-1. before after
 �� �� 1-11-2. list
 �� �� 1-11-3. flow
 �� �� 1-11-4. qa
 �� 1-12. table
    �� 1-12-1. default
    �� 1-12-2. table01
    �� 1-12-3. table02 
    �� 1-12-4. hours 
 2. header
 3. nav
 4. mainimage
 �� 4-1. top 
 �� 4-2. under
 5. footer
 6. content
 �� 6-1. title
 �� 6-2. top
 �� 6-3. under 
 �� 6-4. map 
 �� 6-5. tel
 �� 6-6. other
 7. full content
 8. blog
 �� 8-1. img
 �� 8-2. side list
 �� 8-3. writer 
 �� 8-4. sns 
 9. tel link
 �� 9-1. content text link
 �� 9-2. tel link
 �� 9-3. side link
 10. ����e���v���[�g
 11. �Ǘ����
 12. ���wTPL
 13. ���₢���킹�o�i�[(�t�b�^�[�����Œ�)
******************************************************************************* */



body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  color: #555555;
  line-height: 2.3;
  letter-spacing: 0.15em;
  word-break: break-all;
}
/* =====================================
   �y��
===================================== */
.container_12 {
    width: 100% !important;
}
.container_12 .grid_12 {
    width: 1000px;
    margin: 0 auto;
    display: block;
    float: none;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.container_12 .grid_12 {
    width: 748px;
    float: none;
}
}
@media screen and (max-width: 767px) {
.container_12 .grid_12 {
    width: 300px !important;
    float: none;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.container_12 .grid_12 {
    width: 420px !important;
    float: none;
}
}
/* =====================================
 1. header
===================================== */
.shadow {
    background: url("../asset/header_line.png") repeat-x top left;
}
#header h1 {
    margin-bottom: 38px;
}
@media only screen and (max-width: 767px) {
#header h1 {
    margin-bottom: 17px;
}
}
.sf-menu {
    padding-top: 0;
}
.sf-menu > li {
    padding: 0;
    margin: 0;
}
.sf-menu > li > a {

	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: normal;
    font-weight: normal;
    font-size: 15px;
    color: #333;
    letter-spacing: 0.1em;
    border-right: 1px solid #ded5d4;
    line-height: 1.9;
    padding: 0 42.8px;
    box-sizing: border-box;
}
.sf-menu > li:first-child > a {
    border-left: 1px solid #ded5d4;
}
.sf-menu > li.current, .sf-menu > li:hover {
    border-bottom: none;
}
.sf-menu > li > a:hover {
    background: #f8fae4;
}
.sf-menu > li.current, .sf-menu > li:hover {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.sf-menu > li > a {
    padding: 0 21.8px;
}
}
/* =====================================
 2. mainimage
===================================== */
#mainimage .main_content img {
    width: 100%;
}
.top #mainimage {
    margin-top: 18px;
    margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
.top #mainimage {
    margin-bottom: 40px;
}
}
/* =====================================
 3. feature
===================================== */
.top .gnv_tmp_h2_bg {
    margin-bottom: 16px;
}
.top .gnv_tmp_h2_bg h2 {
    color: #333;
    font-size: 29px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.28em;
    border-bottom: none;
    font-family: "�G�p�ۃS�V�b�N B","Shuei MaruGo B";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
}
.top .feature p img {
    display: block;
    margin: 0 auto;
}
.feature .feature_in {
    margin-top: 50px;
}
.feature .feature_in li {
    width: 17%;
    float: left;
    padding-right: 2%;
}
.feature .feature_in li:last-child {
    padding-right: 3%;
}
.feature .feature_in li:first-child {
    padding-left: 4%;
}
@media only screen and (max-width: 767px) {
.feature .feature_in01 {
    margin-top: 35px;
}
}
@media only screen and (max-width: 480px) {
h2 {
    margin-top: 0 !important;
}
}
/* =====================================
 4. procedure
===================================== */
.top .procedure p img {
    display: block;
    margin: 0 auto;
}
.procedure {
    background: url(../asset/top_pc_bg01.jpg) no-repeat center center;
    margin-top: 77px;
    padding-top: 80px;
    padding-bottom: 57px;
    margin-bottom: 0;
    background-size: cover;
}
.top #content h3 {
    margin-top: 0;
    color: #f6a410;
    font-size: 26px;
    letter-spacing: 0.2em;
    font-family: "�G�p�ۃS�V�b�N B","Shuei MaruGo B";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    text-align: center;
    display: block;
    padding-top: 125px;
    padding-bottom: 18px;
    margin-bottom: 0;
    position: relative;
}
.top #content h3:before {
    position: absolute;
    content: "";
    height: 200px;
    width: 200px;
    background: url(../asset/top_pc_img06.png);
    top: -98px;
    left: 50%;
    margin-left: -100px;
}
.top #content .procedure_two h3:before {
    top: -103px;
}
.top #content h3.tmb_h3_02:before {
    background: url(../asset/top_pc_img07.png);
}
.top #content h3.tmb_h3_03:before {
    background: url(../asset/top_pc_img08.png);
}
.top #content h3.tmb_h3_04:before {
    background: url(../asset/top_pc_img09.png);
}
.top #content h3.tmb_h3_05:before {
    background: url(../asset/top_pc_img10.png);
}
.procedure_in {
    margin-top: 158px;
}
.procedure_in ul li {
    /* width: 31%;
    margin-right: 3.5%;
    float: left; */
    background: #fff;
    padding-left: 32px;
    box-sizing: border-box;
    padding-right: 32px;
    border-radius: 15px;
}
.procedure_in ul li:last-child {
    margin-right: 0;
    /* margin-bottom: 3em; */
}
#content .procedure_in ul li p {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.17em;
    color: #333;
    padding-bottom: 32px;
}
.procedure .procedure_two {
    margin-top: 110px;
}
.procedure_two {
    width: 100%;
    max-width: 660px;
    box-sizing: border-box;
    margin: 0 auto;
}
/* .procedure_in ul.procedure_two li {
    width: 47.5%;
    margin-right: 5%;
}
.procedure_in ul.procedure_two li:last-child {
    margin-right: 0;
} */
.top #content .procedure_two h3:before {
    height: 209px;
    width: 201px;
    margin-left: -100.5px;
}
@media (min-width: 768px){
    .procedure_in > ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 9em 35px;
    }
    .procedure_in > ul > li {
        grid-column: span 2;
    }
}
@media (min-width : 768px) and (max-width : 999px){
    .procedure_in {
        padding-right: 38px;
        padding-left: 30px;
    }
    .procedure_in > ul > li:last-child {
        grid-column: 2 / 4;
    }
}
@media (min-width: 1000px){
    .procedure_in > ul {
        grid-template-columns: repeat(6, 1fr);
    }
    .procedure_in > ul > li {
        grid-column: span 2;
    }
    .procedure_in > ul > li:nth-child(5n+4) {
        grid-column: 2 / 4;
    }
    .procedure_in .stepArrow:before {
        right: -48px;
    }
}
@media only screen and (max-width: 767px) {
.procedure_in {
    margin-top: 135px;
}
.procedure {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.heightLine_auto {
    height: auto !important;
}
.procedure_in ul li {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 168px;
}
.procedure_in ul.procedure_two li {
    width: 100%;
    margin-right: 0;
}
.procedure_in ul li:last-child {
    margin-bottom: 0;
}
.procedure .procedure_two {
    margin-top: 160px;
}
.procedure {
    background: url(../asset/top_sp_bg01.jpg) no-repeat center center;
    background-size: cover;
}
}
/* =====================================
 5. ortho
===================================== */
.ortho {
    background: #f8fae4;
    padding-top: 140px;
    padding-bottom: 85px;
    margin: 0;
}
.top .ortho p img {
    display: block;
    margin: 0 auto;
}
.top .ortho .gnv_tmp_h2_bg h2 {
    font-size: 28px;
    position: relative;
}
.top .ortho .gnv_tmp_h2_bg h2:before {
    position: absolute;
    content: "";
    display: block;
    height: 54px;
    width: 67px;
    background: url(../asset/top_icon01.png) no-repeat;
    bottom: 54px;
    right: 50%;
    margin-right: -33.5px;
}
#content .ortho p {
    font-family: "�G�p�ۃS�V�b�N L","Shuei MaruGo L";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.4;
    letter-spacing: 0.24em;
    color: #222;
}
.top .ortho .gnv_tmp_h2_bg {
    margin-bottom: 10px;
}
.ortho .txt_bg {
    vertical-align: baseline;
    background: url(../asset/icon_img01_icon.png) repeat-x;
    background-position: bottom center;
}
#content .ortho .ortho_txt_box {
    margin-top: 45px;
    margin-bottom: 35px;
}
#content .ortho .ortho_box p {
    font-size: 15px;
    line-height: 2.1;
    letter-spacing: 0.16em;
    padding-top: 20px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
}
/*
.ortho_box ul li {
    width: 31.4%;
    max-width: 314px;
    float: left;
    margin-right: 2.9%;
    background: #fff;
    border-radius: 18px;
}
.ortho_box ul li:last-child {
    margin-right: 0;
}
    */
.ortho_box ul li {
    background: #fff;
    border-radius: 18px;
}
.ortho_box02 {
    margin-top: 62px;
}
.ortho_box03 {
    margin-top: 42px;
    background: #fff;
    padding: 45px 60px 40px;
    border-radius: 20px;
}

@media (min-width: 768px) {
    .ortho_box ul {
        display: grid;

        grid-template-columns: 1fr 1fr 1fr;
        gap: 27px;
    }
}

@media only screen and (max-width: 767px) {
.ortho_box ul li {
    width: 100%;
    max-width: 420px;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
}
.ortho_box ul li:last-child {
    margin-bottom: 0;
}
.ortho {
    padding-top: 110px;
    padding-bottom: 40px;
}
#content .ortho .ortho_txt_box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.ortho_box02 {
    margin-top: 30px;
}
.ortho_box03 {
    padding: 20px;
}
}
.ortho_box02 h4 {
    font-size: 25px;
    color: #fff;
    font-family: "�G�p�ۃS�V�b�N B","Shuei MaruGo B";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.28em;
    text-shadow: none;
    margin: 0;
    padding: 0;
    background: url(../asset/top_bg_module01.png) repeat;
    border-radius: 20px;
    padding: 22px 28px;
    margin-bottom: 26px;
}
#content .ortho_box03 h5 {
    font-size: 20px;
    color: #b6be53;
    font-family: "�G�p�ۃS�V�b�N B","Shuei MaruGo B";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    border-bottom: 2px solid #dae2a1;
    letter-spacing: 0.28em;
}
#content .ortho .ortho_box03 p {
    font-size: 15px;
    line-height: 2.3;
    letter-spacing: 0.16em;

	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
#content .ortho_box03 h5.two_phase {
    margin-top: 31px;
}
/* =====================================
 6. big_ortho
===================================== */
.top .big_ortho .gnv_tmp_h2_bg h2 {
    font-size: 28px;
    position: relative;
}
.top .big_ortho .gnv_tmp_h2_bg h2:before {
    position: absolute;
    content: "";
    display: block;
    height: 74px;
    width: 60px;
    background: url(../asset/top_icon02.png) no-repeat;
    bottom: 54px;
    right: 50%;
    margin-right: -30px;
}
.big_ortho {
    background: #fff5f6;
    padding-top: 155px;
    padding-bottom: 75px;
    margin: 0;
}
.top .big_ortho p img {
    display: block;
    margin: 0 auto;
}
#content .big_ortho p {
    font-family: "�G�p�ۃS�V�b�N L","Shuei MaruGo L";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 2.4;
    letter-spacing: 0.24em;
    color: #222;
}
.top .big_ortho .gnv_tmp_h2_bg {
    margin-bottom: 10px;
}
.big_ortho .txt_bg {
    vertical-align: baseline;
    background: url(../asset/icon_img02_icon.png) repeat-x;
    background-position: bottom center;
}
#content .big_ortho .ortho_txt_box {
    margin-top: 45px;
    margin-bottom: 35px;
}
.big_ortho .ortho_box02 h4 {
    background: url(../asset/top_bg_module02.png) repeat;
}
.big_ortho .ortho_box02 {
    margin-top: 37px;
}
.big_ortho .ortho_box02 ul li {
    background: #fff;
    border-radius: 20px;
    padding-top: 37px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.big_ortho .ortho_box02 ul li:last-child {
    margin-right: 0;
}
.big_ortho .ortho_box02 ul li img {
    margin: 0 auto 25px;
}
.big_ortho h6 {
    font-size: 21px;
    letter-spacing: 0.26em;
    line-height: 1.3;
    color: #222;
    font-family: "�G�p�ۃS�V�b�N B","Shuei MaruGo B";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.ttl_text {
    display: table-cell;
    vertical-align: middle;
}
.big_ortho h6:before {
    display: none;
}
#content .big_ortho .ortho_box02 p {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 15px;
    line-height: 2.1;
    letter-spacing: 0.1em;
    color: #222;
    /* padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 33px; */
    padding: 25px 0px 33px;
}
@media (min-width: 768px)  {
    .big_ortho .ortho_box02 ul {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.big_ortho h6 {
    letter-spacing: 0em;
    padding: 0;
}
.big_ortho .ortho_box02 ul {
        grid-template-columns: repeat(2,1fr);
}
}
@media only screen and (max-width: 767px) {
.big_ortho h6 {
    display: block;
}
.ttl_text {
    display: block;
}
.big_ortho .ortho_box02 ul li {
    width: 100%;
    max-width: 420px;
    float: none;
    margin-right: 0;
    margin-bottom: 30px;
}
.big_ortho .ortho_box02 ul li:last-child {
    margin-bottom: 0;
}
.big_ortho .ortho_box02 ul li img {
    max-width: 220px;
}
.big_ortho {
    padding-top: 125px;
    padding-bottom: 40px;
}
#content .big_ortho .ortho_txt_box {
    margin-top: 20px;
    margin-bottom: 20px;
}
}
/* =====================================
 6. clinic
===================================== */
.clinic {
    background: url(../asset/top_pc_bg02.jpg) no-repeat center center;
    padding-top: 54px;
    padding-bottom: 51px;
    margin: 0;
    background-size: cover;
    margin-bottom: 60px;
}
.clinic p img {
    display: block;
    margin: 0 auto;
}
.clinic .gnv_tmp_h2_bg {
    margin-bottom: 10px;
}
.clinic .gnv_tmp_h2_bg h2 {
    font-size: 28px;
}
.clinic ul.clinic_in {
    margin-top: 31px;
}
.clinic ul.clinic_in > li {
    width: 48.5%;
    float: left;
    padding-right: 3%;
}
.clinic ul.clinic_in > li:last-child {
    padding-right: 0;
}
.clinic ul.clinic_in li li:first-child {
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.clinic {
    background: url(../asset/top_sp_bg02.jpg) no-repeat center center;
    background-size: cover;
}
.clinic ul.clinic_in > li {
    width: 100%;
    max-width: 420px;
    margin: 0 0 20px;
}
.clinic ul.clinic_in > li:last-child {
    margin-bottom: 0;
}
.clinic {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
}
.full.top #content-bottom .clinic {
    display: none;
}
/* =====================================
 7. news
===================================== */
#news h2 {
    font-size: 30px;
    font-size: 30px;
    font-family: "�G�p�ۃS�V�b�N L","Shuei MaruGo L";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 400;
    letter-spacing: 0.18em;
    color: #555;
    line-height: 1.5;
    border: none;
    background: #f4f9c8;
    padding: 23px 10px 23px 27px;
    border-radius: 20px 20px 0 0;
    margin: 0 0 35px !important;
}
@media only screen and (max-width: 767px) {
#news h2 {
    margin: 0 0 15px !important;
}
#news dl {
    padding-bottom: 15px;
}
}
#news .ov {
    top: 0;
    right: 0;
    width: 128px;
    height: 90px;
    font-size: 15px;
    font-family: "�G�p�ۃS�V�b�N L","Shuei MaruGo L";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 400;
    border-left: 1px solid #fff;
    background: #eff6a5;
    line-height: 90px;
    text-align: center;
    border-radius: 0 20px 0 0;
}
#news dd {
    display: inline-block;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 15px;
    padding: 0;
}
#news dl {
    border-bottom: 1px solid #e7eda1;
    padding-bottom: 34px;
}
#news dd a {
    text-decoration: none;
}
#news dt {
    display: inline-block;
    font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-size: 15px;
}
#news dt .newsNew {
    background: #a095ed;
    border-radius: 5px;
    padding: 0;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 21px;
    width: 43px;
    height: 21px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
}
@media only screen and (max-width: 767px) {
#news dt {
    padding: 0;
}
}
@media only screen and (max-width: 480px) {
#news .ov {
    width: 97px;
}
}
/* =====================================
 8. content-bottom_box
===================================== */
.content-bottom_box {
    margin-top: 0px;
}
.content-bottom_box ul li {
    width: 31.5%;
    float: left;
    padding-right: 2.75%;
}
.content-bottom_box ul li:last-child {
    padding-right: 0;
}
@media only screen and (max-width: 767px) {
.content-bottom_box ul li {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-bottom: 20px;
}
.content-bottom_box ul li:last-child {
    padding-bottom: 0;
}
.content-bottom_box {
    margin-top: 10px;
}
}
/* =====================================
 9. footer
===================================== */
#footer {
    background: #fafeed url("../asset/header_line.png") repeat-x top left;
}
.privacy {
    font-size: 12px;
    color: #97998f;
    line-height: 1.5;
    letter-spacing: 0.14em;
}
.privacy a:hover {
    color: #b5acfc;
}
/* a#toTop {
    display: none !important;
}
#side a#toTop {
    display: block !important;
    background: none !important;
    position: relative;
    left: inherit;
    margin-left: inherit;
    text-indent: 0;
    top: inherit;
    bottom: inherit !important;
    width: 53px;
    height: 58px;
    right: inherit !important;
    margin-right: inherit !important;
} */
#footer .container_12 {
    width: 100% !important;
}
@media only screen and (max-width: 767px) {
#toTop {
    display: none !important;
}
#footer {
    margin-top: 50px;
    padding-bottom: 20% !important;
}
}
/* =====================================
10.sidecontact
===================================== */
#sidecontact ul {
    margin-right: 55px;
}
#sidecontact ul li:first-child {
    width: 202px;
    float: left;
    border-right: 2px solid #fff;
}
#sidecontact ul li:nth-child(2) {
    width: 238px;
    float: left;
    border-right: 2px solid #fff;
}
/* #sidecontact ul li:last-child {
    width: 10.5%;
    float: left;
} */
a#toTop {
    background: url(../asset/top_footer_pagetop_pc.png) no-repeat;
    width: 53px;
    height: 58px;
    right: 2px !important;
    margin-right: inherit !important;
    left: inherit !important;
    bottom: 0 !important;
    margin-left: inherit !important;
    text-indent: 0;
    z-index: 200;
}
a#toTop:hover {
    opacity: 0.8;
}
#sidecontact ul li a:hover {
    opacity: 0.6;
}
.bottom_fixed_box {
    width: 100%;
    position: fixed;
    bottom: 0;
}
.bottom_fixed_box li:first-child {
    width: 41.85%;
    float: left;
    padding-right: 0.4%;
}
.bottom_fixed_box li:nth-child(2) {
    width: 41.85%;
    float: left;
    padding-right: 0.4%;
}
.bottom_fixed_box li:last-child {
    width: 15.5%;
    float: left;
}
/* =====================================
11.���̑��y�[�W
===================================== */
.static #content h2.titleBg, h2.titleBg {
    border-bottom: 3px solid #ffd5d7;
    border-top: none;
    font-size: 25px;
    font-family: "�G�p�ۃS�V�b�N L","Shuei MaruGo L";
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: 400;
}
#news {
    margin: 0 auto;
}
.inquiry #content .contentArea {
    width: 1000px;
    margin: 0 auto;
    display: block;
    float: none;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.inquiry #content .contentArea {
    width: 748px;
    float: none;
}
}
@media screen and (max-width: 767px) {
.inquiry #content .contentArea {
    width: 300px !important;
    float: none;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.inquiry #content .contentArea {
    width: 420px !important;
    float: none;
}
}
.inquiry .clinic {
    background: url(../asset/top_pc_bg02.jpg) no-repeat center center;
    background-size: cover;
}
@media screen and (max-width: 767px) {
.inquiry .clinic {
    background: url(../asset/top_sp_bg02.jpg) no-repeat center center;
    background-size: cover;
}
}
#content {
    min-height: 870px;
}
/* =====================================
 1. common
===================================== */
/* 1-1. float -------------------------- */

/* 1-2. margin -------------------------- */
.mb30 { margin-bottom: 30px !important;}

/* 1-3. padding -------------------------- */

/* 1-4. text-align -------------------------- */

/* 1-5. bold -------------------------- */

/* 1-6. ph -------------------------- */

/* 1-7. pc sp change -------------------------- */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
@media screen and (max-width: 767px) {
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
}
/* 1-8. image layout -------------------------- */
/** a?oa?��e�N-aR? **/
/* right 
.b_11_2_in span img,
.b_11 .b_11_in span img {
	float: right;
	margin: 0 0 20px 20px;
}*/
/** a�?a?\e�N-aR? **/
/* left */
/* right */
/* 1-9. image decoration -------------------------- */
/* Round */
.image img {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
/* 1-10. rollover(Transmission) -------------------------- */
.rollover a img:hover,
.rollover span a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* =====================================
 1-11. other
===================================== */
/* 1-11-1. before after -------------------------- */
/* 1-11-2. list -------------------------- */
/* list 01 */
/* ul */
/* list 02 */
/* ul */
/* arrow list 01 */
/* ul */
/* arrow list 02 */
/* ul */
/* 1-11-3. flow -------------------------- */
/* 1-11-4. qa -------------------------- */

/* =====================================
 1-12. table
===================================== */
/* 1-12-1. default -------------------------- */
/* 1-12-2. table01 -------------------------- */
/* 1-12-3. table02 -------------------------- */
/* 1-12-4. hours -------------------------- */

/*th {
    padding: 0px !important;
}*/

/* =====================================
 2. header
===================================== */

/* =====================================
 3. nav
===================================== */
/* 12-1. global nav -------------------------- */
/* 12-2. sub nav -------------------------- */
.sf-menu ul {
	padding: 10px 0;
	width: 115px;
}
.sf-menu ul li {
	padding: 5px 10px;
}
.sf-menu ul li a {
	line-height: 1.2;
}

/* =====================================
 4. mainimage
===================================== */
/* 4-1. top -------------------------- */
/* slider default hidden */
#camera_wrap {
	display:none!important;
}
/* image size fixed */
#mainimage .main_content {
    background: none;
}
@media screen and (max-width: 767px) {
#mainimage .main_content {
	background: none;
	height: auto;
}
}
/* 4-2. under -------------------------- */

/* =====================================
 5. footer
===================================== */
#footer {
    margin-top: 94px;
    padding: 19px 0 65px;
}
#footer img {
    width:auto;
}
#footer .footerLink {
    margin: 33px 0 16px;
}
#footer .footerLink li {
    display: inline-block;
    font-size: 15px;
    color: #333;
    letter-spacing: 0.24em;
    line-height: 1.7;
    margin: 0 5px;
}
#footer .footerLink li a:hover {
    color: #b5acfc;
}

/* =====================================
 6. content
===================================== */
#content {
	text-align: left;
	line-height: 1.8;
    word-wrap: break-word;
}
#content p {
	line-height: 1.8;
	margin-bottom: 0;
}
/* 6-1. title -------------------------- */
h2.titleBg {
	text-align: left;
}
#content h3 {
    line-height:1.2 !important;
    margin-top: 50px;
}
#content h5 {
	font-weight: bold !important;
	border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
/* 6-2. top -------------------------- */
/* balloon */
/* 3color */
/* 6-3. under -------------------------- */
/* link */
/* list */
/* 6-4. map -------------------------- */
/* 6-5. tel -------------------------- */
/* 6-6. other-------------------------- */
/* column2 column margin */
/* box color */
/* w960 */
/*----- googlecalendera�?googleMapa�?a??a?3a??a?��a??a?\a?? -----*/


/* =====================================
 7. full content
===================================== */
.full #content .container_12 {
    width: 100% !important;
}
.full .bg1 {
    border:none !important;
    margin: 0 !important;
    padding: 2em 0 !important;
}
.full p {
    margin-bottom: 0;
}

.full .grid_12 {
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    width: 1000px !important;
    float: none;
    display: block;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.full .grid_12 {
    width: 100% !important;
    max-width: 748px !important;
}
.full .grid_12 .grid_12 {
    width: 748px !important;
}
}
@media screen and (max-width: 767px) {
.full .grid_12 {
    width: 300px !important;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.full .grid_12 {
    width: 420px !important;
}
}
@media screen and (max-width: 767px) {

.full .grid_12 {
	margin-bottom: 20px;
}
}
.full .grid_12:after {
    clear: both !important;
    content: " " !important;
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* =====================================
 8. blog
===================================== */
/* 8-1. img -------------------------- */
/* 8-2. side list -------------------------- */
/* 8-3. writer -------------------------- */
/* 8-4. sns -------------------------- */
/* =====================================
 9. link
===================================== */
/* 9-1. content text link -------------------------- */
.link a:link    { text-decoration: underline; }

/* 9-2. tel link -------------------------- */

/* 9-3. side link -------------------------- */
#sidecontact{
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100;
}
#sidecontact.rightContent{
  right:0;
}
@media screen and (max-width: 767px) {
  #sidecontact{
    display: none;
  }
}

/* =====================================
	10. ����e���v���[�g
===================================== */


/* =====================================
 11. �Ǘ����
===================================== */
/* �Ǘ���ʃY���Ή� */
/*div[class*=#drag-temp-pre-content .parts.m] {
	margin: 0!important;
}*/
/* =====================================
	12. ���wTPL
===================================== */
/*--------------------------------------
	List of Check Design
--------------------------------------*/

/*--------------------------------------
	�菇���(��)
--------------------------------------*/
.stepArrow {
	position: relative;
	/* margin-bottom: 3em; */
}
.stepArrow_left {
	position: relative;
	/* margin-bottom: 3em; */
}


.stepArrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -48px;
    display: block;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-left-color: #cebc9d;
    border-right-width: 20px;
    border-left-width: 20px;
    margin-top: -17.5px;

}
.stepArrow_left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -23px;
    display: block;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-left-color: #cebc9d;
    border-right-width: 20px;
    border-left-width: 20px;
    margin-top: -17.5px;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
.stepArrow:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -41px;
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #cebc9d;
    border-right-width: 18px;
    border-left-width: 18px;
    margin-top: -10px;
}
.stepArrow_left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -23px;
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #cebc9d;
    border-right-width: 18px;
    border-left-width: 18px;
    margin-top: -10px;
}
}
@media only screen and (max-width: 767px) {
.stepArrow:before {
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-top-color: #cebc9d;
    border-right-width: 30px;
    border-left-width: 30px;
    margin-left: -30px;
}
.stepArrow_bottom:before {
    content: "";
    position: absolute;
    top: 61.6%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-top-color: #cebc9d;
    border-right-width: 30px;
    border-left-width: 30px;
    margin-left: -30px;
}
.stepArrow_left:after {
    display: none;
}
}
/*--------------------------------------
	table01
--------------------------------------*/

/*--------------------------------------
	anchorlinks
--------------------------------------*/

/*--------------------------------------
	�Ǘ�ʐ^ (�N���X�Ɂucase_photo�v��lj��B�摜�T�C�Y���傫���Ȃ�߂��Ȃ��悤�ɒ���)
--------------------------------------*/

/* =====================================
	13. ���₢���킹�o�i�[(�t�b�^�[�����Œ�)
===================================== */
/*--------------------------------------
	contact boxs
--------------------------------------*/


/*viemo*/

.iframeWrap {
position: relative;
padding-top: 56.25%;
margin-bottom: 50px;
max-width: 95%;
margin: 0 auto 50px;
}
.iframeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.viemo_w{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.full #content .viemo_w .grid_12{
	max-width: 800px;
}


/*mdoc*/

.iframeWrap2 {
  position: relative;
  padding-top: 2%;
}
.iframeWrap2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mdoc_w{
	max-width: 630px;
	margin-left: auto;
	margin-right: auto;
}
/* --- End of plimo_content_5.css --- */

/* --- Start of camera.css --- */
/**************************
*
*	GENERAL
*
**************************/

.camera_wrap {
	display: none;
	position: relative;
	overflow: visible !important;
	z-index: 0;
	border-bottom: 1px solid #e5e5e5;
}


.camera_wrap img {
	max-width: 10000px;
}



.caption {
	bottom: 0;
	text-align: center;
	padding-top: 18px;
	background: url('../images/bg3.png');
	position: absolute;
	width: 620px;
	display: block;
	right: 50%;
	margin-right: -310px;
	height: 150px;
	overflow: hidden;
}


/**************************
*
*	COLORS & SKINS
*
**************************/
/* --- End of camera.css --- */