/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

/* ---------------------------------------------------------------- */
@media screen and (max-width: 640px) {

body {
	font-size: 1.5rem;
	line-height: 1.5;
	background:url(../../images/bg.jpg);
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */  
    margin-left:auto;
    margin-right:auto;
    max-width: 640px;
}

p{font-size: 1.5rem;line-height: 1.6;}
table{font-size: 1.4rem;line-height: 1.5;}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {
	-webkit-box-sizing: border-box;
    box-sizing: border-box; 
}

/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここから */
/* ---------------------------------------------------------------- */

/* header */

header {
	position:relative;
	width:100%;
	min-width:340px;
	background:#fff;
	border-top:3px solid #2e44c4;
}

header p.MenuBtn{ 
	position:absolute; 
	top:5px; 
	right:5px; 
	display:block;
	width:15%;
	text-align:right;
}

header div.HeaderInnerBox{
	margin:0 auto;
	max-width:640px;
	height:auto;
	padding-bottom:15px;
	overflow:hidden;
}


header  .Logo{ float:none; margin:0 auto; width:60%; text-align:center;}

header  .Logo img{ width:100%; max-width:309px; margin-left:-20%; }

header .head_right{
	width:80%;
	float:none;
	margin:0 auto 15px;
}

header .head_link{
	width:45%;
	padding:0;
	float:none;
	display:inline-block;
	font-size:1.3rem;
}

header .odenwa_bango{ width:100%; }
	
header .odenwa_bango li{ float:none; text-align:center; line-height:1em; } 

header .odenwa{
	line-height:1.5em;
}

header .bango{
	font-size:4rem;
}

p.PhoneMenu{ position:absolute; top:13px; left:3%;width:14%;}
p.PhoneMenu img{ }

header nav.nav {display:none;}


/* main */

article{
	margin:0 auto;
	padding:20px 0px 0px;
}

article section.home_main{
	padding:30px 0 0;
	}

article h1.main_copy{
	width:94%;
	margin:10px 2%;
	padding-bottom:8px;
	font-size:2.6rem;
	text-align:center;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 1), 0px 1px 1px rgba(255, 255, 255, 1), -1px 0px 1px rgba(255, 255, 255, 1), 0px -1px 1px rgba(255, 255, 255, 1);
}

article .home_read{
	width:90%;
	margin:0 auto;
	font-size:1.4rem;
	line-height:2.6rem;
	text-shadow:1px 0px 1px rgba(255, 255, 255, 1), 0px 1px 1px rgba(255, 255, 255, 1), -1px 0px 1px rgba(255, 255, 255, 1), 0px -1px 1px rgba(255, 255, 255, 1);
}

article .home_news{
	width:100%;
	max-width:640px;
}

article .window_width{
	margin:0 auto;
	padding:0;
	background-image:url("../../images/main_image.jpg");
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:bottom 300px center;
}

@media screen and (max-width: 450px) {
	article h1.main_copy{ font-size:2rem; }
	/*article .home_read{ font-size:1.3rem; line-height:2.5rem; }*/
    article .window_width{
        background-size:450px auto;
    }
}


@media screen and (max-width: 340px) {
	header{ width:100%; min-width:200px; }
	article .window_width{ width:100%; }
}

article section{
	width:100%;
	margin:0 auto 25px;
	padding:0 3%;
	}

/* 丸ここから */
article section .circle_menu_wrap{ display:none; }

article section .circle_menu_wrap_smart{
	margin-top:80px;
	display:block;
	width:100%;
}

article section .circle_menu_wrap_smart li{
	position:relative;
	width:100%;
	margin-bottom:5px;
}

article section .circle_menu_wrap_smart .circle_menu_s{
	overflow:hidden;
	width:100%;
	height:100px;
	background-color:#fff;
	border-top:2px solid #efefef;
	border-bottom:2px solid #efefef;
	border-radius:0;
	margin:0 auto;
	text-align:center;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:50%;
	box-shadow:0 0 0px rgba(0,0,0,.5);
}

article section .circle_menu_wrap_smart .circle_menu_s .menu_txt{
	/*position:relative;*/
	width:50%;
	float:right;
	padding-top:20px;
}

article section .circle_menu_wrap_smart .circle_menu_s .menu_txt+span{
	font-size:10rem;
}

article section .circle_menu_s .circle_arrow_s{
	position:absolute;
	bottom:25px;
	right:10px;
}
/* 丸ここまで */

article section h2{ font-size:2.0rem; margin-bottom:10px;}

article section .home_contact{
	display:none;
}

/* フッターリスト */

footer{
	width:100%;
}

footer .footer_info_smart{
	width:100%;
	max-width:640px;
	}

footer nav.nav ul{ width:100%; max-width:640px; margin:0 auto; text-align:center; padding:0; }

footer nav.nav ul li{ 
	float:none;
	display:inline-block;
	width:50%;
	text-align:center;
	border-bottom:1px solid #c5c9e5;
}

footer nav.nav ul li:nth-child(odd){
	border-right:1px solid #c5c9e5;
}

footer nav.nav ul li:nth-child(5), footer nav.nav ul li:nth-child(6){
	border-bottom:0px solid #999;
}

footer nav.nav ul li a{ 
	padding:5px 0;
	line-height:30px;
}

footer nav.nav ul li:last-child{
	border-right:0px solid #999;
	}

footer div.FooterInnerBox{
	width:100%;
	margin:0 auto;
	height:auto;
}

footer .footer_info_smart div{
	max-width:100%;
	width:100%;
}

footer .footer_info_smart div .mailto{
	float:none;
	width:200px;
	margin:0 auto;
	}
	
footer .footer_info_smart p{
	max-width:100%;
	width:100%;
	text-align:center;
	}

footer  .Logo{ float:none; margin:0 auto; width:60%; text-align:center;}

footer  .Logo img{ width:100%; max-width:309px; }

footer .footer_info_smart ul li{
	max-width:100%;
	width:100%;
	text-align:center;
	}

footer div.PageTopLink{ width:100%; padding:15px 3%; background-color:#c5c9e5;}

footer div.PageTopLink a{
	display:block;
	background-color:#FFFFFF;
	border-radius:5px;
	padding:10px;
	text-align:center;
	color:#333333;
	}

footer .footer_bottom{
	overflow:hidden;
	width:100%;
	height:70px;
	font-size:1.3rem;
	color:#eee;
	background:#373e3c;
	padding:10px 3%;
	margin-top:0px;
}

footer .footer_bottom_links{
	width:100%;
	text-align:center;
}

footer div.footer_bottom p{
	font-size:1.3rem;
	color:#eee;
}

footer div.footer_bottom p a:link{ color:#eee; }
footer div.footer_bottom p a:visited{ color:#eee; }

footer div.footer_bottom .Copy{
	float:left;
	width:100%;
	margin:5px 0;
	font-size:1rem;
	color:#aaa;
	text-align:center;
}
/* ---------------------------------------------------------------- */
/* 初期パーツのcss--ここまで */
/* ---------------------------------------------------------------- */

/* -------------------------------------------------- */

.SpNodisplay{ display:none !important;}

/* - FormStyle */

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea {font-size:1.6rem;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="submit"],
input[type="password"],
textarea {-webkit-appearance: none; border-radius: 0;}

/* - All padding */
.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */
.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */
.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */
.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */
.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* - Font size */
.txt10px_sp{font-size: 10px !important;font-size: 1.0rem !important;}
.txt11px_sp{font-size: 11px !important;font-size: 1.1rem !important;}
.txt12px_sp{font-size: 12px !important;font-size: 1.2rem !important;}
.txt13px_sp{font-size: 13px !important;font-size: 1.3rem !important;}
.txt14px_sp{font-size: 14px !important;font-size: 1.4rem !important;}
.txt15px_sp{font-size: 15px !important;font-size: 1.5rem !important;}
.txt16px_sp{font-size: 16px !important;font-size: 1.6rem !important;}
.txt17px_sp{font-size: 17px !important;font-size: 1.7rem !important;}
.txt18px_sp{font-size: 18px !important;font-size: 1.8rem !important;}
.txt19px_sp{font-size: 19px !important;font-size: 1.9rem !important;}
.txt20px_sp{font-size: 20px !important;font-size: 2.0rem !important;}
.txt21px_sp{font-size: 21px !important;font-size: 2.1rem !important;}
.txt22px_sp{font-size: 22px !important;font-size: 2.2rem !important;}
.txt23px_sp{font-size: 23px !important;font-size: 2.3rem !important;}
.txt24px_sp{font-size: 24px !important;font-size: 2.4rem !important;}
.txt25px_sp{font-size: 25px !important;font-size: 2.5rem !important;}
.txt26px_sp{font-size: 26px !important;font-size: 2.6rem !important;}

/* -line-height */
.LH100_sp{line-height:1.0 !important;}
.LH110_sp{line-height:1.1 !important;}
.LH120_sp{line-height:1.2 !important;}
.LH130_sp{line-height:1.3 !important;}
.LH140_sp{line-height:1.4 !important;}
.LH150_sp{line-height:1.5 !important;}
.LH160_sp{line-height:1.6 !important;}
.LH170_sp{line-height:1.7 !important;}
.LH180_sp{line-height:1.8 !important;}
.LH190_sp{line-height:1.9 !important;}
.LH200_sp{line-height:2.0 !important;}


/*　その他 */
.createBR_sp:before{
	content:"\A";
	white-space: pre ;
}

.createBR_pc:before{
	content:" ";
}

.tel_link{ display:inline-block;}

.no_tel_link{ display:none; }

.link_go::before{
	position:absolute;
	top:-2px;
	left:-24px;
	content:url(../images/circle_arrow.png);
}

}