@charset "utf-8";

/*===================================
  
  マスターCSS（PC） ※編集不可※
  共通部分のcss

===================================*/

/* フォントサイズ
------------------------------------------------------------------------------------*/
@media screen and (min-width: 200px) {
	html{
		font-size: 62.5%;
	}
}
@media screen and (min-width: 375px) {
	html{
		font-size: 72.5%;
	}
}
@media screen and (min-width: 414px) {
	html{
		font-size: 82.5%;
	}
}
@media screen and (min-width: 992px) {
	html {
		font-size : 62.5%;
		width: 100%;
	}
}

/* 初期化
------------------------------------------------------------------------------------*/
* {
    margin : 0;
    padding : 0;
}
*, *:before, *:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
body {
	font-family: "Noto Sans JP","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #333333;
    background: #FFF;
    width: 100%;
    font-size: 1.4rem;
}
@media screen and (min-width: 992px) {
	body {
		font-size: 1.5rem;
	}
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td {
    margin: 0;
    padding: 0;
    color: #333333;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
img {
    vertical-align: top;
    -webkit-backface-visibility: hidden;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
em, i {
    font-style: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1rem;
}
hr {
    display: none;
}
abbr, acronym {
    border: 0;
}

/*------------------------------------
初期化（SP）
------------------------------------*/
@media screen and (max-width: 991px) {
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	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;
		vertical-align:baseline;
		background:transparent;
	}
	h1, h2, h3, h4, h5, h6{
		font-weight: normal;
		font-size: 1rem;
	}

	body {
		font-family: sans-serif;
		line-height: 1.6;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-text-size-adjust:none;
		position: relative;
		font-size:1.1rem;
		letter-spacing:0.05em;
	}

	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}

	nav ul {
		list-style:none;
	}

	blockquote, q {
		quotes:none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}

	a {
		margin:0;
		padding:0;
		font-size:100%;
		background:transparent;
		color: #333;
	}

	/* change colours to suit your needs */
	ins {
		background-color:#ff9;
		color:#000;
		text-decoration:none;
	}

	/* change colours to suit your needs */
	mark {
		background-color:#ff9;
		color:#000; 
		font-style:italic;
		font-weight:bold;
	}

	del {
		text-decoration: line-through;
	}

	abbr[title], dfn[title] {
		border-bottom:1px dotted;
		cursor:help;
	}

	table {
		border-collapse:collapse;
		border-spacing:0;
	}

	/* change border colour to suit your needs */
	hr {
		display:block;
		height:1px;
		border:0;   
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}

	input, select {
		vertical-align:middle;
	}

	img{
		max-width: 100%;
		height: auto;
		vertical-align: top;
		border: none;
	}

	ul,ol{
		list-style: none;
	}

	input[type="submit"]{
	margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
	}
	em,i{
		font-style:  normal;
	}
}

/*------------------------------------
clearfix 
------------------------------------*/
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clearfix {
    display: block;
}
/* End IE-mac */
.clear {
    clear: both;
}


/*------------------------------------
リンク 
------------------------------------*/
a {
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #333333;
}
area {
    outline: none;
}
a:focus {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* ホバーアクション */
.hover{
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.hover:hover{
    opacity: .6;
}
/* 下線付きリンク */
a.link_bd{
	color: #0088CA;
	text-decoration: underline;
}
a.link_bd:hover{
	text-decoration: none;
}

@media screen and (min-width: 992px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/*------------------------------------
スマホ　非表示
------------------------------------*/
@media screen and (min-width: 992px) {
	.disp_sp {
		display: none !important;
	}
}
/*------------------------------------
PC　非表示
------------------------------------*/
@media screen and (max-width: 991px) {
	.disp_pc{
		display:none !important;
	}
}

/*------------------------------------
ボタン 
------------------------------------*/
.btn_cmn{
	position: relative;
	display: flex;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	max-width: 300px;
	width: 100%;
	margin: auto;
	padding: 10px 15px;
	text-decoration: none;
	background: #00A0E9;
	border: 2px solid #00A0E9;
	cursor: pointer;
	z-index: 3;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn_cmn::before{
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
}
.btn_cmn:hover{
	background: #fff;
	color: #00A0E9;
}
.btn_cmn:hover::before{
	border-color: #00A0E9;
}
@media screen and (max-width: 767px) {
	.btn_cmn{
		width: 75%;
		max-width: 250px;
		font-size: 1.4rem;
	}
}