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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:481px), print {



/* ごあいさつ */



#greeting{
	background: url(../img/white_bg_upper.png) no-repeat center top;
	padding-top:6px;
	}
	#greeting > dl{
		background: url(../img/white_bg_middle.gif) repeat-y center top;
		padding:125px 140px 125px 140px;
		}
	#greeting > dl > dt{
		margin-bottom:30px;
		}
		#greeting dl dt h3{
			color: #e78585;
			font-size:18px;
			font-weight:bold;
			letter-spacing:0.2em;
			margin-bottom:40px;
			}
		#greeting dl dt p{
			margin-bottom: 40px;
			}
    #greeting dl dd .hightlight{
        text-align: center;
        margin-top: 60px;
        font-size: 18px;
        position: relative;
        letter-spacing: 0.03em;
    }
    #greeting dl dd .hightlight:before,
    #greeting dl dd .hightlight:after{
		content: '';
		display: inline-block;
        height: 1px;
        width: 40px;
        background-color: #5c4436;
        vertical-align: middle;
	}
    #greeting dl dd .hightlight:before{
        margin-right: 20px;
    }
    #greeting dl dd .hightlight:after{
        margin-left: 20px;
    }
    #greeting dl dd .prof{
        margin-top: 70px;
        color: #e78585;
        font-weight: bold;
		text-align: right;
    }
    #greeting dl dd .prof dt{
        font-size: 14px;
        line-height: 1.5;
        
    }
    #greeting dl dd .prof dd, 
  #greeting .prof {
		margin-top: 3px;
        font-size:20px;
    }

	#greeting dl dd{
		font-size:16px;
		line-height:32px;
		}
	#greeting:after{
		background: url(../img/white_bg_bottom.png) no-repeat center top;
		width:1000px;
		height:6px;
		display: block; 
		visibility:visible;
		content: ""; 
		margin-bottom:100px;
		}
	#greeting dl dd > div{
		text-indent: 1em;
		}
	#greeting dl dd > div + div{
		margin-top: 1em;
		}
		#greeting .col1{
			color: #fd0a01;
			font-weight: bold;
		}
	#greeting dl dd .sub_tit{
		margin-top: 60px;
		}




#ideal{
	
	}
	#ideal dl{
		font-size:16px;
		line-height:32px;
		}
	#ideal dl dt{
		float:left;
		width:470px;
		}
	#ideal dl dt h4{
		padding-bottom:40px;
		margin-bottom:40px;
		border-bottom: solid 1px #dad2ce;
		}
	#ideal dl dd{
		float:right;
		width:470px;
		}
	#ideal dl dd h4{
		padding-bottom:40px;
		margin-bottom:40px;
		border-bottom: solid 1px #dad2ce;
		}






}






/* スマホ */
@media only screen and (max-width: 480px) {


#greeting{
	background: url(../img/white_bg_upper_sp.png) no-repeat center top;
	background-size:contain;
	padding-top:1%;
    margin-bottom: 70px;
	}
	#greeting > dl{
		background: url(../img/white_bg_middle_sp.gif) repeat-y center top;
		background-size:contain;
		padding:6%;
		}
	#greeting > dl > dt{
		margin-bottom:3%;
		}
		#greeting dl dt dl{
			margin-top:0px;
			padding:0px;
			background: none;
			}
		#greeting dl dt h3{
			color: #e78585;
			font-weight:bold;
			margin-bottom:6%;
			line-height:28px;
			}
		#greeting dl dt p{
			margin-bottom: 40px;
			}
		#greeting dl dt p img{
			max-width: 100%;
			}

		    #greeting dl dd .hightlight{
                text-align: center;
                margin-top: 30px;
                font-size: 18px;
                letter-spacing: 0.03em;
            }
            #greeting dl dd .prof{
                margin-top: 30px;
                color: #e78585;
                font-weight: bold;
				text-align: right;
		   }
            #greeting dl dd .prof dt{
                line-height: 1.5;

            }
            #greeting dl dd .prof dd,
            #greeting .prof {
				margin-top: 2px;
                font-size:18px;
            }

		#greeting dl dt dl dd img.name{
			width:60%;
			}
	#greeting dl dd{
		font-size:100%;
		line-height:28px;
		
		}
	#greeting:after{
		background: url(../img/white_bg_bottom_sp.png) no-repeat center top;
		background-size:contain;
		width:100%;
		height:6px;
		display: block; 
		visibility:visible;
		content: ""; 
		margin-bottom:12%;
		}

	#greeting dl dd > div{
		text-indent: 1em;
		}
	#greeting dl dd > div + div{
		margin-top: 1em;
		}
		#greeting .col1{
			color: #fd0a01;
			font-weight: bold;
		}
	#greeting dl dd .sub_tit{
		margin-top: 30px;
		}
	#greeting dl dd .sub_tit img{
		width: 100%;
		}


#ideal{
	
	}
	#ideal dl{
		font-size:100%;
		line-height:28px;
		}
	#ideal dl dt{
		width:100%;
		margin-bottom:12%;
		}
	#ideal dl dt h4{
		padding-bottom:2%;
		margin-bottom:2%;
		border-bottom: solid 1px #dad2ce;
		}
	#ideal dl dt h4 img{
		width:80%;
		}
	#ideal dl dd{
		width:100%;
		margin-bottom:12%;
		}
	#ideal dl dd h4{
		padding-bottom:2%;
		margin-bottom:2%;
		border-bottom: solid 1px #dad2ce;
		}
	#ideal dl dd h4 img{
		width:80%;
		}

}