@charset "utf-8";

/* ==================================================================
	about.css
	
=================================================================== */

.accentArea{
	background-image: url("../../images/about/title_bg.jpg");
}

#concept{
	background-size: 27%;
}

#concept h3{
	font-size: 221%;
	text-align: center;
	color: #E18C12;
	margin-bottom: 35px;
	font-weight: 500;
    line-height: 1.7;
}

	#concept p.concept{
		color: #E18C12;
		font-size: 114%;
		text-align: center;
	}

		#concept p.concept span{
			position: relative;
			margin-bottom: 30px;
			display: inline-block;
		}

		#concept p.concept span:after,
		#concept p.concept span:before{
			content: '';
			position: absolute;
			top: 50%;
			display: inline-block;
			width: 25px;
			height: 2px;
			background-color: #E18C12;
			-webkit-transform: rotate(-60deg);
			transform: rotate(-60deg);
		}

		#concept p.concept span:after{
			left:-30px;
			transform: rotate(60deg);
		}

		#concept p.concept span:before{
			right:-30px;
		}

	#concept p.text{
		width: 730px;
		margin: auto;
		font-size: 114%;
	}

#greeting{
	padding-bottom: 0;
}

#greeting .image {
    position: relative;
    width: 35%;
    margin: 0 40px 60px 0;
    float: left;
}

#greeting .container {
    position: relative;
}

#greeting .narrow {
    width: 60%;
    float: right;
}

		#greeting .image p.text{
			position: absolute;
			font-size: 171%;
			color: #fff;
			top: 60px;
            left: 35px;
			writing-mode: vertical-rl;
			font-weight: 700;
			letter-spacing: 0.1em;
            text-shadow: 0px 0px 5px #000;
		}

		#greeting .image img{
			width: 100%;
            border-radius: 36px;
		}

	#greeting .textarea{
		margin-bottom: 50px;
	}

	#greeting .section{
		background: #fff;
		border-radius: 36px;
		padding: 45px 65px;
		position: relative;
	}

		#greeting .section:after{
			background: url("../../images/about/icon.svg");
			position: absolute;
			content: "";
			width: 79px;
			height: 64px;
			top: -30px;
			right: 60px;
			visibility: initial;
		}

    #greeting .section .history dl.Career{
        padding-top: 35px;
        border-top: 2px solid #E8E8E8;
    }

    #greeting .history p.name{
        font-size: 140%;
        color:#E18C12;
        line-height: 1.5;
        margin-bottom: 30px;
    }

    #greeting .history p.name span.block{
        display: inline-block;
        margin-right: 15px;
        font-size: 75%;
    }

    #greeting .history p.name span.small{
        font-size: 75%;
    }

		#greeting .section .career{
		}

		#greeting .section .qualification{
			padding-top: 35px;
		}

		#greeting .section .history dl{
			display: table;
			width: 100%;
		}

		#greeting .section .history dl dt{
			display: table-cell;
			width: 20%;
			font-size: 114%;
			font-weight: 700;
		}

		#greeting .section .history dl dd{
			display: table-cell;
		}

		#greeting .section .history dl dd ul li{
			list-style-type: disc;
		}

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

#greeting p.image {
    width: auto;
}










}

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 

#concept h3 {
    font-size: 130%;
	margin-bottom: 20px;
}

#concept p.text {
    width: auto;
}

    #greeting .narrow {
        width:auto;
        position: relative;
    }
    
#greeting .image {
    margin-bottom: 30px;
	width: auto;
    margin-right: 0;
    height: auto;
}

    #greeting .image p.text {
        font-size: 138%;
        bottom: auto;
        right: 3%;
        top: 9%;
        line-height: 1.4;
        text-shadow: #000 2px 2px 4px;
    }

    #greeting .image p.name {
        bottom: 0;
        left: 5%;
        font-size: 140%;
        color: #fff;
        line-height: 1.5;
        text-shadow: #000 2px 2px 4px;
    }
    
#greeting .section {
    border-radius: 20px;
    padding: 45px 20px;
}

	#greeting .section:after {
    background: url(../../images/about/icon.svg) no-repeat;
    top: -20px;
    right: 20px;
    background-size: 60%;
}













}