@charset "utf-8";
/*
Theme Name: SAISAI URAWAMISONO - WEB SITE
Theme URI: 
Description: SAISAI URAWAMISONO
Version: 1.0
Author: SAISAI URAWAMISONO
Author URI: 
Tags: SAISAI URAWAMISONO
*/



/* 基本設定 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	display:block;
}

body {line-height:1; color:#000a14; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
body {font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;}
body:lang(en) {font-family: -apple-system, BlinkMacSystemFont, Meiryo, YuGothic, Hiragino Kaku Gothic ProN, Verdana, sans-serif;}


html,body { height:100%; }

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

/* ------------------------------- */


/*  img  */

img { border-width:0px; vertical-align:text-bottom; }
.img { margin:0; padding:0; clear:both; font-size:0px; line-height:0px; vertical-align:text-bottom; }

/* ------------------------------- */


/*  Link  */

a:link { color:#3a76ff; text-decoration:underline; }
a:visited { color:#3a76ff; text-decoration:underline; }
a:hover { color:#c53335; text-decoration:underline; }
a:active { color:#c53335; text-decoration:underline; }

/* ------------------------------- */


/* clearfix */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ------------------------------- */



/* load */

.load_box {
	width:100%;
	height: 100%;
	display:block;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20;
	clear:both;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	background: #fff;
}

/* ------------------------------------------------- load  ----*/



/* fadein */

.fadeinA {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s;
}
 
.fadeinA.activeA{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeinB {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 0.2s;
}
 
.fadeinB.activeB{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeinC {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 0.4s;
}
 
.fadeinC.activeC{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeinD {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 0.6s;
}
 
.fadeinD.activeD{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeinE {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 0.8s;
}
 
.fadeinE.activeE{
  opacity : 1;
  transform : translate(0, 0);
}

.fadeinF {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 1s;
}
 
.fadeinF.activeF{
  opacity : 1;
  transform : translate(0, 0);
}

.fadeinG {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 1.2s;
}
 
.fadeinG.activeG{
  opacity : 1;
  transform : translate(0, 0);
}

.fadeinH {
  opacity : 0;
  transform : translate(0, 80px);
  transition : all 0.8s 1.4s;
}
 
.fadeinH.activeH{
  opacity : 1;
  transform : translate(0, 0);
}

.fadeinI {
  opacity : 0;
  transition : all 0.8s;
}
 
.fadeinI.activeI{
  opacity : 1;
}

.fadeinJ {
  opacity : 0;
  transition : all 0.8s 0.3s;
}
 
.fadeinJ.activeJ{
  opacity : 1; 
}


/*  fadein  ----------------------------------------------*/


/*  pagetop  ----------------------------------------------*/

.pagetop_arrow {
	width:40px;
	height:40px;
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	clear:both;
	display:block;
	position:fixed;
	right: 20px;
	bottom: 70px;
	z-index: 9;
	background-image: url("img/pagetop_300x300.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 40px 40px;
	cursor: pointer;
}

/*  ----------------------------------------------------------------- pagetop  ---*/



/*  header  ----------------------------------------------*/

.header {
	width:100%;
	height:80px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
	box-sizing:border-box;
	clear:both;
	display: block;
	position: relative;
	background-color: #fff;
}

.header_logo {
	width:382px;
	height:50px;
	margin:0px 0px 0px -191px;
	padding:0px;
	clear:both;
	position: absolute;
	top: 15px;
	left: 50%;
}

.header_logo a {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	display:inline-block;
	clear:both;
	position: relative;
}

.header_logo a h1 {
	width:100%;
	height:100%;
}

.header_logo a h1 img {
	width:100%;
	height:auto;
}


/* -----------------------------------------------------------------------------  header --- */






/*  header  ----------------------------------------------*/

.footer {
	width:100%;
	height:60px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
	box-sizing:border-box;
	clear:both;
	display: block;
	position: relative;
	background-color: #fff;
}

.footer_txt {
	width:100%;
	height:60px;
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
	position: relative;
	display: block;
	text-align: center;
}

.footer_txt p {
width: 100%;
margin: 0px;
padding: 22px 0px 0px 0px;
box-sizing: border-box;
font-size: 14px;
line-height: 1.1;
letter-spacing: 0.1em;
font-weight: normal;
clear: both;
text-align: center;
}


/* -----------------------------------------------------------------------------  header --- */
















/*  下部ページを開いたときのフェードイン  ----------------------------------------------*/

.first {
opacity : 0;
transition : all 1s;
}

.first.first_fade {
opacity : 1;
}

/* -----------------------------------------------------------------------------  下部ページを開いたときのフェードイン --- */







/*  google  ----------------------------------------------*/


.grecaptcha-badge { visibility: hidden; }


/* -----------------------------------------------------------------------------  google --- */



















/*  パソコン版　※電話リンクを無効化  */
@media only screen and (min-width:900px) {
              a[href^="tel:"] {
                     cursor: default !important;
                     text-decoration: none !important;
                     pointer-events: none !important;
              }
}
/*  -----------------------------------------------------------------------------               パソコン版　※電話リンクを無効化  */






















/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {


/*  基本設定  */

body { -webkit-text-size-adjust:100%; }

/* ------------------------------- */





/*  header  ----------------------------------------------*/

.header {
	width:100%;
	height:50px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
	box-sizing:border-box;
	clear:both;
	display: block;
	position: relative;
	background-color: #fff;
}

.header_logo {
	width:260px;
	height:34px;
	margin:0px 0px 0px -130px;
	padding:0px;
	clear:both;
	position: absolute;
	top: 8px;
	left: 50%;
}

.header_logo a {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	display:inline-block;
	clear:both;
	position: relative;
}

.header_logo a h1 {
	width:100%;
	height:100%;
}

.header_logo a h1 img {
	width:100%;
	height:auto;
}


/* -----------------------------------------------------------------------------  header --- */






/*  header  ----------------------------------------------*/

.footer {
	width:100%;
	height:60px;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
	box-sizing:border-box;
	clear:both;
	display: block;
	position: relative;
	background-color: #fff;
}

.footer_txt {
	width:100%;
	height:60px;
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
	position: relative;
	display: block;
	text-align: center;
}

.footer_txt p {
width: 100%;
margin: 0px;
padding: 22px 0px 0px 0px;
box-sizing: border-box;
font-size: 12px;
line-height: 1.1;
letter-spacing: 0px;
font-weight: normal;
clear: both;
text-align: center;
}


/* -----------------------------------------------------------------------------  header --- */























}
/* ----------------------------------------------------------------------------------------------------  スマートフォン ※iPhone6 Plus 以下を準拠  ---- */