/*
Theme Name: マウスピース矯正
Theme URI: https://mouthpiece-ortho.com/
Description: マウスピース矯正のテーマ
Author: 自分
Author URI: https://mouthpiece-ortho.com/
Version: 1.0
*/

/*============================================================
General settings
============================================================*/
img {
	border: none;
	max-width: 100%;
	vertical-align: top;
}

/*============================================================
基本設定
============================================================*/
:root {
	--w_max: 1220px;
	--color_default: #333;
	--color_01: #3EB5B9;
	--color_02: #F9F01F;
}

body {
	margin: 0px;
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: var(--color_default);
}

img {
	max-width: 100%;
	vertical-align: middle;
}
.btn_01 {
    width: 300px;
    padding: 15px 0px;
    border-radius: 50px;
    background-color: var(--color_01);
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 60px auto !important;
    cursor: pointer;
}
.btn_01 a{
	color:#fff;
	text-decoration: none;
	display: block;
}

/*============================================================
ヘッダー
============================================================*/
header#hd.hd_s {
	max-width: 960px;
	margin: 12px auto;
	width: calc(100% - 20px);
	display: block;
}

header#hd h1 {
	margin: 0px;
}

/*============================================================
メイン
============================================================*/
main#main_s {
	max-width: 960px;
	margin: 12px auto;
	width: calc(100% - 20px);
	display: block;
}

.Wrap_main_s {
	width: 960px;
	margin: 40px auto;
}


/*============================================================
フッター
============================================================*/
#ft.ft_s {
    max-width: 880px;
    width: calc(100% - 30px);
    margin: 140px auto 0px auto;
    text-align: center;
    padding: 20px 0px;
    border-top: solid 1px var(--color_default);
}