@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
a{text-decoration: none;}
.mb_0{margin-bottom: 0 !important}

.body{max-width: 100%;color: #333;margin: 0 auto;font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; serif}
.header{overflow: hidden;padding: 20px 0;border-bottom: 1px solid #ccc}
.header .logo{float: left;width: 240px}
.header .logo img{width: 100%}
.header .txt{float: right;width: 120px;font-size: 20px;font-weight: bold;padding-top: 5px}
.breadcrumb{padding: 15px 0}
.breadcrumb .breadcrumb_box{overflow: hidden}
.breadcrumb .breadcrumb_item{float: left;font-size: 14px;position: relative}
.breadcrumb .breadcrumb_item a{color: #a95b0d;text-decoration: underline}
.mv{margin: 0px auto 60px; width:980px;}
.mv h1 img{width: 100%}
.table_of_contents {padding: 0 40px;margin:0 auto 50px}
.table_of_contents_box {border: 2px solid #eeeeee;border-radius: 5px}
.table_of_contents_title {padding:10px;background-color: #eeeeee}
.table_of_contents h2 {font-size: 26px;font-weight: bold;text-align: center}
.table_of_contents_inbox {padding: 25px 40px}
.table_of_contents_item {padding:15px 0 7px;border-bottom: 2px dotted #eeeeee}
.table_of_contents_item:last-child {border-bottom: none}
.table_of_contents_txt {margin-bottom: 8px;font-size: 18px}
.table_of_contents_txt a {color: #000}
.table_of_contents_txt a:hover {text-decoration: underline}
.orange {color: #f49335;font-weight: bold}
.article {padding: 0 40px;margin-bottom: 50px}
.article h2 {font-size: 24px;font-weight: bold;padding: 15px 30px;background: #f49335;color: #fff;margin-bottom: 30px;border-radius: 10px}
.article_img {width: 100%; margin-bottom: 30px}
.article_img img {width: 100%}
.article_txt {font-size: 18px;margin-bottom: 10px;line-height: 1.8}
.article_txt:last-child {margin-bottom: 0}
.article_img_sub_title {font-size: 16px;margin-bottom: 20px}
.article_item {border: 2px solid #E2E2E2;border-radius: 5px;margin-bottom: 30px;box-shadow: 0px 8px 17px 0px rgba(182, 182, 182, 0.35)}
.article_item_title {padding: 15px 30px;background-color: #ffe7c2;font-size: 22px;font-weight: bold}
.article_item_txt_box {padding: 10px 40px}
.article_item_txt {font-size: 18px;line-height: 1.8;padding: 30px 0;border-bottom: 2px dotted #eeeeee}
.article_item_txt:last-child {border-bottom: none}
.article_item_txt .annotation_01 {display: block; font-size: 14px;margin-top: 20px}
.article_item_txt .article_item_img {display: block;text-align: center;padding: 30px 80px 0}
.article_item_txt .article_item_img img {width: 100%}
.article .annotation_02 {font-size: 14px;text-align: right;margin-bottom: 30px}
.article_img_mb_04 {margin-bottom: 20px}
.transition_btn{padding: 0 40px;margin: 50px auto}
.transition_btn img{width: 100%}
.induction{padding: 0 40px}
.induction .txt{font-size: 16px;line-height: 1.8;margin-bottom: 30px}
.induction .btn{max-width: 340px;margin: 0 auto 30px;position: relative}
.induction .btn a{display: flex;align-items: center;background: #119cb0;color: #fff;padding: 10px 70px 10px 10px;border-radius: 50px;position: relative}
.induction .btn a .btn_icon{background-color: #fff;padding: 10px;border-radius: 50%;width: 35px;height: 35px;line-height: 1.2;vertical-align: middle;text-align: center;font-size: 14px;font-weight: bold;color: #e87f17}
.induction .btn a .btn_txt{margin-left: 50px;font-size: 22px;font-weight: bold}
.induction .btn::after{position: absolute;right: 2%;top: 43%;content: '';width: 0;height: 0;border: solid transparent;border-width: 5px 5px;border-left-color: #fff}
footer{padding: 20px 0;border-top: 1px solid #323232}
footer p{text-align: center;font-size: 10px}

@media screen and (max-width: 750px){
.header{padding: 15px 10px}
.header .logo{width: 38%}
.header .txt{font-size: 14px;width: 85px;padding-top: 0}
.breadcrumb{padding: 12px 10px}
.breadcrumb .breadcrumb_item{font-size: 12px}
.mv{margin-bottom: 50px; width:100%;}
.table_of_contents {padding: 0 20px}
.table_of_contents h2 {font-size: 18px}
.table_of_contents_inbox {padding: 5px 20px}
.table_of_contents_txt {font-size: 14px}
.article {padding: 0 20px}
.article h2 {font-size: 18px}
.article_txt {font-size: 14px}
.article_img_sub_title {font-size: 12px;margin-bottom: 10px}
.article_item_title {font-size: 16px}
.article_item_txt_box {padding: 0 20px}
.article_item_txt {font-size: 14px;padding: 20px 0}
.article_item_txt .annotation_01 {font-size: 12px}
.article_item_txt .article_item_img {padding: 30px 30px 0}
.article .annotation_02 {font-size: 12px}
.article_img_mb_04 {margin-bottom: 10px}
.transition_btn{padding: 0 20px;margin: 0 0 30px 0}
.induction{padding: 0 20px}
.induction .txt{font-size: 14px}
.induction .btn a{padding: 10px}
.induction .btn a .btn_txt{font-size: 20px}
}
@media screen and (max-width: 380px){
.induction .btn a .btn_txt{margin-left: 10%}
.mv{margin-bottom: 50px; width:100%;}
}