@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
/*
font-family: 'Noto Sans Japanese', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Lato', sans-serif;

font-family: 'Noto Serif JP', serif;
font-family: 'Noto Sans JP', sans-serif;
*/

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

	display size min-width:1140px

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

/*-------------------------------------search------------------------------------
	1. Reset CSS
-------------------------------------------------------------------------*/
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,
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;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:300;
}
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%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#333;
	text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#333; 
	font-style:italic;
	font-weight: 500;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
main{
	animation-name: my-fade-in;
	animation-duration: 2s;
}

/*-------------------------------------------------------------------------
	2. 共通スタイル
-------------------------------------------------------------------------*/
html {
	font-size:60.5%;
	height:100%;
}
body {
    font-family: Shin Go Regular , "新ゴ R" , 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;;
	font-size:1.6rem;
	font-weight:400;
	line-height:1.6;
	height:100%;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:100%;
    color: #333;
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, body {
		font-family:'Noto Sans Japanese', メイリオ, Meiryo, sans-serif;
	}
}
a {
	text-decoration:none;
	color: #007FFF;
}
a img {border:none;}
ul {list-style:none;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 16px;
    height: 20px;
}
::-webkit-scrollbar-track {background-color: #DDDDDD;}
::-webkit-scrollbar-thumb {
    background:  #0061AF;
    width: 130px;
    border-radius: 100px;
}
/*-----コンテンツ共通--------------------------------------------------------*/
main {
    padding: 10rem 0 0 0;
    overflow: hidden;
}
.inner {
	max-width:1040px;
	margin:0 auto;
    width:94%;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.g_back{
	background: #F3F3F3;
}
/*--ぱんくず-------------------------*/
.bread_list{
	font-size:1.4rem;
	color:#707070;
	display:flex;
	padding-top:2rem;
    padding-bottom: 2rem;
}
.bread_list a{color:#707070;}
.bread_list li:last-child{color: #333;}

/*--パソコンで見たときは"pc"のclassがついた画像が表示される-------------------------*/
.pc{ display: none !important; }
.sp { display: block !important; }
.n_tb{display: block !important;}
.tb{display: none !important;}

@media screen and (max-width: 849px) {
    .n_tb{display: none !important;}
    .tb{display: block !important;}
}

@media only screen and (min-width: 520px){
    .pc{ display: block !important; }
    .sp { display: none !important; }
}
    
@keyframes my-fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
}
/*----サブタイトル-------------------------------------------------------------------*/
.main_title {
	font-family: "リュウミン B-KL" , "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
    text-align: center;
    font-weight: bold;
    font-size: clamp(2.4rem,3vw,3.0rem);
    margin: 4rem auto;
    letter-spacing: 3px;
	margin-top: 2rem;
}
@media screen and (max-width: 520px) {
    .sub_title{
        margin-bottom: 2rem;
    }
}

/*-----ヘッダ----------------------------------------------------------------*/
.header {
    clear: both;
    width: 100%;
    /*position: fixed;
    z-index: 99;*/
    height: 10rem;
    transition: 0.3s;
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.header_logo {
    transition: 0.3s;
    display: block;
}
.header_logo:hover {opacity: 0.7;}
.header_logo img {
    height: 100%;
    display: block;
    max-width: 100%;
}
.head_left {
    font-size: 1.4rem;
    width: 35%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.head_right {width: 65%;}
.head_right .flex {
    align-items: center;
    justify-content: flex-end;
}
/*-----メニュー----------------------------------------------------------------*/
.gnavi{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	height: 10rem;
}
.gnavi li{
	text-align: center;
	padding-top: 1rem;
}
.gnavi li a {
    display: block;
    padding: 1rem;
    font-size: 1.4rem;
    color: #333;
    position: relative;
    transition: all .7s;
    min-width: 10rem;
    height: 4rem;
}
.gnavi li a figure{
	text-align: center;
	margin: 0 auto
}
.gnavi li.gr{
	background: #47A448;
}
.gnavi li.gr a{
	color: #fff;
}

/*========= ナビゲーションドロップダウンのためのCSS ===============*/
/*2階層目以降は横並びにしない*/
#g-nav ul ul{display: block;}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
#g-nav ul li{position: relative;}
#g-nav ul li.has-child li {
    width: 100%;
    border-bottom: 0.1rem solid #ACB1AE;
}
/*ナビゲーションのリンク設定*/
#g-nav ul li a {
    display: block;
    text-decoration: none;
    padding: 0.5rem;
    transition: all .3s;
}
#g-nav ul li li a {
    padding: 1.5rem;
    text-align: left;
}
/*== 2・3階層目の共通設定 */
/*下の階層を持っているulの指定*/
#g-nav li.has-child ul {
    position: absolute;
    left: 0;
    top: 47px;
    z-index: 4;
    background: #d6eef5;
    width: 15rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
/*hoverしたら表示*/
#g-nav li.has-child:hover > ul,
#g-nav li.has-child ul li:hover > ul,
#g-nav li.has-child:active > ul,
#g-nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}
.gnavi li li a::after {
    background: #F0EFE2 !important;
    transition: 0.3s;
}
.gnavi li.current li a, .gnavi li li a{
    color: #333;
    transition: 0.3s;
}
.gnavi li li a:hover::after {
    background: #fff !important;
    transition: 0.3s;
}
.gnavi li.current li a:hover, .gnavi li li a:hover{color: #fff;}
.gnav_c{display: none !important;}
.gnavi li.current a, .gnavi li a:hover{
	z-index: 1;
    color: #0061AF;
}

@keyframes bgappear{
	0% {
		width: 0%;
		height: 2px;
	}
	100% {
		width: 100%;
		height: 2px;
		background: #0061AF;
	}
}
.hum_menu {display: none;}

/*表示するテキストが切り替わる*/
.btntextchange{position: relative;}
.btntextchange span{
	position: absolute;
	left: 50%;
	top:50%;
    transform:translate(-50%,-50%);
    transition: all .5s;
	display: block;
	white-space: nowrap;
}
.btntextchange span:nth-child(2){opacity:0;/*透過0に*/}
.btntextchange:hover span:nth-child(1){opacity:0;/*透過0に*/}
.btntextchange:hover span:nth-child(2){opacity:1;/*不透明に*/}

@media only screen and (min-width: 1190px){
    .openbtn{
        display: none;
    }
}
@media screen and (max-width: 1189px) {
    .hum_menu {display: block;}
    .head_left , .head_r1{
        padding: 1.5rem 0;
        width: auto;
    }
    .head_text{display: none;}
    .head_right {
        width: auto;
        margin-right:5rem;
    }
    .head_r1 li:last-child {margin-left: 0rem;}
    .head_flex {
        align-items: center;
        height: 6rem;
    }
    .header {height: 10rem;}
    .head_btn {display: none;}
    .header_logo img {width: 80%;}
    main {padding: 6rem 0 0 0;}
    .btntextchange span {position: relative;}
    .btntextchange span:nth-child(2) {display: none;}
    .btntextchange span {
        position: unset;
        transform: none;
    }
    .btntextchange:hover span:nth-child(1) {opacity: 1;}
	
    /*========= スマホナビゲーションのためのCSS ===============*/
    #g-nav{
        position:fixed;
        z-index: 999;
        top:0;
        right: -120%;
        width:260px;
        height: 100vh;/*ナビの高さ*/
        background:#ededed;
        transition: all 0.6s;
    }
    #g-nav.panelactive{
        right: 0;
        margin-top: 0;
    }
    #g-nav.panelactive #g-nav-list{
        position: fixed;
        z-index: 999; 
        width:260px;
        height: 100vh;/*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    #g-nav ul {z-index: 999;}
    #g-nav li{
        list-style: none;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }
    #g-nav ul li a {
        text-decoration: none;
        padding: 2rem;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0;
        font-size: 1.6rem;
        min-width: 100%;
        height: auto;
    }
    .gnavi li.current a{
        color: #fff;
        z-index: 1;
        background-color: #fff;
    }

    /*========= ボタンのためのCSS ===============*/
    .openbtn{
        position:fixed;
        z-index: 9999;/*ボタンを最前面に*/
        top:5px;
        right: 5px;
        cursor: pointer;
        width: 50px;
        height:50px;
    }
    /*×に変化*/	
    .openbtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #0061AF;
        width: 45%;
    }
    .openbtn span:nth-of-type(1) {top:15px;	}
	.openbtn span:nth-of-type(2) {top:23px;}
    .openbtn span:nth-of-type(3) {top:31px;}
    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
        background-color: #0061AF;
    }
    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
        background-color: #0061AF;
    }
    .openbtn.active span:nth-of-type(3){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
        background-color: #0061AF;
    }
    .openbtn.active {
        right: 270px;
        background-color: #fff;
        border-radius: 50%;
    }
    .nav_title {
        padding: 1em 10px;
        font-weight: bold;
    }
    .navi_back {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        opacity: 0;
        background: transparent;
        transform: translateX(0);
        transition: all .3s;
        visibility: hidden;
    }
    .navi_back.active {
        display: block;
        opacity: 1;
        background: rgba(0, 0, 0, 0.5);
        visibility: visible;
    }
    /*ドロップダウン*/
    .has-child{display: none;}
}

    /*マッチング事例紹介ボタン*/
.m_button {text-align: center;}
.m_button img {max-width:30%;}
.btn-style9 { display: inline-block; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; border: none; background-color: #10b981; color: white; transition: filter 0.3s; }
.btn-style9:hover { filter: brightness(110%); }

.size-small { font-size: 0.875rem; padding: 0.5em 1em; }
.size-medium { font-size: 1rem; padding: 0.75em 1.5em; }
.size-large { font-size: 1.125rem; padding: 1em 2em; }

.width-auto { display: inline-block; width: auto; }
.width-full { display: block; width: 100%; box-sizing: border-box; }

.radius-none { border-radius: 0; }
.radius-small { border-radius: 4px; }
.radius-medium { border-radius: 8px; }
.radius-large { border-radius: 50px; }

@media screen and (max-width: 960px) {
    .m_button img {max-width:40%;}
}

@media screen and (max-width: 750px) {
    .head_r1 .head_tel, .head_r1 .head_sns{display: none;}
    .head_r1 .head_en{display: block;}
    .m_button img {max-width:60%;}
}
/*-----スマホ版----------------------------------------------------------------*/
@media screen and (max-width: 520px) {
	.gnavi li a figure{
		text-align: left;
		margin: 0 2rem 0 0;
		float: left;
	}
	.gnavi li a figure img{
		vertical-align: middle;
	}
	.gnavi li {
		padding-top: 0;
	}
    .m_button img {max-width:90%;}
}
/*-----フッタ----------------------------------------------------------------*/
.footer {
    background:#DCF2E1;
    padding: 3rem 0;
    position: relative;
}
.footer ul li a {color: #000;}
.foot_nav ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot_nav ul li {
	padding: 0.8rem 0 0.5rem 0 ;
}
.foot_nav ul li img{
	vertical-align: middle;
}
.foot_add {
	margin-top: 2rem;
}
.foot_add a {
    text-decoration: underline;
    transition: 0.3s;
}
.foot_add h2{
	font-size: 2.2rem;
	font-weight: bold;
}
.gr_btn{
	background: #0C8D38;
	width: 17%;
	text-align: center;
	font-size: 1.8rem;
}
.foot_nav img{
	vertical-align: middle;
	margin-right: 1rem;
}
.gr_btn a{
	color: #fff !important;
}

@media screen and (max-width: 849px) {
    .footer{
        display: none;
    }
}

/*--表紙-----------------------------------------------------------*/
.top_text{
	padding: 5rem 0;
	margin-bottom: 5rem;
	font-family: "リュウミン B-KL" , "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
	font-size: clamp(1.6rem,3vw,2rem);
}
.top_list,.top_gyousya,.top_news,.eturanshyounin,.search{
	padding-bottom: 5rem;
}
.top_list h2{
	text-align:center;
	font-size: clamp(1.6rem, 1.164rem + 2.18vw, 2.8rem);
	font-weight: bold;
	margin-bottom: 2rem;
}
.top_list section{
	width: 32%;
	border-radius: 10px;
    border: 3px solid #F0F3F5;
}
.top_list section img{
	vertical-align: bottom;
}
.top_list section h3{
	text-align: center;
	padding: 1rem 0;
	font-weight: bold;
	font-size: clamp(2.4rem, 1.255rem + 0.73vw, 2.2rem);
	color: #fff;
	border-radius: 10px;
}
.top_list section p{
	padding-top: 1.5rem;
	text-align: center;
	font-weight: bold;
	font-size: clamp(2.8rem, 1.255rem + 0.73vw, 2.2rem);
}
.top_list section:nth-last-child(1) h3{
	background: #5D5DB4;
}
.top_list section:nth-last-child(2) h3{
	background: #67B9AE;
}
.top_list section:nth-last-child(3) h3{
	background: #E95651;
}
.top_list section ul{
	padding: 0 2rem 2rem 2rem;
}
.top_list section ul li{
	border-bottom: solid 1px #D5D5D5;
	padding: 1.5rem 0;
	font-size: clamp(1.4rem, 1.255rem + 0.73vw, 1.8rem);
}
.top_list p{
	margin-bottom: 1rem;
}
.top_gyousya h3{
	text-align: center;
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
}
.top_news{
	padding: 3rem 0;
}
.top_news h3{
	text-align: center;
	font-weight: 600;
	margin-bottom: 2rem;
	font-size: clamp(3.0rem, 1.255rem + 0.73vw, 2.6rem);
	font-family: "リュウミン B-KL" , "Source Han Serif JP", "Noto Serif CJK JP", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.top_news dl{
	border-bottom: solid 1px #A0A0A0;
	clear: both;
}
.top_news dl dt{
	float: left;
	margin:0 2rem 0 3rem;
}
.top_news dl dt span{
	margin-left: 2rem;
}
.top_news dl dd{
	margin:0.8rem 5rem 0.8rem 0;
}
.search{
	margin: 5rem auto;
	background: #FCF5E9;
}
.search h3{
	background: #D88C1B;
	color: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	padding: 0.8rem 0;
	font-weight: bold;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
}
.search h3 img{
	vertical-align: middle;
}
.search table{
	margin: 2rem 5rem;
}
.search td{
	padding-bottom: 2rem;
}
.search th{
	text-align: left;
	padding:0 2rem  2rem 0;
	width: 20%;
	font-size: 1.8rem;
}
.search input[type="text"]{
	padding: 1rem;
	width: 60%;
}
.search input[type="checkbox"]{
	margin-bottom: 1.5rem;
}
.search .searchbox input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 30rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: #0070C9;
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
/*.search .searchbox input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 30rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: linear-gradient(270deg, #00b87a 0%, #049098 25%, #0070C9 51%, #045698 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}*/
.tosearch input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 30rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: #0070C9;
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}

.eturanshyounin{
    text-align: center;
    margin-bottom: 0px;
}

.eturanshyounin img{
    max-width: 100%;
}

/*----ログイン----------------------------------------------------------------*/
.login{
	margin: 5rem auto;
	background:#CAFFFE;
}
.login h3{
	background:#005CFF;
	color: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	padding: 0.8rem 0;
	font-weight: bold;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
}
.login h4{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight:bold;
    margin-top: 10px;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.0rem);
}
.form-group{
	width:100%;
	margin: 0px auto;
}
.login-aera{
    width:90%;
    margin: 0px auto;
}
.login p{
	margin-right: 3em;
	text-align: right;
}
/*----パスワードの再発行----------------------------------------------------------------*/
.reissue{
	margin: 5rem auto;
	background:#CAFFFE;
}
.reissue-aera{
    width:90%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px auto;
    text-align: center;
}
.reissue-aera h3{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight:bold;
    margin-top: 10px;
    margin-bottom: 10px;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.0rem);
}
.reissue-aera h4{
    margin-bottom: 5px;
}
/*----事業者登録----------------------------------------------------------------*/
.register_area{
	margin: 5rem auto;
    background:#C2F1C4;
}

mandatory {
	content: "必須" ;
	color: #fff;
	background-color: #FF4D4D;
	font-size: 0.76em;
	padding: 1px 5px;
    margin-left: 0.5em;
	margin-right: 0.5em;
}
example {
	color: blue;
    font-size: 0.9em;
	padding: 1px 3px;
	margin-right: 0.5em;
}
.register_title{
	margin: 0 auto;
	width:100%;
}
.register_main{
	margin: 0 auto;
	width:90%;
}
.register_main text{
	width:100%;
}
.main_title{
	background:#419E36;
	color: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	padding: 0.8rem 0;
	font-weight: bold;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
}
.regist_range h4{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 2px;
	line-height: 1.2;
	border-bottom-width: 3px;
	border-bottom-color:green;
	border-bottom-style: solid;
}
.regist_range input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea {
    font-size: 1.6rem;
    padding: 0.3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    width: 100%;
	box-sizing: border-box;
    border: none;
}
.form-group input[type="email"], textarea {
    font-size: 1.6rem;
    padding: 0.3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    width: 100%;
	box-sizing: border-box;
    border: none;
}
.form-group textarea {
    font-size: 1.6rem;
    padding: 0.3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    max-width: 100%;
    min-width: 100%;
	box-sizing: border-box;
    border: none;
}
.form-flex{
    display: flex;
    flex-wrap: wrap;
}
photo-area{
    margin: 0px 10px 0px 0px;
}
.form-group input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 30rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: linear-gradient(270deg, #00b87a 0%, #049098 25%, #0070C9 51%, #045698 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
/*-----タブレット版----------------------------------------------------------------*/
@media screen and (max-width: 849px) {
}
/*-----スマホ版----------------------------------------------------------------*/
@media screen and (max-width: 520px) {
	.top_text{
		padding: 5rem 0;
		margin-bottom: 5rem;
		font-size: clamp(1.6rem,3vw,2rem);
	}
	.top_list,.top_gyousya,.top_news,.eturanshyounin,.search{
		padding-bottom: 5rem;
	}
	.top_list h2{
		text-align:center;
		font-size: clamp(1.6rem, 1.164rem + 2.18vw, 2.8rem);
		margin-bottom: 2rem;
	}
	.top_list section{
		width: 100%;
		margin-bottom: 2rem;
	}
	.top_list section img{
		vertical-align: bottom;
		max-width: 100%;
	}
	.top_list section h3{
		text-align: center;
		padding: 1rem 0;
	}
	.top_list section p{
		text-align: center;
		font-weight: bold;
	}
	.top_list section ul{
		padding: 0 2rem 2rem 2rem;
	}
	.top_list section ul li{
		padding: 1.5rem 0;
		font-size: clamp(1.4rem, 1.255rem + 0.73vw, 1.8rem);
	}
	.top_list p{
		margin-bottom: 3rem;
	}
	.top_gyousya h3{
		text-align: center;
		margin-bottom: 1rem;
		font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
	}
	.top_gyousya img{
		max-width: 100%;
	}
	.top_news{
		padding: 3rem 0;
	}
	.top_news h3{
		text-align: center;
		margin-bottom: 2rem;
		font-size: clamp(3.0rem, 1.255rem + 0.73vw, 2.6rem);
	}
	.top_news dl dt{
		float: none;
		margin:1rem 0 0.5rem 2rem;
	}
	.top_news dl dt span{
		margin-left: 2rem;
	}
	.top_news dl dd{
		margin:0.5rem 0 1rem 2rem;
	}
    .eturanshyounin img{
		max-width: 100%;
	}
	.search{
		margin: 0 auto;
	}
	.search h3{
		text-align: center;
		padding: 0.8rem 0;
		font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.6rem);
	}
	.search h3 img{
		vertical-align: middle;
	}
	.search table{
		margin: 2rem;
	}
	.search td{
		padding-bottom: 2rem;
		display: block;
	}
	.search th{
		text-align: left;
		padding:0 2rem  2rem 0;
		width: 100%;
		display: block;
	}
	.search input[type="text"]{
		padding: 1rem;
		width: 100%;
	}
	.search input[type="checkbox"]{
		margin-bottom: 1.5rem;
	}
}
/*----検索結果----------------------------------------------------------------*/
.search_side{
	background: #FCF5E9;
	padding-bottom: 2rem;
}
.search_side form{
	padding: 1rem;
}
.search_side h3{
	background: #D88C1B;
	color: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	padding: 0.8rem 0;
	font-weight: bold;
	font-size: clamp(1.6rem, 1.255rem + 0.73vw, 2.0rem);
}
.search_side h3 img{
	vertical-align: middle;
}
.search_side dl{
	margin-bottom: 1rem;
}
.search_side dt{
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.search_side input[type="text"]{
	padding: 1rem;
	width: 100%;
}
.search_side input[type="checkbox"]{
	margin-bottom: 1rem;
}
.search_side .searchbox input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 15rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: linear-gradient(270deg, #00b87a 0%, #049098 25%, #0070C9 51%, #045698 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.6rem,3vw,1.6rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}

.matching_main section{
	background: #DCF3EE;
	padding: 1rem 2rem;
	margin-bottom: 3rem;
	
	position: relative;
}
.matching_main section a{
	color: #000;
}
.matching_main section h2{
	font-weight: 500;
	font-size: clamp(1.6rem, 1.255rem + 0.73vw, 2.0rem);
	margin-bottom: 0.5rem;
}
.matching_main section h2 span{
	color: #0A8C38;
	margin-right: 2rem;
}
.view_button {
	position: absolute;
    bottom: 10%;
    right: 10px;
}
.view_button button[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 15rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 0.5rem 0.5rem;
    background:#1100ff;
    font-weight: 500;
    font-size: clamp(1.6rem,3vw,1.2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
	border-radius: 50px;
}
.view_button button[type="submit"]:hover {
    background:#ff0000;
}
.view_button button[type="button"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 15rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 0.5rem 0.5rem;
    background:#ff9100;
    font-weight: 500;
    font-size: clamp(1.6rem,3vw,1.2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
	border-radius: 50px;
}
.view_button button[type="button"]:hover {
    background:#ff0000;
}
/*----下層ページトップ----------------------------------------------------------------*/
.top_img_outer {
    height: 31rem;
    overflow: hidden;
    max-height: 90vh;
    position: relative;
    min-height: 31rem;
}
.top_img_outer .top_img {
    height: 60vh;
    min-height: 60rem;
}
.top_ma{
	padding-top:  10rem;
}
/*----マイページ-----------------------------------------------------------*/
.mypage_main h3{
	background: #48BFA6;
	color: #fff;
	padding: 0.5rem 0 0.5rem 2rem;
	font-weight: 600;
}
.mypage_main section h4{
	text-align: center;
	margin: 2rem auto;
	color: #253FE9;
	font-weight: 600;
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 2.0rem);
}
.mypage_main table,.mypage_photo {
	width: 90%;
	margin: 0 auto 5rem auto;
}
.mypage_main table tr:nth-child(2n+1){
	background: #D4E8E7;
}
.mypage_main table tr th{
	padding: 0.8rem 0.8rem 0.8rem 2rem;
	text-align: left;
}
.mypage_main table tr td{
	padding: 0.8rem;
}
.browserback{
    color:#d81b1b;
	text-align: center;
    margin-bottom: 5px;
}
.mypage_photo ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.mypage_photo li{
	margin-right: 4.5rem;
}
.mypage_photo li{
	width: 30%;
	max-height: 200px;
}
.mypage_photo li:nth-child(3n){
	margin-right: 1.5rem;
}
.mypage_photo h4,.mypage_view_list h4{
	font-size: clamp(2.0rem, 1.255rem + 0.73vw, 1.6rem);
	font-weight: bold;
	margin-bottom: 1rem;
}
.mypage_view_list{
	width: 90%;
	margin: 0 auto 5rem auto;
}
.mypage_view_list table {
	width: 100%;
}
.mypage_view_list table thead{
	background: #8a8a8a;
	width: 100%;
	color: black;
    border-bottom: solid 1px #707070;
}
.mypage_view_list th,.mypage_view_list td{
	padding:0.5rem 1rem;
	text-align: center;
}
.mypage_view_list table tbody td{
	border-bottom: solid 1px #707070;
}
.styled {
	border: 0;
	line-height: 2.5;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	background-color: #0C8C38;
	background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
	box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}
.styled:hover {
  background-color: rgba(255, 0, 0, 1);
}
.styled:active {
  box-shadow:
    inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}

/*----本サイトの手引-----------------------------------------------------------*/
.guide_main section {
	margin-bottom: 3rem;
}
.guide_main section h3{
	background: #E5CE98;
	padding: 0.8rem 0.8rem 0.8rem 2rem;
	font-weight: bold;
}
.guide_main section p{
	padding: 2rem;
}



/*-----NEWS----------------------------------------------------------------*/
.top_title_back {
    background: linear-gradient(270deg, #0061AF 50%, #022B4C 100%);
    padding: 3rem 1rem;
    position: relative;
}
.top_title_back:before {
    content: "";
    position: absolute;
    background-image: url("../images/title_back_logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 10rem;
}
.news_outer {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding-bottom: 10rem;
}
/*--サイドバー-----------------------------------------------*/
.side_left {
    width: 20%;
}
.sidemenu h2 {
    font-size: clamp(1.6rem, 3vw, 1.8rem);
    padding: 0.5rem 1rem;
    /*font-family: copperplate, serif;*/
    font-weight: 500;
	text-align: center;
    color: #000;
    letter-spacing: 1px;
	background: #C6D6D5;
	margin-bottom: 2rem;
}
.sidemenu ul{
	margin: 2rem;
}
.sidemenu ul li{
	margin-bottom: 2rem;
}
.sidemenu ul li a{
	color: #000;
}
/*--記事一覧----------------------------------------------------------*/
.news_main {
    width: 74%;
}
.news_content {
    margin-bottom: 2rem;
    color: #333;
    transition: 0.3s;
    position: relative;
    display: block;
}
.news_content_in {
    width: 100%;
	border-bottom: solid 1px #707070;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.news_cd {
    display: flex;
    align-items: center;
    font-family: futura-pt, sans-serif;
}
.news_cd li{
	margin-right: 2rem;
}
.news_cate {
	color: #2755BF;    
}

.news_titles {
    font-weight: bold;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: clamp(1.6rem, 3vw, 1.8rem);
    margin: 0.5rem 0;
    transition: 0.3s;
}
.news_content_in p {
    white-space: pre-wrap;
    color: #707070;
    font-size: 1.4rem;
}

.news_content:hover .news_titles{
    color: #0061AF;
}
.news_content:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #0061AF;
    transition: 0.8s;
    z-index: 1;
}
.news_content:hover:before {
    width: 100%;
}

/*--記事詳細----------------------------------------------------*/
.news_main_kiji {
    width: 74%;
}
.news_title {
    font-weight: bold;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: clamp(2rem,4vw,2.8rem);
    margin-top: 0.5rem;
}
.news_text {
    margin: 2rem 1rem;
}
.news_text p {
    margin-bottom: 1.5rem;
    font-size: clamp(1.6rem,3vw,1.8rem);
    letter-spacing: 0.5px;
}
.next_page {
    text-align: center;
    color: #707070;
    padding: 2rem 0;
}
.next_page a {
    color: #707070;
    transition: 0.3s;
}
.next_page a:hover {
    color: #000;
}
.news_main_kiji ul {
    display: flex;
}
.news_main_kiji ul .news_cate {
    position: relative;
    margin-right: 2rem;
}
.news_title_outer {
    padding: 1.5rem;
    border-top: 0.1rem solid #0061AF;
    border-bottom: 0.1rem solid #0061AF;
}

/*-----お問い合わせ----------------------------------------------------------------*/
.lb_back {
    background-color: #E4F1EE;
}
.margin_top {
    margin-top: 1rem;
}
.contact_form {
    padding-bottom: 3rem;
}
.con_text {
    padding: 1rem 0 5rem;
}
.con_text p {
    font-size: clamp(1.6rem, 3.6vw, 1.8rem);
    line-height: 170%;
}
.con_red {
    color: #FD0303;
}
.form_wrap {
    padding: 3rem 0;
}
.form {
    width: 100%;
}
.form tr {
    padding: 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.form tr:last-child {
    border: none;
}
.form th {
    text-align: left;
    font-size: 1.8rem;
	width:30%;
	vertical-align:top;
}
.form td{
	width:68%;
}

.form input, .form textarea {
    font-family: Shin Go Regular , "新ゴ R" , 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif !important;
}
.form textarea{
    width: 100%;
}
.form input::placeholder, .form textarea::placeholder{
    color: #AFAFAF;
}
.contact_form input[type="text"], input[type="email"], textarea {
    font-size: 1.6rem;
    padding: 1rem;
    border: none;
	border-bottom: 0.1rem solid #049866;
}
input[type="text"][size="35"], input[type="email"][size="35"] {
	width:80%;
}
.form_add {
    margin-top: 2rem;
}
.personal_info {
    margin-bottom: 5rem;
}
.personal_info p {
    color: #707070;
    margin-top: 0.5rem;
}
.personal_info a {
    margin: 0 0.5rem;
}
.personal_info a:hover {
    text-decoration: underline;
}
span.mwform-radio-field.horizontal-item {
    padding-right: 2rem;
	display:inline-block;
	margin-left: 0 !important;
}
#form_btn input[type="submit"] {
    display: block;
    color: #fff;
    text-align: center;
    width: 30rem;
    margin: 0 auto;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    padding: 1rem 2rem;
    background: linear-gradient(270deg, #00b87a 0%, #049098 25%, #0070C9 51%, #045698 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    position: relative;
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
#form_btn input[type="submit"]:hover {
	background-position: 99% 50%;
    letter-spacing: 1px;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
.con_file {
    display: flex;
    flex-wrap: wrap;
}
.con_file input{
    margin-bottom: 2rem;
}


/*----ページトップへ戻る-------------------------------------------------------------------*/
.pagetop{
    position: fixed;
    right: 0px;
    bottom: 30px;
	z-index:999;
}
.pagetop a {
    font-weight: 500;
    color: #fff;
    background-color: #9da3a9;
    padding: 1rem;
    opacity: 0.8;
}

/*-----動き----------------------------------------------------------------*/
.fadeIn{
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 下から */
.fadeUp{
	animation-name:fadeUpAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/* 上から */
.fadeDown{
	animation-name:fadeDownAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/* 左から */
.fadeLeft{
	animation-name:fadeLeftAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}
/* 右から */
.fadeRight{
	animation-name:fadeRightAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }
  to {
    opacity: 1;
	transform: translateX(0);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,.fadeUpTrigger,.fadeDownTrigger,.fadeLeftTrigger,.fadeRightTrigger{opacity: 0;}

/*==================================================
じわっ
===================================*/
/* ぼかしから出現 */
.blur{
	animation-name:blurAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
}
@keyframes blurAnime{
  from {
	filter: blur(10px);
	/*transform: scale(1.02);*/
	opacity: 0;
  }
  to {
	filter: blur(0);
	/*transform: scale(1);*/
	opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.blurTrigger{
    opacity: 0;
}
/*---テキストアニメーション---------------------------------*/
.glowAnime span{opacity: 0;}
/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }
@keyframes glow_anime_on{
	0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
	50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
	100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}

/*========= 流れるテキスト ===============*/
/*全共通*/
.slide-in {
	overflow: hidden;
    display: inline-block;
    line-height: 100%;
}
.slide-in_inner {
	display: inline-block;
    line-height: 100%;
}
/*左右のアニメーション*/
.leftAnime{opacity: 0;/*事前に透過0にして消しておく*/}
.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideTextX100 {
	from {
		transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
	}
  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
/* 上下のアニメーション*/
.upAnime{opacity: 0;/* 事前に透過0 にして消しておく*/}
.slideAnimeDownUp {
    animation-name:slideTextY100;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideTextY100 {
    from {
        transform: translateY(100%);/* 要素を上の枠外に移動*/
        opacity: 0;
    }
    to {
        transform: translateY(0);/* 要素を元の位置に移動*/
        opacity: 1;
    }
}
.slideAnimeUpDown {
    animation-name:slideTextY-100;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideTextY-100 {
    from {
		transform: translateY(-100%);/* 要素を下の枠外に移動*/
		opacity: 0;
    }
    to {
		transform: translateY(0);/* 要素を元の位置に移動*/
		opacity: 1;
    }
}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{animation-delay: 0.3s;}
.delay-time03{animation-delay: 0.6s;}


/*--スライド--------------------------------------------------*/
.main_slide .swiper-slide {
    cursor: grab;
    height: auto;
    background-color: #ececec;
}
.main_slide .swiper-slide:active {
    cursor:grabbing;
} 
.slider-wrap01 {
    overflow: hidden;
}
.samune {
    display: flex;
}
.main_slide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.samune .swiper-slide {
    position: relative;
    margin-top: 1rem;
    overflow: hidden;
    height: auto;
    cursor: pointer;
    transition: 0.3s;
}
.samune .swiper-slide:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.samune .swiper-slide img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
    transition: 0.3s;
}
.samune .swiper-slide-thumb-active {
    opacity: 0.6;
}
.samune .swiper-slide-thumb-active img {
    transform: scale(0.8);
}
.swiper-wrapper {
    max-height: 70vh;
}
.swiper-wrapper .swiper-thumbs {
    max-height: 100%;
}
/*--メインスライダー------------------------------------*/
.slider {
	width: 100%;
	height: auto;
	margin: auto;
}
.slider img {
	width: 100%;
	height: 100%;
 	object-fit: cover;
}
.slick-list, .slick-track, .slick-slide , .slider img {
    max-height: 90vh;
    min-height: 53vh;
}

/*-----404----------------------------------------------------------------*/
.title_404{
    font-family: copperplate, serif;
    font-weight: 700;
    text-align: center;
    font-size:  clamp(2.6rem, 3vw, 4rem);
}
.page404 {
    padding: 0 0 5rem;
    text-align: center;
    font-size:  clamp(1.6rem, 3.6vw, 1.8rem);
}

/*-----タブレット版----------------------------------------------------------------*/
@media screen and (max-width: 849px) {
	/*-----動き------------------------*/
    .fadeIn , .fadeUp , .fadeDown , .fadeLeft , .fadeRight , .blur{
        opacity:1 !important;
        animation: none;
    }
    .fadeInTrigger,
    .fadeUpTrigger,
    .fadeDownTrigger,
    .fadeLeftTrigger,
    .fadeRightTrigger,
    .blurTrigger{
        opacity: 1 !important;
    }

}
	
/*-----スマホ版----------------------------------------------------------------*/
@media screen and (max-width: 520px) {
    .pagetop {
        bottom: 20px;
    }
}

/*-----ページ送り----------------------------------------------------------------*/
.wp-pagenavi {
    text-align: center;
    border-top: solid 1px #999999;
    margin-bottom: 30px;
    border-bottom: solid 1px #999999;
	/*display:flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
    color: #000;
}
.previouspostslink{
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}
.wp-pagenavi .page ,.wp-pagenavi .nextpostslink,.wp-pagenavi .current,.wp-pagenavi .last{
	border-right:solid 1px #999999;
}
.wp-pagenavi .first{
	border-left:solid 1px #999999;
}
.wp-pagenavi a, .wp-pagenavi span{
	color: #999999;
    padding: 10px 15px!important;
    display: -webkit-inline-box;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
    border-left: solid 1px #999999;
}
/*-----*前へ後ろへ----------------------------------------------------------------*/
#ba_navi{
	width: 100%;
    margin: 30px auto 0 auto;
    font-weight: bold;
    display: block;
    overflow: hidden;
	padding: 0 280px;
	clear:both;
}
#ba_navi a{
	color:#444444;
	font-size:1.8rem;
}
#ba_navi .left{
	float:left;
	width:120px;
}
#ba_navi .right{
	float:right;
	width:120px;
}
/*-----印刷------------------------------------------------------------------*/
@media print {
	body {
		width: 1140px;
		margin:0 auto;
		transform: scale(0.91);
		-moz-transform: scale(0.91);
	    -webkit-transform: scale(0.91);
	    transform-origin: 0 0;
	}
    .fadeIn , .fadeUp , .fadeDown , .fadeLeft , .fadeRight , .blur{
        opacity:1 !important;
        animation: none;
    }
    .fadeInTrigger,
    .fadeUpTrigger,
    .fadeDownTrigger,
    .fadeLeftTrigger,
    .fadeRightTrigger,
    .blurTrigger{
        opacity: 1 !important;
    }
}
/*---フォーム----------------------------------------------------------------*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
/* 電話のリンクを無効
a[href^="tel:"] {
    pointer-events: none;
} */
.alignleft img{
	float:left;
	margin:10px 18px 12px 0;
}
.alignright img{
	float:right;
	margin:5px 0 12px 10px;
}
.alignnone{
	margin: 12px 0;
}
a.zoomLink{
	display:block!important;
}
.aligncenter img{
	display:block!important;
	margin:0 auto;
    padding: 12px 0;
    clear: both;
}