@charset "UTF-8";
@media only screen and (min-width: 741px) {
html,body{ width: 100%;}
.sp_cont, img.sp_cont {
	display: none!important;
}


/*________________________________________________________

	layout
	________________________________________________________
*/
.container {
	width: 1024px;
	margin: 0 auto;
}
h2 { margin: 50px 0 15px;}


/* ----------------------------------------------------------- 
	#main メインイメージ（スライダー）
---------------------------------------------------------------*/
#main {
	position: relative;
	width: 100%;
	height: 580px;
	margin: 0 auto 0 auto;
	padding: 0px;
}
#main h1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.bxslider li {
	width: 1190px;
	height: 580px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.slide_01 { background-image: url(../images/main/img_main_01_pc.png);}
.slide_02 { background-image: url(../images/main/img_main_02_pc.png);}
.slide_03 { background-image: url(../images/main/img_main_03_pc.png);}
.slide_04 { background-image: url(../images/main/img_main_04_pc.png);}
.bxslider li a {
	display: block;
	width: 1190px;
	height: 580px;
}

/* ----------------------------------------------------------- 
	#gnavi グローバルナビ
---------------------------------------------------------------*/
.gnavi nav {
	width: 1024px;
	margin: 0 auto;
}
.gnavi nav li {
	position: relative;
	display: inline-block;
	width: 253px;
}
.gnavi nav a {
	padding: 20px 0 40px;
	text-align: center;
	font-size: 170%;
	line-height: 1.2em;
}
.gnavi nav a::after {
	position: absolute;
	display: block;
	bottom: 8px;
	left: 50%;
	margin-left: -10px;
    content: "\f107";
    font-family: FontAwesome;
	font-size: 150%;
	font-weight: normal;
}
.gnavi nav span {
	display: block;
	font-size: 70%;
	font-weight: normal;
}

/* ----------------------------------------------------------- 
	ボタン
---------------------------------------------------------------*/
.btnArea {
	display: table;
    margin: 30px auto;
    border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 15px 0;  /* 左右 上下で記述 */
}
.btnBig, .btnSmall {
	display: table-cell;
	vertical-align: middle;
	height: 145px;
}
.btnBig,.btnSmall.wide { width: 630px;}
.btnSmall { width: 290px;}

strong.btn_album { background: url(../images/ico_btn_book.png) 180px 0% no-repeat;}
.btnSmall.wide.btn_album { background: url(../images/ico_btn_book.png) 120px 50% no-repeat;}
.btn_album { background: url(../images/ico_btn_book.png) 40px 50% no-repeat;}
.btn_make { background: url(../images/ico_btn_brush.png) 110px 0% no-repeat;}

/* ----------------------------------------------------------- 
	卒アル事情
---------------------------------------------------------------*/
.situationBox {
	display: flex;
}
.situationBox div {
	width: 32%;
}
.situationBox div:nth-child(2) {
	margin: 0 16px;
}


/* ----------------------------------------------------------- 
	#flow 卒アルが届くまで
---------------------------------------------------------------*/
.flowBox {
	padding: 20px 0px 10px 10px;
}
.flowBox li {
	display: inline-block;
	height: 200px;
	padding-top: 250px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	vertical-align: top
}
#flow li span {
	display: block;
	margin: 20px 10px;
	text-align: left;
}

/* ----------------------------------------------------------- 
	#point オススメポイント
---------------------------------------------------------------*/
.pointBox li {
	padding: 20px;
	font-size: 180%;
	background-position: 99% 50%;
}
.pointBox img, .pointBox span {
	display: inline-block;
	vertical-align: middle;
}
.pointBox img {
	margin: 0 20px;
}
.pointBox span {
	width: 470px;
	font-weight: bold;
}


/* ----------------------------------------------------------- 
	#voice お客様の声
---------------------------------------------------------------*/
.voiceBox:after {
	content: "";
	clear: both;
	display: block;
}
.voiceBox div {
	margin: 10px;
	float: left;
	background: url(../images/bg_voice.png) 50% 50% no-repeat;
}
.horizontal {
	width: 415px;
	height: 330px;
	padding: 40px 20px 30px 40px;
}
.vertical {
	width: 415px;
	height: 310px;
	padding: 60px 30px 30px 30px;
}


/* ----------------------------------------------------------- 
	#contact 問い合わせ
---------------------------------------------------------------*/
#contact li {
	width: 45%;
	margin: 0 auto;
	padding: 20px;
}


a.pagetop {
	right: 80px;
    bottom: 40px;
	width: 74px;
	height: 74px;
}


/* ----------------------------------------------------------- 
	#パンくずリスト
---------------------------------------------------------------*/

#breadcrumbs {
	font-size: 13px;
	padding: 13px 0;
}
#breadcrumbs a {
	color: #1b96d5;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: none;
}
#breadcrumbs li {
	display: inline-block;
}
#breadcrumbs li:after {
	content: ">";
	margin: 0 -2px 0 2px;
	transform: scale(0.5, 1);
	display: inline-block;
}
#breadcrumbs li:last-child:after {
	content: "";
}

}