@charset "UTF-8";

/*
.hd_logo1{
	z-index: 99999;
}
*/
/***

トップ　メインスライダー

***/
.top_main_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 10;
}
.top_main_ph1 img{
	width: 100%;
	height: auto;
}
.top_main_pc1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	
/*	background: rgba(219,123,125,0.4);*/
}
.top_main_pa1{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	
/*	background: rgba(219,123,125,0.4);*/
}
@media print, screen and (min-width: 801px) {
.top_main_pa2{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	
	display: flex;
	align-content: center;
	align-items: center;
/*	background: rgba(219,123,195,0.4);*/
}
}

.top_main_box1{
	clear: both;
	width: 92%;
	max-width: 1068px;
	max-width: 800px;
	max-width: 700px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	
	position: relative;
	
/*	background: rgba(159,227,174,1.00);*/
}
.top_main_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
/*
	padding: 15px;
	background: rgba(255,255,255,0.5);
*/
/*
	position: absolute;
	bottom: 40px;
*/
}
/*メインボタン*/
.top_main_btn_flex1{
	clear: both;
	width: 89.584%;
/*	max-width: 430px;*/
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_main_btn1{
	clear: both;
	width: 46.512%;
/*	max-width: 200px;*/
	height: auto;
	margin: 0 0 3vh;
	padding: 0;
}
.top_main_btn1 img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 801px) {
.top_main_btn_flex1{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.top_main_btn1{
	clear: both;
	width: 22.472%;
	max-width: 240px;
	height: auto;
	margin: 0;
	padding: 0;
}
}
	
/*メイン帯*/
.top_main_bar1{
	clear: both;
	width: 100%;
	height: 1px;
	margin: 15px 0 40px;
	padding: 0;
	border: none;
	border-bottom: 2px solid #000;
}
/*メインロゴ1*/
.top_main_logo1{
	clear: both;
	width: 92%;
	max-width: 384px;
	height: auto;
	margin: 0 auto;
	padding: 5vh 0;
}
.top_main_logo1 img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 801px) {
.top_main_logo1{
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
}
}

.top_main_logo_bg1{
	clear: both;
	width: 250%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
/*	bottom: 25%;*/
	top: -85%;
	top: -100%;
	left: -75%;
	right: -75%;
	z-index: -1;
}
/***

/トップ　メインスライダー

***/



.top_main_bg1s,
.top_box1_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 25;
	
	background-image: url("../img/common/bg01.png");
	background: #fff;
	background-position: top center;
	background-repeat: repeat;
}




/***

トップ　BOX1

***/
.top_box1_bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 20;
	background: #fff;
/*	background: rgba(209,123,124,1.00);*/
}




/***

トップ　BOX2

***/
.box2_icon1{
	clear: both;
	width: 50px;
	height: auto;
	margin: 0 auto 14px;
	padding: 0;
}

.box2_title1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 5vw;
	line-height: 101%;
	text-align: center;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.box2_title1{
	font-size: 32px;
	font-size: 28px;
}
}
/***

トップ　BOX2 bg

***/
/*
.fixedBox1{
	clear: both;
	width: 100%;
	height: auto;
	height: 1000px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;

}
*/
/****

fixed

***/



.top_box2_bg1{
	clear: both;
	width: 100%;
	height: 100%;
/*	height: 1000px;*/
	margin: 0;
	padding: 0;
/*	position: fixed;*/
	position: relative;
	top: 0;
	left: 0;
	z-index: 20;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
/*	background:rgba(59,213,187,1.00);*/
}
@media print, screen and (min-width: 801px) {
.top_box2_bg1{
	flex-wrap: nowrap;
	
/*	background:rgba(59,213,187,1.00);*/
}
}
.fixed1{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	
	height: calc( 100% - 180px );
	margin: 80px 0 100px;
}
@media print, screen and (min-width: 801px) {
.fixed1{
	height: 100%;
	margin: 0;
}
}
.top_box2_bg2{
	clear: both;
	width: 100%;
	height: 1200px;
	margin: 0;
	padding: 0;
	
}
.top_box2_bg1_flex1,
.top_box2_bg1_flex2,
.top_box2_bg1_flex3,
.top_box2_bg1_flex4{
/*	clear: both;*/
	width: 50%;
	height: 50%;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
/*	background: rgba(222,101,103,1.00);*/
/*	background-image: url("../img/top/top_box2_bg1.jpg");*/
/*	background-position: center;*/
	background-size: cover;
	
	
}
@media print, screen and (min-width: 801px) {
.top_box2_bg1_flex1,
.top_box2_bg1_flex2,
.top_box2_bg1_flex3,
.top_box2_bg1_flex4{
/*	clear: both;*/
	width: 25%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
/*	background: rgba(222,101,103,1.00);*/
/*	background-image: url("../img/top/top_box2_bg1.jpg");*/
/*	background-position: center;*/
	background-size: cover;
}
}
.top_box2_bg1_flex1{
/*	background: rgba(88,185,218,1.00);*/
	background-image: url("../img/top/top_box2_bg1.jpg");
}

.top_box2_bg1_flex2{
/*	background: rgba(88,185,218,1.00);*/
	background-image: url("../img/top/top_box2_bg2.jpg");
}
.top_box2_bg1_flex3{
/*	background: rgba(88,185,218,1.00);*/
	background-image: url("../img/top/top_box2_bg3.jpg");
}
.top_box2_bg1_flex4{
/*	background: rgba(88,185,218,1.00);*/
	background-image: url("../img/top/top_box2_bg4.jpg");
}
.top_box2_bg1_pa1{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	
	display: flex;
/*	align-self: center;*/
	justify-content: center;
/*	align-content: center;*/
	align-items: center;
}
.top_box2_bg1_flex1_btn1{
	width: 65%;
	height: auto;
	margin: 0;
	padding: 0;
	
}




/***

トップ　BOX3

***/
.top_box3_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 25;
	background: #edecde;
	background-image: url("../img/common/bg01-20p.png");
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
	background-size: 25%;
	background-size: 50%;
}

.top_box3_fr1{
	display: none;
}
@media print, screen and (min-width: 801px) {
.top_box3_fr1{
	display: block;
	width: 35.625%;
	width: 36.5%;
	height: auto;
	margin: 0;
	padding: 0;
	
	float: right;
	position: relative;
}
}
@media print, screen and (min-width: 801px) {
.top_box3_fr1.pc-on1{
	display: block;
}
.top_box3_fr1.pc-on2{
	display: none;
}
}
/*@media print, screen and (min-width: 1151px) {*//*2025-0411修正*/
@media print, screen and (min-width: 1201px) {
.top_box3_fr1.pc-on1{
	display: none;
}
.top_box3_fr1.pc-on2{
	width: 35.625%;
	display: block;
}
}


@media print, screen and (min-width: 801px) {
.top_box3_txt1_bg1{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	align-items: center;
}
.top_box3_fl1{
	width: 60%;
	height: auto;
	margin: 0;
	padding: 0;
	
	float: left;
/*	background: rgba(142,214,155,0.50);*/
}
}
@media print, screen and (min-width: 1201px) {
.top_box3_fl1{
	width: 66%;
}
}


.top_box3_title1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 32px;
	font-size: 6.4vw;
	line-height: 130%;
	text-align: left;
	color: #222;
}

.top_box3_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 20px;
	font-size: 4vw;
	line-height: 150%;
	text-align: left;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.top_box3_title1{
	font-size: 32px;
}
.top_box3_txt1{
	font-size: 20px;
}
.top_box3_fl1 .top_box3_title1{
	font-size: 24px;
}
.top_box3_fl1 .top_box3_txt1{
	font-size: 16px;
}
}
@media print, screen and (min-width: 1101px) {
.top_box3_fl1 .top_box3_title1{
	font-size: 32px;
}
.top_box3_fl1 .top_box3_txt1{
	font-size: 20px;
}
}


.top_box3_fl1-br{
	display: block;
}
@media print, screen and (min-width: 801px) {
.top_box3_fl1-br{
	display: none;
}
}
@media print, screen and (min-width: 1101px) {
.top_box3_fl1-br{
	display: block;
}
}




.top_box3_btn1{
	clear: both;
	width: 70%;
	max-width: 380px;
	height: auto;
	margin: 30px auto 0;
	padding: 0;
}
.top_box3_btn1 .nav_btn1.m01{
	margin: 0;
	padding: 0;
}

.top_box3_cap1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	text-decoration: none;
	font-size: 11px;
	font-size: 2.2vw;
	line-height: 101%;
	text-align: right;
	color: #222;
	
	position: absolute;
	bottom: 6px;
	right: 102%;
/*	background: rgba(224,108,228,1.00);*/
}
@media print, screen and (min-width: 801px) {
.top_box3_btn1{
	margin: 30px 0 0;
}
.top_box3_cap1{
	font-size: 11px;
}
}




/***

トップ　BOX4

***/
.top_box4_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 60px 0;
	position: relative;
	z-index: 25;
	
	background: linear-gradient(to top, #192855, 20%, #154585);
	background: #192855;
	background: #154585;
	background:rgba(43,103,149,1.00);/* #2b6795*/
	background:rgba(113,82,21,1.00);
	background:rgba(110,75,75,1.00);
	background:rgba(100,70,65,1.00);
	background:rgba(100,80,60,1.00);
/*	background:rgba(125,109,75,1.00);*/
/*	background:rgba(130,110,75,1.00);*/


/*	background-image: url("../img/common/bg03-20p.png");*/
/*	background-image: url("../img/common/bg04.png");*/

	
/*
	background-image: url("../img/common/bg04-20.png");
	background-size: 3%;
*/
	background:rgba(115,85,75,1.00);
	
	 /*--グラデーション指定以外　省略--*/
/*	background: linear-gradient(180deg, rgba(43,103,149,1.00), 60%, rgba(25,40,85,1.0)),url("../img/common/bg04.png");*/
	
	background-position: top center;
	background-repeat: repeat;
}
.top_box4_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media print, screen and (min-width: 801px) {
.top_box4_flex1{
	flex-wrap: nowrap;
}
}

.top_box4_btn1{
	clear: both;
	width: 100%;
	max-width: 308px;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
}
.top_box4_btn1.m01{
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_box4_btn1{
	fclear: both;
	width: 30.8%;
	max-width: 308px;
	margin: 0;
	padding: 0;
}
.top_box4_btn1.m01{
	margin: 0;
	padding: 0;
}
}
/***

/トップ　BOX4

***/



/***

トップ　BOX5

***/
.top_box5_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	z-index: 24;
	z-index: 20;
	
	background: #fff;
/*	background-image: url("../img/common/bg01.png");*/
	background-position: top center;
	background-repeat: repeat;
	border: none;
	border-bottom: 5px solid #ccc;

}
.top_box5_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	
}
@media print, screen and (min-width: 801px) {
.top_box5_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: flex;
	
	flex-flow: row wrap;
	justify-content: center;
}
}

.top_box5_btn1{
	clear: both;
	width: 100%;
	max-width: 275px;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
}
.top_box5_btn1.m01{
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_box5_btn1{
/*	clear: both;*/
	width: 27.5%;
	max-width: 275px;
	margin: 0;
	padding: 15px;
}
.top_box5_btn1.m01{
	margin: 0;
	padding: 15px;
}
}




/***

bg

***/
.p5_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 20;
	background: #fff6c4;

}


/***

トップ　ブログ

***/
.top_blog_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_blog_flex1{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
.top_blog_flex1.top_bnr1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
}
.top_blog_bnr1{
	clear: both;
	width: 80%;
	max-width: 320px;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.top_blog_bnr1{
	clear: both;
	width: 50%;
	max-width: 320px;
	height: auto;
	margin: 0;
	padding: 0 20px;
}
.top_blog_bnr1.top_bnr1{
	clear: both;
	width: 48.633%;
	max-width: 320px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
}
.contents680{
	clear: both;
	width: 92%;
	max-width: 680px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}



/***

トップ　バナー1

***/
.top_bnr_btn1{
	clear: both;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.top_bnr_btn1 img{
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
@media print, screen and (min-width: 801px) {
.top_bnr_btn1{
	
}
}