@charset "UTF-8";


/***************************************************

	linkage

***************************************************/

#community.cont_section h2 span.jp_title strong {
	font-size: 36px;
	font-weight: 500;
}

.main_copy{
	text-align: center;
	font-size: 22px;
	line-height: 1.8;
	margin-bottom: 70px;
}

#community .in_cont_wrapp{
	width: 880px;
	margin: 0 auto 80px;
	border: 5px solid var(--color1);
	box-sizing: border-box;
	padding: 70px 55px 60px;
}

#community .in_cont_wrapp:last-of-type{
	margin-bottom: 0;
}

#community .in_cont_wrapp h3{
	text-align: center;
	margin-bottom: 60px;
}

#community .in_cont_wrapp h3 span {
    display: block;
    line-height: 1;
}

#community .in_cont_wrapp h3 span.en_title {
    font-size: 40px;
    font-weight: 500;
    color: var(--color1);
    margin-bottom: 20px;
}

#community .in_cont_wrapp h3 span.jp_title strong {
    display: inline-block;
    font-size: 30px;
    position: relative;
}

#community .in_cont_wrapp h3 span.jp_title strong::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: var(--color1);
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
}

#community .in_cont_wrapp .head_flex{
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
	margin-bottom: 35px;
}

#community .in_cont_wrapp .head_flex .main{
	width: 390px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.33;
}

#community .in_cont_wrapp .head_flex .sub{
	width: calc(100% - 390px);
	font-size: 16px;
	line-height: 1.33;
	letter-spacing: -0.05em;
}

#community .in_cont_wrapp .head_flex .sub strong{
	font-size: 17px;
	font-weight: 700;
	margin-right: 8px;
	letter-spacing: -0.05em;
}

#community .in_cont_wrapp .cont_textbox{
	
}

#community .in_cont_wrapp .cont_textbox .image_box{
	float: left;
	width: 180px;
	margin: 0 1em 0.5em 0;
}

#community .in_cont_wrapp .cont_textbox p{
	line-height: 1.8;
	text-indent: 1em;
}

#community .in_cont_wrapp .in_image_box{
	width: 570px;
	margin: 45px auto 0;
	border: 15px solid #fff;
	box-shadow: 6px 6px 14px -9px rgba(95, 95, 95, 0.8);
}
#community .in_cont_wrapp .in_image_box .caption {
	font-size: 13px;
	text-indent: 0;
	padding: 5px 0;
}
#community .in_cont_wrapp .cont_textbox h4 {
	font-size:24px;
	line-height: 1.4;
	padding: 3.5em 0 0;
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
}
#community .in_cont_wrapp .cont_textbox p.p_hed {
	padding-top: 3em;
}



/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1240px){

#community.cont_section h2 span.jp_title strong {
	font-size: 2.903226vw;
}

.main_copy{
	font-size: 1.774194vw;
	margin-bottom: 5.645161vw;
}

#community .in_cont_wrapp{
	width: 70.967742vw;
	margin: 0 auto 6.451613vw;
	border: 0.403226vw solid var(--color1);
	padding: 5.645161vw 4.435484vw 4.83871vw;
}

#community .in_cont_wrapp h3{
	margin-bottom: 4.83871vw;
}

#community .in_cont_wrapp h3 span.en_title {
    font-size: 3.225806vw;
    margin-bottom: 1.612903vw;
}

#community .in_cont_wrapp h3 span.jp_title strong {
    font-size: 2.419355vw;
}

#community .in_cont_wrapp h3 span.jp_title strong::after {
    height: 0.241935vw;
    bottom: -1.612903vw;
}

#community .in_cont_wrapp .head_flex{
	margin-bottom: 2.822581vw;
}

#community .in_cont_wrapp .head_flex .main{
	width: 31.451613vw;
	font-size: 1.935484vw;
}

#community .in_cont_wrapp .cont_textbox h4 {
	font-size: 1.935484vw;
}

#community .in_cont_wrapp .in_image_box .caption {
	font-size: 1.3vw;
}

#community .in_cont_wrapp .head_flex .sub{
	width: calc(100% - 31.451613vw);
	font-size: 1.290323vw;
}

#community .in_cont_wrapp .head_flex .sub strong{
	font-size: 1.370968vw;
	margin-right: 0.645161vw;
}

#community .in_cont_wrapp .cont_textbox .image_box{
	width: 14.516129vw;
}

#community .in_cont_wrapp .in_image_box{
	width: 45.967742vw;
	margin: 3.629032vw auto 0;
	border: 1.209677vw solid #fff;
	box-shadow: 0.483871vw 0.483871vw 1.129032vw -0.725806vw rgba(95, 95, 95, 0.8);
}



}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

#community.cont_section h2 span.jp_title strong {
	font-size: 5.333333vw;
}

.main_copy{
	font-size: 4.8vw;
	margin-bottom: 8vw;
}

#community .in_cont_wrapp{
	width: auto;
	margin: 0 auto 10.666667vw;
	border: 0.8vw solid var(--color1);
	padding: 3.733333vw 3.2vw;
}

#community .in_cont_wrapp h3{
	margin-bottom: 10.666667vw;
}

#community .in_cont_wrapp h3 span.en_title {
    font-size: 5.333333vw;
	margin-bottom: 2.133333vw;
}

#community .in_cont_wrapp h3 span.jp_title strong {
	font-size: 5.333333vw;
}

#community .in_cont_wrapp h3 span.jp_title strong::after {
	height: 0.533333vw;
	bottom: -3.2vw;
}

#community .in_cont_wrapp .head_flex{
	display: block;
	margin-bottom: 4.8vw;
}

#community .in_cont_wrapp .head_flex .main{
	width: auto;
	font-size: 4.8vw;
	line-height: 1.4;
	margin-bottom: 2.666667vw;
	text-align: center;
}

#community .in_cont_wrapp .cont_textbox h4 {
	font-size: 4.8vw;
}

#community .in_cont_wrapp .in_image_box .caption {
	font-size: 2.8vw;
}

#community .in_cont_wrapp .head_flex .sub{
	width: auto;
	font-size: 3.733333vw;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: center;
}

#community .in_cont_wrapp .head_flex .sub strong{
	display: block;
	font-size: 4.266667vw;
	margin-right: 0;
	letter-spacing: 0;
}

#community .in_cont_wrapp .cont_textbox .image_box{
	float: none;
	width: 50%;
	margin: 0 auto 3.733333vw;
}

#community .in_cont_wrapp .in_image_box{
	width: 80%;
	margin: 5.333333vw auto 0;
	border: 2.666667vw solid #fff;
	box-shadow: 0.8vw 0.8vw 3.2vw -1.6vw rgba(95, 95, 95, 0.8);
}




}