@charset "UTF-8";
/*
Theme Name: suami
Version: 1.0
*/

main { margin:0 0 100px 0;}
.inner2 { margin: 65px auto 0 auto; padding:0 10px; min-width: 1180px; max-width: 1180px; width: 100%;}
#camera_slide { height:0px;}

@media screen and (max-width: 900px){
	main { margin:55px 15px 40px 15px;}
	.inner2 { margin-top:10px; padding:0 0 0 0; min-width:100%; max-width:100%;}	
	}

.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {display: block; }
.clear {clear: both; }



/* 医師紹介 */
#doctor .pagettl { position: relative; z-index: 0}
#doctor .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#FFFFFF;}
#doctor .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}
#doctor h2 { font-size:2em; font-weight:normal; line-height:96%; border-bottom:1px #409629 solid; padding:0 0 20px 0; margin-bottom:35px;}
#doctor h2 span { color:#409629; font-size:0.4em; line-height:100%;}

#doctor .first { position: relative; z-index: 1; margin:15px auto 0 auto; padding:0;}
#doctor .first .img1 { width:672px; height:367px; box-shadow: -35px 35px 0px 0 rgb(236, 255, 232); float:right;}
#doctor .first .copy { font-size:1.6em; position: absolute; top: 100px; left: 0;}

#doctor .greeting { margin-top:100px;}
#doctor .greeting h3 { font-size:1.2em; color:#409629; margin-bottom:35px;}
#doctor .greeting .tx1 { font-size:1em; line-height:2.2em; margin-top:25px;}
#doctor .greeting .name { margin: 20px 0 auto auto; position : relative; width: 300px; height:100px; padding: 10px;}
#doctor .greeting .name > ul { list-style-type: none; position : absolute; margin-top: 0; right: 10px; text-align:left;}
#doctor .greeting .name li:nth-child(1){ color:#409629; font-size:1.3em; line-height:1em;}
#doctor .greeting .name li:nth-child(2){ font-size:2em;}
#doctor .greeting .name li:nth-child(3){ color:#999; font-size:1.3em; line-height:1em;}

#doctor .doctor_in { display:flex; justify-content: space-between;}
#doctor .profile { margin-top:70px; width:575px;}
#doctor .profile .tbl_doctor1 { width:100%;}
#doctor .profile .tbl_doctor1 td { font-size:1.3em; border-bottom:1px dotted #999; padding:15px 20px;}

#doctor .qualification { margin-top:70px; width:575px;}
#doctor .qualification .tx2 { font-size:1em; margin-left:30px;}

@media screen and (max-width: 900px){
	#doctor .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#doctor .pagettl .eng { display:none;}
	#doctor h2 { font-size:1.6em; padding:0 0 10px 0; margin-bottom:20px;}
	
	#doctor .first .img1 { display:none;}
	#doctor .first .copy { font-size:1.4em; position: relative; top: 0; left: 0;}
	#doctor .first .copy br {display: none;}

	#doctor .greeting { margin-top:50px;}
	#doctor .greeting h3 { margin-bottom:15px;}
	#doctor .greeting .tx1 { font-size:1em; line-height:2em;}
	#doctor .greeting .name { margin: 10px 0 auto auto;}
	#doctor .greeting .name li:nth-child(1){ font-size:1.2em;}
	#doctor .greeting .name li:nth-child(2){ font-size:1.8em;}
	#doctor .greeting .name li:nth-child(3){ font-size:1.1em;}
	
	#doctor .doctor_in { display: inherit;}
	#doctor .profile { margin-top:0px; width:100%;}
	#doctor .profile .tbl_doctor1 { width:100%;}
	#doctor .profile .tbl_doctor1 td { font-size:1.2em; padding:10px 0px;}
	
	#doctor .qualification { margin-top:50px; width:100%;}
	#doctor .qualification .tx2 { font-size:1em; margin-left:0px;}
	}




/* 診療案内 */
#medicalguide { margin-bottom: 20px; }
#medicalguide .pagettl { position: relative; z-index: 0}
#medicalguide .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#medicalguide .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}

#medicalguide .message{ margin-bottom: 30px; }
#medicalguide .message p{ text-align: center; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; }
#medicalguide .message p span{ background: url('../images/medicalguide/circle01.png') no-repeat 50% 50%; color: #ffffff; display: inline-block; padding: 20px; }
#medicalguide .message p span.sec{ background: url('../images/medicalguide/circle02.png') no-repeat 50% 50%; color: #ffffff; display: inline-block; padding: 20px 25px; }

#medicalguide .anchor_link{ margin-bottom: 65px; }
#medicalguide .anchor_link ul{ display: flex; width: 100%; border: #c0c0c0 1px solid; }
#medicalguide .anchor_link ul li{ width: 100%; }
#medicalguide .anchor_link ul li:first-child{ border-right: #c0c0c0 1px solid; }
#medicalguide .anchor_link ul li a{ display: block; font-size: 1.6rem; padding: 10px 0; text-align: center; }
#medicalguide .anchor_link ul li a span{ display: flex; justify-content: center; align-items: center; }
#medicalguide .anchor_link ul li a span img{ width: 9px; margin-left: 10px; }

#medicalguide .box .title{ position: relative; }
#medicalguide .box .title .h3_title{ position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center; }

#medicalguide .box .title .h3_title h3{ font-size: 3.0rem; color: #1b1b1b; text-align: center; font-weight: 500; }
#medicalguide .box .title .h3_title h3 span.eng{ display: block; color: #409629; font-size: 1.2rem; }

#medicalguide .step{ max-width: 918px; margin: 0 auto 0; }
#medicalguide .step_top{ margin-top: 30px; }
#medicalguide .step .red { color:#FF0000;}

#medicalguide .step .tit{ text-align: center; position: relative; bottom: -23px; z-index: 1; }
#medicalguide .step .tit span{ color: #ffffff; font-size: 2.0rem; display: inline-block; padding: 5px; width: 220px; text-align: center; background-color: #409629; margin-top: 10px; }

#medicalguide .step_box{ position: relative; width:100%; background: #f8fff7; text-align:center; color: #fff; border: #d8d8d8 1px solid; border-bottom: none; }
#medicalguide .step_box dl{ padding: 65px 55px 50px; display: flex; position: relative; min-height: 100px; }
#medicalguide .step_box dl dt{ position: absolute; right: -100px; top: 35px; }
#medicalguide .step_box dl dd{ font-size: 1.6rem; line-height:2.2em; color: #1a1a1a; text-align: left; width: 70%; }
#medicalguide .step_box dl dd.yoyaku { width: 100%; }
#medicalguide .step_box dl dd .remarks{ display: block; font-size: 1.4rem; line-height:2em; margin-top: 20px; } 

#medicalguide .step_box.even{ background-color: #ffffff; }
#medicalguide .step_box.even dl dt{ left: -70px; right: unset; }
#medicalguide .step_box.even dl dd{ padding-left: 30%; }

#medicalguide .step_box.end{ border-bottom: #d8d8d8 1px solid; }
#medicalguide .step_box.end dl{ min-height: auto; }
#medicalguide .step_box.end dl dd{ padding-left: 0 !important; }

#medicalguide .box_rtc{ margin-top: 100px; }
#medicalguide .box_rtc .title .h3_title h3 span.eng{ display: block; color: #ba9628; font-size: 1.2rem; }
#medicalguide .box_rtc .step .tit span{ color: #ffffff; font-size: 2.0rem; display: inline-block; padding: 5px; width: 220px; text-align: center; background-color: #ba9628; margin-top: 10px; }

@media (min-width: 901px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none;}
	}

@media screen and (max-width: 900px){	
	#medicalguide .message p span { font-size: 1em !important;}
	
	#medicalguide .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#medicalguide .pagettl .eng { display:none;}
	
	#medicalguide .anchor_link ul{ width: auto; }
	
	#medicalguide .box{ position: relative; }
	#medicalguide .box .anchor{ position: absolute; padding-top: 60px; margin-top: -60px; }
	
	#medicalguide .anchor_link{ margin-bottom: 26px; }
	
	#medicalguide .box .title .h3_title h3{ font-size: 2.0rem; line-height: 1.2; }
	#medicalguide .box .title .h3_title h3 span.eng{ margin-top:5px;}
	
	#medicalguide .step_box dl{ padding: 0; }
	#medicalguide .step_box dl dt{ position: inherit; right: 0; top: 0; width: 30%; }
	#medicalguide .step_box dl dd{ font-size: 1.5rem; line-height:1.9em;}
	#medicalguide .step_box dl dd .remarks{font-size: 1.3rem !important; line-height:1.7 em;} 
	
	#medicalguide .box .title{ margin-bottom: 15px; }
	#medicalguide .step .tit{ bottom: 0; position: inherit; margin-bottom: 15px; }
	
	#medicalguide .step_box{ border: none; background: transparent; }
	
	
	#medicalguide .step .step_box_under{ display: none; }
	
	#medicalguide .step .tit span{ font-size: 1.6rem; }
	
	#medicalguide .step_box.even dl dd{ padding-left: 0; }
	
	#medicalguide .step_box.even dl dt{ left: 0; position: inherit; }
	
	
	#medicalguide .step_box dl dd .remarks{ display: block; font-size: 1.0rem; margin-top: 10px; } 
	
	#medicalguide .step_box.end{ border-bottom: none; }
	#medicalguide .step_box.end dl dd{ width: 100%; }
	#medicalguide .step_box.end dl dd a:link { text-decoration:underline;}
	
	
	#medicalguide .box_rtc{ margin-top: 50px; }
	
	#medicalguide .box_rtc .step .tit span{ font-size: 1.6rem; }
	
	#medicalguide .arrow{ margin: 1rem 0; text-align: center; }
	
	#medicalguide .arrow img{ width: 24px; }
	
	#medicalguide .message p{ display: block; }
	#medicalguide .message p span{ background: url('../images/medicalguide/circle01.png') no-repeat 50% 50% / 42px auto; color: #ffffff; display: inline-block; padding: 15px 12px; font-size: 10px; }
	#medicalguide .message p span.sec{background: url('../images/medicalguide/circle02.png') no-repeat 50% 50% / auto 46px;color: #ffffff;display: inline-block;padding: 15px 20px;}
}






/* 施設案内 */
#facilities {}
#facilities .pagettl { position: relative; z-index: 0}
#facilities .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#fff;}
#facilities .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}
#facilities .area { margin-top:50px;}
#facilities .area h2 { color:#409629; font-size:4em; font-weight:normal; line-height:1.5em; margin-left:12px;}
#facilities .area h2 span { color:#111; font-size:1.8rem; padding-left:20px; display: inline-block; vertical-align: middle;}

#facilities .area .area_in { display:flex; justify-content: space-between; flex-wrap:wrap;}
#facilities .area .list { width:590px; position: relative; margin:0 0 25px 0;}
#facilities .area .list img { outline: 10px solid rgb(230, 230, 230); outline-offset: -10px; margin:0 20px;}
#facilities .area .list .h3_l { position: absolute; top: 325px; left: 0; background-color:#409629; color:#FFFFFF; font-size:1.1em; font-weight:normal; width:210px; text-align:center; letter-spacing:0.1em; padding:10px 0; display: inline-block;}
#facilities .area .list .h3_r { position: absolute; top: 325px; right: 0; background-color:#409629; color:#FFFFFF; font-size:1.1em; font-weight:normal; width:210px; text-align:center; letter-spacing:0.1em; padding:10px 0; display: inline-block;}
#facilities .area .list .tx1 { margin:20px 25px; font-size:1em; }

@media screen and (max-width: 900px){
	#facilities .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#facilities .pagettl .eng { display:none;}
	
	#facilities .area .area_in { display: inherit;}
	#facilities .area .list { margin:0 auto;}
	#facilities .area .list .h3_r { left: 0;}
	}

@media screen and (max-width: 599px){
	#facilities .area .list { width:100%;}
	#facilities .area .list img { width: 100%; height: auto; margin:0 0;}
	#facilities .area .list .h3_l { position: inherit; top:-16px; padding:5px 0;}
	#facilities .area .list .h3_r { position: inherit; top:-16px; padding:5px 0;}
	#facilities .area .list .tx1 { margin:0 0 30px 0; font-size:1em;}
	}




/* 手術について */
#surgery .pagettl { position: relative; z-index: 0;}
#surgery .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#surgery .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}
#surgery .pagettl .pc {}
#surgery .pagettl .sp { display:none;}
#surgery h2.ttleng { font-size:2em; font-weight:normal; line-height:96%; border-bottom:1px #409629 solid; padding:0 0 20px 0; margin-bottom:45px;}
#surgery h2.ttleng span { color:#409629; font-size:0.4em; line-height:100%;}
#surgery h3.title{ text-align: center; font-size: 3.4rem; font-weight: normal;}
#surgery h3.title span{ font-size: 1.4rem; font-weight: normal; color: #409629;	display: block;}
#surgery .tx1 { text-align:center; font-weight:normal; font-size:1em; margin:30px 0 10px 0;}

#surgery .statis01 h2.ttl, #surgery .statis02 h2.ttl { font-size:2em; font-weight:normal; line-height:96%; border-bottom:1px #409629 solid; padding:0 0 20px 0; margin:105px 0 70px 0;}
#surgery .statis01 .tbl01 { width:916px; margin:0 auto 0 auto; border-collapse:collapse;}
#surgery .statis01 .tbl01 th { border:1px solid #ccc; font-weight:normal; font-size:1.2em; padding:5px 10px; background-color:#ffe7c4;}
#surgery .statis01 .tbl01 td { border:1px solid #ccc; font-size:1.2em; padding:10px 15px; text-align:right; line-height:1.3;}
#surgery .statis01 .tbl01 tr td:nth-of-type(1){ background-color:#f3f3f3; text-align:left;}
#surgery .statis01 .tbl01 tr td:nth-of-type(6){ background-color:#fffadb;}
#surgery .statis01 .tbl01 td span { font-size:0.8em;}
#surgery .statis01 .tx2 { width:916px; margin:20px auto 0 auto; text-align:left; font-size:1em;}
#surgery .statis02 .graph { text-align:center;}
#surgery .statis02 .graphsp { display:none;}

#surgery .first { position: relative; z-index: 1; margin:15px auto 0 auto; padding:0;}
#surgery .first .img1 { width:542px; height:503px; box-shadow: -35px 35px 0px 0 rgb(236, 255, 232); margin-top:15px; float:right;}
#surgery .first .img1 img { width:542px; height:503px;}
#surgery .first .first_in { position: absolute; top: 30px; left: 0;}
#surgery .first .first_in .copy { font-size:1.6em; padding-bottom:10px;}
#surgery .first .first_in .tx3 { font-size:1em; line-height:2.2em; margin-top:30px; width:580px;}

#surgery .first02 { position: relative; z-index: 1; margin:15px auto 0 auto; padding:0;}
#surgery .first02 .img1 { width:480px; height:406px; box-shadow: -35px 35px 0px 0 rgb(236, 255, 232); margin-top:15px; float:right;}
#surgery .first02 .img1 img { width:480px; height:406px;}
#surgery .first02 .copy { position: absolute; top: 80px; left: 0; font-size:1.6em; padding-bottom:10px;}
#surgery .first02 .tx3 { font-size:1em; line-height:2.2em; margin-top:30px; clear:both;}

#surgery .method { margin-top:100px;}
#surgery .method .method_in { background-color:#f3f3f3; padding:45px;}
#surgery .method .ul_method li { background-color:#FFF; margin-bottom:20px; padding:30px 40px;}
#surgery .method .ul_method li:last-child { margin-bottom:0px;}
#surgery .method .ul_method li h3 { font-size:1.7em;}
#surgery .method .ul_method li p { font-size:1.3em; margin-top:10px; line-height:2.2em;}
#surgery .method .ul_method li p .red { color:#FF0000;}

#surgery .method .ul_method02 li { background-color:#FFF; margin-bottom:20px; padding:0; line-height:0; display:flex; position: relative;}
#surgery .method .ul_method02 li::before { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-top: 15px solid #888; border-right: 20px solid transparent; border-left: 20px solid transparent;}
#surgery .method .ul_method02 li:last-child { margin-bottom:0px;}
#surgery .method .ul_method02 li:last-child::before { content: none;}
#surgery .method .ul_method02 li div.img img { width:323px; height: auto;}
#surgery .method .ul_method02 li div.text { position: absolute; top: 20px; left:360px;}
#surgery .method .ul_method02 li div.text h3 { font-size:1.7em; font-weight:bold; color:#409629;}
#surgery .method .ul_method02 li div.text p { font-size:1.3em; line-height:2.2em; padding-right:30px;}

@media screen and (max-width: 900px){	
	#surgery .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#surgery .pagettl .eng { display:none;}
	#surgery .pagettl .pc { display:none;}
	#surgery .pagettl .sp { display: inherit;}
	#surgery h2.ttleng { font-size:1.6em; padding:0 0 10px 0; margin-bottom:20px;}
	#surgery h3.title{ line-height:1.3em; font-size: 1.4em;}
	#surgery h3.title span{ font-size: 1.4rem; font-weight: normal; color: #409629;	display: block;}
	
	#surgery .statis01 h2.ttl, #surgery .statis02 h2.ttl { font-size:1.6em; line-height:1; padding:0 0 10px 0; margin:50px 0 20px 0;}
	#surgery .statis01 .tbl01 { width: 80%; margin:0;}
	#surgery .statis01 .tbl01 .thead { display: none;}
	#surgery .statis01 .tbl01 tr { width: 100%;}
	#surgery .statis01 .tbl01 td { display: block; text-align: right; width: 100%;}
	#surgery .statis01 .tbl01 tr td:nth-of-type(1){ background-color:#ffe7c4;}
	#surgery .statis01 .tbl01 td:first-child { font-weight: bold; text-align: center;}
	#surgery .statis01 .tbl01 td:first-child br { display: none;}
	#surgery .statis01 .tbl01 td:before { content: attr(data-label); float: left; margin-right: 10px;}
	#surgery .statis01 .tbl01 tr td:nth-of-type(6){ background-color:#fff; font-weight:bold;}
	#surgery .statis01 .tx2 { width:100%; margin:20px auto 0 auto; font-size:1em;}
  
	#surgery .statis02 .graph { display:none;}
	#surgery .statis02 .graphsp { display:inherit;}
	#surgery .statis02 .graphsp img { width:100%; height:auto;}
	
	#surgery .first .img1 { width:100%; height: auto; box-shadow:none; float: none;}
	#surgery .first .img1 img { width: auto; max-width: 100%; height: auto;}
	#surgery .first .first_in { position: relative; top: 0; left: 0;}
	#surgery .first .first_in .copy { font-size:1.4em;}
	#surgery .first .first_in .copy br {display: none;}
	#surgery .first .first_in .tx3 { font-size:1em; line-height:2em; margin-top:20px; width:100%;}
	
	#surgery .first02 .img1 { width:100%; height: auto; box-shadow:none; margin-top:15px; float:none;}
	#surgery .first02 .img1 img { width: auto; max-width: 100%; height: auto;}
	#surgery .first02 .copy { position: relative; top: 0; left: 0; font-size:1.4em;}
	#surgery .first02 .copy br {display: none;}
	#surgery .first02 .tx3 { font-size:1em; line-height:2em; margin-top:20px;}
	
	#surgery .method { margin-top:50px;}
	#surgery .method .method_in { padding:10px;}
	#surgery .method .ul_method li { margin-bottom:10px; padding:10px 10px;}
	#surgery .method .ul_method li h3 { font-size:1.5em;}
	#surgery .method .ul_method li p { font-size:1.3em; margin-top:10px; line-height:2em;}
	#surgery .method .ul_method li p img { width: auto; max-width: 100%; height: auto;}
	
	#surgery .method .ul_method02 li { background-color: inherit; display: inherit; position: relative;}
	#surgery .method .ul_method02 li div.img { margin:10px 0;}
	#surgery .method .ul_method02 li div.img img{ width: auto; max-width: 100%; height: auto;}
	#surgery .method .ul_method02 li div.text { position: inherit; top: 0; left:0;}
	#surgery .method .ul_method02 li div.text h3 { font-size:1.5em;}
	#surgery .method .ul_method02 li div.text p { font-size:1.3em; line-height:2em; margin:5px 0 30px 0; padding:0 0 15px 0;}
	}
	



/* 交通アクセス */
#access {}
#access .pagettl { position: relative; z-index: 0;}
#access .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#fff;}
#access .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}
#access .map h3.title{ text-align: center; font-size: 3.4rem; font-weight: 400;}
#access .map h3.title span{ font-size: 1.4rem; font-weight: 400;	color: #409629;	display: block;}
#access .map .tx1 { text-align:center; font-weight:normal; font-size:1em; margin:50px 0 10px 0;}
#access .map .button { margin-top:25px;}
#access .map .button a{
	width: max-content;
	font-size: 1.6rem;
	background-color: #409629;
	color: #ffffff;
	padding: 15px 40px 15px 40px;
	text-align: center;
	margin: 0 auto;
}
#access .map .button a:hover { background-color: #64bc4c;}

#access .map .list{	background-color: #f9f5f0; margin-top:70px; padding:50px 60px 25px 60px; display:flex; flex-diretion: row;}
#access .map dl dt{
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #b67742;
	color: #ffffff;
	padding: 10px 20px;
	width: 200px;
	line-height: 1;
	margin-bottom: 10px;
}
#access .map dl dd{	font-size: 1.5rem; line-height: 1.8; margin-bottom:25px;}
#access .map .list .list-l { margin-right:80px;}

@media screen and (max-width: 900px){
	#access .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#access .pagettl .eng { display:none;}
	
	#access .map h3.title{ line-height:1.3em; font-size: 1.4em; letter-spacing:normal;}
	#access .map .tx1 { margin:30px 0 10px 0;}
	#access .map .list{	 margin-top:40px; padding:20px 20px 10px 20px; display: inherit;}
	#access .map .list .list-l { margin-right:0;}
	#access .map iframe { width:100%; height:50vw;}
	}




/* お知らせ一覧 */
#infor .pagettl { position: relative; z-index: 0}
#infor .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#infor .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}

#infor .content_area { margin-top:30px;}
#infor .content_area h2 { font-size:2em; font-weight:normal; line-height:96%; border-bottom:1px #409629 solid; padding:0 0 20px 0; margin-bottom:35px;}
#infor .content_area h2 span { color:#409629; font-size:0.4em; line-height:100%;}
#infor .content_area .inforlist { margin-top:60px;}
#infor .content_area .inforlist li { border-bottom:1px dotted #999; padding-bottom:20px; margin-bottom:20px; font-size:1.3em;}
#infor .content_area .inforlist li span { margin-left:50px;}
.inforlist li a:hover { text-decoration: underline; }

@media screen and (max-width: 900px){
	#infor .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#infor .pagettl .eng { display:none;}
	
	#infor .content_area { margin-top:20px;}
	#infor .content_area h2 { font-size:1.6em; padding:0 0 10px 0; margin-bottom:20px;}
	#infor .content_area .inforlist { margin-top:30px;}
	#infor .content_area .inforlist li { padding-bottom:10px; margin-bottom:10px; font-size:1.3em;}
	#infor .content_area .inforlist li span { margin-left:15px;}
	}



/* スタッフブログ */
#blog .pagettl { position: relative; z-index: 0}
#blog .pagettl .ttl { margin: 0; position: absolute; top: 42%; left:10vw; width: 100%; line-height: 1; font-size:2.4em; color:#111;}
#blog .pagettl .eng { margin: 0; position: absolute; top: 61%; left:10.1vw; width: 100%; line-height: 1; font-size:1em; color:#409629;}

#blog .content_area { display:flex; flex-wrap:nowrap; justify-content:space-between;}
#blog .content_area .ttl { font-size:2em; line-height:1.4;}
#blog .content_area .content_area_in h2 { padding:0 0 20px 0; margin-bottom:20px !important; line-height:1.5em !important;}
#blog .content_area .content_area_in h2 a:hover { text-decoration: underline;}
#blog .content_area p { font-size:1em; line-height:2.2em; margin:20px 0 10px 0;}
#blog .content_area p.date { font-size:0.8em; color:#409629; margin:0 0 30px 0;}
#blog .content_area .content_area_in ul { margin:0; padding:0;}
#blog .content_area .content_area_in ul li { list-style-type:disc; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .content_area .content_area_in ol li { list-style-type:decimal; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .content_area .content_area_in { background-color:#f3f3f3; padding:40px 40px; margin-bottom:30px;}

#blog .post_area { width:880px;}

#blog .widget_area { width:250px;}
#blog .widget_area_in { margin:0 0 50px 0;}
#blog .widget_area .item { border-bottom:1px dotted #ccc; padding-bottom:7px; margin-bottom:7px;}
#blog .widget_area .item .time { font-size:0.8em;}
#blog .widget_area .item .title { font-size:0.9em; line-height:1.5em;}
#blog .widget_area .item .title a:hover { text-decoration: underline; }
#blog .widget_name { font-size:1em; font-weight: bold; line-height:100%; border-bottom:1px #409629 solid; margin-bottom:15px !important;}
#blog .tag-list li { border:1px solid #999; padding:2px 5px; border-radius: 5px; display: inline-block; margin:5px;}
#blog .tag-list li a:hover { text-decoration: underline; }

#blog .cat_all .pan { font-weight:bold; margin-bottom:50px !important;}
#blog .cat_all .cat_all_in { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc;}
#blog .cat_all .cat_all_in .ttl2 { font-size:1.4em; line-height:1.4; margin-bottom:5px;}
#blog .cat_all .cat_all_in p.date { margin:0 0 20px 0 !important;}
#blog .cat_all .cat_all_in ul li { list-style-type:disc; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}
#blog .cat_all .cat_all_in ol li { list-style-type:decimal; font-size:1.3em; line-height:2em; margin:0 0 5px 45px; padding:0;}

#blog .new-pagenation { text-align:center; margin-top:50px;}
#blog .new-pagenation .page-numbers { margin:0 10px;}
#blog .new-pagenation a:hover { text-decoration: underline; }

#blog .blog .page_nav { display:flex; flex-wrap:nowrap; justify-content:space-around; width:100%; margin-top:25px;}
#blog .blog .page_nav li { font-size:1.2em;}
#blog .blog .page_nav li a:hover { text-decoration: underline; }
#blog .blog .page_nav li:nth-child(1){ width:50% !important;}
#blog .blog .page_nav li:nth-child(2){ width:50% !important; text-align:right !important;}

@media screen and (max-width: 900px){
	#blog .pagettl .ttl { top: 50%; left:10px; font-size:1.5em;}
	#blog .pagettl .eng { display:none;}
	
	#blog .content_area { display: inherit;}
	#blog .content_area .ttl { font-size:1.6em; line-height:1.4;}
	#blog .content_area .content_area_in h2 { padding:0 0 5px 0; margin-bottom:0px !important; line-height:1.4em !important;}
	#blog .content_area .content_area_in { padding:20px; margin-bottom:10px;}
	#blog .content_area p { line-height:2em;}
	#blog .content_area p.date { margin:0 0 20px 0;}
	#blog .content_area .content_area_in ul li { margin:0 0 0px 35px;}
	#blog .content_area .content_area_in ol li { margin:0 0 0px 35px;}
	#blog .content_area .content_area_in { padding:20px 10px;}
	#blog .content_area .content_area_in img { width:100%; height:auto;}
	
	#blog .post_area { width:100%;}
	
	#blog .cat_all .cat_all_in ul li { margin:0 0 0px 35px;}
	#blog .cat_all .cat_all_in ol li { margin:0 0 0px 35px;}

	#blog .widget_area { width:100%;}
	#blog .widget_area_in { margin:0 0 25px 0;}
	#blog .widget_area .item .time { font-size:0.7em;}
	
	#blog .new-pagenation { margin-top:30px;}
}





/* spacer
------------------------------------------------------------ */

.mt1 { margin-top:1px;}
.mt5 { margin-top:5px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.mt70 { margin-top:70px;}
.mt80 { margin-top:80px;}

.mb1 { margin-bottom:1px;}
.mb5 { margin-bottom:5px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}

.pt1 { padding-top:1px;}
.pt5 { padding-top:5px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt70 { padding-top:70px;}
.pt80 { padding-top:80px;}

.pb1 { padding-bottom:1px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb70 { padding-bottom:70px;}
.pb80 { padding-bottom:80px;}