@charset "UTF-8";

/******************
 * リセット
 ******************/
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com/
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */


html {
	color: #333333;
	background: #FFF;
	overflow-x: hidden;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,figure {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select {
	*font-size: 100%;
}
legend {
	color: #000;
}
#yui3-css-stamp.cssreset {
	display: none;
}

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

html {
    /*font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'HiraKakuProN-W3', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	/*font-weight: 500;*/
	background-color: transparent;
	background-image: none;
	opacity: 1;
}
body {
	font-size: 1.6rem;/*1.4rem;*/
	/*min-width: 1000px;*/
	overflow: hidden;
  font-feature-settings: "palt" 1;
	letter-spacing: .1em;
  line-height: 1.7;
    /*font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;*/
    /*font-feature-settings: "palt" 1;*/
    /*text-align: justify;*/
    /*letter-spacing: .1em;*/
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* 注意<-- */
/*h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table {
	margin: 1.0rem 0;
}*/

a {
	color: #0000ff;
	text-decoration: none;
	outline: none;
}
a:focus {
	outline: none;
}
a:hover {
	/*color: #0000ff;*/
	text-decoration: none;
	outline: none;
}
a img:hover {
	/*opacity: 0.85;*/
	filter: brightness(110%);
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
input {
	outline: none;
}
input:focus {
	outline: none;
}
input[type="submit"] {
	-webkit-appearance: none;
}
table {
	width: 100%;
}
li:hover, a:hover, p:hover, a:hover, button:hover, img:hover {
	transition: all .1s ease-in;
}

/*fdin　フォント　不要 => 未確認
-----------------------------------*/
@font-face {
	font-family: "fdin";
    src: url("/ts/wp-content/themes/base/parts/font/fdin/din1451alt.woff2") format('woff2');
}


/*TEL パターン切り替え (※block、noneで通常TELとなりわけ切り替え)
----------------------------------------------------------------*/
/*通常TEL*/
.tel_change .tel_area {
	display: none !important;
}
/*なりわけTEL*/
.tel_change .tel_modal_area {
	display: block !important;
}

/*PC/smp 表示切り替え
------------------------------*/
.pcNone {
	display: none;
}
.spNone {
	display: block !important;
    text-align: center;
}

.is-pc {
  display: block;
}
.is-sp {
  display: none;
}

/*改行切り替え
----------------------------*/
.br_pc_off {
	display: inline;
}
.br_pc_on {
	display: block;
}

/*iframe位置　--非推奨
----------------------------*/
iframe {
	vertical-align: bottom;
}

/*material-icons 初期値
---------------------------*/
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	/*font-size: 24px;*/
	font-size: 1px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	/*display: inline-flex;*/
	display: inline;
	vertical-align: -24%;
	padding-right: 3px;
}


/*下層
--------------------------*/
h2.sub_title {
    text-align: center;
    font-size: 4rem;
    line-height: 1.3em;
    color: #fff;
    position: relative;
    top: -143px;
}


/*************************************************************/
h1 {
font-weight: 700;/*900;*/
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: .05em;
}
h2,h3 {
font-weight: 700;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: .05em;
}
h2 {
 font-size: clamp(24px, 6.5vw, 30px);
}
h4,h5,h6 {
font-weight: 500;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt" 1;
}
    

@media (max-width:767px){
div.h__summary-2 {
padding: 2px 0 2px;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width:100%;
margin:0 auto;
align-items:center;
  background-color: #03989E;
}
 div.h__summary-2 p {
  font-size: clamp(10px,3vw,12px);
  text-align:center;
  /*font-weight:bold;*/
  color:white;
   margin:0 auto;
   padding:0;
   font-weight: normal;
   display:block;
   width:100%;
} 
  
div.h__summary,
ul.head__flex_container {
            display:none;
}  
}
/*-----------------------------------
  ボタン
-----------------------------------*/
.button-1 {
  position: relative;
  text-align: center;
  width: 250px;
  margin: 0 auto;
  padding: .9em 3em;/*.9em 4em;*/
  border: 2px solid #2589d0;
  border-radius: 100px;
  background-color: #fff;
  color: #2589d0;
  font-weight: 600;
  font-size: 1em;
  transition: background-color .3s, color .3s, border-color .3s, transform .3s;
}

.button-1:hover {
  background-color: #1579c0;
  color: #fff;
  border-color: #1579c0;
}

.button-1 i {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 1em;
}
.button-1 i{
  color: #2589d0;
}
.button-1:hover i {
  color: #fff;
}
.top_bottom {
		padding: 8em 0;
	}
@media (max-width:820px) {
.top_bottom {
		padding: 4em 0;
	}
	}