@charset "utf-8";

/* CSS Document */



/* 一般

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



html{

    font-size: 62.5%;

    scroll-behavior: smooth;

}



body{

	font-size: 1.6rem; 

	line-height: 1.6;

    font-family: 'Hiragino Kaku Gothic Pro',"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",sans-serif;	

	color: #1e1e1e;

	-webkit-text-size-adjust: 100%;

	position: relative;

}

a,

a *{

	color: #2961a0;

	/*text-decoration: none;*/

	-webkit-transition: all .3s;

			transition: all .3s;

}

@media screen and (min-width:900px) {

a:hover,

a:hover *{

	opacity: .7;

}

}

@media screen and (min-width:900px) {

a[href*="tel:"] {

    pointer-events: none;

    cursor: default;

    text-decoration: none;

    color: #1e1e1e;

}

}

@media screen and (min-width:900px) {

.sp_only{

	display: none;

}

}

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

body{

	font-size: 1.4rem;

}

.pc_only{

	display: none;

}

}

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

.pc_only2{

	display: none;

}

}





/* ヘッダー

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

#header{

	position: relative;

    border-top: solid 5px #d80314;

}

#header_frame{

    display: flex;

    justify-content: space-between;

}

#h_search{

    border: solid 1px #d80314;

}

#h_search form{

    display: flex;

    justify-content: space-between;

}

#h_search #search-input{

    width: calc(100% - 50px);

}

#h_search #search-btn::before{

    font-family: "Font Awesome 5 Free";

    font-size: 1.8rem;

    font-weight: 700;

    content: "\f002";

    color: #d80314;

}

@media screen and (min-width:1200px) {

#header_frame{

    width: 1170px;

    margin: 0 auto;

}

}

@media screen and (min-width:900px) {

#h_logo{

    width: 220px;

    margin-top: 15px;

}

#h_search{

    margin-top: 30px;

    padding: 0 15px;

    width: 250px;

    height: 40px;

    border-radius: 20px;

    line-height: 40px;

}

#h_search #search-btn{

    cursor: pointer;

}

}

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

#header_frame{

    margin: 0 15px;

}

}

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

#header_frame{

    margin-bottom: 15px;

}

#h_logo{

    width: 110px;

    margin-top: 15px;

}

#h_search{

    margin-top: 15px;

    padding: 0 10px;

    /*width: 180px;*/

    height: 34px;

    border-radius: 17px;

    line-height: 34px;

}

}



#mainNav ul{

    display: flex;

    justify-content: space-around;

}

#mainNav li a::before{

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

}

#mainNav li:nth-child(1) a::before{

    content: "\f005";

}

#mainNav li:nth-child(2) a::before{

    content: "\f54e";

}

#mainNav li:nth-child(3) a::before{

    content: "\f004";

}

#mainNav li:nth-child(4) a::before{

    content: "\f09d";

    font-weight: 400;

}

#mainNav li:nth-child(5) a::before{

    content: "\f4ff";

}

@media screen and (min-width:1200px) {

#headerNav{

    width: 1170px;

    margin: 10px auto 0 auto;

}

}

@media screen and (min-width:900px) {

#mainNav li a{

    display: block;

    line-height: 70px;

    font-weight: bold;

    color: #323232;

    text-decoration: none;

}

#mainNav li a:hover{

    opacity: 1;

}

#mainNav li a::before{

    font-size: 1.8rem;

    color: #d80314;

    padding-right: 10px;

}

}

@media screen and (min-width:900px) and (max-width:1199px) {

#headerNav{

    margin: 10px 15px 0 15px;

}

}

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

#headerNav{

    background: #d80314;

}

#headerNav.m_fixed{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

}

#mainNav li{

    width: 20%;

}

#mainNav li a{

    color: #fff;

    text-decoration: none;

    display: block;

    font-size: 1rem;

    font-weight: bold;

    text-align: center;

    padding: 10px 0;

}

#mainNav li:nth-child(n+2) a{

    border-left: solid 1px #fff;

}

#mainNav li a::before{

    display: block;

    font-size: 1.4rem;

    margin-bottom: 2px;

}

}





/* コンテンツ

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

.btn_default{

    width: 280px;

    height: 60px;

    margin: 40px auto 0 auto;

}

.btn_default a{

    display: block;

    color: #204c8e;

    text-decoration: none;

    text-align: center;

    line-height: 60px;

    background: #f0f1f5;

    border: solid 1px #d1d6e6;

    position: relative;

}

/*.btn_default a:hover{

    opacity: 1;

    background: #a81c24;

    color: #fff;

}

.btn_default a:hover::before{

    border-color: #fff;

}*/

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

.btn_default{

    margin: 30px auto 0 auto;

}

}



.btn_default.external a::after{

    position: absolute;

    top: 0;

    right: 15px;

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

    content: "\f35d";

}





/* フッター

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

#footer{

    background: #f5f5f5;

}

#sitemap_contents li a{

    display: block;

    border-bottom: solid 1px #d8d8d8;

    text-decoration: none;

    padding: 8px 0;

    position: relative;

}

#sitemap_contents li.main a{

    font-weight: bold;

}

#sitemap_contents li a.external::after{

    position: absolute;

    top: 8px;

    right: 0;

    font-family: "Font Awesome 5 Free";

    font-size: 1.4rem;

    font-weight: 700;

    content: "\f35d";

    color: #2961a0;

}

@media screen and (min-width:1200px) {

#f_sitemap{

    width: 1170px;

    margin: 0 auto;

}

#sitemap_contents{

    justify-content: space-between;

}

#sitemap_contents ul{

    width: 18%;

}

}

@media screen and (min-width:900px) and ( max-width:1199px) {

#f_sitemap{

    margin: 0 15px;

}

#sitemap_contents ul{

    width: 22%;

    margin-left: 4%;

}

#sitemap_contents ul:nth-child(4n+1){

    margin-left: 0;

}

}

@media screen and (min-width:900px) {

#sitemap_contents{

    display: flex;

    flex-wrap: wrap;

}

#sitemap_contents ul{

    margin-top: 40px;

}

#sitemap_contents li{

    

}

#sitemap_contents li a{

    font-size: 1.4rem;

}

}

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

#f_sitemap{

    margin: 0 15px;

    padding-top: 20px;

}



#sitemap_contents{

	overflow: hidden;

}

#sitemap_tab{

	position: absolute;

	z-index: -1;

	opacity: 0;

}

#f_sitemap label{

    text-align: center;

    font-size: 1.6rem;

    font-weight: bold;

    padding: 10px 0;

    border-bottom: solid 1px #4d4d4d;

	position: relative;

	display: block;

	cursor: pointer;

}

#sitemap_contents{

	overflow: hidden;

	max-height: 0;

	transition: all 0.5s;

}

#sitemap_tab:checked ~ #sitemap_contents{

	max-height: 100em;

}

#f_sitemap label::after{

	position: absolute;

    top: 8px;

	right: 0;

	display: block;

	-webkit-transition: all 1s;

	transition: all 1s;

    border: solid 1px #4d4d4d;

    line-height: 1;

    padding: 3px 6px 2px 6px;

    font-family: "Font Awesome 5 Free";

    font-size: 2rem;

    font-weight: 700;

}

#sitemap_tab[type=checkbox] + label::after{

    content: "\f107";

}

#sitemap_tab[type=checkbox]:checked + label::after{

	content: "\f106";

}

#f_sitemap li a{

    font-size: 1.3rem;

}

}



/* ----- コピーライト ----- */

#f_copyright{

    text-align: center;

    font-size: 1.3rem;

    padding: 40px 0 20px 0;

}

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

#f_copyright{

    font-size: 1.1rem;

    padding: 50px 15px 20px 15px;

}

}







/* ページトップボタン

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

#pagetop_btn{

  width: 50px;

  height: 50px;

  position: fixed;

  right: 15px;

  bottom: 15px;

  background: #d80314;

}

#pagetop_btn a{

  display: block;

  width: 50px;

  height: 50px;

  position: relative;

}

#pagetop_btn a::before{

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  content: '\f106';

  font-size: 30px;

  color: #fff;

  position: absolute;

  top: 1px;

  left: 16px;

}