@charset "UTF-8";

/* 背景設定 */
.forfirst_bg1{
	background: #F5F2EE 0% 0% no-repeat padding-box;
}

.forfirst_bg2{
	background: #FFFFFF 0% 0% no-repeat padding-box;
}

.under_padding10{
	padding: 0px 0px 10px 0px;
}

.under_padding30{
	padding: 0px 0px 30px 0px;
}

/* はじめての方へ */

.forfirst{
	position: relative;
	margin:18px 0px 0px 0px;
	padding: 27px 0px 30px 0px;

	background: #FD9A1C 0% 0% no-repeat padding-box;
	text-align: center;
	font: 600 normal normal 30px/30px Hiragino Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.forfirst_triangle{
	position: absolute;
	top: 62px;
	left: 0px;
	right: 0px;
	margin: auto;

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 42px 49px 0 49px;
	border-color: #FD9A1C transparent transparent transparent;
}

/* カーナベルの すごい！4つの特徴 */

.features_sentence{
	margin:30px 0px 0px 0px;
	text-align: center;
	letter-spacing: 0px;
	color: #000000;
}

.features_sentence_1{
	font: 600 normal normal 24px/24px Hiragino Sans;
}

.features_sentence_2{
	position: relative;
}

.features_sentence_2_1{
	position: relative;
	display: inline-block;
	font: 600 normal normal 32px/32px Hiragino Sans;
	z-index: 1;
}

.features_sentence_2_2{
	position: relative;
	display: inline-block;
	font: 600 normal normal 50px/43px Hiragino Sans;
	z-index: 1;
}

.features_sentence_2_3{
	position: relative;
	display: inline-block;
	font: 600 normal normal 37px/37px Hiragino Sans;
	z-index: 1;
}

.features_sentence_underline{
	position: absolute;
	top: 35px;
	left: 0px;
	right: 0px;
	width: 310px;
	height: 11px;
	margin: auto;
	background: #FEF102 0% 0% no-repeat padding-box;
}

/* 特徴ボタンリスト */

.feature_buttons{
	position: relative;
	margin: auto;
	margin-top:12px;
	width: 360px;
	text-align: center;
}

.feature1_button{
	margin:5px 70px 0px 16px;
}

.feature2_button{
	margin:5px 52px 0px 34px;
}

.feature3_button{
	margin:5px 34px 0px 52px;
}

.feature4_button{
	margin:5px 16px 0px 70px;
}

.feature_button{
	display: inline-block;
	position: relative;
	padding:8px 12px 12px 0px;
	width: 262px;
	height: 28px;
	color: #000000;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #000000;
	border-radius: 24px;
}

.feature_number{
	display: inline-block;
	font: 600 normal normal 28px/28px Hiragino Sans;
}

.feature_main{
	display: inline-block;
	font: 600 normal normal 23px/23px Hiragino Sans;
}

.feature_triangle{
	position: absolute;
	top: 22px;
	left: 239px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #FD9A1C transparent transparent transparent;
}

.features_image{
	margin: auto;
	width: 332px;
}

/* 文章 */

.feature{
	text-align: center;
}

.title{
	padding: 44px 0px 19px 0px;
	text-align: center;
	letter-spacing: 0px;
	color: #000000;
}

.title_number{
	display: inline-block;
	text-align: left;
	font: 600 normal normal 50px/50px Hiragino Sans;
}

.title_sentence{
	display: inline-block;
	text-align: right;
}

.title_sub{
	text-align: left;
	font: 600 normal normal 16px/30px Hiragino Sans;
}

.title_main{
	text-align: left;
	font: 600 normal normal 30px/30px Hiragino Sans;
	background:linear-gradient(transparent 70%, #FEF102 0%);
}

.sentence{
	padding: 13px 9% 0 9%;
	text-align: left;
	font: normal normal normal 16px/27px Hiragino Sans;
	letter-spacing: 0px;
	color: #000000;
}

.sentence .b{
	font: 600 normal normal 18px/27px Hiragino Sans;
}

.image{
	margin: auto;
	margin-top: 30px;
}

.feature1_image{
	width: 313px;
}

.feature2_image{
	width: 309px;
}

.feature3_image{
	width: 335px;
}

.feature4_image{
	width: 279px;
}

.button{
	display: inline-block;
	margin: auto;
	margin-top: 20px;
	padding: 21px 0px 21px 0px;
	width: 310px;
	height: 18px;
	background: #FD9A1C 0% 0% no-repeat padding-box;
	border-radius: 30px;

	text-align: center;
	font: 600 normal normal 18px/18px Hiragino Sans;
	letter-spacing: 0px;
	color: #FFFFFF;
}

.arrow_box{
    position:relative;
	margin: auto;
	margin-top: 36px;
    width: 321px;
    background:#FFFFFF;
    padding:10px;
    text-align:center;
    border:1px solid #FFB102;
	text-align: center;
	font: 600 normal normal 18px/26px Hiragino Sans;
	letter-spacing: 0px;
	color: #000000;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;

}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.arrow_box:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:12px;
    border-bottom-width:12px;
    border-left-width:12px;
    border-right-width:12px;
    margin-left: -12px;
    border-top-color:#FFFFFF;
}
.arrow_box:before{
    border-color: rgba(255, 177, 2, 0);
    border-top-width:13px;
    border-bottom-width:13px;
    border-left-width:13px;
    border-right-width:13px;
    margin-left: -13px;
    margin-top: 1px;
    border-top-color:#FFB102;
}

.twitter-tweet{
	margin: 20px 9% 0 9% !important;
	width:82% !important;
}

a{
	text-decoration: none !important;
}