@charset "utf-8";

body {
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #603813;
}

img{
    vertical-align: bottom;
}


a {
	text-decoration: none;
	color: #000;
    transition: all .5s ease;
}

/*
a {
  transition: all  0.5s ease;
}
*/
a:hover {
	opacity: .6;
}



li {
	list-style: none;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}



/*===main全体に適応===*/
a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #000;
}

a:active {
	color: #000;
}


.inner {
    width: 93%;
	max-width: 1100px;
	margin: 50px auto;
}

.inner_page {
	width: 93%;
    margin: 0 auto 50px auto;
    max-width: 1000px;
}


.maincol{
    width: 100%;
}

.maincol.post {
    width: 900px;
    font-size: 16px;
    margin: 0 auto;
}

.maincol.post.wide {
    width: 900px;
    font-size: 15px;
    margin: 0 auto;
}

.maincol.page {
    width: 900px;
    font-size: 16px;
    margin: 0 auto;
}



.sidecol{
    width: 320px;
    background: #EFEFEF;
}

.bg_gray {
    width: 100%;
    background: #F3F4F2;
    padding: 100px 0;
}



/*タイトル**********************************/
.cont_titile {
color: #000;
font-size: 30px;
font-weight: bold;
text-align: left;
letter-spacing: 2px;
padding: 0 0 10px 0;
line-height: 1.4;
border-bottom: 1px dashed #CCC;
margin: 0 0 15px 0;
    display: flex;
  align-items: center;
}


.cont_titile span{
    background: darkkhaki;
  color: #FFF;
  padding: 5px 7px;
  font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 10px 0 0;
}


.cont_titile02 {
    color: #000;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #CCC;
    margin: 0 0 80px 0;
    padding: 0 0 20px 0;
}

.cont_titile03 {
  font-weight: normal;
  font-size: 15px;
    text-align: center;
}

.cont_titile03 span{
    font-family: 'Jost', sans-serif;
    font-size: 40px;
    font-weight: 400;
    display: block;
    letter-spacing: 3px;
}

.cont_titile03 a {
    display: flex;
    color: #000;
    width: max-content;
    margin: 0 auto;
    align-items: center;
}

.cont_titile03 a img {
    width: 17px;
    
    margin: 0 7px 0 0;
}






/*タイトル***********************************/

/*コンテンツ内のタイトル*/
.in_cont_note {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dashed #494F62;
	display: inline-block;
	line-height: 35px;
}

.in_cont_title{
	font-size: 34px;
	font-weight: bold;
	
}

.in_cont_title_n{
	color: #8AD1D3;
	font-size: 50px;
	font-weight: bold;
}

.in_cont_title_add{
	font-size: 16px;
color: #8AD1D3;
}

/*コンテンツ内のタイトル*/







/*ボタン*/
.btn_to_page {
	width: 300px;
	height: 60px;
	background-color: #494F62;
	border: 1px solid #C5C7C9;
	border-radius: 30px;
	color: #fff!important;
	font-weight: 600;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	margin: 0 auto;
	display: block;
}


.btn_to_page:hover {
	background-color: #fff;
	color: #494F62!important;
}
/*ボタン*/


/*フレックス***************************************/

.flex_b {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_c {
  display: flex;
  justify-content:space-around;
  flex-wrap: wrap;
}


/*フレックス***************************************/



/****************************************************/
/****************** media queries *******************/
/****************************************************/
/********************************************/
/************ max-width: 1000px *************/
/********************************************/

@media screen and (max-width: 1024px) {
  
  
  .inner {
	width: 93vw;
	margin: 0 auto;
    max-width: 93vw; 
}
    .inner_page {
	width: 96vw;
	margin: 0 auto;
        max-width: 93vw; 
        padding: 0 0 50px 0;
}
    
    .maincol{
    width: 100%;
        max-width: 93vw; 
}
    .maincol.post {
    width: 90%;
}


.sidecol{
    width: 30%;
    max-width: 93vw; 
}
    
    .cont_titile {

    font-size: 3vw;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
        padding: 15px 0 35px;
}
    
    .cont_titile span {
    line-height: 1.2;
}

}


@media screen and (max-width: 990px) {
.contents {
  margin: 70px 0 0;
}
}

/********************************************/
/************ max-width: 834px *************/
/********************************************/

/*タブレット*/
@media screen and (max-width: 768px) {

	.pc {
		display: block !important;
	}

	.sp {
		display: none !important;
	}
    
    
    .cont_titile02 {
    font-size: 5vw;
    font-weight: 600;
    text-align: center;
        margin: 0 0 30px 0;
}
    
    .maincol.post {
    width: 100%;
}
    
  .maincol.post td img {
    width: 100%;
    height: auto;
}
	

}


/********************************************/
/************ max-width: 834px *************/
/********************************************/

/*モバイル*/
@media screen and (max-width: 640px) {
    body {
    font-size: 14px;
}
    
    .pc {
		display: none!important;
	}
    
    .sp {
		display: block !important;
	}
    
    .sidecol {
    width: 100%;
    margin: 0 auto;
}
    
    .bg_gray {
    width: 100%;
    background: #F3F4F2;
    padding: 50px 0;
}
    .inner_page img {
    width: 100%;
    height: auto;
}
    
    .contents {
    margin: 80px 0 0;
}
    
    .cont_titile03 span {
  font-size: 30px;
  font-weight: 400;
}
    
}