@charset "UTF-8";


/*共通
---------------------------------------------------------*/
.about_index01{
	color:#3ea7fd;
	font-family: a-otf-futo-min-a101-pr6n, serif;
font-weight: 400;
font-style: normal;
	font-size:203%;
	letter-spacing: 0.07em;
	margin-bottom: 10px;
	line-height: 1.5em;}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about_index01{
	font-size:160%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about_index01{
	font-size:5vw;
	letter-spacing: 0.04em;
	margin-bottom: 3%;}
}





/*box1
---------------------------------------------------------*/
.about .box1 {
	margin-bottom: 80px;
}
.about .box1 .flt_l {
	width:48%;
}
.about .box1 .flt_l div{
	max-width: 423px;}
.about .box1 .flt_r {
	width:50%;
	padding-top: 10px;
}
.about .box1 .flt_r dt {
	float: left;
	width: 15%;
	max-width: 75px;
}
.about .box1 .flt_r dd {
	float: right;
	width: 81%;
	line-height: 1.75em;
}
.about .box1 .flt_r dl:nth-child(1){
	margin-bottom:30px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about .box1 {
	margin-bottom: 60px;
}
.about .box1 .flt_l {
	width:40%;
}
.about .box1 .flt_r {
	width:56%;
	padding-top:0;
}
.about .box1 .flt_r dt {
	width: 15%;
}
.about .box1 .flt_r dd {
	width: 82%;
}
.about .box1 .flt_r dl:nth-child(1){
	margin-bottom:20px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .box1 {
	margin-bottom: 8%;
}
.about .about_index01{
	font-size:5.3vw;
	text-align: center;}	
.about .box1 .flt_l {
	width:100%;
	float: none;
}
.about .box1 .flt_l div{
	margin: 0 auto 10% auto;
	width:70%;
	}
.about .box1 .flt_r {
	float: none;
	width:100%;
	padding-top: 0;
}
.about .box1 .flt_r dt {
	float: none;
	width: 100%;
	max-width: 640px;
	margin: 0 auto 3% auto;
}
.about .box1 .flt_r dd {
	float: none;
	width: 100%;
	line-height:2em;
}
.about .box1 .flt_r dl:nth-child(1){
	margin-bottom:7%;
}
}





/*box2
---------------------------------------------------------*/
.about .box2 {
	margin-bottom: 80px;
}
.about .box2 .flt_l {
	width:63%;
}
.about .box2 .flt_r {
	width:33%;
}
.about .box2 .flt_l .about_index01{
	margin-bottom:20px;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about .box2 {
	margin-bottom: 50px;
}
.about .box2 .flt_l {
	width:67%;
}
.about .box2 .flt_r {
	width:30%;
}
.about .box2 .flt_l .about_index01{
	margin-bottom:15px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .box2 {
	margin-bottom: 10%;
}
.about .box2 .flt_l {
	width:100%;
	float: none;
}
.about .box2 .flt_r {
	width:60%;
	float: none;
	margin: 5% auto 0 auto;
	max-width: 320px;
}
.about .box2 .flt_l .about_index01{
	margin-bottom:3%;
}
}




/*box3
---------------------------------------------------------*/
.about .box3 .frame_box {
	border: solid 5px #F6F4F3;
	padding: 40px 0;
}
.about .box3 .frame_box h3 {
	text-align: center;
	margin-bottom: 30px;
}
.about .box3 .frame_box .flt_box .flt_l {
	width: 65%;
}
.about .box3 .frame_box .flt_box .flt_r {
	max-width: 300px;
	width: 31%;
}
.about .box3 .frame_box .hosyo {
	margin: 40px 0;
	background: #E4F4FF;
	padding: 30px 3%;
	text-align: center;
	font-weight: bold;
}
.about .box3 .frame_box .hosyo h4{
	font-size:250%;
	letter-spacing: 0.15em;
	color:#3ea5fd;
	font-weight: normal;
	margin-bottom: 20px;
}
.about .box3 .frame_box .hosyo p{
	font-size:108%;
	letter-spacing: 0.15em;
}

.about .box3 .frame_box .hosyo dl {
	max-width: 854px;
	width: 100%;
	margin: 20px auto 0;
	display: table;
}
.about .box3 .frame_box .hosyo dt {
	display: table-cell;
	background: #2DA1FF;
	border-radius: 40px 0 0 40px;
	vertical-align: middle;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.0em;
	width: 285px;
}
.about .box3 .frame_box .hosyo dd {
	display: table-cell;
	background: #fff;
	border-radius: 0 40px 40px 0;
	vertical-align: middle;
	text-align: center;
	padding: 20px 0;
	font-size: 140%;
	line-height: 1.0em;
	width: calc(100% - 285px);
}
.about .box3 .frame_box .hosyo dd .txt_small {
	color: #545454;
	font-size: 70%;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 1.0em;
}
.about .box3 .frame_box .hosyo dd .txt_price {
	font-family: 'Karla', sans-serif;
	color: #EC7190;
	font-size: 150%;
	font-weight: 400;
	line-height: 1.0em;
}
.about .box3 .frame_box .hosyo dd .txt_en {
	color: #EC7190;
	font-size: 117%;
	line-height: 1.0em;
	margin-left: 3px;
	margin-right: 5px;
}
.about .box3 .frame_box .hosyo dd .txt_tax {
	font-size: 60%;
	font-weight: normal;
	line-height: 1.0em;
}
.about .box3 .frame_box .miseinen dt {
	text-align: center;
	margin-bottom: 20px;
	color:#9A7C25;
	background:url(../images/about/icon@2x.png) no-repeat center top;
	background-size:89px 14px;
	padding-top: 25px;
	font-size:135%;
	letter-spacing: 0.15em;
}
.about .box3 .frame_box .miseinen dd .flt_l{
	width: 70%;
}
.about .box3 .frame_box .miseinen dd .flt_r {
	max-width: 268px;
	width: 27%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about .box3 .frame_box {
	padding: 30px 0;
}
.about .box3 .frame_box h3 {
	width:65%;
	margin: 0  auto 25px auto;
	max-width: 480px;
}
.about .box3 .frame_box .flt_box .flt_l {
	width: 100%;
	float: none;
}
.about .box3 .frame_box .flt_box .flt_r {
	width: 29%;
	padding: 0 0 0.5em 3%;
}
.about .box3 .frame_box .hosyo {
	margin: 30px 0;
	padding:4% 3% 3% 3%;
}
.about .box3 .frame_box .hosyo h4{
	font-size:200%;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
.about .box3 .frame_box .hosyo p{
	font-size:100%;
	letter-spacing: 0.1em;
}
.about .box3 .frame_box .hosyo dl {
	margin: 15px auto 0;
}
.about .box3 .frame_box .hosyo dt {
	border-radius: 20px 0 0 20px;
	padding: 14px 0;
	font-size: 105%;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	width: 180px;
}
.about .box3 .frame_box .hosyo dd {
	border-radius: 0 20px 20px 0;
	padding: 10px 0;
	font-size: 120%;
	width: calc(100% - 180px);
}
.about .box3 .frame_box .hosyo dd .txt_small {
	letter-spacing: .05em;
}
.about .box3 .frame_box .hosyo dd .txt_price {
	font-size: 130%;
}
.about .box3 .frame_box .hosyo dd .txt_en {
	font-size: 105%;
}
.about .box3 .frame_box .miseinen dt {
	margin-bottom: 15px;
	padding-top: 20px;
	font-size:130%;
}
.about .box3 .frame_box .miseinen dd .flt_l{
	width: 67%;
}
.about .box3 .frame_box .miseinen dd .flt_r {
	width: 30%;}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .box3 .frame_box {
	padding: 5% 0 4%;
}
.about .box3 .frame_box h3 {
	margin-bottom: 5%;
}
.about .box3 .frame_box .flt_box .flt_l {
	width: 100%;
	float: none;
}
.about .box3 .frame_box .flt_box .flt_r {
	width: 45%;
	padding: 0 0 0.5em 4%;
}
.about .box3 .frame_box .hosyo {
	margin: 8% 0;
	padding:5%;
}
.about .box3 .frame_box .hosyo h4{
	font-size:5.5vw;
	letter-spacing: 0.13em;
	margin-bottom:3%;
	line-height: 1.4em;
}
.about .box3 .frame_box .hosyo p{
	font-size:100%;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}

.about .box3 .frame_box .hosyo dl {
	width: 100%;
	margin: 4% auto 0;
	display: block;
}
.about .box3 .frame_box .hosyo dt {
	display: block;
	border-radius: 10px 10px 0 0 ;
	padding: 4% 0;
	letter-spacing: .08em;
	width: 100%;
	font-size:4vw;
}
.about .box3 .frame_box .hosyo dd {
	display: block;
	border-radius: 0 0 10px 10px;
	padding: 5% 0;
	font-size: 4.5vw;
	line-height: 1.2em;
	width:100%;
}
.about .box3 .frame_box .hosyo dd .txt_small {
	font-size: 80%;
}
.about .box3 .frame_box .hosyo dd .txt_price {
	font-size: 4.5vw;
	font-weight: 400;
	line-height: 1.0em;
}
.about .box3 .frame_box .hosyo dd .txt_en {
	font-size: 3.5vw;
}
.about .box3 .frame_box .miseinen dt {
	margin-bottom: 4%;
	background-size:23% auto;
	padding-top: 25px;
	font-size: 5vw;
	letter-spacing: 0.1em;
}
.about .box3 .frame_box .miseinen dd .flt_l{
	width: 100%;
	float: none;
}
.about .box3 .frame_box .miseinen dd .flt_r {
	width: 80%;
	float: none;
	margin: 5% auto 0 auto;
}
	.about .box3 .txt_al_c img{
		display:block;
	}
}