@charset "UTF-8";
/* CSS Document */

main{}

#title_2nd_group{margin-top: 130px;padding: 5% 0}
#title_2nd_group .inner .sub{position: relative;margin:0 0 2% 0;padding: 0 0 0 2%;font-size:clamp(12px, 0.8vw, 16px);letter-spacing: 4px;line-height: 1;font-weight: 100;color: #3b55a9;}
#title_2nd_group .inner .sub::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: #3b55a9;width: 8px;height: 8px;border-radius: 5px}
#title_2nd_group .inner h1{margin:0 0 4% 0;padding: 0;font-size:clamp(24px, 2.8vw, 50px);letter-spacing: 2px;line-height: 1.2;font-weight: 100;color: #243555;}
#title_2nd_group .inner .breadcrumb{margin: 0 auto;font-size:clamp(13px, 0.8vw, 18px);letter-spacing: 1px;line-height: 1;}
#title_2nd_group .inner .breadcrumb span{color: #000;position: relative;padding-right: 1%;margin-right: 1%}
#title_2nd_group .inner .breadcrumb span::before{content:'';position: absolute;top:50%;left:99%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f105';color: #000;font-size:clamp(10px, 0.5vw, 16px);}
#title_2nd_group .inner .breadcrumb span:last-of-type::before{display:none;}
#title_2nd_group .inner .breadcrumb a{color: #3b55a9;}
#title_2nd_group .inner .breadcrumb a:hover{color: #000;}

#lead_photo{overflow:hidden;}
#lead_photo img{width:100%;height: 100%;object-fit: cover;margin: 0 auto;}

#sample{margin: 0 auto;padding: 5% 0}
#sample img{width:100%;margin: 0 auto;}

.h3-1{margin:0 0 5% 0;padding: 0;font-size:clamp(30px, 3.5vw, 50px);letter-spacing: 2px;line-height: 1.2;font-weight: 100;color: #3b55a9;}
.h4-1{margin:0 0 4% 0;padding: 0;font-size:clamp(25px, 2.5vw, 35px);letter-spacing: 2px;line-height: 1.2;font-weight: 100;color: #3b55a9;}
.text01{margin:0 0 7% 0;padding: 0;font-size:clamp(14px, 0.8vw, 16px);letter-spacing: 1px;line-height: 2.0;font-weight: 300;color: #000;}
.figure01{width:80%;margin: 0 auto 3% auto;aspect-ratio:2.2/1}
figure img{width:100%;height: 100%;object-fit: cover}
figure img.img_top{object-position: center 20%;}

@media (min-width:1051px) {
	#title_2nd_group .inner{width:70%;max-width: 1300px;min-width: 1000px;margin: 0 auto;}
	.container01{width:70%;max-width: 1300px;min-width: 1000px;margin: 0 auto 5% auto;}	
	#lead_photo{width:88%;min-width: 1200px;margin: 0 auto 10% auto;aspect-ratio:3.8/1}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#title_2nd_group .inner{width:90%;margin: 0 auto;}
	.container01{width:90%;margin: 0 auto 5% auto;}	
	#lead_photo{width:100%;margin: 0 auto 10% auto;aspect-ratio:3.0/1}
}

@media (max-width: 700px) {
	#title_2nd_group .inner{width:80%;margin: 0 auto;}
	.container01{width:80%;margin: 0 auto 5% auto;}	
	#lead_photo{width:100%;margin: 0 auto 10% auto;aspect-ratio:2.5/1}
}


/*はじめての方へ*/
#first_visitor .container01{margin: 0 auto 7% auto;}
#first_visitor .container01:last-of-type{margin-bottom: 6%;}
#first_visitor .text01{margin: 0;}
#first_visitor .figure01{width:78%;margin: 9.5% auto 0 auto;aspect-ratio:1.75/1;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#first_visitor .figure01{width:90%;}
}

@media (max-width: 700px) {
	#first_visitor .container01{margin: 0 auto 12% auto;}
	#first_visitor .container01:last-of-type{margin-bottom: 10%;}
	#first_visitor .figure01{width:100%;margin: 12% auto 0 auto;aspect-ratio:1.5/1;}
}

/*私たちが大切にしていること*/
#value #value_index{width:82%;max-width: 1300px;min-width: 1000px;margin: 0 auto 10% auto;}
#value #value_index .cards{display:flex;justify-content: space-between;gap: 0 1.4%;margin: 0;padding: 0;list-style: none;}
#value #value_index .cards li{position: relative;flex:1;}
#value #value_index .cards li::before{content:'';position: absolute;inset: 0;z-index: 0;background: #f4f3f2;border-radius: 10px;filter: blur(15px);transition: filter .3s;}
#value #value_index .cards li:hover::before{filter: blur(22px);}
#value #value_index .cards a{position: relative;z-index: 1;display:flex;flex-direction: column;align-items: center;height: 100%;box-sizing: border-box;padding: 50px 25px 35px 25px;text-decoration: none;text-align: center;background: #fff;border-radius: 10px;}
#value #value_index .cards .en{font-size: 18px;letter-spacing: 4px;line-height: 1;color: #3b55a9;}
#value #value_index .cards .num{margin: 12px 0 24px 0;font-family: "yu-mincho-pr6n", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;font-weight: 400;font-size: 50px;letter-spacing: 2px;line-height: 1;color: #3b55a9;}
#value #value_index .cards .ttl{margin-bottom: 32px;font-family: "hiragino-mincho-pro", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;font-size: 20px;letter-spacing: 1px;line-height: 1.5;color: #2a3b3f;}
#value #value_index .cards .more{position: relative;width: 58%;margin-top: auto;padding: 12px 0;font-family: "yu-mincho-pr6n", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;font-size: 14px;letter-spacing: 1px;line-height: 1;color: #fff;background: #3b55a9;border-radius: 30px;transition: opacity .2s;}
#value #value_index .cards .more i{margin-left: 10px;}
#value #value_index .cards a:hover .more{opacity: .8;}

#value .value_block{margin-bottom: 3%;}
#value .value_block:last-of-type{margin-bottom: 0;}
#value .value_head{position: relative;width: 76%;max-width: 1300px;min-width: 1000px;margin: 0 auto 5% auto;}
#value .value_head .value_no{position: absolute;left: 8%;bottom: 15%;z-index: 3;margin: 0;padding: 0;line-height: 1;color: #3b55a9;}
#value .value_head .value_no .en{display: block;margin-bottom: 35px;font-size: 25px;letter-spacing: 5px;}
#value .value_head .value_no .num{display: block;font-family: "yu-mincho-pr6n", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;font-weight: 400;font-size: 100px;letter-spacing: 2px;line-height: 0.7;}
#value .value_head .value_photo{position: relative;z-index: 2;width: 86%;margin: 0 0 0 auto;aspect-ratio:3.02/1;}
#value .value_head .value_photo img{width: 100%;height: 100%;object-fit: cover;}

#value .container01{margin: 0 auto 5% auto;}
#value .value_block:last-of-type .container01:last-of-type{margin-bottom: 6%;}
#value .container01 .h3-1{font-size:clamp(24px, 2.65vw, 38px);}
#value .container01 .h4-1{font-size:clamp(19px, 1.8vw, 26px);}
#value .container01 .h3-1::after{content:'';display: block;width: 100px;height: 1px;margin-top: 40px;background: #e5dfe5;}
#value .container01 .text01{margin: 0 0 2em 0;}
#value .container01 .text01:last-child{margin-bottom: 0;}
#value .note_list{margin: 2em 0;padding: 0;list-style: none;}
#value .note_list li{position: relative;padding: 0 0 0 1em;font-size:clamp(14px, 0.8vw, 16px);letter-spacing: 1px;line-height: 2.0;font-weight: 300;color: #000;}
#value .note_list li::before{content:'・';position: absolute;left: 0;top: 0;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#value #value_index{width:90%;min-width: auto;}
	#value #value_index .cards a{padding: 45px 15px 30px 15px;}
	#value #value_index .cards .ttl{font-size:clamp(14px, 1.7vw, 20px);}
	#value #value_index .cards .more{width: 90%;font-size:clamp(11px, 1.25vw, 14px);}
	#value .value_head{width:90%;min-width: auto;}
	#value .value_head .value_no .num{font-size: 80px;}
}

@media (max-width: 700px) {
	#value #value_index{width:80%;min-width: auto;margin: 0 auto 16% auto;}
	#value #value_index .cards{display:block;}
	#value #value_index .cards li{margin-bottom: 25px;}
	#value #value_index .cards li:last-child{margin-bottom: 0;}
	#value #value_index .cards a{padding: 40px 25px 30px 25px;}
	#value #value_index .cards .more{width: 60%;max-width: 300px;}
	#value .value_block{margin-bottom: 6%;}
	#value .value_head{width:100%;min-width: auto;margin: 0 auto 10% auto;}
	#value .value_head .value_photo{width: 100%;aspect-ratio:2/1;}
	#value .value_head .value_no{left: 5%;bottom: 6%;}
	#value .value_head .value_no .en{margin-bottom: 20px;font-size: 18px;letter-spacing: 4px;}
	#value .value_head .value_no .num{font-size: 60px;}
	#value .container01{margin: 0 auto 12% auto;}
	#value .value_block:last-of-type .container01:last-of-type{margin-bottom: 10%;}
}

/*精密根管治療*/
#root_canal .container01{margin: 0 auto 7% auto;}
#root_canal .container01:last-of-type{margin-bottom: 6%;}
#root_canal .text01{margin: 0;}
#root_canal .lead{width:62%;max-width: 1150px;min-width: 886px;margin: 0 auto 8% auto;}
#root_canal .lead .text01{margin: 0 0 0.5em 0;font-family: "yu-mincho-pr6n", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;font-size: 18px;color: #333;}
#root_canal .lead .text01:last-of-type{margin-bottom: 0;}
#root_canal .figure01{width:78%;margin: 9.5% auto 0 auto;aspect-ratio:1.75/1;}
#root_canal .figure01 img.img_top{object-position: center top;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#root_canal .lead{width:80%;min-width: auto;}
	#root_canal .figure01{width:90%;}
}

@media (max-width: 700px) {
	#root_canal .container01{margin: 0 auto 12% auto;}
	#root_canal .container01:last-of-type{margin-bottom: 10%;}
	#root_canal .lead{width:80%;min-width: auto;}
	#root_canal .lead .text01{font-size: 16px;}
	#root_canal .figure01{width:100%;margin: 12% auto 0 auto;aspect-ratio:1.5/1;}
}

/*私たちのお約束（プロミス）*/
#promise .container01{margin: 0 auto 10% auto;}
#promise .container01:last-of-type{margin-bottom: 6%;}
#promise .text01{margin: 0;}
#promise #promise_lead{text-align: center;}
#promise #promise_lead .lead_text{margin: 0;padding: 0;font-size: 20px;letter-spacing: 1px;line-height: 2.15;font-weight: 300;color: #000;}
#promise .promise_block .figure01{width:78%;margin: 0 auto 4% auto;aspect-ratio:1.75/1;}
#promise .promise_label{display: flex;align-items: center;gap: 0 15px;margin: 0 0 1% 0;padding: 0;font-variant-numeric: lining-nums;line-height: 1;color: #d8ad8f;}
#promise .promise_label .en{font-size: 17px;letter-spacing: 3px;}
#promise .promise_label .num{font-size: 70px;letter-spacing: 2px;}
#promise .promise_block .h3-1{margin: 0 0 4.5% 0;font-size:clamp(22px, 2.8vw, 36px);color: #001a44;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#promise .promise_block .figure01{width:90%;}
	#promise .promise_label .num{font-size: 56px;}
}

@media (max-width: 700px) {
	#promise .container01{margin: 0 auto 16% auto;}
	#promise .container01:last-of-type{margin-bottom: 10%;}
	#promise #promise_lead .lead_text{font-size: 16px;line-height: 2.0;text-align: left;}
	#promise .promise_block .figure01{width:100%;margin: 0 auto 8% auto;aspect-ratio:1.5/1;}
	#promise .promise_label{gap: 0 10px;}
	#promise .promise_label .en{font-size: 13px;letter-spacing: 2px;}
	#promise .promise_label .num{font-size: 46px;}
	#promise .promise_block .h3-1{margin: 0 0 6% 0;}
}

/*診療科目*/
#medical_subjects #subjects_lead{text-align: center;margin: 15% auto 4% auto;}
#medical_subjects #subjects_lead .lead_text{margin: 0;padding: 0;font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;font-size: 16px;letter-spacing: 1px;line-height: 1.9;color: #000;}

#medical_subjects #subjects_nav{width: 80%;max-width: 1300px;min-width: 1000px;margin: 0 auto 8% auto;}
#medical_subjects #subjects_nav ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 38px 3.5%;margin: 0;padding: 0;list-style: none;}
#medical_subjects #subjects_nav li{position: relative;}
#medical_subjects #subjects_nav li::before{content:'';position: absolute;inset: 0;z-index: 0;background: #ececea;border-radius: 6px;filter: blur(6px);transition: filter .3s;}
#medical_subjects #subjects_nav li:hover::before{filter: blur(20px);}
#medical_subjects #subjects_nav a{position: relative;z-index: 1;display: block;height: 100%;box-sizing: border-box;padding: 30px 10px 24px 10px;text-align: center;text-decoration: none;background: #fff;border-radius: 6px;}
#medical_subjects #subjects_nav .icon{display: block;width: 64px;margin: 0 auto 14px auto;}
#medical_subjects #subjects_nav .icon img{display: block;width: 100%;}
#medical_subjects #subjects_nav .name{display: block;margin: 0 0 12px 0;font-family: "hiragino-mincho-pro", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;font-size: 20px;font-weight: 100;letter-spacing: 2px;line-height: 1.2;color: #0a283f;}
#medical_subjects #subjects_nav a i{display: flex;justify-content: center;align-items: center;width: 100%;font-size: 13px;line-height: 1;color: #3b55a9;}

#medical_subjects #subjects_list{width: 80%;max-width: 1300px;min-width: 1000px;margin: 0 auto 12% auto;}
#medical_subjects .subject_item{border-top: 1px solid #e2e2e2;}
#medical_subjects .subject_item .inner{display: grid;grid-template-columns: 64px 1fr 58%;align-items: start;column-gap: 26px;padding: 48px 0 58px 0;}
#medical_subjects .subject_item .icon{width: 64px;height: 64px;}
#medical_subjects .subject_item .icon img{width: 100%;height: 100%;object-fit: contain;}
#medical_subjects .subject_item .ttl{margin: 10px 0 0 0;padding: 0;font-family: "hiragino-mincho-pro", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;font-size: 38px;letter-spacing: 2px;line-height: 1.3;font-weight: 100;color: #0a283f;}
#medical_subjects .subject_item .ttl .ttl_sub{display: inline-block;}
#medical_subjects .subject_item .text01{margin: 0;font-size: 14px;letter-spacing: 1px;line-height: 1.9;color: #000;}
#medical_subjects .subject_item .text01 .link{color: #3e6fb3;text-decoration: none;}
#medical_subjects .subject_item .text01 .link:hover{text-decoration: underline;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#medical_subjects #subjects_nav{width: 90%;min-width: auto;}
	#medical_subjects #subjects_nav ul{gap: 28px 3.5%;}
	#medical_subjects #subjects_nav a{padding: 24px 8px 20px 8px;}
	#medical_subjects #subjects_nav .icon{width: 52px;margin: 0 auto 12px auto;}
	#medical_subjects #subjects_nav .name{margin: 0 0 10px 0;font-size:clamp(14px, 1.7vw, 20px);letter-spacing: 1px;}
	#medical_subjects #subjects_list{width: 90%;min-width: auto;}
	#medical_subjects .subject_item .inner{grid-template-columns: 52px 1fr 52%;column-gap: 18px;padding: 38px 0 46px 0;}
	#medical_subjects .subject_item .icon{width: 52px;height: 52px;}
	#medical_subjects .subject_item .ttl{margin: 6px 0 0 0;font-size:clamp(22px, 3vw, 30px);letter-spacing: 1px;}
}

@media (max-width: 700px) {
	#medical_subjects #subjects_lead{margin: 22% auto 9% auto;}
	#medical_subjects #subjects_lead .lead_text{font-size: 14px;letter-spacing: 0;}
	#medical_subjects #subjects_nav{width: 90%;min-width: auto;margin: 0 auto 11% auto;}
	#medical_subjects #subjects_nav ul{grid-template-columns: repeat(3, 1fr);gap: 16px 3%;}
	#medical_subjects #subjects_nav li::before{border-radius: 5px;filter: blur(10px);}
	#medical_subjects #subjects_nav a{padding: 20px 4px 14px 4px;border-radius: 5px;}
	#medical_subjects #subjects_nav .icon{width: 34px;margin: 0 auto 12px auto;}
	#medical_subjects #subjects_nav .name{margin: 0 0 8px 0;font-size: 14px;letter-spacing: 0;}
	#medical_subjects #subjects_nav a i{font-size: 11px;}
	#medical_subjects #subjects_list{width: 90%;min-width: auto;margin: 0 auto 20% auto;}
	#medical_subjects .subject_item .inner{grid-template-columns: 40px 1fr;column-gap: 14px;row-gap: 26px;padding: 30px 0 36px 0;}
	#medical_subjects .subject_item .icon{width: 40px;height: 40px;}
	#medical_subjects .subject_item .ttl{margin: 4px 0 0 0;font-size: 24px;letter-spacing: 1px;}
	#medical_subjects .subject_item .ttl .ttl_sub{display: inline;}
	#medical_subjects .subject_item .text01{grid-column: 1 / -1;letter-spacing: 0;}
}

/*メンテナンス・予防歯科*/
#maintenance_prevention .container01{margin: 0 auto 4% auto;}
#maintenance_prevention .container01:last-of-type{margin-bottom: 6%;}
#maintenance_prevention .text01{margin: 0 0 2em 0;}
#maintenance_prevention .text01:last-child{margin-bottom: 0;}

@media (max-width: 700px) {
	#maintenance_prevention .container01{margin: 0 auto 6% auto;}
	#maintenance_prevention .container01:last-of-type{margin-bottom: 10%;}
}

/*院長のメッセージ*/
#message .container01{margin: 0 auto 7% auto;}
#message .container01:last-of-type{margin-bottom: 6%;}
#message .text01{margin: 0;}
#message #message_lead .h3-1{margin: 0 0 3.3% 0;}
#message #message_lead .doctor_role{margin: 0 0 13px 0;padding: 0;font-size: 16px;letter-spacing: 1px;line-height: 1;font-weight: 300;color: #000;}
#message #message_lead .doctor_name{margin: 0 0 9% 0;padding: 0;font-size: 26px;letter-spacing: 4px;line-height: 1;font-weight: 300;color: #000;}
#message .figure01{width:78%;margin: 9.5% auto 0 auto;aspect-ratio:1.75/1;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#message .figure01{width:90%;}
}

@media (max-width: 700px) {
	#message .container01{margin: 0 auto 12% auto;}
	#message .container01:last-of-type{margin-bottom: 10%;}
	#message #message_lead .h3-1{margin: 0 0 5% 0;}
	#message #message_lead .doctor_role{margin: 0 0 10px 0;font-size: 14px;}
	#message #message_lead .doctor_name{margin: 0 0 10% 0;font-size: 21px;letter-spacing: 3px;}
	#message .figure01{width:100%;margin: 12% auto 0 auto;aspect-ratio:1.5/1;}
}

/*採用情報*/
#recruit .banner{margin: 0 auto;min-width: 200px;max-width:320px}
#recruit .banner img{width: 100%;}
#recruit .banner a:hover{opacity:0.5;}

/*治療費*/
#price h2{margin:0 0 3% 0;padding: 0;font-family: "hiragino-mincho-pron", sans-serif;font-size:clamp(24px, 2.4vw, 34px);letter-spacing: 2px;line-height: 1.3;font-weight: 100;color: #3b55a9;text-align: center}
#price .text01{margin:0 0 2em 0;}

#price .tax{width: fit-content;margin:0 auto;background: #f0f7fc;padding:14px 25px;color: #3b55a9;text-align: center;font-size:clamp(12px, 0.8vw, 16px);letter-spacing: 1px;line-height: 1;margin:0 auto;font-weight: 400;}

#price h3{position: relative;margin:0 0 3% 0;padding: 0 0 0 24px;font-family: "hiragino-mincho-pron", sans-serif;font-size:clamp(20px, 1.6vw, 26px);letter-spacing: 3px;line-height: 1.4;font-weight: 100;color: #243555;}
#price h3::before{content:'';position: absolute;top:50%;left: 0;transform: translateY(-50%);width: 4px;height: 1em;background: #3b55a9;}

#price table{width: 100%;margin: 0;border-collapse: collapse;border-top: 1px solid #3b55a9;}
#price table th{padding:20px 25px;background: #f2f7ff;border-bottom: 1px solid #e5dfe5;font-size:clamp(14px, 0.9vw, 16px);letter-spacing: 1px;line-height: 1.6;font-weight: 300;color: #3b55a9;text-align: left;}
#price table th:first-of-type{width: 63%;}
#price table td{padding:24px 25px;border-bottom: 1px solid #e5dfe5;font-size:clamp(14px, 0.9vw, 16px);letter-spacing: 1px;line-height: 1.6;font-weight: 300;color: #000;}

#price .note{position: relative;margin:3% 0 0 0;padding: 0 0 0 1.2em;font-size:clamp(12px, 0.8vw, 14px);letter-spacing: 1px;line-height: 1.8;font-weight: 300;color: #727A87;}
#price .note::before{content:'※';position: absolute;top: 0;left: 0;}

#price .notice{border-radius: 8px;overflow: hidden;background: #f2f7ff;}
#price .notice .notice_title{margin: 0;padding:18px 20px;background: #3b55a9;font-family: "hiragino-mincho-pron", sans-serif;font-size:clamp(18px, 1.3vw, 22px);letter-spacing: 3px;line-height: 1.4;font-weight: 100;color: #fff;text-align: center;}
#price .notice ul{width: fit-content;margin: 0 auto;padding:35px 5%;list-style: none;}
#price .notice ul li{position: relative;margin: 0 auto 14px auto;padding: 0 0 0 1em;font-size:clamp(13px, 0.9vw, 16px);letter-spacing: 1px;line-height: 1.8;font-weight: 300;color: #3b55a9;}
#price .notice ul li:last-child{margin-bottom: 0;}
#price .notice ul li::before{content:'・';position: absolute;top: 0;left: 0;}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#price h3{padding-left: 20px;}
	#price table th{padding:16px 20px;}
	#price table td{padding:20px 20px;}
	#price .notice ul{padding:30px 4%;}
}

@media (max-width: 700px) {
	
	#price h2{margin-bottom: 20px;font-size:min(7.4vw, 25px);letter-spacing: 1px;}
	#price h3{margin-bottom: 18px;padding-left: 16px;font-size:min(5.6vw, 22px);letter-spacing: 2px;}
	#price h3::before{width: 3px;}

	#price table{border-top-width: 2px;}
	#price table th{padding:12px 14px;font-size:13px;}
	#price table th:first-of-type{width: 58%;}
	#price table td{padding:16px 14px;font-size:14px;letter-spacing: 0;}

	#price .note{margin-top: 16px;font-size:12px;letter-spacing: 0;}

	#price .notice .notice_title{padding:14px 16px;font-size:min(5.2vw, 20px);letter-spacing: 2px;}
	#price .notice ul{padding:24px 20px;}
	#price .notice ul li{width: auto;margin:0 0 12px 0;font-size:14px;letter-spacing: 0;}
}

/*ニュース*/
#news .list_category{text-align:right;}
#news .list_category a{display: inline-block;text-decoration:none;color: #3b55a9;font-size:16px;letter-spacing:1px;line-height: 1; background: #eef7ff;padding: 14px 0px;width: 14%;text-align: center}
#news .list_category a:hover{background:#3b55a9;color: white}

#news .unit{margin:0 auto 0% auto;padding:3% 0 3% 0;border-bottom: 1px solid #e5dfe5;}
#news .date_area{margin:0 auto 2% auto;}
#news .date_area .date{font-size:16px; color: #3b55a9;letter-spacing:1px;line-height: 1; }
#news .date_area .category{margin-left:10px;}
#news .date_area .category a{font-size:14px; color: #3b55a9;letter-spacing:1px;line-height: 1;background: #eef7ff;padding:6px 14px;text-decoration: none }
#news .date_area .category a:hover{background:#243555;color: white}
#news .unit .text_area a{position: relative;display: block;font-size:16px; color: #243555;letter-spacing:1px;line-height: 1.7;text-decoration: none;padding: 0% 6% 0% 0}
#news .unit .text_area a::before{content:'';position: absolute;top:50%;right:2%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f105';font-size:16px;color: #3b55a9}
#news .unit .text_area a:hover{color: #3b55a9;text-decoration: underline}

#news #post_group h2{margin:0 auto 5% auto;padding: 0;font-size:28px; color: #3b55a9;letter-spacing:1px;line-height: 1.7;}
#news #post_group .text_area p{margin:0;padding: 0;font-size:14px; color: #243555;letter-spacing:1px;line-height: 1.7;}

#news #post_nav{position: relative;display: flex;border-top:1px solid #e5dfe5;}
#news #post_nav::before{content:'';position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 1px;height: 60%;background:#e5dfe5 }

#news #post_nav a{display:block;text-decoration: none;width: 50%;padding: 5% 0}
#news #post_nav a.next{padding-left: 4%}
#news #post_nav a span{}
#news #post_nav a span:first-of-type{color:#3b55a9;font-size:15px; letter-spacing:1px;line-height: 1;}
#news #post_nav a span:last-of-type{display:block;color:#243555;font-size:13px; letter-spacing:1px;line-height: 1.7;margin-top: 2%;}

#news #post_nav a.previous span:first-of-type{position: relative;padding-left: 20px}
#news #post_nav a.previous span:first-of-type::before{content:'';position: absolute;top:50%;left:0%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f104';font-size:16px;color: #3b55a9}

#news #post_nav a.next span:first-of-type{position: relative;padding-right: 20px}
#news #post_nav a.next span:first-of-type::before{content:'';position: absolute;top:50%;right:0%;transform: translateY(-50%);font: var(--fa-font-solid);content:'\f105';font-size:16px;color: #3b55a9}

#news #post_nav a:hover span:last-of-type{color:#3b55a9;text-decoration: underline}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	#news .list_category a{font-size:14px;width: 30%;}
	
	#news .date_area .date{font-size:14px;}
	#news .date_area .category a{font-size:13px;padding:5px 12px;}
	
	#news .unit .text_area a{font-size:15px;}
	#news .unit .text_area a::before{font-size:14px;}
	
	#news #post_group h2{font-size:22px;}
	
}

@media (max-width: 700px) {
	#news .list_category{text-align: center;margin:30px auto 50px auto}
	#news .list_category a{font-size:14px;width:48%;}
	
	#news .unit{padding:18px 0 14px 0;}
	
	#news .date_area .date{font-size:13px;}
	#news .date_area .category{margin-left:8px;}
	#news .date_area .category a{font-size:11px;padding:4px 10px;}
	
	#news .unit .text_area a{font-size:15px;padding:10px 28px 0 0;}
	#news .unit .text_area a::before{font-size:14px;right:0;}
	
	#news #post_group{margin-bottom:40px;}	
	#news #post_group h2{font-size:18px;letter-spacing:0px;margin-top: 30px}
	
	
	#news #post_nav{position: inherit;display: inherit;}
	#news #post_nav::before{display: none}
	
	#news #post_nav a{display:block;text-decoration: none;width: 100%;padding: 40px 0}
	
	#news #post_nav a.previous{border-bottom:1px solid #e5dfe5;}
	#news #post_nav a.next{padding-left: 0%}
}