@charset "UTF-8";

/*20161026 追加　TOP見出し*/

div#moji_1026{ font-size: 16px; line-height: 1.7em; color: #333; background-color: #fff; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }
.text_1026{font-size:14px;}
.mb15, .mv15, .ma15_1026 {margin-bottom: 15px !important;}
p.midashi_1026{line-height: 1.4; font-size: 45px;font-weight: bold;}
.title p span.title_read_1026 {font-size: 18px;}
div.submit_button_1026 {margin: 0 auto;text-align: center;}
.submit_button_1026 a {text-decoration: none;display: inline-block;}
.submit_button_1026 a:hover {opacity: 0.6;}
.submit_or_1026{ width: 586px; height: 40px; background: url(../../../web/jp/images/submit_or.png) 0 0 no-repeat; text-align: center; padding-top: 20px; margin: 0 auto;}
h2.midashi_161026{ margin-bottom: 25px; padding: 15px 0 12px 17px; border-left: 10px solid #e19140;background: #f0f0f1;font-size: 20px;font-weight: bold;line-height: 1;}
div .submit_long_or_1026  {width: 732px;height: 40px;background: url(/shinrai/kikaku/images/submit_long_or.png) 0 0 no-repeat;text-align: center; padding-top: 20px; margin: 0 auto; margin-bottom:15px;}
div .submit_text_1026 { font-size: 24px; font-weight: bold;color: #ffffff;}
.tx-red_1026 {color: #f00 !important;}
p.komejirushi_1026{font-size:13px;}
.text_read_20boldcolor_1026{ font-size: 20px;font-weight: bold;color: #e19140; margin-bottom: 10px;margin-top:10px;}
.text_read_20boldcolor_161026{ font-size: 20px;font-weight: bold;color: #e19140; margin-bottom: 18px;margin-top:18px;}
.text_center_1026{text-align: center;}

/****************************

01.mainvisual
02.obi
03.list
04.contents
05.conversion--area
06.icon
07.font
08.color

※余白はmargin-bottomで設定すること。
（.contents__block　以外）

*****************************/

/**common**/
.contents { width: 90%; max-width: 64em; margin: 0px auto;}
.read_box p.inquiry_btn{
	padding-left: 0;
	padding-right: 0;
}
.text_read{ width: auto;margin:20px 20px 0;}
#pr-page { font-size: 16px; line-height: 1.5em; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }
.bt-back-cover01 { text-align: right; margin: 7px auto 10px auto; /*ヘッダーのグラデーションのため-3px*/ }
a, p, dl, dt, dd, ul, li { margin: 0; padding: 0; text-decoration: none; }
.kikaku p.inquiry_btn{ margin:20px auto 30px; text-align: center;}
.kikaku p.inquiry_btn a {position: relative; padding: 16px 0; width: 510px; color: #fff; text-decoration: none; background-color: #ff7900; display: inline-block; border-radius: 5px; font-size: 24px; font-weight: bold;}
.kikaku p.inquiry_btn a:after {position: absolute; content: ""; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 18px; top: 29px;}
.kikaku p.inquiry_btn a:hover{opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity = 70);}

.w425 { width: 425px; }
.w730 { width: 730px; }

/*-------------------
01.mainvisual
-------------------*/
.mainvisual--01 { margin-bottom: 40px; position: relative; }
.mainvisual--01__title { margin-bottom: 10px; }
.mainvisual--01__title--sub { font-size: 22px; line-height: 1.3em; font-weight: bold; margin-bottom: 5px; }
.mainvisual--01__title--main { font-size: 36px; line-height: 1.3em; font-weight: bold; }
.mainvisual--01__font { margin-bottom: 1em; }
.mainvisual--01__day { position: absolute; top: 0.8em; left: 0; color: #FFF; width: 75px; text-align: center; font-weight: bold; font-size: 20px; }
.mainvisual--01__title--main--2 { font-size: 36px; line-height: 1.1; font-weight: bold; }

/*-------------------
02.obi
-------------------*/
.obi--h3 { font-size: 20px; border-left: 10px solid #333333; background: #f0f0f1; padding-left: 20px; margin-bottom: 20px; }
.obi--h3__font { padding: 9px 10px 9px 0; font-weight: bold; line-height: 1.5; }
.obi--h4 { border-left: 5px solid #333333; background: #f0f0f1; padding-left: 20px; margin-bottom: 20px; }
.obi--h4__font { padding: 10px 0; font-weight: bold; line-height: 1.5; }

/*-------------------
03.list
-------------------*/
.contents__ul--01 { margin-bottom: 1em; }
.contents__ul--01 li{ }
.contents__dl--01{}
.contents__dl--01 dt{ margin-bottom: 0.5em; font-weight: bold; }
.contents__dl--01 dd{}

/*-------------------
04.contents
-------------------*/
.contents--1column { }
.contents--1column--center{margin:auto; }
.contents--2column {}
.contents--2column--center{ margin:auto; }
.contents--2column__left { float: left; }
.contents--2column__right { float: right; }
.contents__block { padding-bottom: 20px; /*marginと相殺しないようここのみpadding*/ }
.contents__block__inner { margin-bottom: 20px; }
.contents__waku { border: 2px solid #CCCCCC; padding: 1em; }
.contents__box{ display:table; width:100%;}
.contents__box__inner{ display:table-cell;  vertical-align: middle;}
.contents__box__four{ width:20%;}
.contents__box__three{ width:33%;}
.contents__box__two{ width:50%;}
.contents__img--01 { margin-bottom: 1em; }
.contents__triangle--bottom { padding-bottom: 50px; position: relative; }
.contents__triangle--bottom:before {  content: ''; width: 0; height: 0; border-top: 30px solid #CCCCCC; border-right: 100px solid transparent; border-bottom: 0px solid transparent; border-left: 100px solid transparent;position: absolute; bottom: 0; left: 50%; margin-left:-100px; }

/*-------------------
05.conversion--area
-------------------*/
.conversion { margin-bottom: 40px; text-align: center; }
.conversion__font { font-size: 24px; line-height: 1.5em; font-weight: bold; text-align: center; margin-bottom: 20px; }
.conversion__link--font { text-align: center; margin-bottom: 10px; }
.conversion__btn { text-decoration: none; font-size: 24px; color: #ffffff; line-height: 63px; font-weight: bold; background-color: #CCC; height: 60px; border-radius: 5px; margin: 0 auto 20px auto; }
.conversion__btn span {  position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.btn__bg--orange { background-color: #ff7400; }
.btn__bg--orange:hover { background-color: rgba(255,116,0,0.7); color: #ffffff; }
.btn__bg--green { background-color: #8ec600; }
.btn__bg--green:hover { background-color: rgba(142,198,0,0.7); color: #ffffff; }
.btn__icon--arrow--def { position: relative; display: inline-block; vertical-align: bottom; }
.btn__icon--arrow--def:after { content: ''; width: 0; height: 0; border: solid 10px transparent; border-left: solid 10px #ffffff; position: absolute; top: 50%; right: 0.5em; margin-top: -10px; }
.btn__font--twoline { font-size:18px; line-height:1.3em;width: 100%; }

/*-------------------
06.icon
-------------------*/
/*img__icon*/
.icon--img { background: url(/shinrai/kikaku/images/icon.png) no-repeat; }
.mainvisual__icon--01 { background-position: 0 -100px; padding-left: 90px; }
.mainvisual__icon--02 { background-position: 0 -200px; padding-left: 90px; }
.mainvisual__icon--03 { background-position: 0 -300px; padding-left: 90px; }
.mainvisual__icon--04 { background-position: 0 -400px; padding-left: 90px; }
/*css__icon*/
.icon--arrow--def { position: relative; /* display: inline-block; */ padding-left: 12px; }
.icon--arrow--def:before { content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #1e56ac; position: absolute; top: 50%; left: 0; margin-top: -4px; }
.icon--arrow--sell { position: relative; /* display: inline-block; */ padding-left: 12px; }
.icon--arrow--sell:before { content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #cc9510; position: absolute; top: 50%; left: 0; margin-top: -4px; }
.icon--arrow--buy { position: relative; /* display: inline-block; */ padding-left: 12px; }
.icon--arrow--buy:before { content: ''; width: 0; height: 0; border: solid 4px transparent; border-left: solid 6px #cf2c67; position: absolute; top: 50%; left: 0; margin-top: -4px; }
.icon--arrow--02--def { position: relative; /* display: inline-block; */padding-left: 20px; }
.icon--arrow--02--def:before { content: ''; width: 14px; height: 14px; background: #1e56ac; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -7px; }
.icon--arrow--02--def:after { content: ''; width: 0; height: 0; border: solid 3px transparent; border-left: solid 5px #ffffff; position: absolute; top: 50%; left: 5px; margin-top: -3px; }
.icon--arrow--03--def { position: relative;/* display: inline-block; */ padding-left: 20px; }
.icon--arrow--03--def:before { content: ''; width: 6px; height: 6px; border: 0px; border-top: solid 2px #1e56ac; border-right: solid 2px #1e56ac; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px; }

/*-------------------
07.font
-------------------*/
.font--h3 { font-size: 20px; font-weight: bold; margin-bottom: 0.5em; }
.font--h4 { font-size: 18px; font-weight: bold; margin-bottom: 0.5em; }
.font--def { margin-bottom: 1em; }
.font--size18 { font-size: 18px; line-height: 1.5em; }
.font--size16 { font-size: 16px; line-height: 1.5em; }
.font--size14 { font-size: 14px; line-height: 1.5em; }
.font--size12 { font-size: 12px; line-height: 1.5em; }

/*-------------------
08.color
-------------------*/
/*btobプラットフォームカラー*/
.border--b2b { border-color: #86b81b; }
.border--asp { border-color: #2d67a3; }
.border--emp { border-color: #d66860; }
.border--wi { border-color: #297f3a; }
.border--kikaku { border-color: #e19140; }
.border--sell { border-color: #cc9510; }
.border--buy { border-color: #cf2c67; }
.border--red { border-color: #ff0000; }
.border--white { border-color: #ffffff; }
.color--b2b { color: #86b81b; }
.color--asp { color: #2d67a3; }
.color--emp { color: #d66860; }
.color--wi { color: #297f3a; }
.color--kikaku { color: #e19140; }
.color--sell { color: #cc9510; }
.color--buy { color: #cf2c67; }
.color--red { color: #ff0000; }
.color--white { color: #ffffff; }
.bg--b2b { background-color:#86b81b }
.bg--asp { background-color: #2d67a3; }
.bg--emp { background-color: #d66860; }
.bg--wi { background-color: #297f3a; }
.bg--kikaku { background-color: #e19140; }
.bg--sell { background-color: #cc9510; }
.bg--buy { background-color: #cf2c67; }
.bg--red { background-color: #ff0000; }
.bg--white { background-color: #ffffff; }
a.text_link {
	color: #2684e2;
	text-decoration: underline;
}
a.text_link:hover{
	opacity: 0.85;
}
.btn_inquiry_text {
	margin-bottom: 20px;
	font-size: 25px;
	text-align: center;
}
/*-------------------
micro clearfix
-------------------*/
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both }
.cf { zoom: 1 } /* For IE 6/7 */

@media screen and (max-width:48em){
	.obi--h3{
		height: auto;
		padding-left: 10px;
	}
}