@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	line-height: 1.4;
}
body {
	font-size: 18px;
	background-color: #efefef;
	color:#333333;
	min-width:1000px;
	line-height: 1.4;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-feature-settings: 'palt'

}

a {
text-decoration: none;
}

@media screen and (max-width: 979px) {
body {

	font-size: 16px;
	line-height: 1.8
		min-width:100%;
}

}


img {
	vertical-align: bottom;
}
.pc {
	display: block;
}
.sm {
	display: none;
}


.wrapper {
	padding:0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


/*　#####  h 基本テキスト */

h3{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #c8c8c8;
	margin: 0 auto 10px;
}

h4{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
	padding: 0 0 5px 0;

	margin: 0 auto 10px;
}

@media screen and (max-width: 979px) {
h3{
    font-size: 140%;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #c8c8c8;
	margin: 0 auto 10px;
}

h4{
    font-size: 140%;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
	padding: 0 0 5px 0;

	margin: 10px auto 0;
}
}


.txt_bold{
font-weight: bold;
}

.txt_red{
color: #cc0000;
}

.txt_big{
font-size: 120%;
}

.txt_small{
font-size: 90%;
}
.txt_rirgt{
text-align: right;
font-size: 24px;
padding:0 0 50px 0;
}

/*　#####  タイトル＆テキスト */



/*　#####  共通 */

.contents_box{
display: flex;
width:1000px;
padding:0 0;
margin:100px auto 0;
}

.main{
width:650px;
padding:0 0;
margin:0 auto 0;
}

.main_box{
width:586px;
padding:30px;
margin:20px auto;
border: 2px solid #c8c8c8;
background-color: #ffffff;
}

.main_box_contact{
width:650px;
padding:0;
margin:0 auto 50px;
}
.main_box_contact img{
width:100%;
height: auto;
}

.main_box_0{
width:650px;
padding:20px 0;
margin:20px auto;

}

@media screen and (max-width: 979px) {

.txt_rirgt{
text-align: right;
font-size: 110%;
padding:0 0 50px 0;
}
.contents_box{
display: flex;
width:100%;
padding:0 0;
margin:20px auto 0;
}

.main{
width:90%;
padding:0 0;
margin:0 auto 0;
}

.main_box{
width: calc(100% - 44px);
padding:20px;
margin:20px auto;
border: 2px solid #c8c8c8;
background-color: #ffffff;
}
.main_box.end{
margin:20px auto 40px;
}
	
.main_box_contact{
width:100%;
padding:0 0;
margin:0 auto 40px;
}
.main_box_contact img{
width:100%;
height: auto;
}
	
.main_box_0{
width:100%;
padding:20px 0;
margin:0 auto;

}

}

.side{
width:350px;
padding:0 0;
margin:0 auto 0;
}

.side_box{
width:260px;
padding:20px;
margin:0 0 0 40px;
border: 5px solid #cccccc;
background-color: #ffffff;
position: sticky;
top: 20px;
}

.cre{
padding: 0 0 20px 0;
border-bottom: 2px solid #c8c8c8;
margin: 10px auto;
}

.cre img{
width: 60%;
height: auto;
padding: 0 20px 0 0;
}

@media screen and (max-width: 979px) {
.side{
width:100%;
padding:0 0;
margin:0 auto 0;
}

.side_box{
width:90%;
padding:20px;
margin:0;
border: 4px solid #cccccc;
background-color: #ffffff;
position: static;
top: 20px;
width: calc(100% - 46px);
}



.cre{
padding:10px 0;
border-bottom: 2px solid #c8c8c8;
margin: 0 auto;
}

.cre img{
padding: 0 10px 10px 0;
width: 100%;
}
}

.boder_bottom_box{
margin: 0 auto 10px;
padding:0 0 10px 0;
border-bottom: 2px solid #c8c8c8;
}

.row{
display: flex;
flex-wrap: wrap;
padding:0 0;
margin:10xp auto;

}

.col_50_left{
width: 60%;
padding:5px 0 0 0;
margin:0 auto;
text-align: left;
font-size: 16px;
}

.col_50_right{
width: 40%;
padding:5px 0 0 0;
margin:0 auto;
text-align: right;
font-size: 16px;
}

.col_25{
width: 25%;
padding:0 0;
margin:0 auto;
text-align: center;
}

.col_25 img{
width: 90%;
margin:0 auto;
text-align: center;
}


.row_02{
display: flex;
flex-wrap: wrap;
padding:0 0;
margin:10px auto;
border-bottom: 2px solid #c8c8c8;
}
.row_02.end{
margin:10px auto 20px;
}

.col_120{
width: 120px;
padding:10px 0;
margin:0;
text-align: left;
}

.col_170{
width: 170px;
padding:10px 0;
margin:0 auto;
text-align: right;
}

.col_290{
width: 270px;
padding:10px 10px;
margin:0 auto;
text-align: left;
}

.col02_120{
width: 120px;
padding:10px 0;
margin:0;
text-align: left;
}

.col02_170{
width: 170px;
padding:10px 0;
margin:0 auto;
text-align: center;
font-size: 20px;
}

.col02_290{
width: 270px;
padding:10px 10px;
margin:0 auto;
text-align: left;
font-size: 16px;
}

.col03_290{
width: 586px;
padding:10px 10px;
margin:0 0;
text-align: left;
}

.m-form-text {
    height: 2.4em;
    width: 620px;
    padding: 0 15px;
    border: none;
    box-shadow: 0 0 0 3px #c8c8c8 inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	margin:0 auto 20px;
	font-size: 140%;
}
.special-offer {
	background: linear-gradient(to right, #DDC180, #F5EEDB);
	padding: 20px;
	margin: 20px 0 20px 0;
	text-align: center;
}
.special-offer p strong {
    font-size: 1.2em; /* 大きな文字サイズ */
}

.special-offer .highlight-text {
    color: #B30B22; /* 任意の色に変更 */
    font-size: 1.5em; /* 任意の大きさに変更 */
}

@media screen and (max-width: 979px) {
.row_02{
display: flex;
flex-wrap: wrap;
padding:0 0;
margin:10px auto;
border-bottom: 2px solid #c8c8c8;
}
.row_02.end{
margin:10px auto 20px;
}

	
.col_120{
width: 30%;
padding:10px 0;
margin:0;
text-align: left;
}
.col_120 img{
width: 90%;
}

.col_170{
width: 100%;
padding:10px 0;
margin:0 auto;
text-align: right;
}


.col_290{
width: 70%;
padding:10px 0;
margin:0 auto;
text-align: left;
}

.col02_120{
width: 30%;
padding:10px 0;
margin:0;
text-align: left;
}

.col02_120 img{
width: 90%;

}


.col02_170{
width: 100%;
padding:10px 0;
margin:0 auto;
text-align: right;
font-size: 20px;
}

.col02_290{
width: 70%;
padding:10px 0;
margin:0 auto;
text-align: left;
font-size: 16px;
}

.col03_290{
width: 70%;
padding:10px 0;
margin:0 auto;
text-align: left;
font-size: 16px;
}

.m-form-text {
margin: 10px auto 10px;
font-size: 140%;
width: calc(100% - 20px);
padding: 0 10px;
}
.special-offer {
	background: linear-gradient(to right, #DDC180, #F5EEDB);
	padding: 20px;
	margin: 20px 0 20px 0;
	text-align: center;
}
.special-offer p strong {
    font-size: 1.1em; /* 大きな文字サイズ */
}

.special-offer .highlight-text {
    color: #B30B22; /* 任意の色に変更 */
    font-size: 1.5em; /* 任意の大きさに変更 */
}
}



@media screen and (max-width: 979px) {
.title_a {
font-family: 'BIZ UDMincho', serif;
    font-size: 150%;
    text-align: center;
    font-weight: normal;
    line-height: 1.4;
	padding: 0 0 10px 0;
}

.title_a_boder {
    width: 35%;
    position: relative;
    padding: 0;
    border-bottom: 3px solid #333333;
    margin: 10px auto 20px;

}
.title_a_boder:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 10%;
    height: 3px;
    content: '';
    background: #85bf23;
}


.title_as {
font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size:90%;
    color: #333333;
}




/*　#####  共通 */






.row{
display: flex;
flex-wrap: wrap;
width:90%;
padding:0 0;
margin:20px auto;
}

.col_50{
width:100%;
padding:0 0;
margin:0 auto;

}

.col_25{
width: 50%;
padding:0 0;
margin:0 auto;
text-align: center;
}

.col_25 img{
width: 90%;
margin:20px auto;
text-align: center;
}

.col_33{
width: 50%;
padding:0 0;
margin:0 auto;
text-align: center;
}
}

/*　#####  ヘッダ */



.head{
padding:0;
margin: 0 auto;
width: 100%;
text-align: center;
background-color: #ffffff;
}

.head_box {
display: flex;
justify-content: space-between;
padding:0;
margin: 0 auto;
width: 1000px;
text-align: center;
height: 85px;
}



.head_logo {
padding: 8px 0 0 0;
text-align: left;
}

.head_btm {
margin:0;
padding: 25px 0 0 0;
text-align: right;
}


.btm_01{
display: block;
width: 100%;
background-color: #2bbcc0;
margin: 10px auto;
padding: 5px 0;
color: #ffffff;
text-align: center;
font-weight: bold;
}

.btm_01 i{
color: #ffffff;
padding: 0 0 0 10px;
}

.btm_01:hover{
color: #ffff00;
}

.btm_01 i:hover{
color: #ffff00;
}

.btm_02{
display: block;
width: 100%;
background-color: #ff9933;
margin: 10px auto;
padding: 5px 0;
color: #ffffff;
text-align: center;
font-weight: bold;
}

.btm_02 i{
color: #ffffff;
padding: 0 0 0 10px;
}

.btm_02:hover{
color: #ffff00;
}

.btm_02 i:hover{
color: #ffff00;
}


@media screen and (max-width: 979px) {

.head {
background-color: #ffffff;

}


.head_box {
display: flex;
justify-content: space-between;
	padding:0 0 15px 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	height: auto;
	background-color: #ffffff;
}

.head_logo {
padding: 15px 0 0 10px;
width: 70%;
}

.head_logo img {
width: 70%;
}

.head_btm {
margin:0;
padding: 10px 10px 0 0;
width: 30%;
text-align: right;
}

.head_btm img {
width: 40%;
}

.btm_01{
background-color: ##2bbcc0;
margin: 0 auto 10px;
padding: 5px 0;
color: #ffffff;
width: 100%;
font-size: 130%;
}

.btm_01 i{
color: #ffffff;
padding: 0 0 0 10px;
}

.btm_01:hover{
color: #ffff00;
}

.btm_01 i:hover{
color: #ffff00;
}

.btm_02{
font-size: 130%;
background-color: #ff9933;
margin: 0 auto 10px;
padding: 5px 0;
color: #ffffff;
width: 100%;
}

.btm_02 i{
color: #ffffff;
padding: 0 0 0 10px;

}

.btm_02:hover{
color: #ffff00;
}

.btm_02 i:hover{
color: #ffff00;
}
}










@media screen and (max-width: 979px) {
.pc {
	display: none;
}
.sm {
	display: block;
}



}




.foonter{
margin: 50px auto 0;
background-color: #333333;
padding: 20px 0 20px 0;
text-align: center;
color: #ffffff;
}
.foonter a{

color: #ffffff;
}


@media screen and (max-width: 979px) {
body {

    min-width: 100%;
}
.max_w {
	max-width: 100%;

}

.max_w90 {
	max-width: 90%;

}

.max_w70 {
	max-width: 70%;

}

}