/*===============================================
●base.css 画面の横幅が768px以上
===============================================*/
@media print, screen and (min-width: 768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  見出し　*/
/*--------------------------------------------------------*/

.midashiBox{
}

.midashiBox h2.jpn_midashi{
	text-align:center;
	font-size:22px;
	color:#333;
	font-weight:600;
	line-height:1.2em;
	letter-spacing:1.4px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.midashiBox h3.eng_midashi{
	margin-top:7px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:1.2em;
	letter-spacing:1.2px;
	color:#333;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

/*  社長挨拶　*/
/*--------------------------------------------------------*/

#message{
	max-width:800px;
	margin:80px auto 0;
	padding:0 30px;
}

#message .messageBox{
	margin-top:50px;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#message .messageBox .message_txt{
	width:62%;
}

#message .messageBox .message_illust{
	width:35%;
	text-align:right;
}

#message .messageBox .message_illust img{
	width:78%;
}

#message .messageBox .message_txt p{
	font-size:15px;
	font-weight:400;
	color:#444;
	line-height:2.0em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#message .messageBox .message_txt p.pre_name{
	text-align:right;
}

#message .messageBox .message_txt p.danraku{
	margin-top:25px;
}

/*  会社概要　*/
/*--------------------------------------------------------*/

#outline{
	max-width:800px;
	margin:140px auto 0;
	padding:0 30px;
}

#outline .outlineBox{
	margin-top:50px;
}

#outline .outlineBox table.tbl_outline{
	width:100%;
	border-collapse:collapse;
}

#outline .outlineBox table.tbl_outline tr{
}

#outline .outlineBox table.tbl_outline td.koumoku{
	width:25%;
	border-bottom:1px solid #333;
	padding:18px 0;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox table.tbl_outline td.info{
	width:75%;
	border-bottom:1px solid #DDD;
	padding:18px 0 18px 18px;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox table.tbl_outline td.info ul li{
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox .company_photo02{
	max-width:480px;
	margin:60px auto 0;
}

#outline .outlineBox .company_photo02 .photoBox{
	max-width:480px;
}

#outline .outlineBox .company_photo02 .photoBox .photo img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#outline .outlineBox .company_photo02 .photoBox .office_name{
	margin-top:15px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.08em;
}

/*  会社沿革　*/
/*--------------------------------------------------------*/

#history{
	max-width:800px;
	margin:140px auto 0;
	padding:0 30px;
}

#history .historyBox{
	margin-top:40px;
}

#history .historyBox table.tbl_history{
	width:100%;
	border-collapse:collapse;
}

#history .historyBox table.tbl_history tr{
}

#history .historyBox table.tbl_history td.koumoku{
	width:25%;
	border-bottom:1px solid #333;
	padding:18px 0;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#history .historyBox table.tbl_history td.info{
	width:75%;
	border-bottom:1px solid #DDD;
	padding:18px 0 18px 18px;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

/*  アクセスマップ　*/
/*--------------------------------------------------------*/

#access{
	max-width:800px;
	margin:140px auto 0;
	padding:0 30px;
}

#access .mapBox{
}

#access .map-mt01{
	margin-top:50px;
}

#access .map-mt02,
#access .map-mt03{
	margin-top:80px;
}

#access .mapBox #googlemapBox01,
#access .mapBox #googlemapBox02,
#access .mapBox #googlemapBox03{
	width:800px;
	height:400px;
}

#access .mapBox #googlemapBox01 iframe,
#access .mapBox #googlemapBox02 iframe,
#access .mapBox #googlemapBox03 iframe{
	width:100%;
	height:400px;
}

#access .mapBox p.office_name{
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:2.0px;
}

#access .mapBox p.add{
	margin-top:7px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

/*  きむラテカフェ　*/
/*--------------------------------------------------------*/

#kimulattecafe{
	max-width:670px;
	margin:120px auto 0;
	padding:0 30px;
}

#kimulattecafe h2.cafe_title{
	text-align:center;
}

#kimulattecafe h2.cafe_title img{
	width:380px;
}

#kimulattecafe .cafeBox{
	margin-top:30px;
	display:flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#kimulattecafe .cafeBox .cafe_message{
	width:240px;
	height:180px;
	padding-top:22px;
}

#kimulattecafe .cafeBox .cafe_message p.cafe_txt{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:2.3em;
	letter-spacing:2.8px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

#kimulattecafe .cafeBox .cafe_illust{
	width:380px;
}

#kimulattecafe .cafeBox .cafe_illust img{
	width:380px;
}

#kimulattecafe .cafeBox .cafe_message p.danraku{
	margin-top:25px;
}

}








/*===============================================
●smartphone.css 画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/*  見出し　*/
/*--------------------------------------------------------*/

.midashiBox{
}

.midashiBox h2.jpn_midashi{
	text-align:center;
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:1.2px;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.midashiBox h3.eng_midashi{
	text-align:center;
	margin-top:7px;
	font-family: 'Roboto', sans-serif;
	font-size:11px;
	font-weight:400;
	line-height:1.2em;
	letter-spacing:1.0px;
	color:#333;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

/*  社長挨拶　*/
/*--------------------------------------------------------*/

#message{
	margin:40px 0 0;
	padding:0 50px;
}

#message .messageBox{
	margin-top:40px;
}

#message .messageBox .message_txt{
}

#message .messageBox .message_illust{
	margin-top:40px;
	padding-right:30px;
	text-align:center;
}

#message .messageBox .message_illust img{
	width:180px;
}

#message .messageBox .message_txt p{
	font-size:15px;
	font-weight:400;
	color:#444;
	line-height:2.0em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#message .messageBox .message_txt p.pre_name{
	text-align:right;
}

#message .messageBox .message_txt p.danraku{
	margin-top:25px;
}

/*  会社概要　*/
/*--------------------------------------------------------*/

#outline{
	margin:100px 0 0;
}

#outline .outlineBox{
	margin-top:40px;
	padding:0 20px;
}

#outline .outlineBox table.tbl_outline{
	width:100%;
	border-collapse:collapse;
}

#outline .outlineBox table.tbl_outline tr{
}

#outline .outlineBox table.tbl_outline td.koumoku{
	width:25%;
	border-bottom:1px solid #333;
	padding:13px 0;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox table.tbl_outline td.info{
	width:75%;
	border-bottom:1px solid #DDD;
	padding:13px 0 13px 13px;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox table.tbl_outline td.info ul li{
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#outline .outlineBox .company_photo02{
}

#outline .outlineBox .company_photo02 .photoBox{
	margin-top:40px;
	text-align:center;
}

#outline .outlineBox .company_photo02 .photoBox .photo img{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#outline .outlineBox .company_photo02 .photoBox .office_name{
	margin-top:15px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.8px;
}

/*  会社沿革　*/
/*--------------------------------------------------------*/

#history{
	margin:100px 0 0;
}

#history .historyBox{
	margin-top:40px;
	padding:0 20px;
}

#history .historyBox table.tbl_history{
	width:100%;
	border-collapse:collapse;
}

#history .historyBox table.tbl_history tr{
}

#history .historyBox table.tbl_history td.koumoku{
	width:25%;
	border-bottom:1px solid #333;
	padding:13px 0;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#history .historyBox table.tbl_history td.info{
	width:75%;
	border-bottom:1px solid #DDD;
	padding:13px 0 13px 13px;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

/*  アクセスマップ　*/
/*--------------------------------------------------------*/

#access{
	margin:100px 0 0;
}

#access .mapBox{
	padding:0 25px;
}

#access .map-mt01{
	margin-top:40px;
}

#access .map-mt02,
#access .map-mt03{
	margin-top:60px;
}

#access .mapBox #googlemapBox01,
#access .mapBox #googlemapBox02,
#access .mapBox #googlemapBox03{
	width:100%;
	height:250px;
}

#access .mapBox #googlemapBox01 iframe,
#access .mapBox #googlemapBox02 iframe,
#access .mapBox #googlemapBox03 iframe{
	width:100%;
	height:250px;
}

#access .mapBox p.office_name{
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:2.0px;
}

#access .mapBox p.add{
	margin-top:5px;
	text-align:center;
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.8em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

/*  きむラテカフェ　*/
/*--------------------------------------------------------*/

#kimulattecafe{
	margin:100px 0 0;
}

#kimulattecafe h2.cafe_title{
	text-align:center;
}

#kimulattecafe h2.cafe_title img{
	width:300px;
}

#kimulattecafe .cafeBox{
	margin-top:25px;
}

#kimulattecafe .cafeBox .cafe_illust{
	padding:0 40px;
}

#kimulattecafe .cafeBox .cafe_message{
	margin-top:30px;
	padding:0 80px;
}

#kimulattecafe .cafeBox .cafe_message p.cafe_txt{
	font-size:13px;
	font-weight:400;
	color:#444;
	line-height:1.9em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	letter-spacing:0.5px;
}

#kimulattecafe .cafeBox .cafe_message p.cafe_txt br{
	display:none;
}

}