/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*	font-weight:normal;*/
    vertical-align: baseline;
    background: transparent;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
    font-weight: 500;
}

body {
    line-height: 1;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

img {
    vertical-align: bottom
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共有css

制作対象となるページに依存せず、使いまわしのできる要素のみを
記載しましょう。


共通化上書き更新：home-one.jp saimu110.info jiko110.info
20141017更新

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ------------------------------------------------------------
	リセット不足分
------------------------------------------------------------ */

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}


/* ------------------------------------------------------------
	clearfix　
------------------------------------------------------------ */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*/
    /*/
    height: auto;
    overflow: hidden;
    /**/
}


/* ------------------------------------------------------------
	css3
------------------------------------------------------------ */

.radius10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.radius10_up {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.diagonal {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}


/*未設定要素は削除*/

.box_shadow12 {}

.box_shadow12x {}

.no_transition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}


/* ------------------------------------------------------------
	float
------------------------------------------------------------ */

.clearboth {
    clear: both;
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}


/* ------------------------------------------------------------
	margin　
------------------------------------------------------------ */

.mg0 {
    margin: 0 !important;
}

.mg20 {
    margin: 20px;
}

.mgbtm0 {
    margin-bottom: 0px !important;
}

.mgbtm5 {
    margin-bottom: 5px !important;
}

.mgbtm10 {
    margin-bottom: 10px !important;
}

.mgbtm15 {
    margin-bottom: 15px !important;
}

.mgbtm20 {
    margin-bottom: 20px !important;
}

.mgbtm25 {
    margin-bottom: 25px !important;
}

.mgbtm30 {
    margin-bottom: 30px !important;
}

.mgbtm40 {
    margin-bottom: 40px !important;
}

.mgbtm50 {
    margin-bottom: 50px !important;
}

.mgbtm60 {
    margin-bottom: 60px !important;
}

.mgbtm70 {
    margin-bottom: 70px !important;
}

.mgbtm80 {
    margin-bottom: 80px !important;
}

.mgbtm155 {
    margin-bottom: 155px !important;
}

.mgtop0 {
    margin-top: 0px !important;
}

.mgtop5 {
    margin-top: 5px !important;
}

.mgtop10 {
    margin-top: 10px !important;
}

.mgtop15 {
    margin-top: 15px !important;
}

.mgtop20 {
    margin-top: 20px !important;
}

.mgtop25 {
    margin-top: 25px !important;
}

.mgtop30 {
    margin-top: 30px !important;
}

.mgtop40 {
    margin-top: 40px !important;
}

.mgtop50 {
    margin-top: 50px !important;
}

.mgtop-10 {
    margin-top: -10px;
}

.mgtop-20 {
    margin-top: -20px;
}

.mgtop-30 {
    margin-top: -30px;
}

.mgtop-40 {
    margin-top: -40px;
}

.mglt0 {
    margin-left: 0px !important;
}

.mglt5 {
    margin-left: 5px !important;
}

.mglt10 {
    margin-left: 10px !important;
}

.mglt15 {
    margin-left: 15px !important;
}

.mglt20 {
    margin-left: 20px !important;
}

.mglt25 {
    margin-left: 25px !important;
}

.mglt30 {
    margin-left: 30px !important;
}

.mglt40 {
    margin-left: 40px !important;
}

.mglt50 {
    margin-left: 50px !important;
}

.mglt60 {
    margin-left: 60px !important;
}

.mglt120 {
    margin-left: 120px !important;
}

.mglt140 {
    margin-left: 140px !important;
}

.mglt210 {
    margin-left: 210px !important;
}

.mgrt0 {
    margin-right: 0 !important;
}

.mgrt5 {
    margin-right: 5px !important;
}

.mgrt10 {
    margin-right: 10px !important;
}

.mgrt15 {
    margin-right: 15px !important;
}

.mgrt20 {
    margin-right: 20px !important;
}

.mgrt25 {
    margin-right: 25px !important;
}

.mgrt30 {
    margin-right: 30px !important;
}

.mgrt40 {
    margin-right: 40px !important;
}

.mgrt50 {
    margin-right: 50px !important;
}

.mgrt60 {
    margin-right: 60px !important;
}

.mgrt95 {
    margin-right: 95px !important;
}

.mgrt100 {
    margin-right: 100px !important;
}

.mgbtmxx {
    margin-bottom: 140px !important;
}

.mgw20 {
    margin-left: 20px;
    margin-right: 20px;
}


/* ------------------------------------------------------------
	padding
------------------------------------------------------------ */

.pd0 {
    padding: 0 !important;
}

.pd10 {
    padding: 10px !important;
}

.pd20 {
    padding: 20px !important;
}

.pdtop0 {
    padding-top: 0 !important;
}

.pdtop10 {
    padding-top: 10px !important;
}

.pdtop15 {
    padding-top: 15px;
}

.pdtop20 {
    padding-top: 20px !important;
}

.pdtop40 {
    padding-top: 40px !important;
}

.pdtop60 {
    padding-top: 60px !important;
}

.pdbtm0 {
    padding-bottom: 0 !important;
}

.pdbtm5 {
    padding-bottom: 5px !important;
}

.pdbtm10 {
    padding-bottom: 10px !important;
}

.pdbtm15 {
    padding-bottom: 15px !important;
}

.pdbtm20 {
    padding-bottom: 20px !important;
}

.pdbtm30 {
    padding-bottom: 30px !important;
}

.pdbtm40 {
    padding-bottom: 40px !important;
}

.pdlt25 {
    padding-left: 25px;
}

.pdlt40 {
    padding-left: 40px !important;
}

.pdrt0 {
    padding-right: 0 !important;
}

.pdrt25 {
    padding-right: 25px;
}

.pdw0 {
    padding-left: 0;
    padding-right: 0;
}

.pdw20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pdh10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdH30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}


/* ------------------------------------------------------------
	width
------------------------------------------------------------ */

.w100p,
.w100 {
    width: 100% !important;
}

.w140 {
    width: 140px !important;
}

.w42p {
    width: 42% !important;
}

.w45p {
    width: 45% !important;
}

.w50p {
    width: 50%;
}

.w90p,
.w90 {
    width: 90% !important;
}

.liquid {
    width: 100% !important;
}


/* ------------------------------------------------------------
	font-size　
------------------------------------------------------------ */


/*fontサイズ対応表　＊body定義12pxベースの%対応表
基準文字サイズ（旧）
10px 83%	11px 91%	12px 100%	13px 108%	14px 116%	15px 125%	16px 133%	17px 141%	18px 150%	19px 158%	20px 166%	21px 175%	22px 183%	23px 191%	24px 200%	25px 208%	26px 216%
*/

.fontsize_reset {
    font-size: 1.5rem !important;
}


/*
.fontsize_reset {font-size:100% !important;}
*/

.fontsize_inherit {
    font-size: inherit;
}

.fontsize_22 {
    font-size: 2.2rem !important;
}

.fontsize_30 {
    font-size: 3.0rem !important;
}

.fontsize32p {
    font-size: 32px;
}

.fs10 {
    font-size: 10px !important;
}

.font_12px,
.fontsize12p,
.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs28 {
    font-size: 28px;
}

.fs32 {
    font-size: 32px;
}


/* ------------------------------------------------------------
	line-height
------------------------------------------------------------ */

.lineHeight_12 {
    line-height: 1.2 !important;
}

.lineHeight_40 {
    line-height: 4.0 !important;
}

.linehight70p {
    line-height: 70% !important;
}

.linehight110p {
    line-height: 110% !important;
}

.lineheight140,
.linehight140p {
    line-height: 140% !important;
}

.linehight160p {
    line-height: 160% !important;
}

.lineheight34 {
    line-height: 34px;
}


/*h3を2行分の高さにする*/

.height_2line {
    padding-bottom: 27px;
    padding-top: 27px;
}


/* ------------------------------------------------------------
	fontstyle
------------------------------------------------------------ */

.number_font {
    font-family: 'Roboto', Century Gothic, sans-serif;
    line-height: 1.5;
}

.text_underline {
    text-decoration: underline;
}

.text_deco_none {
    text-decoration: none !important;
}

.font_anti {
    text-shadow: 0 0 1px #aaa, 0 0 2px #ccc, 0 0 3px #eee;
}

.fw_normal {
    font-weight: normal;
}

.section_text,
.bold {
    font-weight: bold;
}

.hightlight_font {
    color: #ff0000;
    font-weight: bold;
}


/*font用組み合わせ装飾*/

.orange_bold {
    color: #F97C00;
    font-weight: bold;
}

.red_bold {
    color: #FF5C26;
    font-weight: bold;
}


/* homeone.css内の設定
.red_bold{
	color:#CD350C;
	font-weight:bold;
}
*/


/*共通強調用ラインマーカー*/

.text_lineMarker_yellow {
    /*黄マーカーと赤テキスト*/
    background: #fcf989;
    color: #FF5B26;
    margin: 8px 0;
}

.lineMarker_yellow {
    /*黄マーカーのみ*/
    /*background:#fcf989;*/
    background: url(../img/common/marker_bg.png) repeat;
    font-weight: bold;
}

.ls0 {
    letter-spacing: 0;
}


/*web-font*/

.wfjp {
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 200!important;
}


/* ------------------------------------------------------------
	text-align
------------------------------------------------------------ */

.textalign_right,
.text_right {
    text-align: right !important;
}

.text_left {
    text-align: left !important;
}

.textalign-center,
.text_center {
    text-align: center !important;
}


/* ------------------------------------------------------------
	color
------------------------------------------------------------ */

.home-one_color {
    color: #F29600!important;
}

.jiko_color {
    color: #016FB4!important;
}

.saimu_color {
    color: #F97C00!important;
}

.keiji_color {
    color: #3797DA!important;
}

.rikon_color {
    color: #679434!important;
}

.kigyou_color {
    color: #486582!important;
}

.sozoku_color {
    color: #86B200!important;
}

.home-one_bd_color {
    border-color: #F29600!important;
}

.jiko_bd_color {
    border-color: #F76344!important;
}

.saimu_bd_color {
    border-color: #F97C00!important;
}

.keiji_bd_color {
    border-color: #3797DA!important;
}

.rikon_bd_color {
    border-color: #679434!important;
}

.kigyou_bd_color {
    border-color: #486582!important;
}

.sozoku_bd_color {
    border-color: #86B200!important;
}

.orange_text {
    color: #F97C00;
}

.text_red {
    color: #CD350C;
}

.color_shu {
    color: #FF5C26;
}

.color_yellow {
    color: #ffea5c !important;
}

.color_yellow_dark {
    color: #998A00 !important;
}

.color_red {
    color: #F76344;
}

.red {
    color: #E4430C;
}

.pickup_color {
    color: #c22222 !important;
}

.red_text {
    color: #FF0000;
}

.color_blue {
    color: #0084cf !important;
}

.color_blue {
    color: #007ee8;
}

.text_color_red {
    color: #fa5200;
}

.color_orange {
    color: #F29600 !important;
}


/*homeone.css内*/


/*.color_orange {	color:#F97C00; }*/

.highlight_text {
    color: #F76344 !important;
}

.color_white {
    color: #fff !important;
}

.color_b70p {
    color: #b3b3b3;
}

.color_b50p {
    color: #787878;
}

.color_b30p {
    color: #474747;
}

.color_green {
    color: #49a400 !important;
}

.color_blue {
    color: #0f8cbc;
}

.color_yellow {
    color: #ffea5c;
}


/*強調用カラーはこれで、共通として使いたい*/

.color_point {
    color: #F29600;
}

.highlight_text {
    color: #F76344 !important;
}

.bgwt {
    background: #fff;
}


/* ------------------------------------------------------------
	background-color
------------------------------------------------------------ */

.home-one_color_bg {
    background-color: #F29600;
}

.jiko_color_bg {
    background-color: #F76344;
}

.saimu_color_bg {
    background-color: #F97C00;
}

.keiji_color_bg {
    background-color: #3797DA;
}

.rikon_color_bg {
    background-color: #679434;
}

.kigyou_color_bg {
    background-color: #486582;
}

.sozoku_color_bg {
    background-color: #86B200;
}

.background_gray {
    background: #fafafa !important;
}

.background_blue {
    background: #449add !important;
}

.background_kihada {
    background: #fffbf2 !important;
}

.background_orange {
    background: #ffb400 !important;
}


/*homeon.css内ちょっと違う*/


/*.background_orange {	background:#FFC010;}*/

.background_pink {
    background: #fff0f0 !important;
}

.background_white {
    background: #ffffff !important;
}

.background_color_yellow {
    background: #ffea5c !important;
}

.background_b70p {
    background: #b3b3b3;
}

.background_b10p {
    background: #e3e3e3;
}

.background_b15p {
    background: #d5d5d5;
}

.background_khaki {
    background: #eee6db;
}

.background_kihada {
    background: #fffbf2 !important;
}

.color_azure {
    background: #f4fff4;
}

.color_honeydew {
    background: #e4f7ff;
}

.background_color_transparent {
    background-color: transparent !important;
}

.background_color_khaki {
    background: #F5F5EB;
}

.bgcolor_biege {
    background-color: #f5f5eb;
    padding: 20px;
}


/* ------------------------------------------------------------
	background
------------------------------------------------------------ */

.background_diagonal {
    background: #eee url(/img/common/diagonal.png) 100% 100% no-repeat;
}


/* ------------------------------------------------------------
	区切り線
------------------------------------------------------------ */

.border_none {
    border: 0 !important;
}

.borderbottom_none,
.bdbtm0 {
    border-bottom: 0 !important;
}

.bdtop_dot {
    border-top: #cccccc 1px dashed;
}

.bdbtm_dot {
    border-bottom: #cccccc 1px dotted !important;
}

.bdbtm_solid {
    border-bottom: #e5e5e5 1px solid;
    /*#cccccc*/
}

.bdbtm_solid_white {
    border-bottom: #fff 1px solid;
}

.bdbtm_solid_khaki {
    border-bottom: #eee6db 1px solid;
}

.bdbtm_solid_yellow {
    border-bottom: #ffea5c 3px solid;
}

.bdbtm_solid_gray {
    border-bottom: #f5f5f5 5px solid;
}

.bd1 {
    border: #ccc 1px solid;
}

.bd5 {
    border: #ccc 5px solid;
}

.boderbtm3h {
    border-bottom: 3px solid #fff;
}

.underline {
    border-bottom: 1px solid #333333;
}

.underline_double {
    border-bottom: 3px double #333333;
}


/* ------------------------------------------------------------
	image center
------------------------------------------------------------ */

.img_center {
    display: block;
    margin: auto;
}


/* ------------------------------------------------------------
	block vertical
------------------------------------------------------------ */

.verticalalign_top {
    vertical-align: top !important;
}

.verticalalign_middle {
    vertical-align: middle !important;
}

.verticalalign_bottom {
    vertical-align: bottom !important;
}

.verticalalign_baseline {
    vertical-align: baseline !important;
}

.verticalalign_sub {
    vertical-align: sub;
}


/* ------------------------------------------------------------
	overflow
------------------------------------------------------------ */

.of_visible {
    overflow: visible!important;
}

.of_hidden {
    overflow: hidden!important;
}

.of_scroll {
    overflow: scroll!important;
}


/* ------------------------------------------------------------
	area
------------------------------------------------------------ */

.clearBlock {
    display: none;
}

.display_block {
    display: block;
}

.display_flex {
    display: flex;
}

.note {
    font-size: 90% !important;
    color: #555;
}

.note_waku {
    margin: auto;
    padding: 20px;
    font-size: 12.5px;
    font-size: 1.25rem;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    background: #f7f7f7;
}

.note_waku_slim {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px;
    border: 2px dashed #dddddd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.blue_waku {
    border: 2px solid #0f8cbc;
    background: #fff !important;
}

.red_waku {
    border: 2px solid #b93b12;
    background: #fff !important;
}

.box_gray {
    padding: 20px;
    background: #F5F5F5;
}

.pickup_waku {
    width: 70%;
    padding: 20px 10px 20px 20px;
    line-height: 150%;
    background: #ffeabd;
    border: 1px solid #f5f5f5;
}

.border_rt_dot {
    border-right: 1px dotted #999999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .display_flex {
        display: block;
    }
}


/* ------------------------------------------------------------
	image button acrtive
------------------------------------------------------------ */

a[href]:hover>img {
    filter: alpha(opacity=70);
    opacity: 0.7;
    -ms-filter: "alpha( opacity=70 )";
}

a[href]>img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* ------------------------------------------------------------
	color box
------------------------------------------------------------ */

.yellow_box {
    background: #FFFCF0!important;
    border-radius: 1em;
    padding: 20px;
    min-height: 350px;
    box-sizing: border-box;
}


/* ------------------------------------------------------------
	立体ボタン
------------------------------------------------------------ */

.button {
    overflow: hidden;
    float: none!important;
}

.button a {
    border-radius: 5px;
    box-shadow: 0 2px 0 0 #999999;
    color: #fff!important;
    display: block;
    font-size: 90%;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none!important;
    transition: all 0.25s ease 0s;
    margin-bottom: 2px;
}

.button a:hover {
    box-shadow: none;
    margin-top: 2px;
    margin-bottom: 0;
}


/* ------------------------------------------------------------
	レスポンシブ用表示テキスト制御用設定
------------------------------------------------------------ */

.clearText_pc {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.clearText_sp {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/* ------------------------------------------------------------
	微妙なやつ
------------------------------------------------------------ */

.img_half {
    float: right;
    margin: 0 0 20px 20px;
}


/*なんだろう*/

.layout {
    width: 480px !important;
    text-align: right;
}

.bg_red {
    color: #fff !important;
    background: #d67878 !important;
}

a[href].bg_red:hover {
    background: #f7c1c1 !important;
}

.w100per_center {
    display: block;
    width: 100%;
    text-align: center;
}