@charset "UTF-8";
body{
	width: 100%;
	overflow: hidden;
	overflow-y: scroll;
}

img{
	width:100%;
}

i{
	margin: 0 1rem;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}


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

.main{
	width: 100%;
	height: auto;
	background-image: url("../img/main_bg_pc.jpg");
	background-size: cover;
	background-position: center;

	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.main h1{
	width:100%;
	max-width: 1500px;
	margin: 0 auto;
}


@media only screen and (max-width: 750px) {
.main{
	/*background-image: url("../img/main_bg_sp.png");*/
}

.main h1{
	width:100%;
	max-width: 100%;
}
	
}


/*コンテンツ
---------------------*/

#contents{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#contents_wrap{
	width: 100%;
	padding: 0;
	background: url(../img/cont_bg_pc.png), #faf5e7;
    background-repeat: repeat-y;
    background-position: top center;
    z-index: 0;
}

section{
	width: 100%;
	margin: 0 auto;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */

}

/* 背景画像TOP */
section.overview_area{
	position: relative;/*相対配置*/
	background: #faf5e7;
	background: url(../img/cont_bg_pc.png), #faf5e7;
	background-repeat: repeat-y;
	background-position: top center;
}

section.profile_area{
	position: relative;/*相対配置*/
	background: #ffffff;
	background: url(../img/cont_bg_pc.png), #ffffff;
	background-repeat: repeat-y;
	background-position: top center;
}

section.message_area{
	position: relative;/*相対配置*/
	background: #faf5e7;
	background: url(../img/cont_bg_pc.png), #faf5e7;
	background-repeat: repeat-y;
	background-position: top center;
}

section.overview_area:before,
section.profile_area:before,
section.message_area:before {/*スペースを作る*/
	content: '';
	top: 0;
	left: 0;
	width: 100%;/*指定したい幅*/
	display: block;
	/*z-index: 2;*/
}

section.overview_area:after{/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -78px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_top.png);
	background-size: cover;
	background-repeat: no-repeat;/*画像を繰り返さない*/
	z-index: -1;
}

section.profile_area:after {/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -80px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_bottom.png);
	background-size: cover;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

section.message_area:after {/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -80px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_top.png);
	background-size: cover;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

.cont_wrap{
	width: 1300px;
	margin: 0 auto;
    
    z-index: 1;
    position: relative;
    padding: 12rem 0 0;
}

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

.bg_decoration_city{
	display: none;
	}
}

@media only screen and (max-width: 750px) {
section.overview_area:after{/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -14px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_top.png);
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

section.profile_area:after {/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -16px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_bottom.png);
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

section.message_area:after {/*画像を絶対配置*/
	position: absolute;
	content: '';
	top: -16px;
	left:0;
	display: block;
	width: 100%;/*幅*/
	height: 80px;/*高さを指定*/

	background-image: url(../img/bg_wave_top.png);
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}

}


/* min-width:最小値順 */
@media screen and (min-width: 751px) {


.bg_mountain_left{
	position: absolute;
	top: -14rem;
    left: 4rem;
	}

.bg_mountain_right{
    position: absolute;
    top: -10rem;
    right: 4rem;
	}
	
.bg_decoration_family{
	position: absolute;
    top: 14rem;
    left: 0;
	z-index: 2;
	}

.bg_decoration_fox{
	position: absolute;
    top: 18rem;
	right: 0;
	z-index: 2;
	}

.bg_decoration_buss{
	position: absolute;
	top: -8rem;
    left: 10rem;
	z-index: 2;
	}

.bg_decoration_city{
	position: absolute;
	top: -18rem;
    right: 0;
	z-index: 2;
	}

}

/* min-width:最小値順 */

@media screen and (min-width: 751px) and (max-width: 1023px){

}


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

.bg_mountain_left{
	position: absolute;
	top: -14rem;
    left: 4rem;
	}

.bg_mountain_right{
    position: absolute;
    top: -10rem;
    right: 4rem;
	}

.bg_decoration_family{
	position: absolute;
    top: 14rem;
    left: 0rem;
	z-index: 2;
	}

.bg_decoration_fox{
	position: absolute;
    top: 18rem;
	right: 10rem;
	z-index: 2;
	}

.bg_decoration_buss{
	position: absolute;
	top: -8rem;
    left: 16rem;
	z-index: 2;
	}

.bg_decoration_city{
	position: absolute;
	top: -18rem;
    right: -4rem;
	z-index: 2;
	}

}

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

.bg_mountain_left{
	position: absolute;
	top: -14rem;
    left: 2rem;
     width: 50%;
	}

.bg_mountain_right{
    position: absolute;
    top: -10rem;
    right: 2rem;
    width: 50%;
	}

.bg_decoration_family{
	position: absolute;
    top: 14rem;
    left: 16rem;
	z-index: 2;
	}

.bg_decoration_fox{
	position: absolute;
    top: 18rem;
	right: 10rem;
	z-index: 2;
	}

.bg_decoration_buss{
	position: absolute;
	top: -8rem;
    left: 38rem;
	z-index: 2;
	}

.bg_decoration_city{
	position: absolute;
	top: -18rem;
    right: -4rem;
	z-index: 2;
	}

}

/* pc */
.bg_mountain_left{
	position: absolute;
	top: -13rem;
    left: 2rem;
     width: 30%;
	}

.bg_mountain_right{
    position: absolute;
    top: -10rem;
    right: 2rem;
    width: 30%;
	}

.bg_decoration_fox{
	position: absolute;
    top: 18rem;
	right: 12rem;
	z-index: 2;
	}

.bg_decoration_tree{
	position: absolute;
    top: 22rem;
	left: 112rem;
	z-index: 2;
	}

.bg_decoration_family{
	position: absolute;
    top: 14rem;
    left: 10rem;
	z-index: 2;
	}

.bg_decoration_city{
	position: absolute;
	top: -18rem;
    right: 2rem;
	z-index: 2;
	}


@media only screen and (max-width: 750px) {
	
#contents{
	width: 100%;
	margin: 0 auto;
}

#contents_wrap{
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

section{
	margin: 0rem auto;
	padding: 0;
}

.cont_wrap{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 6rem 0 0;
}

.bg_mountain_left{
	position: absolute;
	top: -4rem;
    left: 0;
    width: 100%;
	}

.bg_mountain_right{
    position: absolute;
    top: -5rem;
	right: auto;

	display: none;
	}

.bg_decoration_tree {
    position: absolute;
    top: 38rem;
    right: auto;
    left: 30rem;
    z-index: 2;
}

.bg_decoration_family{
	position: absolute;
	top: 14rem;
    left: 1rem;
	z-index: 2;
	}

.bg_decoration_fox{
	position: absolute;
	top: 26rem;
    left: 20rem;
	z-index: 2;
	display: none;
	}

.bg_decoration_buss{
	position: absolute;
	top: -8rem;
    left: 0;
	z-index: 2;
	}

.bg_decoration_city{
	position: absolute;
	top: -10rem;
    left: 25rem;
	z-index: 2;

	display: none;
	}

.bg_mountain_left img{
	width: 100%;
	}

.bg_mountain_right img{
	/*width: 100%;*/
	}

.bg_decoration_tree img{
	width: 50%;
	}	

.bg_decoration_family img{
	width: 100%;
	}

.bg_decoration_buss img{
	width: 100%;
	}

}


/*見出し
---------------------*/

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

	/*display: flex;
	justify-content: center;
	align-items: center;*/
	position: relative;

	}

.theme_txt.overview {
	width: 1300px;
	height: auto;
    padding: 0;
    margin: 0 auto;
	}

.theme_txt.profile,
.theme_txt.message {
	width: 1200px;
	height: auto;
    padding: 0 0 16rem;
    margin: 0 auto;
	}

.theme_txt p {
	font-size: 3rem;
	line-height: 2;

	color: #4a0000;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
	font-weight: 400;
	font-style: normal;
	text-align: left;
	}


/*見出し テキスト
---------------------*/

.midashi01 {
	position: relative;
	font-size: 3.5rem;
	text-align: center;

	margin-bottom: 10rem;

	font-weight: bold;
	color: #002c6a;

	font-weight: bold;
	text-align: center;
}

.midashi01.overview{
	position: relative;
	margin: 0 auto 12rem;
}

.midashi01::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #4a0000;
}


/* h2画像サイズ*/
.midashi01 img.ttl_overview{
	display: block;
	margin: 0 auto;
	width: 474px;
	height: auto; 
	}

.midashi01 img.ttl_message{
	display: block;
	margin: 0 auto;
	width: 760px;
	height: auto; 
	}

.midashi01 img.ttl_profile{
	display: block;
	margin: 0 auto;
	width: 832px;
	height: auto; 
	}

.overview_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	z-index: 0;
	position: relative;
	margin: 0 auto 16rem;
}

.overview_box img.overview_ph{
	width: 670px;
	height: auto;
	z-index: 2;
}

.overview_box .overview_txt{
	font-size: 2.3rem;
	text-align: left;
	line-height: 2.2;
	width: 700px;
	padding: 8rem 6rem 8rem 14rem;
	border-radius: 30px;
	background: #fff;
	z-index: 1;

	position: absolute;
	right: 0;
	top: 100px;
}

.overview_box .overview_txt span{
	color: #4e2d1a;
}

.radiko_area{
	width: 100%;
	padding: 0 0 16rem;
}

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

/* h2画像サイズ*/
.midashi01 img.ttl_overview {
    width: 70%;
}

.midashi01 img.ttl_message{
    width: 85%;
	}

.midashi01 img.ttl_profile{
    width: 70%;
	}

.theme_txt{
	width: 100%;
}

.overview_box{
	width: 90%;
	display: block;

	position: relative;
	margin: 0 auto 6rem;
}

.theme_txt.overview {
	width: 100%;
	}

.theme_txt.message {
	width: 100%;
	padding: 0 0 5rem;
	}

.overview_box img.overview_ph{
	width: 100%;
	height: auto;
	z-index: 2;
	margin-bottom: 2rem;
}

.overview_box .overview_txt{
	font-size: 1.8rem;
	text-align: left;
	line-height: 1.8;
	width: 100%;
	padding: 4rem 2rem;
	z-index: 1;

	position: relative;
	right: 0;
	top: 0;
}

.radiko_area{
	width: 100%;
	padding: 0 0 10rem;
}

}


/* プロフィール */

.profile_wrap{
	width: 100%;
	}

/*ゲスト情報*/
.profile_box{
	width: 100%;
	display: flex;
	flex-direction: column;

	/*justify-content: center;*/
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 3rem 4rem 3rem 3rem;
	margin: 0 auto;

	background-color: white;
	border-radius: 20px;
	}

.profile_box_contents{
	width: 100%;
	display: flex;
	/*justify-content: center;*/
	justify-content: space-between;
	flex-wrap: wrap;
	}

.profile_box_photo{
	width: 30%;
	}

.profile_box_photo img{
	border-radius: 10px;
	}

.profile_box_txt{
	width: 65%;
	}

.profile_box_txt p.profile_ttl{
	font-size: 3rem;
	color: #4e2d1a;
	font-weight: bold;
	}

.profile_box_txt p{
	font-size: 1.8rem;
	line-height: 1.8;
	}

.profile_box_txt p:nth-child(2){
	padding-top: 1rem;
	font-size: 2.3rem;
	color: #4e2d1a;
	}


/* プロフィール Xボタン */
.sns_box{
	width: 100%;
	margin: 4rem 0 0;
	}

.sns_box p{
	margin:1rem 0;
	}

.insta_logo{
	width: 10%;
	display: block;
	}


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

.theme_txt.profile{
	width: 100%;
	padding: 5rem 0 5rem;
	}

.theme_txt.profile > .midashi01{
	margin-bottom: 6rem;
}

.profile_box{
	width: 100%;
	display: block;
	padding: 2rem;
}

.profile_box_contents{
	display: block;
}

.profile_box_photo{
	width: 100%;
	padding-bottom: 1rem;
	}


.profile_box_photo img{
	width: 60%;
	display: block;
	margin: 0 auto;
	}

.profile_box_txt{
	width: 100%;
}
.profile_box_txt p.profile_ttl{
	font-size: 2rem;
}

.profile_box_txt p:nth-child(2){
	font-size: 1.8rem;
}

.profile_box_txt p{
	font-size: 1.4rem;
}

/* プロフィール Xボタン */
.insta_logo{
	width: 20%;
	display: block;
	margin: 0 auto;
	}

}


/* ボタンのCSS　*/

.box_message_btn{
	width: 100%;
	text-align: center;
}

.box_message_btn p{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

}

a.btn-icon {
	display: inline-block;
	width: 40%;
	margin: 0 auto;
	background-color: #663300;
	font-size: 2.4rem;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 2rem 0;
	border-radius: 50vw;
	position: relative;
	text-align: center;
}

.box_message_btn a{
	color: white;
	/*text-decoration: none;*/
}

.box_message_btn a:hover {
	opacity: 0.8;
	transition: 0.3s;
}

.box_message_txt{
	text-align: center;
}

.box_message_btn .message_btn_txt{
	font-size: 2.2rem;
	text-align: center;
	line-height: 2;

	color: #4a0000;
	margin-top: 2rem;
	font-family: "M PLUS Rounded 1c", sans-serif;
	transform:rotateZ(0.03deg); /* fontのギザギザを取る */
}

.box_message_btn .message_btn_txt a{
	color: #1e8253;
}

/*ラジコ ボタン*/

.radiko_btn{
	width: 100%;
	text-align: center;
	margin:0 auto;
}

.radiko_btn a{
	color: #1e8253;
	margin-top: 2rem;
	font-size: 1.8rem;
}

#linklist li img{
	width: 460px;
    height: auto;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.message_txt{
	color: #4a0000;
	margin-top: 2rem;
	font-size: 2.2rem;
}


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

a.btn-icon {
	width: 90%;
	}

#linklist li img{
    width: 80%;
}

.message_txt{
	text-align: center;
	font-size: 1.2rem;
}

.btn-icon {
	width: 100%;
	font-size: 1.6rem;
	padding: 1.5rem;
}

}


/*協賛企業バナー　1社の場合*/
.ban_company{
	width: 100%;
	text-align: center;
}


.ban_company img{
	width: 400px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}


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

.ban_company img{
	width: 80%;
}

}


/*協賛企業バナー 数社の場合*/
.ban_company_lot{
	width: 100%;
}

.ban_company_lot ul{
	width:100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ban_company_lot li{
	width: 30%;
	margin-bottom: 2rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* 最後のコンテンツを左寄せにする指定 */
.ban_company_lot ul:after {
    content: "";
    display: block;
    width: 30%;  
    height: 0;
}

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

.ban_company_lot ul{
	width:100%;
}
	
.ban_company_lot li{
	width: 80%;
	margin: 0 auto 2rem;
}

}


/* PCのみ表示
------------------------------*/
@media only screen and (max-width: 750px) {

	.for_pc{
		display: none;
	}
	
}

/* スマホのみ表示
------------------------------*/

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

	.for_sp{
		display: none;
	}
	
}

/*------------------------------
表示・非表示管理（）
本体のcommon.cssに記述あり
【非表示】.disp_none
【PC非表示】.pc_none
【SP非表示】.sp_none
------------------------------*/




/* header/footer --------------------*/

.header_simple {
   background: #333333;
}

.footer_simple {
    background: #333333;
}

.footer_simple .copyright{
	color: #ffffff;
}