@charset "utf-8";

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

html {scroll-behavior: smooth;}

.clearfix {
    display: block;
}

.sp {
    display:none;
}

#container{
    width:100%;
    margin: 0 auto 0;
    text-align:center;
	font-size: 20px;
}

.lead {
	width: 980px;
	margin: 0 auto;
}

ul#gnavi.menu6 li{width:15%;}

.attention{
	color:red;
	font-weight:bold;
}

.textmin{
	font-family: "Crimson Text", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*-----------------------------------------------------*/
/* パンくずエリアのスタイル
/*-----------------------------------------------------*/

div#breadSns{
  width:980px;
  margin:0 auto;
  padding:0;
  height:32px;
}

/*     パンくず
------------------------------------------*/

div#bread{
	float:left;
	margin:6px 0 0 5px;
}

.wrap{display: none;}/*折り返し用*/

/*    IE用　　*/
div#bread{
	margin/*\**/: 0 0 0 5px\9;
}

/*-----------------------------------------------------*/
/* メインビジュアル
/*-----------------------------------------------------*/

.mainvisual{
	padding: 0;
	margin: 0 auto;
	width:100%;
	height:100%;
}

/*-----------------------------------------------------*/
/* h1 スタイル
/*-----------------------------------------------------*/

.intro {
	font-size: 32px;
	margin: 50px 0 0;
	line-height: 1.4;
}

.intro:after {
	content: "";
	display: block;
	margin: 50px auto;
	width: 170px;
	height: 2px;
	background: #0086cd;
}

/*-----------------------------------------------------*/
/* text-area スタイル
/*-----------------------------------------------------*/
.text-area {
    padding-inline: 40px;
}

.text-area > p {
	line-height: 1.6;
    font-size: clamp(18.00px, 0.13vw + 17.51px, 20.00px);
}
p.att-text {
	font-weight: 600;
	color: red;
}

/*-----------------------------------------------------*/
/* ボタン スタイル
/*-----------------------------------------------------*/

ul.btn-area {
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
    max-width: 1380px;
    margin: 0 auto;
    letter-spacing: 0.05em;
    padding: 110px 25px 50px;
}

ul.btn-area h2 {
    background: #e7f8ff;
    border-left: solid 5px #0086cd;
    color: #000;
    text-align: left;
    font-size: clamp(18.00px, 0.26vw + 17.03px, 22.00px);
    padding: 10px 20px 6px;
    font-weight: 400;
    margin-bottom: 20px;
}

ul.btn-area h2::before {
  content: "■";
  margin-right: 0.5em;
  color: #0086cd;
}

ul.btn-area li {
    margin-bottom: 40px;
    text-align: center;
}

ul.btn-area li .btn {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

ul.btn-area li .btn a {
    display: block;
	color: #fff;
    font-size: clamp(16.00px, 0.26vw + 15.03px, 20.00px);
    padding-block: 16px;
    border-radius: 10px;
	text-decoration: none;
}

ul.btn-area li:first-child a {
	background-color: #ff690c;
}

ul.btn-area li:nth-child(2) a {
	background-color: #0086cd;
}

ul.btn-area li:nth-child(3) a {
    font-size: clamp(32.00px, 0.39vw + 30.54px, 38.00px);
    color: #ff0000;
    text-decoration: none;
}

ul.btn-area li:last-child p {
    text-align: left;
    margin: 0 auto;
    line-height: 1.3;
    display: inline-block;
    font-size: clamp(16.00px, 0.19vw + 15.27px, 19.00px);
}

ul.btn-area li:last-child span {
    font-weight: bold;
}

ul.btn-area li a:hover,
p.back a:hover {
	opacity: 0.6;
}


/*--------------------------------------------------------------------*/
/* レスポンシブル対応
/*--------------------------------------------------------------------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/css/font/websymbols_gf-edit-webfont.eot');
    src: url('/css/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/css/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/css/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:980px) {
    div#breadSns {
        width: 100%;
    }
	div#bread p.crumbs{
       line-height:1.4;/*折り返し用*/
    }
	.wrap{display:block;}/*折り返し用*/
	
	#container{
		width: 100%;
	}

	.lead{
		width: auto;
	}
	.intro {
		font-size: 3.8vw;
	}

    ul.btn-area {
        gap: 20px;
    }

    ul.btn-area li .btn {
        grid-template-columns: 1fr;
        gap: 10px;
    }

}

@media screen and (max-width:640px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    #footer {
        display: none;
    }
    #breadSns {
        display: none;
    }
    header.common .logo {
        float: left;
        width: 275px;
    }
    header.common .navi li {
        float: right;
        padding-top: 15px;
    }

    #container{
        position:relative;
        margin: 0;
    }

	.intro {
		font-size: 6.5vw;
		margin: 40px 0 0;
        padding-inline: 20px;
	}

	.intro:after {
		margin: 40px auto;
	}

	ul.btn-area {
		grid-template-columns: 1fr;
        padding-top: 50px;
	}


}