@charset "utf-8";
/*
Theme Name: 株式会社ホームプラン
Theme URI : http://www.shizuoka-ofuroreform.com/
Description: 
Version:  
Author: 株式会社ジブラボ
Author 
*/

html {
	overflow-y: scroll; /* for mozilla: always display scrollbar */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote, table, th,td,
tbody, tfoot, thead, object, iframe, code, fieldset, legend, caption,
article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	font-size:1.4rem;
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
	zoom:1;
}

a:active, a:focus{ outline:none; } 
a{
	color:#2c93cd;
}
a:hover{
	text-decoration:underline ;
}

br {
	letter-spacing:normal;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align:bottom;
	max-width: 100%;
}

/*--- default */
html {
	font-size: 62.5%;
}

body {
	background: #fff;
	color: #333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	min-width: 1200px;
}


* html body {	/* for IF6 */
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}



.inner{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.mininner{
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
	body {
		min-width: inherit;
	}
    .inner{
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mininner{
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 520px) {
	.link .sp {
		background: #01b901;
		
	}
	.link .sp img {
		max-width: 320px;
	}
}
/*============================================================
  header
=============================================================*/
#header{
    border-top: 5px solid #1183c7;
}
#headerlogo{
    width: 50%;
    float: left;
    padding-left: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#headerin{
    padding: 18px 0;
}
.headertel{
    width: 50%;
    float: right;
    /*padding:0 200px 0 8px;*/
    padding:0 0 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.headertel .hdtel{
    padding: 8px 0;
}
.headertel .hdtel .num{
    padding-left: 15px;
}
#headerlinks{
    position: absolute;
    top: -23px;
    right: 67px;
}
.headertel .hdday{
    font-size: 15px;
    color: #634e2f;
	font-weight: bold;
}
.hdwork {
	width: 403px;
    padding-left: 100px;
}
.headertel .hdday span{
    display: inline-block;
    border: 2px solid #9cd1ed;
    background-color: #1183c7;
    color: #fff;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
    #headerlogo{
        width: 100%;
        float: none;
        padding-left: 0;
    }
    #headerin{
        padding: 9px 0;
    }
}
/*============================================================
  mainimg
=============================================================*/
.whitetit{
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    background-color: #1183c7;
    color: #333;
    font-size: 28px;
    text-shadow:0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff;
}
.mainimgbg{
    background: url("images/bg_mainimg01.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
}
.mainimgbg .txt01{
    padding: 75px 0 25px;
}
.mainimgbg .txt02 {
	position: relative;
	margin-bottom: 100px;
}
.mainimgbg .txt02 .ob{
	position: absolute;
	top: -100px;
	left: -180px;
}
.mainimgbg .txt02 .mcopy{
	text-align: center;

}
.mainimgbg .list{
    position: relative;
    padding-bottom: 230px;
}
.mainimgbg .txt03{
    position: relative;
    padding-bottom: 50px;
}
.mainimgbg .review_img {
	display: table;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 70px;
}
.mainimgbg .review_img img {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}

@media screen and (max-width: 767px) {
    .whitetit{
        padding: 5px 10px;
        font-size: 18px;
    }
    .mainimgbg .txt01{
        padding: 40px 0 0;
    }
	.mainimgbg .txt02 .ob {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 60%;
	}
	.mainimgbg .txt02 .mcopy {
		padding-left: 0;
	}
	.mainimgbg .txt02 {
		margin-bottom: 15px;
	}
    .mainimgbg .list{
        padding-bottom: 10px;
    }
	.mainimgbg .review_img {
		display: inherit;
		width: 94%;
		margin: 15px auto 0;
		padding-bottom: 20px;
	}
	.mainimgbg .review_img img {
		max-width: 100%;
		width: auto;
		margin: 5px 0 0;
	}
}
.mainimgbg02{
    text-align: center;
}
.mainimgbg02 .txt01{
    padding: 50px 0 60px;
}
.mainimgbg02 .txt02{
    padding:  0 0 34px;
}
.mainimgbg02 .list{
    position: relative;
    padding-bottom: 70px;
}
.mainimgbg02 .txt03{
    position: relative;
    padding-right: 150px;
    z-index: 5;
}
.mainimgbg02 .txt04{
    position: absolute;
    right: 10px;
    top: 0;
}
.whitetit .sp{
    display: none;
}
@media screen and (max-width: 767px) {
    .whitetit{
        padding: 5px 10px;
        font-size: 14px;
    }
    .whitetit .sp{
        display: inherit;
    }
    #mainimg .whitetit{
        text-shadow: 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff, 0 0px 3px #fff;
    }
    .mainimgbg02 .txt01{
        padding: 15px 0;
    }
    .mainimgbg02 .txt02{
        padding:  0 0 10px;
    }
    .mainimgbg02 .list{
        padding-bottom: 10px;
    }
    .mainimgbg02 .txt03{
        padding-right: 0px;
        text-align: left;
    }
    .mainimgbg02 .txt04{
        right: 0px;
        width: 100px;
    }
}

/*============================================================
  teaser
=============================================================*/
#teaser {
	background: #f3f3f3;
	margin-bottom: 90px;
}
#teaser .bossbox{
    position: relative;
	padding: 8em 0;
}
#teaser .bossbox .bosspic{
    position: absolute;
    top: 0;
    left: 0;
	width: 400px;
}
#teaser .bossbox .txt{
	padding-left: 345px;
}
#teaser .bossbox .txt span{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 36px;
	color: #762f00;
	font-weight: bold;
	letter-spacing: -0.02em;
	background: linear-gradient(#f3f3f3 65%,#fbec6f 35%,#fbec6f);
    background: linear-gradient(#F3F3F1 65%,#ffff66 35%,#ffff66);
}

@media screen and (max-width: 767px) {
	#teaser {
		background: inherit;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	#teaser .bossbox {
		padding: 0;
	}
	#teaser .bossbox .bosspic {
		position: inherit;
		top: inherit;
		left: inherit;
		background: #fff;
		max-width: 240px;
		margin: 0 auto 15px;
	}
	#teaser .bossbox .txt {
		padding-left: 0;
	}
	#teaser .bossbox .txt span {
		font-size: 15px;
		background: linear-gradient(#fff 65%,#fbec6f 35%,#fbec6f);
        line-height: 1.75;
	}
}
/*============================================================
  tel
=============================================================*/
#tel {
	text-align: center;
	margin-bottom: 90px;
	padding: 0 10px;
}
#tel a {
	display: block;
}
#tel .sp{
    display: none;
}
@media screen and (max-width: 767px) {
	#tel {
		margin-bottom: 20px;
        padding: 0 10px 30px;
	}
    #tel .sp{
        display: inherit;
    }
    #tel .pc{
        display: none;
    }
}
/*============================================================
  say
=============================================================*/
.title{
    font-size: 32px;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    background-color: #1183c7;
}
.say ul{
    margin-left: -9px;
}
.say li{
    float: left;
    width: 33.33%;
    padding: 30px 0 0 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.say .name{
    background-color: #634e2f;
    text-align: center;
    font-size: 22px;
    color: #fff;
    padding: 5px 0;
}
.say .contit{
    font-size: 20px;
    color: #634e2f;
    padding: 15px 0;
    font-weight: bold;
}
.say .conbox{
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.say .contxt{
    font-size: 16px;
    color: #010101;
    line-height: 2;
    padding-bottom: 35px;
}
@media screen and (max-width: 767px) {
    .title{
        font-size: 20px;
        padding: 7px 0;
    }
    .say ul{
        margin-left: -5px;
    }
    .say li{
        float: left;
        width: 50%;
        padding: 15px 0 0 5px;
    }
    .say .name{
        font-size: 16px;
    }
    .say .contit{
        font-size: 16px;
        padding: 8px 0;
    }
    .say .conbox{
        padding: 0 8px;
    }
    .say .contxt{
        font-size: 12px;
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 520px) {
    .say .contit{
		line-height: 1.4;
	}

}
/*============================================================
  build
=============================================================*/
.build .buildcon{
    background: url("images/bg_build.jpg");
    margin-bottom: 120px;
}
.buildbox{
    display: table;
    padding: 30px 0 40px;
    border-bottom: 1px solid #dbdbdb;
}
.buildbox:nth-child(7){
    border-bottom: 0px solid #dbdbdb;
}
.blog_bnr{
    text-align: center;
    padding: 20px 0 80px;
}

.buildtit{
    display: table-cell;
    font-size: 22px;
    vertical-align: top;
    width: 200px;
}
.buildbefore{
    display: table-cell;
    vertical-align: middle;
    width: 366px;
}
.buildarrow{
    display: table-cell;
    vertical-align: middle;
    width: 80px;
}
.buildafter{
    display: table-cell;
    vertical-align: top;
}
.buildtit01{
    width: 120px;
    height: 120px;
    background-color: #1183c7;
    color: #fff;
    text-align: center;
    padding-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .buildconsp{
        background: url("images/bg_build.jpg");
        padding: 15px 0;
        overflow: hidden;
    }
    .buildconsp .slick-slide{
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .buildcontitsp{
        width: 100%;
        text-align: center;
        padding: 5px;
        font-size: 18px;
        background-color: #634e2f;
        color: #fff;
    }
    .buildcontxtsp{
        font-size: 18px;
        text-align: center;
        padding: 5px 0;
    }
    .buildboxsp{
        display: table;
    }
    .buildbefore{
        width: 43%;
    }
    .buildafter{
        width: 43%;
    }
    .buildarrow{
        width: 14%;
    }
    .buildarrow img{
        width: 50%;
        margin: auto;
    }
    .build .slick-prev{
        width: 30px;
        height: 30px;
        background: url("images/btn_left.png") no-repeat 0 0;
        z-index: 5;
        top: 50%;
        left: 15px;
    }
    .build .slick-prev:before{
        content: "";
    }
    .build .slick-next{
        width: 30px;
        height: 30px;
        background: url("images/btn_right.png") no-repeat 0 0;
        z-index: 5;
        top: 50%;
        right: 15px;
    }
    .build .slick-next:before{
        content: "";
    }
    .blog_bnr{
        padding: 10px 0 40px;
    }
    .blog_bnr img{
        max-width: 240px;
    }
}
/*============================================================
  reason
=============================================================*/
.reason .tit{
    height: 220px;
    position: relative;
}
.reason .tit .pic{
    position: absolute;
    bottom: -18px;
    left: 0;
    text-align: center;
    width: 100%;
}
.rensonbg{
    background: url("images/bg_reason.jpg") no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 80px 0;
}
.reasonin{
    border: 8px solid #1183c7;
}
.reasonbox{
    background-color: #fff;
    padding: 30px 35px 30px 25px;
    display: table;
}
.reasonbox+.reasonbox{
    border-top: 3px solid #1183c7;
}
.reasonpic{
    display: table-cell;
    vertical-align: top;
    width: 178px;
}
.reasontit .num{
    display: inline-block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius:25px;
    border-radius: 25px;
    background-color: #dadada;
    color: #004376;
    font-size: 34px;
    margin-right: 15px;
    margin-left: -65px;
    text-align: center;
    font-weight: bold;
}
.rensoncon{
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
}
.reasontit{
    font-size: 28px;
    color: #1183c7;
    font-weight: bold;
    padding-bottom: 15px;
}
.rensoncon .txt{
    font-size: 20px;
    line-height: 1.8;
}
@media screen and (max-width: 767px) {
    .reason .tit{
        height: 60px;
    }
    .reason .tit .pic{
        bottom: 0px;
    }
    .rensonbg{
        padding: 20px 0;
    }
    .reasonin{
        border: 6px solid #1183c7;
    }
    .reasonbox{
        padding: 10px;
        border: 2px solid #1183c7;
    }
    .reasonpic{
        width: 178px;
        display: block;
        margin: 0 auto;
    }
    .reasontit .num{
        width: 40px;
        height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius:20px;
        border-radius: 20px;
        font-size: 18px;
        line-height: 40px;
        margin-right: 15px;
        margin-left: 0px;
    }
    .rensoncon{
        display: block;
        padding-left: 0;
    }
    .reasontit{
        font-size: 14px;
        padding: 10px 0;
        text-align: center;
    }
    .rensoncon .txt{
        font-size: 12px;
    }
}
@media screen and (max-width: 520px) {
	.reasonbox {
		padding: 15px;
	}
	.reasontit {
		display: table;
		text-align: left;
	}
	.reasontit .num {
		display: inline-block;
		margin-right: 12px;
	}
    .reasontit .tl{
		display: table-cell;
		font-size: 16px;
	}

}
/*============================================================
  greeting
=============================================================*/
.greeting{
    padding: 80px 0 120px;
}
.greetingbox{
    background: url("images/bg_greeting.jpg") no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 60px 160px;
}
.greetingbox .pic{
    text-align: center;
}
.greetingbox .tit{
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    padding-top: 30px;
    position: relative;
}
.greetingbox .tit:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 5px;
    background-color: #9cd1ed;
}
.greetingbox .txt{
    padding-top: 50px;
    font-size: 24px;
}
.bgbrown{
    color: #634e2f;
    background: url("images/bg_greeting01.jpg") repeat-x bottom 2px center;
    line-height: 2;
}
.black{
    color: #000;
    font-size: 25px;
}
@media screen and (max-width: 767px) {
    .greeting{
        padding: 20px 0;
    }
    .greetingbox{
        padding: 20px;
        background: url("images/bg_greeting_sp.jpg") no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .greetingbox .tit{
        font-size: 18px;
        padding-top: 10px;
    }
    .greetingbox .txt{
        padding-top: 20px;
        font-size: 14px;
    }
    .bgbrown{
        background: url("images/bg_greeting01.jpg") repeat-x bottom 1px center;
		background-size: 7px;
    }
}
/*============================================================
  month
=============================================================*/
.month .tit{
    padding: 40px 0;
    text-align: center;
    background-color: #69c2cd;
}
.monthlogo{
    padding: 60px 0 80px;
    text-align: center;
}
.monthcon{
    position: relative;
    padding: 30px 0 50px;
    background: url("images/bg_month.jpg") repeat-y center center;
    background-size: cover;
}
/*.monthcon:before{
    content: "";
    position: absolute;
    background: url("images/pic_month11.png") no-repeat 0 0;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 227px;
    height: 198px;
}*/
.monthcon .pic{
    text-align: center;
    padding-top: 30px;
}
.monthcon .pic img{
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

@media screen and (max-width: 767px) {
    .month .tit{
        padding: 10px;
    }
    .monthlogo{
        padding: 15px 0 45px;
    }
    .monthcon{
        padding: 40px 0;
    }
    .monthcon:before{
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 86px;
        -webkit-background-size: 100px 86px;
        background-size: 100px 86px;
    }
    .monthcon .pic{
        padding-top: 15px;
    }
}
@media screen and (max-width: 520px) {
    .monthlogo{
        padding: 15px 20px 45px;
    }
}

/*============================================================
  spend
=============================================================*/
.spend .txt{
    padding: 30px 0 100px;
    color: #000;
}
.spendbox{
    background: url("images/bg_spend.png") no-repeat 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 80px 0 50px;
    position: relative;
	margin-top: 50px;
    margin-bottom: 50px;
}
.spendbox:before{
    content: "";
    position: absolute;
    background: url("images/pic_spend01.png") no-repeat 0 0;
    width: 116px;
    height: 115px;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}
.spendboxtxt{
    font-size: 36px;
    text-align: center;
}
.spendbox .pic{
    text-align: center;
    padding: 10px 0 30px;
}
.spendboxtext{
    font-size: 25px;
    text-align: center;
}
.spendboxtext .bluetxt{
    font-size: 28px;
    background: url("images/bg_blue.jpg") repeat-x bottom 1px center;
}
.spendboxtext .greentxt{
    font-size: 28px;
    background: url("images/bg_green.jpg") repeat-x bottom 1px center;
}

@media screen and (max-width: 767px) {
    .spend .txt{
        padding: 10px 0 20px;
    }
    .spend .txt .bgbrown{
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }
    .spendbox{
        background: url("images/bg_spend.png") no-repeat 0 0;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        padding: 35px 0 10px;
        margin-bottom: 25px;
    }
    .spendbox:before{
        width: 60px;
        height: 60px;
        -webkit-background-size: 60px 60px;
        background-size: 60px 60px;
    }
    .spendboxtxt{
        font-size: 14px;
    }
    .spendbox .pic{
        padding: 5px 0;
    }
    .spendbox .pic img{
        width: 90%;
    }
    .spendboxtext{
        font-size: 14px;
    }
    .spendboxtext .bluetxt{
        font-size: 16px;
        -webkit-background-size: auto 5px;
        background-size: auto 5px;
    }
    .spendboxtext .greentxt{
        font-size: 16px;
        -webkit-background-size: auto 5px;
        background-size: auto 5px;
    }
}
@media screen and (max-width: 520px) {
	.spendbox {
		margin-top: 25px;
	}
}

/*============================================================
  cost
=============================================================*/
.cost .costtit{
    font-size: 46px;
    text-align: center;
    padding: 25px 0;
    background: #b8e2c4;
    font-weight: bold;
    border-top: 10px solid #72b986;
}
.cost .costtit span{
    position: relative;
}
.cost .costtit span:before{
    position: absolute;
    background: url("images/ico_left.png")no-repeat 0 0;
    width: 44px;
    height: 43px;
    top: 50%;
    left: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.cost .costtit span:after{
    position: absolute;
    background: url("images/ico_right.png")no-repeat 0 0;
    width: 44px;
    height: 43px;
    top: 50%;
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    z-index: 2;
}
.cost .costin{
    background: #edfff2;
    padding: 50px 0;
}
.cost .txt{
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    color: #c91a1b;
    text-shadow:0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff,0 0px 5px #fff;
    margin: 0 0 55px 0;
}
.cost .txt span{
    background: url("images/bg_yellow.png")repeat-x  bottom  5px center;
    -webkit-background-size: auto 15px;
    background-size: auto 15px;
}
.cost .costbox01{
    float: left;
    width: 48%;
    padding: 45px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
.cost  .boxtit{
    font-size: 29px;
    border-bottom: 6px solid #ffdb79;
    padding: 0 0 10px 0;
}
.cost  .boximg{
    padding: 55px 0 15px;
}
.cost .costbox02{
    float: right;
    width: 48%;
    padding: 45px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
@media screen and (max-width: 767px) {
    .cost .costtit{
        font-size: 24px;
        text-align: center;
        padding: 15px 0;
        border-top: 5px solid #72b986;
    }
    .cost .costtit span:before{
        background: url("images/ico_left.png")no-repeat 0 0;
        width: 22px;
        height: 21px;
        top: 50%;
        left: -35px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .cost .costtit span:after{
        width: 22px;
        height: 21px;
        top: 50%;
        right: -35px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }
    .cost .costin{
        background: #edfff2;
        padding: 15px 0;
    }
    .cost .txt{
        font-size: 16px;
        text-shadow:none;
        margin: 0 0 25px 0;
    }
    .cost .txt span{
        background: url("images/bg_yellow.png")repeat-x  bottom  13px center;
        -webkit-background-size: auto 10px;
        background-size: auto 10px;
    }
    .cost .costbox01{
        float: none;
        width: 100%;
        padding: 10px;
    }
    .cost .boxtit{
        font-size: 20px;
        border-bottom: 3px solid #ffdb79;
        padding: 0 0 5px 0;
    }
    .cost  .boximg{
        padding: 25px 0 10px;
    }
    .cost  .boximg img{
        width: 140px;
    }
    .cost .costbox02{
        float: none;
        width: 100%;
        padding: 10px;
        margin: 20px 0 0 0;
    }
}
@media screen and (max-width: 520px) {
	.cost .txt {
		text-align: left;
	}
	.cost .txt span {
		background: url("images/bg_yellow.png")repeat-x  bottom  5px center;
		background-size:auto 6px;
		
	}
    .cost .boxtit{
        font-size: 16px;
		font-weight: bold;
    }
}
/*============================================================
  flow
=============================================================*/
.flow{
    margin: 80px 0 120px;
}
.flow .flowtit{
    background: #1183c7;
    text-align: center;
    padding: 20px 0;
}
.flow .flowbox{
    padding: 50px 0 0;
}
.flowline{
    border-left: 6px solid #1183c7;
    margin-left: 100px;
}
.flowin{
    display: table;
    margin-left: -96px;
    margin-bottom: 60px;
}
.flowin .pic{
    display: table-cell;
    width: 179px;
}
.flowin .con{
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
}
.flowin .con .tit{
    display: table;
    font-size: 23px;
    color: #1183c7;
    font-weight: bold;
    padding-bottom: 10px;
}
.flowin .con .tit .num{
    display: table-cell;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius:25px;
    border-radius: 25px;
    background-color: #1183c7;
    color: #fff;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
}
.flowin .con .tit .tit01{
    display: table-cell;
    padding-left: 10px;
}
.flowin .con .txt{
    font-size: 19px;
    line-height: 1.8;
}
@media screen and (max-width: 767px) {
    .flow{
        margin: 15px 0;
    }
    .flow .flowtit{
        padding: 10px 0;
    }
    .flow .flowbox{
        padding: 25px 0 0;
    }
    .flowline{
        border-left: 4px solid #1183c7;
        margin-left: 40px;
    }
    .flowin{
        margin-left: -40px;
        margin-bottom: 30px;
    }
    .flowin .pic{
        width: 80px;
        vertical-align: top;
    }
    .flowin .con{
        padding-left: 10px;
    }
    .flowin .con .tit{
        font-size: 18px;
        padding-bottom: 5px;
    }
    .flowin .con .tit .num{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius:20px;
        border-radius: 20px;
        font-size: 14px;
        margin-right: 5px;
    }
    .flowin .con .txt{
        font-size: 12px;
    }
}
@media screen and (max-width: 520px) {
	.flowin .con .tit .tit01{
		padding-left: 4px;
	}
	.flowin .con .tit{
		font-size: 16px;
		line-height: 1.4;
	}
}

/*============================================================
  problem
=============================================================*/
.problem .tit{
    font-size: 32px;
    color: #fff;
    background-color: #634e2f;
    padding: 10px 0;
    text-align: center;
}
.problem .problembg{
    padding: 50px 0;
    background: url("images/bg_problem.jpg") no-repeat 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.problembox{
    padding: 25px 30px;
    background-color: #fff;
    margin-bottom: 40px;
    line-height: 1.6;
    font-weight: bold;
}
.problembox .que{
    font-size: 20px;
    color: #f55e5e;
    display: table;
}
.problembox .que span{
    display: table-cell;
}
.problembox .que .icoQ{
    line-height: 28px;
    display: inline-block;
    width: 58px;
    height: 28px;
    background-color: #f55e5e;
    border: 4px solid #ffdb79;
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-right: 25px;
}
.problembox .answer{
    font-size: 20px;
    color: #5ebef5;
    display: table;
    margin-top: 15px;
}
.problembox .answer span{
    display: table-cell;
}
.problembox .answer .icoA{
    display: inline-block;
    width: 58px;
    height: 28px;
    background-color: #5ebef5;
    border: 4px solid #84cffa;
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin-right: 25px;
}
@media screen and (max-width: 767px) {
    .problem .tit{
        font-size: 18px;
        padding: 5px 0;
    }
    .problem .problembg{
        padding: 15px 0;
    }
    .problembox{
        padding: 10px;
        margin-bottom: 20px;
    }
    .problembox .que{
        font-size: 14px;
    }
    .problembox .que .icoQ{
        width: 46px;
        height: 24px;
        font-size: 18px;
        margin-right: 10px;
    }
    .problembox .answer{
        font-size: 14px;
        margin-top: 10px;
    }
    .problembox .answer .icoA{
        width: 46px;
        height: 24px;
        font-size: 18px;
        margin-right: 10px;
    }
}
/*============================================================
  month
=============================================================*/
.about{
    padding: 130px 0 60px;
}
.about .img{
    position: relative;
}
.aboutpic{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.aboutbox{
    margin-top: 35px;
}
.aboutbox .tit{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    color: #634e2f;
    background-color: #ede8e1;
    padding: 5px 0;
}
.aboutbox .txt{
    text-align: center;
    font-size: 24px;
    padding: 20px 0 10px;
}
.aboutbox .num{
    font-size: 40px;
    color: #634e2f;
    font-family: 'Roboto', sans-serif;
}
@media screen and (max-width: 767px) {
    .about{
        padding: 60px 0 20px;
    }
    /*.aboutpic{
        width: 100px;
    }*/
    .aboutbox{
        margin-top: 15px;
    }
    .aboutbox .tit{
        font-size: 16px;
        padding: 5px 0;
    }
    .aboutbox .txt{
        font-size: 14px;
        padding: 10px 0 5px;
        text-align: left;
    }
    .aboutbox .num{
        font-size: 16px;
    }
}
/*============================================================
  link
=============================================================*/
.map iframe{
    width: 100%;
    height: 600px;
}
.link{
    padding: 85px 0 0;
}
@media screen and (max-width: 767px) {
    .map iframe{
        width: 100%;
        height: 200px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .link{
        padding: 10px 0;
        text-align: center;
    }

}
/*============================================================
  form
=============================================================*/
.form .tit{
    font-size: 38px;
    padding: 20px 30px;
    text-align: center;
    background-color: #fffae7;
    border-top: 6px solid #ff9900;
}
.form .txt{
    text-align: center;
    font-size: 24px;
    padding: 50px 0;
}
.formbox{
    border: 6px solid #ff9900;
    padding: 80px 100px 80px 100px;
    margin-bottom: 80px;
}
.formbox dl{
    display: table;
    width: 100%;
    margin-bottom: 40px;
}
.formbox dt{
    display: table-cell;
    font-size: 22px;
    line-height: 43px;
    width: 300px;
    vertical-align: top;
}
.formbox dd{
    display: table-cell;
    font-size: 24px;
}
.formbox dd .write{
	width: 500px;
    padding: 10px 20px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 22px;
    border: 4px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-appearance: none;
}
.formbox .must{
    display: inline-block;
    width: 66px;
    height: 43px;
    background-color: #ff9696;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 43px;
    margin-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.formbox .mustnot{
    background-color: #979797;
}
input::-webkit-input-placeholder {
    color: #bcbcbc;
}
textarea::-webkit-input-placeholder {
    color: #bcbcbc;
}
.formbox dl dd .code{
    width: 140px;
    margin: 0 15px;
}
.formbox dl dd .address{
    width: 434px;
}
.formbox dl dd textarea{
    width: 645px;
    height: 238px;
    padding: 15px 20px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 24px;
    border: 4px solid #f0f0f0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize:none;
    line-height: 1.58;
}
.form .submit{
    font-size: 24px;
    color: #fff;
    width: 260px;
    height: 70px;
    line-height: 70px;
    background-color: #ff9900;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    cursor:pointer;
	-webkit-appearance: none;
}
.form .btn{
    text-align: center;
}
@media screen and (max-width: 767px) {
    .form .tit{
        font-size: 20px;
        padding: 10px 0;
    }
    .form .txt{
        font-size: 16px;
        padding: 10px 0;
        text-align: left;
    }
    .formbox{
        border: 6px solid #ff9900;
        padding: 25px 15px;
        margin-bottom: 20px;
    }
    .formbox dl{
        margin-bottom: 15px;
    }
    .formbox dt{
        display: block;
        font-size: 16px;
        line-height: 43px;
        width: 100%;
    }
    .formbox dd{
        display: block;
        font-size: 16px;
    }
    .formbox dd .write{
        width: 100%;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }
	.formbox dd input,
	.formbox dd textarea {
		-webkit-appearance: none;
	}
    .formbox .must{
        display: inline-block;
        width: 50px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        margin-right: 10px;
    }
    .formbox dl dd .code{
        width: 110px;
        margin: 0 15px;
    }
    .formbox dl dd .address{
        width: 100%;
        margin-top: 5px;
    }
    .formbox dl dd textarea{
        width: 100%;
        height: 200px;
        padding: 5px 10px;
        font-size: 16px;
    }
    .form .submit{
        font-size: 16px;
        width: 160px;
        height: 40px;
        line-height: 40px;
    }
}
@media screen and (max-width: 520px) {
    .formbox dl dd .code{
        margin: 0 5px;
    }
	
}
    /*============================================================
      month
    =============================================================*/
#footer{
    border-bottom: 5px solid #1183c7;
}
.ftlogo{
    text-align: center;
    padding: 40px 0 20px;
}
.fttelbox{
    text-align: center;
    margin-bottom: 60px;
}
#footer .fttel{
    padding: 8px 0;
}
.fttelbox .fttel .num{
    padding-left: 15px;
}
.fttelbox .ftday{
    font-size: 22px;
    color: #634e2f;
}
.fttelbox .ftday span{
    display: inline-block;
    border: 2px solid #9cd1ed;
    background-color: #1183c7;
    color: #fff;
    font-size: 19px;
    padding: 5px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
}
.ftreat{
    margin-left: 40px;
}
.ftpic{
    position: absolute;
    bottom: -60px;
    left: 190px;
}
.copyright{
    padding: 10px 0;
    text-align: center;
    color: #634e2f;
    font-size: 14px;
}
@media screen and (max-width: 767px) {
    #footer{
        border-bottom: 0px solid #1183c7;
    }
    .ftlogo{
        text-align: center;
        padding: 20px 0 10px;
    }
    .copyright{
        font-size: 12px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 479px) {
    .copyright{
        padding-bottom: 60px;
    }
}
    /*============================================================
      month
    =============================================================*/
.pageTop{
    position: fixed;
    bottom: 85px;
    right: 60px;
    display: none;
}
.shop{
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: none;
    filter: drop-shadow( 0 0 10px rgba(0,0,0,0.2));
}
.linkfix{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
	z-index: 999;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-top: 1px solid #ccc;
}
.linkfix ul{
    display: flex;
    flex-wrap: wrap;
}
.linkfix ul li{
	width: 33.3333%;
    text-align: center;
}
.linkfix ul li a {
	display: block;
	padding: 0 13%;
}
.linkfix ul li a img{
    height: 50px;
}

.linkfix li+li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.linkfix ul li:nth-child(1) a {
	background: #f47ca7;
}
.linkfix ul li:nth-child(2) a {
	background: #65c9ee;
}
.linkfix ul li:nth-child(3) a {
	background: #00b900;
}

@media screen and (max-width: 767px) {
    .pageTop{
        right: 0;
        width: 40px;
        z-index: 10;
    }
    .shop{
        width: 100px;
        z-index: 10;
        top: 70%;
    }
}
@media screen and (max-width: 667px) {
	.shop {
		right: 6px;
	}
}
@media screen and (max-width: 520px) {
	.say .contxt {
		line-height: inherit;
	}
}










/* 改行の切り替え;
----------------------------------------------- */
.br{
 display:block;
}
.brN{
 display:none;
}
@media screen and (max-width: 768px) {
.br{
 display:none;
}
.brN{
 display:block;
}
}

/* 文字寄せ;
----------------------------------------------- */
.tacPC{
 text-align:center!important;
}
@media screen and (max-width: 768px) {
.tacPC{
 text-align:left!important;
}
}

.talPC{
 text-align:left!important;
}
@media screen and (max-width: 768px) {
.talPC{
 text-align:center!important;
}
}




.markerY{
background: -moz-linear-gradient(transparent 70%, #ffff66 40%);
background: -webkit-linear-gradient(transparent 70%, #ffff66 40%);
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.9, transparent), color-stop(0.9, #ffff66));
background: -o-linear-gradient(transparent 70%, #ffff66 40%);
background: linear-gradient(transparent 70%, #ffff66 40%);
}

/* width
----------------------------------------------- */
.w100 { width: 100px!important;}
.w150 { width: 150px!important;}
.w200 { width: 200px!important;}
.w250 { width: 250px!important;}
.w300 { width: 300px!important;}
.w350 { width: 350px!important;}
.w400 { width: 400px!important;}
.w450 { width: 450px!important;}
.w500 { width: 500px!important;}

@media screen and (max-width: 767px) {
}
/* margin
------------------------------------------------ */
.m1 { margin: 1px!important;}
.m3 { margin: 3px!important;}
.m5 { margin: 5px!important;}
.m10 { margin: 10px!important;}
.m20 { margin: 20px!important;}
.m30 { margin: 30px!important;}

.mt1 { margin-top: 1px!important;}
.mt2 { margin-top: 2px!important;}
.mt3 { margin-top: 3px!important;}
.mt4 { margin-top: 4px!important;}
.mt5 { margin-top: 5px!important;}
.mt6 { margin-top: 6px!important;}
.mt7 { margin-top: 7px!important;}
.mt8 { margin-top: 8px!important;}
.mt9 { margin-top: 9px!important;}
.mt10 { margin-top: 10px!important;}
.mt11 { margin-top: 11px!important;}
.mt12 { margin-top: 12px!important;}
.mt13 { margin-top: 13px!important;}
.mt14 { margin-top: 14px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}
.mt80 { margin-top: 80px!important;}
.mt90 { margin-top: 90px!important;}

.mr1 { margin-right: 1px!important;}
.mr2 { margin-right: 2px!important;}
.mr3 { margin-right: 3px!important;}
.mr4 { margin-right: 4px!important;}
.mr5 { margin-right: 5px!important;}
.mr6 { margin-right: 6px!important;}
.mr7 { margin-right: 7px!important;}
.mr8 { margin-right: 8px!important;}
.mr9 { margin-right: 9px!important;}
.mr10 { margin-right: 10px!important;}
.mr11 { margin-right: 11px!important;}
.mr12 { margin-right: 12px!important;}
.mr13 { margin-right: 13px!important;}
.mr14 { margin-right: 14px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr40 { margin-right: 40px!important;}
.mr50 { margin-right: 50px!important;}
.mr60 { margin-right: 60px!important;}
.mr70 { margin-right: 70px!important;}
.mr80 { margin-right: 80px!important;}
.mr90 { margin-right: 90px!important;}
.mr100 { margin-right: 100px!important;}

.mb1 { margin-bottom: 1px!important;}
.mb2 { margin-bottom: 2px!important;}
.mb3 { margin-bottom: 3px!important;}
.mb4 { margin-bottom: 4px!important;}
.mb5 { margin-bottom: 5px!important;}
.mb6 { margin-bottom: 6px!important;}
.mb7 { margin-bottom: 7px!important;}
.mb8 { margin-bottom: 8px!important;}
.mb9 { margin-bottom: 9px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb11 { margin-bottom: 11px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb13 { margin-bottom: 13px!important;}
.mb14 { margin-bottom: 14px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}

.ml1 { margin-left: 1px!important;}
.ml2 { margin-left: 2px!important;}
.ml3 { margin-left: 3px!important;}
.ml4 { margin-left: 4px!important;}
.ml5 { margin-left: 5px!important;}
.ml6 { margin-left: 6px!important;}
.ml7 { margin-left: 7px!important;}
.ml8 { margin-left: 8px!important;}
.ml9 { margin-left: 9px!important;}
.ml10 { margin-left: 10px!important;}
.ml11 { margin-left: 11px!important;}
.ml12 { margin-left: 12px!important;}
.ml13 { margin-left: 13px!important;}
.ml14 { margin-left: 14px!important;}
.ml15 { margin-left: 15px!important;}
.ml20 { margin-left: 20px!important;}
.ml25 { margin-left: 25px!important;}
.ml30 { margin-left: 30px!important;}
.ml40 { margin-left: 40px!important;}
.ml50 { margin-left: 50px!important;}
.ml60 { margin-left: 60px!important;}
.ml70 { margin-left: 70px!important;}
.ml80 { margin-left: 80px!important;}
.ml90 { margin-left: 90px!important;}
.ml100 { margin-left: 100px!important;}

.mtmb5 { margin-top: 5px; margin-bottom: 5px!important;}
.mtmb10 { margin-top: 10px; margin-bottom: 10px!important;}
.mtmb15 { margin-top: 15px; margin-bottom: 15px!important;}

.mlmrAuto {
	margin-left: auto!important;
	margin-right: auto!important;
}

/* em */
.m01em { margin: 0.1em!important;}
.m02em { margin: 0.2em!important;}
.m03em { margin: 0.3em!important;}
.m04em { margin: 0.4em!important;}
.m05em { margin: 0.5em!important;}
.m10em { margin: 1.0em!important;}
.m12em { margin: 1.2em!important;}
.m14em { margin: 1.4em!important;}
.m16em { margin: 1.6em!important;}
.m18em { margin: 1.8em!important;}
.m20em { margin: 2.0em!important;}

.mt01em { margin-top: 0.1em!important;}
.mt02em { margin-top: 0.2em!important;}
.mt03em { margin-top: 0.3em!important;}
.mt04em { margin-top: 0.4em!important;}
.mt05em { margin-top: 0.5em!important;}
.mt10em { margin-top: 1.0em!important;}
.mt12em { margin-top: 1.2em!important;}
.mt14em { margin-top: 1.4em!important;}
.mt16em { margin-top: 1.6em!important;}
.mt18em { margin-top: 1.8em!important;}
.mt20em { margin-top: 2.0em!important;}

.mr01em { margin-right: 0.1em!important;}
.mr02em { margin-right: 0.2em!important;}
.mr03em { margin-right: 0.3em!important;}
.mr04em { margin-right: 0.4em!important;}
.mr05em { margin-right: 0.5em!important;}
.mr10em { margin-right: 1.0em!important;}
.mr12em { margin-right: 1.2em!important;}
.mr14em { margin-right: 1.4em!important;}
.mr16em { margin-right: 1.6em!important;}
.mr18em { margin-right: 1.8em!important;}
.mr20em { margin-right: 2.0em!important;}

.mb01em { margin-bottom: 0.1em!important;}
.mb02em { margin-bottom: 0.2em!important;}
.mb03em { margin-bottom: 0.3em!important;}
.mb04em { margin-bottom: 0.4em!important;}
.mb05em { margin-bottom: 0.5em!important;}
.mb10em { margin-bottom: 1.0em!important;}
.mb12em { margin-bottom: 1.2em!important;}
.mb14em { margin-bottom: 1.4em!important;}
.mb16em { margin-bottom: 1.6em!important;}
.mb18em { margin-bottom: 1.8em!important;}
.mb20em { margin-bottom: 2.0em!important;}

.ml01em { margin-left: 0.1em!important;}
.ml02em { margin-left: 0.2em!important;}
.ml03em { margin-left: 0.3em!important;}
.ml04em { margin-left: 0.4em!important;}
.ml05em { margin-left: 0.5em!important;}
.ml10em { margin-left: 1.0em!important;}
.ml12em { margin-left: 1.2em!important;}
.ml14em { margin-left: 1.4em!important;}
.ml16em { margin-left: 1.6em!important;}
.ml18em { margin-left: 1.8em!important;}
.ml20em { margin-left: 2.0em!important;}

.mtmb01em { margin-top: 0.1em; margin-bottom: 0.1em!important;}
.mtmb02em { margin-top: 0.2em; margin-bottom: 0.2em!important;}
.mtmb03em { margin-top: 0.3em; margin-bottom: 0.3em!important;}
.mtmb04em { margin-top: 0.4em; margin-bottom: 0.4em!important;}
.mtmb05em { margin-top: 0.5em; margin-bottom: 0.5em!important;}
.mtmb10em { margin-top: 1.0em; margin-bottom: 1.0em!important;}
.mtmb12em { margin-top: 1.2em; margin-bottom: 1.2em!important;}
.mtmb14em { margin-top: 1.4em; margin-bottom: 1.4em!important;}
.mtmb16em { margin-top: 1.6em; margin-bottom: 1.6em!important;}
.mtmb18em { margin-top: 1.8em; margin-bottom: 1.8em!important;}
.mtmb20em { margin-top: 2.0em; margin-bottom: 2.0em!important;}

.mlmr01em { margin-left: 0.1em; margin-right: 0.1em!important;}
.mlmr02em { margin-left: 0.2em; margin-right: 0.2em!important;}
.mlmr03em { margin-left: 0.3em; margin-right: 0.3em!important;}
.mlmr04em { margin-left: 0.4em; margin-right: 0.4em!important;}
.mlmr05em { margin-left: 0.5em; margin-right: 0.5em!important;}
.mlmr10em { margin-left: 1.0em; margin-right: 1.0em!important;}
.mlmr12em { margin-left: 1.2em; margin-right: 1.2em!important;}
.mlmr14em { margin-left: 1.4em; margin-right: 1.4em!important;}
.mlmr16em { margin-left: 1.6em; margin-right: 1.6em!important;}
.mlmr18em { margin-left: 1.8em; margin-right: 1.8em!important;}
.mlmr20em { margin-left: 2.0em; margin-right: 2.0em!important;}

/* rem */
.m01rem { margin: 0.1rem!important;}
.m02rem { margin: 0.2rem!important;}
.m03rem { margin: 0.3rem!important;}
.m04rem { margin: 0.4rem!important;}
.m05rem { margin: 0.5rem!important;}
.m10rem { margin: 1.0rem!important;}
.m12rem { margin: 1.2rem!important;}
.m14rem { margin: 1.4rem!important;}
.m16rem { margin: 1.6rem!important;}
.m18rem { margin: 1.8rem!important;}
.m20rem { margin: 2.0rem!important;}

.mt01rem { margin-top: 0.1rem!important;}
.mt02rem { margin-top: 0.2rem!important;}
.mt03rem { margin-top: 0.3rem!important;}
.mt04rem { margin-top: 0.4rem!important;}
.mt05rem { margin-top: 0.5rem!important;}
.mt10rem { margin-top: 1.0rem!important;}
.mt12rem { margin-top: 1.2rem!important;}
.mt14rem { margin-top: 1.4rem!important;}
.mt16rem { margin-top: 1.6rem!important;}
.mt18rem { margin-top: 1.8rem!important;}
.mt20rem { margin-top: 2.0rem!important;}

.mr01rem { margin-right: 0.1rem!important;}
.mr02rem { margin-right: 0.2rem!important;}
.mr03rem { margin-right: 0.3rem!important;}
.mr04rem { margin-right: 0.4rem!important;}
.mr05rem { margin-right: 0.5rem!important;}
.mr10rem { margin-right: 1.0rem!important;}
.mr12rem { margin-right: 1.2rem!important;}
.mr14rem { margin-right: 1.4rem!important;}
.mr16rem { margin-right: 1.6rem!important;}
.mr18rem { margin-right: 1.8rem!important;}
.mr20rem { margin-right: 2.0rem!important;}

.mb01rem { margin-bottom: 0.1rem!important;}
.mb02rem { margin-bottom: 0.2rem!important;}
.mb03rem { margin-bottom: 0.3rem!important;}
.mb04rem { margin-bottom: 0.4rem!important;}
.mb05rem { margin-bottom: 0.5rem!important;}
.mb10rem { margin-bottom: 1.0rem!important;}
.mb12rem { margin-bottom: 1.2rem!important;}
.mb14rem { margin-bottom: 1.4rem!important;}
.mb16rem { margin-bottom: 1.6rem!important;}
.mb18rem { margin-bottom: 1.8rem!important;}
.mb20rem { margin-bottom: 2.0rem!important;}

.ml01rem { margin-left: 0.1rem!important;}
.ml02rem { margin-left: 0.2rem!important;}
.ml03rem { margin-left: 0.3rem!important;}
.ml04rem { margin-left: 0.4rem!important;}
.ml05rem { margin-left: 0.5rem!important;}
.ml10rem { margin-left: 1.0rem!important;}
.ml12rem { margin-left: 1.2rem!important;}
.ml14rem { margin-left: 1.4rem!important;}
.ml16rem { margin-left: 1.6rem!important;}
.ml18rem { margin-left: 1.8rem!important;}
.ml20rem { margin-left: 2.0rem!important;}

.mtmb01rem { margin-top: 0.1rem; margin-bottom: 0.1rem!important;}
.mtmb02rem { margin-top: 0.2rem; margin-bottom: 0.2rem!important;}
.mtmb03rem { margin-top: 0.3rem; margin-bottom: 0.3rem!important;}
.mtmb04rem { margin-top: 0.4rem; margin-bottom: 0.4rem!important;}
.mtmb05rem { margin-top: 0.5rem; margin-bottom: 0.5rem!important;}
.mtmb10rem { margin-top: 1.0rem; margin-bottom: 1.0rem!important;}
.mtmb12rem { margin-top: 1.2rem; margin-bottom: 1.2rem!important;}
.mtmb14rem { margin-top: 1.4rem; margin-bottom: 1.4rem!important;}
.mtmb16rem { margin-top: 1.6rem; margin-bottom: 1.6rem!important;}
.mtmb18rem { margin-top: 1.8rem; margin-bottom: 1.8rem!important;}
.mtmb20rem { margin-top: 2.0rem; margin-bottom: 2.0rem!important;}

.mlmr01rem { margin-left: 0.1rem; margin-right: 0.1rem!important;}
.mlmr02rem { margin-left: 0.2rem; margin-right: 0.2rem!important;}
.mlmr03rem { margin-left: 0.3rem; margin-right: 0.3rem!important;}
.mlmr04rem { margin-left: 0.4rem; margin-right: 0.4rem!important;}
.mlmr05rem { margin-left: 0.5rem; margin-right: 0.5rem!important;}
.mlmr10rem { margin-left: 1.0rem; margin-right: 1.0rem!important;}
.mlmr12rem { margin-left: 1.2rem; margin-right: 1.2rem!important;}
.mlmr14rem { margin-left: 1.4rem; margin-right: 1.4rem!important;}
.mlmr16rem { margin-left: 1.6rem; margin-right: 1.6rem!important;}
.mlmr18rem { margin-left: 1.8rem; margin-right: 1.8rem!important;}
.mlmr20rem { margin-left: 2.0rem; margin-right: 2.0rem!important;}


/* padding
------------------------------------------------ */
/* px */
.p1 { padding: 1px!important;}
.p3 { padding: 3px!important;}
.p5 { padding: 5px!important;}
.p10 { padding: 10px!important;}
.p15 { padding: 15px!important;}
.p20 { padding: 20px!important;}

.pt1 { padding-top: 1px!important;}
.pt2 { padding-top: 2px!important;}
.pt3 { padding-top: 3px!important;}
.pt4 { padding-top: 4px!important;}
.pt5 { padding-top: 5px!important;}
.pt6 { padding-top: 6px!important;}
.pt7 { padding-top: 7px!important;}
.pt8 { padding-top: 8px!important;}
.pt9 { padding-top: 9px!important;}
.pt10 { padding-top: 10px!important;}
.pt11 { padding-top: 11px!important;}
.pt12 { padding-top: 12px!important;}
.pt13 { padding-top: 13px!important;}
.pt14 { padding-top: 14px!important;}
.pt15 { padding-top: 15px!important;}
.pt20 { padding-top: 20px!important;}
.pt25 { padding-top: 25px!important;}
.pt30 { padding-top: 35px!important;}

.pr1 { padding-right: 1px!important;}
.pr2 { padding-right: 2px!important;}
.pr3 { padding-right: 3px!important;}
.pr4 { padding-right: 4px!important;}
.pr5 { padding-right: 5px!important;}
.pr6 { padding-right: 6px!important;}
.pr7 { padding-right: 7px!important;}
.pr8 { padding-right: 8px!important;}
.pr9 { padding-right: 9px!important;}
.pr10 { padding-right: 10px!important;}
.pr11 { padding-right: 11px!important;}
.pr12 { padding-right: 12px!important;}
.pr13 { padding-right: 13px!important;}
.pr14 { padding-right: 14px!important;}
.pr15 { padding-right: 15px!important;}
.pr16 { padding-right: 16px!important;}
.pr17 { padding-right: 17px!important;}
.pr18 { padding-right: 18px!important;}
.pr19 { padding-right: 19px!important;}
.pr20 { padding-right: 20px!important;}
.pr25 { padding-right: 25px!important;}
.pr30 { padding-right: 30px!important;}

.pb1 { padding-bottom: 1px!important;}
.pb2 { padding-bottom: 2px!important;}
.pb3 { padding-bottom: 3px!important;}
.pb4 { padding-bottom: 4px!important;}
.pb5 { padding-bottom: 5px!important;}
.pb6 { padding-bottom: 6px!important;}
.pb7 { padding-bottom: 7px!important;}
.pb8 { padding-bottom: 8px!important;}
.pb9 { padding-bottom: 9px!important;}
.pb10 { padding-bottom: 10px!important;}
.pb11 { padding-bottom: 11px!important;}
.pb12 { padding-bottom: 12px!important;}
.pb13 { padding-bottom: 13px!important;}
.pb14 { padding-bottom: 14px!important;}
.pb15 { padding-bottom: 15px!important;}
.pb20 { padding-bottom: 20px!important;}
.pb25 { padding-bottom: 25px!important;}
.pb30 { padding-bottom: 30px!important;}

.pl1 { padding-left: 1px!important;}
.pl2 { padding-left: 2px!important;}
.pl3 { padding-left: 3px!important;}
.pl4 { padding-left: 4px!important;}
.pl5 { padding-left: 5px!important;}
.pl6 { padding-left: 6px!important;}
.pl7 { padding-left: 7px!important;}
.pl8 { padding-left: 8px!important;}
.pl9 { padding-left: 9px!important;}
.pl10 { padding-left: 10px!important;}
.pl11 { padding-left: 11px!important;}
.pl12 { padding-left: 12px!important;}
.pl13 { padding-left: 13px!important;}
.pl14 { padding-left: 14px!important;}
.pl15 { padding-left: 15px!important;}
.pl20 { padding-left: 20px!important;}
.pl25 { padding-left: 25px!important;}
.pl30 { padding-left: 30px!important;}


.ptpb5 { padding-top: 5px; padding-bottom: 5px!important;}
.ptpb10 { padding-top: 10px; padding-bottom: 10px!important;}
.ptpb15 { padding-top: 15px; padding-bottom: 15px!important;}

.plpr5 { padding-left: 5px; padding-right: 5px!important;}
.plpr10 { padding-left: 10px; padding-right: 10px!important;}
.plpr15 { padding-left: 15px; padding-right: 15px!important;}
.plpr20 { padding-left: 20px; padding-right: 20px!important;}
.plpr25 { padding-left: 25px; padding-right: 25px!important;}
.plpr30 { padding-left: 30px; padding-right: 30px!important;}

/* em */
.p01em { padding: 0.1em!important;}
.p02em { padding: 0.2em!important;}
.p03em { padding: 0.3em!important;}
.p04em { padding: 0.4em!important;}
.p05em { padding: 0.5em!important;}
.p10em { padding: 1.0em!important;}
.p12em { padding: 1.2em!important;}
.p14em { padding: 1.4em!important;}
.p16em { padding: 1.6em!important;}
.p18em { padding: 1.8em!important;}
.p20em { padding: 2.0em!important;}

.pt01em { padding-top: 0.1em!important;}
.pt02em { padding-top: 0.2em!important;}
.pt03em { padding-top: 0.3em!important;}
.pt04em { padding-top: 0.4em!important;}
.pt10em { padding-top: 1.0em!important;}
.pt12em { padding-top: 1.2em!important;}
.pt14em { padding-top: 1.4em!important;}
.pt16em { padding-top: 1.6em!important;}
.pt18em { padding-top: 1.8em!important;}
.pt20em { padding-top: 2.0em!important;}

.pr01em { padding-right: 0.1em!important;}
.pr02em { padding-right: 0.2em!important;}
.pr03em { padding-right: 0.3em!important;}
.pr04em { padding-right: 0.4em!important;}
.pr05em { padding-right: 0.5em!important;}
.pr10em { padding-right: 1.0em!important;}
.pr12em { padding-right: 1.2em!important;}
.pr14em { padding-right: 1.4em!important;}
.pr16em { padding-right: 1.6em!important;}
.pr18em { padding-right: 1.8em!important;}
.pr20em { padding-right: 2.0em!important;}

.pb01em { padding-bottom: 0.1em!important;}
.pb02em { padding-bottom: 0.2em!important;}
.pb03em { padding-bottom: 0.3em!important;}
.pb04em { padding-bottom: 0.4em!important;}
.pb05em { padding-bottom: 0.5em!important;}
.pb10em { padding-bottom: 1.0em!important;}
.pb12em { padding-bottom: 1.2em!important;}
.pb14em { padding-bottom: 1.4em!important;}
.pb16em { padding-bottom: 1.6em!important;}
.pb18em { padding-bottom: 1.8em!important;}
.pb20em { padding-bottom: 2.0em!important;}

.pl01em { padding-left: 0.1em!important;}
.pl02em { padding-left: 0.2em!important;}
.pl03em { padding-left: 0.3em!important;}
.pl04em { padding-left: 0.4em!important;}
.pl05em { padding-left: 0.5em!important;}
.pl10em { padding-left: 1.0em!important;}
.pl12em { padding-left: 1.2em!important;}
.pl14em { padding-left: 1.4em!important;}
.pl16em { padding-left: 1.6em!important;}
.pl18em { padding-left: 1.8em!important;}
.pl20em { padding-left: 2.0em!important;}

.ptpb01em { padding-top: 0.1em; padding-bottom: 0.1em!important;}
.ptpb02em { padding-top: 0.2em; padding-bottom: 0.2em!important;}
.ptpb03em { padding-top: 0.3em; padding-bottom: 0.3em!important;}
.ptpb04em { padding-top: 0.4em; padding-bottom: 0.4em!important;}
.ptpb05em { padding-top: 0.5em; padding-bottom: 0.5em!important;}
.ptpb10em { padding-top: 1.0em; padding-bottom: 1.0em!important;}
.ptpb12em { padding-top: 1.2em; padding-bottom: 1.2em!important;}
.ptpb14em { padding-top: 1.4em; padding-bottom: 1.4em!important;}
.ptpb16em { padding-top: 1.6em; padding-bottom: 1.6em!important;}
.ptpb18em { padding-top: 1.8em; padding-bottom: 1.8em!important;}
.ptpb20em { padding-top: 2.0em; padding-bottom: 2.0em!important;}

.plpr01em { padding-left: 0.1em; padding-right: 0.1em!important;}
.plpr02em { padding-left: 0.2em; padding-right: 0.2em!important;}
.plpr03em { padding-left: 0.3em; padding-right: 0.3em!important;}
.plpr04em { padding-left: 0.4em; padding-right: 0.4em!important;}
.plpr05em { padding-left: 0.5em; padding-right: 0.5em!important;}
.plpr10em { padding-left: 1.0em; padding-right: 1.0em!important;}
.plpr12em { padding-left: 1.2em; padding-right: 1.2em!important;}
.plpr14em { padding-left: 1.4em; padding-right: 1.4em!important;}
.plpr16em { padding-left: 1.6em; padding-right: 1.6em!important;}
.plpr18em { padding-left: 1.8em; padding-right: 1.8em!important;}
.plpr20em { padding-left: 2.0em; padding-right: 2.0em!important;}

/* rem */
.p01rem { padding: 0.1rem!important;}
.p02rem { padding: 0.2rem!important;}
.p03rem { padding: 0.3rem!important;}
.p04rem { padding: 0.4rem!important;}
.p05rem { padding: 0.5rem!important;}
.p10rem { padding: 1.0rem!important;}
.p12rem { padding: 1.2rem!important;}
.p14rem { padding: 1.4rem!important;}
.p16rem { padding: 1.6rem!important;}
.p18rem { padding: 1.8rem!important;}
.p20rem { padding: 2.0rem!important;}

.pt01rem { padding-top: 0.1rem!important;}
.pt02rem { padding-top: 0.2rem!important;}
.pt03rem { padding-top: 0.3rem!important;}
.pt04rem { padding-top: 0.4rem!important;}
.pt10rem { padding-top: 1.0rem!important;}
.pt12rem { padding-top: 1.2rem!important;}
.pt14rem { padding-top: 1.4rem!important;}
.pt16rem { padding-top: 1.6rem!important;}
.pt18rem { padding-top: 1.8rem!important;}
.pt20rem { padding-top: 2.0rem!important;}

.pr01rem { padding-right: 0.1rem!important;}
.pr02rem { padding-right: 0.2rem!important;}
.pr03rem { padding-right: 0.3rem!important;}
.pr04rem { padding-right: 0.4rem!important;}
.pr05rem { padding-right: 0.5rem!important;}
.pr10rem { padding-right: 1.0rem!important;}
.pr12rem { padding-right: 1.2rem!important;}
.pr14rem { padding-right: 1.4rem!important;}
.pr16rem { padding-right: 1.6rem!important;}
.pr18rem { padding-right: 1.8rem!important;}
.pr20rem { padding-right: 2.0rem!important;}

.pb01rem { padding-bottom: 0.1rem!important;}
.pb02rem { padding-bottom: 0.2rem!important;}
.pb03rem { padding-bottom: 0.3rem!important;}
.pb04rem { padding-bottom: 0.4rem!important;}
.pb05rem { padding-bottom: 0.5rem!important;}
.pb10rem { padding-bottom: 1.0rem!important;}
.pb12rem { padding-bottom: 1.2rem!important;}
.pb14rem { padding-bottom: 1.4rem!important;}
.pb16rem { padding-bottom: 1.6rem!important;}
.pb18rem { padding-bottom: 1.8rem!important;}
.pb20rem { padding-bottom: 2.0rem!important;}

.pl01rem { padding-left: 0.1rem!important;}
.pl02rem { padding-left: 0.2rem!important;}
.pl03rem { padding-left: 0.3rem!important;}
.pl04rem { padding-left: 0.4rem!important;}
.pl05rem { padding-left: 0.5rem!important;}
.pl10rem { padding-left: 1.0rem!important;}
.pl12rem { padding-left: 1.2rem!important;}
.pl14rem { padding-left: 1.4rem!important;}
.pl16rem { padding-left: 1.6rem!important;}
.pl18rem { padding-left: 1.8rem!important;}
.pl20rem { padding-left: 2.0rem!important;}

.ptpb01rem { padding-top: 0.1rem; padding-bottom: 0.1rem!important;}
.ptpb02rem { padding-top: 0.2rem; padding-bottom: 0.2rem!important;}
.ptpb03rem { padding-top: 0.3rem; padding-bottom: 0.3rem!important;}
.ptpb04rem { padding-top: 0.4rem; padding-bottom: 0.4rem!important;}
.ptpb05rem { padding-top: 0.5rem; padding-bottom: 0.5rem!important;}
.ptpb10rem { padding-top: 1.0rem; padding-bottom: 1.0rem!important;}
.ptpb12rem { padding-top: 1.2rem; padding-bottom: 1.2rem!important;}
.ptpb14rem { padding-top: 1.4rem; padding-bottom: 1.4rem!important;}
.ptpb16rem { padding-top: 1.6rem; padding-bottom: 1.6rem!important;}
.ptpb18rem { padding-top: 1.8rem; padding-bottom: 1.8rem!important;}
.ptpb20rem { padding-top: 2.0rem; padding-bottom: 2.0rem!important;}

.plpr01rem { padding-left: 0.1rem; padding-right: 0.1rem!important;}
.plpr02rem { padding-left: 0.2rem; padding-right: 0.2rem!important;}
.plpr03rem { padding-left: 0.3rem; padding-right: 0.3rem!important;}
.plpr04rem { padding-left: 0.4rem; padding-right: 0.4rem!important;}
.plpr05rem { padding-left: 0.5rem; padding-right: 0.5rem!important;}
.plpr10rem { padding-left: 1.0rem; padding-right: 1.0rem!important;}
.plpr12rem { padding-left: 1.2rem; padding-right: 1.2rem!important;}
.plpr14rem { padding-left: 1.4rem; padding-right: 1.4rem!important;}
.plpr16rem { padding-left: 1.6rem; padding-right: 1.6rem!important;}
.plpr18rem { padding-left: 1.8rem; padding-right: 1.8rem!important;}
.plpr20rem { padding-left: 2.0rem; padding-right: 2.0rem!important;}


/* float
----------------------------------------------- */
.fl { float: left;}
.fr { float:right;}

/* clearfix
----------------------------------------------- */
.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	font-size: 0.1em;
}
.cf {
  min-height: 1px;
}
 * html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cb { clear: both;}

/* font-position
----------------------------------------------- */
.tac { text-align: center!important;}
.tar { text-align: right!important;}
.tal { text-align: left !important;}

.vat { vertical-align: top!important;}
.vam { vertical-align: middle!important;}
.vab { vertical-align: bottom!important;}

/* font-size
----------------------------------------------- */
.fs09 { font-size: 0.9rem!important;}
.fs10 { font-size: 10rem!important;}
.fs11 { font-size: 1.1rem!important;}
.fs12 { font-size: 1.2rem!important;}
.fs13 { font-size: 1.3rem!important;}
.fs14 { font-size: 1.4rem!important;}
.fs15 { font-size: 1.5rem!important;}
.fs16 { font-size: 1.6rem!important;}
.fs17 { font-size: 1.7rem!important;}
.fs18 { font-size: 1.8rem!important;}
.fs19 { font-size: 1.9rem!important;}
.fs20 { font-size: 2.0rem!important;}
.fs21 { font-size: 2.1rem!important;}
.fs22 { font-size: 2.2rem!important;}
.fs23 { font-size: 2.3rem!important;}
.fs24 { font-size: 2.4rem!important;}
.fs25 { font-size: 2.5rem!important;}

/* em */
.fs01em { font-size: 0.1em!important;}
.fs02em { font-size: 0.2em!important;}
.fs03em { font-size: 0.3em!important;}
.fs04em { font-size: 0.4em!important;}
.fs05em { font-size: 0.5em!important;}
.fs06em { font-size: 0.6em!important;}
.fs07em { font-size: 0.7em!important;}
.fs08em { font-size: 0.8em!important;}
.fs09em { font-size: 0.9em!important;}
.fs10em { font-size: 1.0em!important;}
.fs11em { font-size: 1.1em!important;}
.fs12em { font-size: 1.2em!important;}
.fs13em { font-size: 1.3em!important;}
.fs14em { font-size: 1.4em!important;}
.fs15em { font-size: 1.5em!important;}
.fs16em { font-size: 1.6em!important;}
.fs18em { font-size: 1.8em!important;}
.fs20em { font-size: 2.0em!important;}

/* font-familly
----------------------------------------------- */
.fsEng{
	font-family: 'Quicksand', sans-serif!important;
}

/* font-color
----------------------------------------------- */
.fcWhite { color: #FFFFFF!important;}
.fcBlack { color: #000!important;}
.fcRed { color: #f00!important;}
.fcOrange { color: #f60!important;}
.fcYellow { color: #fc0!important;}
.fcGreen { color: #360!important;}
.fcYgreen { color: #f90!important;}
.fcBlue { color: #03f!important;}
.fcLblue { color: #0cc!important;}
.fcPink { color: #f09!important;}
.fcPurple { color: #c0c!important;}


/* font-weight
----------------------------------------------- */
.fb { font-weight: bold !important;}

/* line-height
----------------------------------------------- */
.lh0p5 { line-height: 0.5em!important;}
.lh1p0 { line-height: 1.0em!important;}
.lh1p2 { line-height: 1.2em!important;}
.lh1p4 { line-height: 1.4em!important;}
.lh1p6 { line-height: 1.6em!important;}
.lh1p8 { line-height: 1.8em!important;}
.lh2p0 { line-height: 2.0em!important;}


/* background
------------------------------------------------ */
.bgNone { background-image: none!important;}
.bg01 { background: #FFFFFF!important;}
.bgGray01 { background: #dedede!important;}

/* border
------------------------------------------------ */
.bdr01 {
	border: solid 1px #dedede!important;}
.bdrT01 {
	border-top: solid 1px #dedede!important;}
.bdR01 {
	border-right: solid 1px #dedede!important;}
.bdrB01 {
	border-bottom: solid 1px #dedede!important;}
.bdrL01 {
	border-left: solid 1px #dedede!important;}
.bdrBDotted {
	border-bottom: dotted 1px #dedede!important;}


/*===BORDER EMBOSS================*/
.bdrEMB {
	border: 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff;
	margin: 20px 0;
}
@media screen and (max-width: 767px) {
.bdrEMB {
	border: 0;
	border-top: 1px solid #f4f1ea;
	border-bottom: 1px solid #fff;
	margin: 10px 0;
	margin-left: -14px;
	margin-right: -14px;
}
}

/* others
------------------------------------------------ */
a {
	text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

}

a:hover {
	text-decoration: underline;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;

}
.op img,
.op input {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.op:hover img,
.op:hover input {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.visible-pc {
	display: block;
}
.visible-ts {
	display: none;
}
.telsp a {
	cursor: default;
}
.formbox p {
	margin-bottom: 0.7em;
}
form.wpcf7-form {
	position: relative;
}
div.wpcf7-response-output {
	position: absolute;
	width: 46%;
	text-align: center;
	bottom: 0.6em;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	div.wpcf7-response-output {
		width: 80% !important;
	}
	
}
@media screen and (max-width: 767px) {
	.visible-ts {
		display: block;
	}
	.visible-pc {
		display: none;
	}
}
@media screen and (max-width: 667px) {
	div.wpcf7-response-output {
		position: inherit;
		text-align: left;
	}
}
@media screen and (max-width: 520px) {
	div.wpcf7-validation-errors,
	div.wpcf7-acceptance-missing,
	div.wpcf7-mail-sent-ok {
		font-size: 16px;
	}
}


/*190626追加*/
.koji_price{
    text-align: center;
    margin-bottom: 30px;
}
.option_price h3{
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.option_price p{
    text-align: center;
    font-size: 2.1rem;
    font-weight: bold;
    color: #f55e5e;
}
.about .txt p{
    font-size: 1.4rem;
    text-align: center;
}
.about .img .pic{
    display: none;
} 
.about .img .aboutpic{
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    text-align: center;
}
.form .back{
    font-size: 24px;
    color: #fff;
    width: 260px;
    height: 70px;
    line-height: 70px;
    background-color: #ccc;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    cursor:pointer;
	-webkit-appearance: none;
    margin-right: 10px;
}

.mw_wp_form_complete{
    width: 100%;
    max-width: 1000px;
    margin: 80px auto;
}

.mw_wp_form_complete h4{
    font-size: 3.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    color: #1183c7;
}
.mw_wp_form_complete .complete_txt{
    font-size: 1.8rem;
    text-align: center;
}

.mw_wp_form_complete .complete_txt .table03{
    margin: 20px auto;
}
.mw_wp_form_complete .complete_txt td{
    padding: 20px;
}
.mw_wp_form_complete .complete_txt .row1{
    background: #eee;
}
.mw_wp_form_complete .complete_txt .row2{
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #eee;
}
@media screen and (max-width: 767px) {
.about .img .aboutpic img{
    width: 80px;
    height: auto;
}
}

/**archiveのレイアウトここから***********/

.archive_wrapper{
    padding: 0 0 60px;
    border-top: 2px solid #ccc;
    background: #fffeeb;
}

.tit_blog{
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: #2f4d93;
    padding: 20px 0;
    margin-bottom: 60px;
}



.contents_inner{
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.archive_wrapper .contents_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.archive_wrapper .archive_list{
	width: 65%;
}
.archive_wrapper .archive_list h2{
    font-size: 24px;
    font-weight: bold;
    padding-left: 5px;
}

.archive_wrapper .archive_list .a_news{
	padding: 20px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.archive_wrapper .archive_list .a_news figure{
    width: 200px;
}
.archive_wrapper .archive_list .a_news .post_tit{
    width: calc( 100% - 220px );
}
.archive_wrapper .archive_list .a_news:first-child{
	border-top: 1px solid #ccc;
}



.archive_wrapper .archive_list .a_news .post-categories{
	margin-bottom: 4px;
}
.archive_wrapper .archive_list .a_news .post-categories li + li{
    margin-left: 10px;
}
.archive_wrapper .archive_list .a_news .post-categories a{
    font-size: 10px;
    width: auto;
    padding: 2px 12px;
    background-color: #111;
    color: #fff;
}
.archive_wrapper .archive_list .a_news .post-categories a:hover{
    text-decoration: none;
}
.archive_wrapper .archive_list .a_news time{
    font-size: 14px;
}

.archive_wrapper .archive_list .a_news dl{
	font-weight: bold;
    margin-bottom: 0.5em;
}
.archive_wrapper .archive_list .a_news dl dt{
	padding-right: 10px;
	box-sizing: border-box;
	display: inline-block;
}
.archive_wrapper .archive_list .a_news dl dd{
	display: inline-block;
    vertical-align: middle;
}
.archive_wrapper .archive_list .post_tit p{
    font-size: 18px;
    font-weight: bold;
}


.archive_wrapper aside{
	width: 35%;
	padding-left: 3.174603%;
	box-sizing: border-box;
}


/*サイドバーウィジェットのCSS設定ここから*/


.archive_wrapper aside .aside_inner .widget{
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 2px;
	box-sizing: border-box;
    background: #fff;
}
.archive_wrapper aside .aside_inner .widget .widgettitle{
	border: 1px solid #2f4d93;
	padding: 6px 0 6px 6px;
	box-sizing: border-box;
	color: #2f4d93;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 6px;
    font-size: 16px;
}

.archive_wrapper aside .aside_inner .widget ul li{
	padding: 8px;
	border-bottom: 1px dotted #ccc;
}
.archive_wrapper aside .aside_inner .widget ul li a{
	position: relative;
    width: 100%;
    font-size: 16px;
    display: block;
}

.archive_wrapper aside .aside_inner .widget ul li a:after{
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	content: "》";
	width: 16px;
	height: 16px;
}

.archive_wrapper aside .aside_inner .widget #wp-calendar{
	width: 100%;
	text-align: center;
}
.archive_wrapper aside .aside_inner .widget #wp-calendar caption{
	border: 1px solid #2f4d93;
	padding: 6px 0 6px 6px;
	box-sizing: border-box;
	color: #2f4d93;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 12px;
}
.archive_wrapper aside .aside_inner .widget #wp-calendar a{
	color: #2f4d93;
	text-decoration: underline;
}

.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children:after{
	content: '';
	width: 0;
	height: 0;
}
.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children .children{
	margin-top: 6px;
}

.archive_wrapper aside .aside_inner .widget_pages .page_item_has_children ul li{
	border-bottom: none;
	color: #777;
}
.archive_wrapper aside .aside_inner .widget_search{
	padding: 10px;
}


/*サイドバーウィジェットのCSS設定ここまで*/

@media screen and (max-width:767.9px) {
.archive_wrapper .archive_list{
	width: 100%;
	margin-bottom: 40px;
}
.archive_wrapper .archive_list .a_news dl{
	display: block;
}
.archive_wrapper .archive_list .a_news figure{
    width: 100%;
}
.archive_wrapper .archive_list .a_news .post_tit{
    width: 100%;
    margin-top: 10px;
}
.tit_blog{
    margin-bottom: 30px;
}

.archive_wrapper aside{
	width: 100%;
	padding-left: 0;
}
}

/*WP-pagenaviのページャー設定*/
.pager .wp-pagenavi{
	text-align: center;
	font-weight: bold;
	padding-top: 40px;
    width: 100%;
    font-size: 16px;
}

.pager .wp-pagenavi .pages{
	border:2px solid #ccc;
	color: #ccc;
	display: inline-block;
	padding: 6px;
	margin: 0 6px;
}
.pager .wp-pagenavi .current{
	padding: 6px 12px;
	color: #fff;
	border: 2px solid #2f4d93;
	background: #2f4d93;
	margin: 0 6px;
}

.pager .wp-pagenavi a{
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 6px;
}
.pager .wp-pagenavi .page{
	padding: 6px 12px;
	color: #2f4d93;
	border: 2px solid #2f4d93;
}
.pager .wp-pagenavi .firstpostslink,
.pager .wp-pagenavi .endpostslink,
.pager .wp-pagenavi .nextpostslink,
.pager .wp-pagenavi .previouspostslink{
	padding: 6px 12px;
	color: #2f4d93;
}
/*WP-pagenaviのページャー設定ここまで*/


/**archiveのレイアウトここまで***********/

/**singleのレイアウトここから***********/
.archive_wrapper .post_contents{
	width: 65%;
}

.post_contents .post_title{
	padding: 6px 0 6px 24px;
	border-left: 16px solid #2f4d93;
	box-sizing: border-box;
	margin-bottom: 40px;
}
.post_contents .post_title .post-categories{
	margin-bottom: 4px;
	display: inline-block;
}

.post_contents .post_title .post-categories a{
	font-size: 10px;
	display: inline-block;
	width: auto;
	padding: 2px 12px;
	background-color: #111;
	color: #fff;
	margin-right: 10px;
}
.post_contents .post_title time{
    font-size: 16px;
    vertical-align: middle;
}

.post_contents .post_title h3{
	font-size: 24px;
	font-weight: bold;
}
.post_contents .post_story{
	margin-bottom: 80px;
}
.post_contents .pager{
	display: flex;
	justify-content: space-between;
    font-size: 13px;
}

/*投稿記事内のコンテンツ投稿補助*/
.post_contents .post_story h2{
	font-size: 20px;
	color: #2f4d93;
	font-weight: 800;
	padding: 12px 0;
	border-bottom: 4px solid #2f4d93;
	margin-top: 60px;
	margin-bottom: 20px;
}
.post_contents .post_story h3{
	font-size: 18px;
	font-weight: 800;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 6px;
	background: #eee;
	margin-top: 40px;
	margin-bottom: 20px;
}
.post_contents .post_story h4{
	position: relative;
	font-size: 16px;
	font-weight: 800;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.post_contents .post_story h4:before{
	position: absolute;
	font-size: 16px;
	font-weight: 800;
	content: "●";
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
}
.post_contents .post_story a{
	width: auto;
	height: auto;
	display: inline-block;
	color: #2f4d93;
	text-decoration: underline;
}
.post_contents .post_story p{
	margin-bottom: 1em;
    font-size: 16px;
}
.post_contents .post_story img{
	margin-top: 1em;
	margin-bottom: 1em;
}

@media screen and (max-width:767.9px) {
.post_contents .post_story h2{
	margin-top: 40px;
	margin-bottom: 15px;
}
.post_contents .post_story h3{
	margin-top: 30px;
	margin-bottom: 15px;
}
.post_contents .post_story h4{
	margin-top: 20px;
	margin-bottom: 10px;
}
}
/*投稿記事内のコンテンツ投稿補助*/


@media screen and (max-width:767.9px) {
.archive_wrapper .post_contents{
	width: 100%;
	margin-bottom: 40px;
    padding: 0 10px;
}
.post_contents .post_story{
	margin-bottom: 40px;
}
}
/**singleのレイアウトここまで***********/


.archive_wrapper .eyecatch{
    margin-bottom: 30px;
}